@charset "UTF-8";
/* ----------------------------------------------------------------- 样式重置 & 常用样式 --------------------------------------------------------------- */
html { line-height: 1.15; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

main { display: block; }

h1 { font-size: 2em; margin: 0.67em 0; }

hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; }

pre { font-family: monospace,monospace; font-size: 1em; }

a { background-color: transparent; }

abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }

b, strong { font-weight: bolder; }

code, kbd, samp { font-family: monospace,monospace; font-size: 1em; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img { border-style: none; }

button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { padding: 0.35em 0.75em 0.625em; }

legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

progress { vertical-align: baseline; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

details { display: block; }

summary { display: list-item; }

template { display: none; }

[hidden] { display: none; }

html { -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "微软雅黑", Verdana, "Hiragino Sans GB", "Hiragino Sans GB W3", "宋体", Helvetica, Arial, sans-serif; -webkit-text-size-adjust: 100%; }

*, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; }

body { font-size: 14px; color: #333d48; background: #f8f9fb; min-width: 1200px; min-height: 100vh; }

body::-webkit-scrollbar { width: 8px; height: 8px; border-radius: 8px; background-color: #f5f5f5; }

body::-webkit-scrollbar-track { border-radius: 8px; background-color: #f5f5f5; }

body::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #d2d2d2; }

body::-webkit-scrollbar-thumb:hover { background: rgba(210, 210, 210, 0.8); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

table { border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: inherit; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, audio, canvas, progress, video, body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, a, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea { margin: 0; padding: 0; font-weight: normal; font-style: normal; font-family: inherit; -webkit-box-sizing: border-box; box-sizing: border-box; }

ul, li, ol { list-style: none; line-height: normal; }

i, address, cite, dfn, em, var { font-style: normal; }

input[type=date] { outline: none; border: none; }

a { text-decoration: none; color: #333d48; background-color: transparent; -webkit-text-decoration-skip: objects; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

a:active, a:hover, a:focus { color: #2a52a3; outline-width: 0; }

video { border: none; outline: none; display: block; width: 100%; }

img, input[type=text], input[type=submit], input[type=password], textarea, select, button, footer, header { -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }

input[type=file] { cursor: pointer; }

img { width: auto; max-width: 100%; -ms-interpolation-mode: bicubic; }

.uc-content { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; }

.uc-show { display: block !important; }

.uc-hide { display: none !important; }

.uc-h98 { width: 100%; height: 98px; }

.uc-bg { background-color: #fff; }

.uc-b { font-weight: bold; }

.uc-small { font-size: .875em; }

.uc-big { font-size: 1.25em; }

.uc-ma { margin-left: auto; margin-right: auto; }

.uc-lineCenter { text-decoration: line-through; }

.uc-del { text-decoration: line-through; color: #999; margin-left: 20px; }

.uc-del:first-child { margin-left: 0; }

.animate, .uc-animate, .uc-revealOnScroll { opacity: 0; }

.uc-left { float: left; }

.uc-right { float: right; }

.uc-underline { text-decoration: underline !important; }

.uc-tLeft { text-align: left !important; }

.uc-tCenter { text-align: center !important; }

.uc-tRight { text-align: right !important; }

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

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

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

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

.uc-pd0 { padding: 0px !important; }

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

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

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

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

.uc-mg0 { margin: 0px !important; }

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

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

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

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

.uc-pd5 { padding: 5px !important; }

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

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

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

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

.uc-mg5 { margin: 5px !important; }

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

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

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

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

.uc-pd10 { padding: 10px !important; }

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

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

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

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

.uc-mg10 { margin: 10px !important; }

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

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

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

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

.uc-pd15 { padding: 15px !important; }

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

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

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

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

.uc-mg15 { margin: 15px !important; }

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

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

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

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

.uc-pd20 { padding: 20px !important; }

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

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

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

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

.uc-mg20 { margin: 20px !important; }

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

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

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

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

.uc-pd25 { padding: 25px !important; }

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

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

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

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

.uc-mg25 { margin: 25px !important; }

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

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

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

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

.uc-pd30 { padding: 30px !important; }

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

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

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

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

.uc-mg30 { margin: 30px !important; }

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

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

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

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

.uc-pd35 { padding: 35px !important; }

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

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

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

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

.uc-mg35 { margin: 35px !important; }

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

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

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

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

.uc-pd40 { padding: 40px !important; }

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

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

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

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

.uc-mg40 { margin: 40px !important; }

.uc-pt45 { padding-top: 45px !important; }

.uc-pb45 { padding-bottom: 45px !important; }

.uc-pl45 { padding-left: 45px !important; }

.uc-pr45 { padding-right: 45px !important; }

.uc-pd45 { padding: 45px !important; }

.uc-mt45 { margin-top: 45px !important; }

.uc-mb45 { margin-bottom: 45px !important; }

.uc-ml45 { margin-left: 45px !important; }

.uc-mr45 { margin-right: 45px !important; }

.uc-mg45 { margin: 45px !important; }

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

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

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

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

.uc-pd50 { padding: 50px !important; }

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

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

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

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

.uc-mg50 { margin: 50px !important; }

.uc-pt55 { padding-top: 55px !important; }

.uc-pb55 { padding-bottom: 55px !important; }

.uc-pl55 { padding-left: 55px !important; }

.uc-pr55 { padding-right: 55px !important; }

.uc-pd55 { padding: 55px !important; }

.uc-mt55 { margin-top: 55px !important; }

.uc-mb55 { margin-bottom: 55px !important; }

.uc-ml55 { margin-left: 55px !important; }

.uc-mr55 { margin-right: 55px !important; }

.uc-mg55 { margin: 55px !important; }

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

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

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

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

.uc-pd60 { padding: 60px !important; }

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

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

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

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

.uc-mg60 { margin: 60px !important; }

.uc-pt65 { padding-top: 65px !important; }

.uc-pb65 { padding-bottom: 65px !important; }

.uc-pl65 { padding-left: 65px !important; }

.uc-pr65 { padding-right: 65px !important; }

.uc-pd65 { padding: 65px !important; }

.uc-mt65 { margin-top: 65px !important; }

.uc-mb65 { margin-bottom: 65px !important; }

.uc-ml65 { margin-left: 65px !important; }

.uc-mr65 { margin-right: 65px !important; }

.uc-mg65 { margin: 65px !important; }

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

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

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

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

.uc-pd70 { padding: 70px !important; }

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

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

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

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

.uc-mg70 { margin: 70px !important; }

.uc-pt75 { padding-top: 75px !important; }

.uc-pb75 { padding-bottom: 75px !important; }

.uc-pl75 { padding-left: 75px !important; }

.uc-pr75 { padding-right: 75px !important; }

.uc-pd75 { padding: 75px !important; }

.uc-mt75 { margin-top: 75px !important; }

.uc-mb75 { margin-bottom: 75px !important; }

.uc-ml75 { margin-left: 75px !important; }

.uc-mr75 { margin-right: 75px !important; }

.uc-mg75 { margin: 75px !important; }

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

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

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

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

.uc-pd80 { padding: 80px !important; }

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

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

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

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

.uc-mg80 { margin: 80px !important; }

.uc-pt85 { padding-top: 85px !important; }

.uc-pb85 { padding-bottom: 85px !important; }

.uc-pl85 { padding-left: 85px !important; }

.uc-pr85 { padding-right: 85px !important; }

.uc-pd85 { padding: 85px !important; }

.uc-mt85 { margin-top: 85px !important; }

.uc-mb85 { margin-bottom: 85px !important; }

.uc-ml85 { margin-left: 85px !important; }

.uc-mr85 { margin-right: 85px !important; }

.uc-mg85 { margin: 85px !important; }

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

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

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

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

.uc-pd90 { padding: 90px !important; }

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

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

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

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

.uc-mg90 { margin: 90px !important; }

.uc-pt95 { padding-top: 95px !important; }

.uc-pb95 { padding-bottom: 95px !important; }

.uc-pl95 { padding-left: 95px !important; }

.uc-pr95 { padding-right: 95px !important; }

.uc-pd95 { padding: 95px !important; }

.uc-mt95 { margin-top: 95px !important; }

.uc-mb95 { margin-bottom: 95px !important; }

.uc-ml95 { margin-left: 95px !important; }

.uc-mr95 { margin-right: 95px !important; }

.uc-mg95 { margin: 95px !important; }

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

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

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

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

.uc-pd100 { padding: 100px !important; }

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

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

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

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

.uc-mg100 { margin: 100px !important; }

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

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

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

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

.uc-pd110 { padding: 110px !important; }

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

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

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

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

.uc-mg110 { margin: 110px !important; }

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

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

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

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

.uc-pd120 { padding: 120px !important; }

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

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

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

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

.uc-mg120 { margin: 120px !important; }

.uc-pt150 { padding-top: 150px !important; }

.uc-pb150 { padding-bottom: 150px !important; }

.uc-pl150 { padding-left: 150px !important; }

.uc-pr150 { padding-right: 150px !important; }

.uc-pd150 { padding: 150px !important; }

.uc-mt150 { margin-top: 150px !important; }

.uc-mb150 { margin-bottom: 150px !important; }

.uc-ml150 { margin-left: 150px !important; }

.uc-mr150 { margin-right: 150px !important; }

.uc-mg150 { margin: 150px !important; }

.uc-pt160 { padding-top: 160px !important; }

.uc-pb160 { padding-bottom: 160px !important; }

.uc-pl160 { padding-left: 160px !important; }

.uc-pr160 { padding-right: 160px !important; }

.uc-pd160 { padding: 160px !important; }

.uc-mt160 { margin-top: 160px !important; }

.uc-mb160 { margin-bottom: 160px !important; }

.uc-ml160 { margin-left: 160px !important; }

.uc-mr160 { margin-right: 160px !important; }

.uc-mg160 { margin: 160px !important; }

.uc-pt180 { padding-top: 180px !important; }

.uc-pb180 { padding-bottom: 180px !important; }

.uc-pl180 { padding-left: 180px !important; }

.uc-pr180 { padding-right: 180px !important; }

.uc-pd180 { padding: 180px !important; }

.uc-mt180 { margin-top: 180px !important; }

.uc-mb180 { margin-bottom: 180px !important; }

.uc-ml180 { margin-left: 180px !important; }

.uc-mr180 { margin-right: 180px !important; }

.uc-mg180 { margin: 180px !important; }

.uc-pt200 { padding-top: 200px !important; }

.uc-pb200 { padding-bottom: 200px !important; }

.uc-pl200 { padding-left: 200px !important; }

.uc-pr200 { padding-right: 200px !important; }

.uc-pd200 { padding: 200px !important; }

.uc-mt200 { margin-top: 200px !important; }

.uc-mb200 { margin-bottom: 200px !important; }

.uc-ml200 { margin-left: 200px !important; }

.uc-mr200 { margin-right: 200px !important; }

.uc-mg200 { margin: 200px !important; }

.uc-w50 { width: 50px !important; }

.uc-w80 { width: 80px !important; }

.uc-w100 { width: 100px !important; }

.uc-w150 { width: 150px !important; }

.uc-w200 { width: 200px !important; }

.uc-w250 { width: 250px !important; }

.uc-w300 { width: 300px !important; }

.uc-w350 { width: 350px !important; }

.uc-w400 { width: 400px !important; }

.uc-w450 { width: 450px !important; }

.uc-w500 { width: 500px !important; }

.uc-w550 { width: 550px !important; }

.uc-w600 { width: 600px !important; }

.uc-w650 { width: 650px !important; }

.uc-w700 { width: 700px !important; }

.uc-w750 { width: 750px !important; }

.uc-w800 { width: 800px !important; }

.uc-w850 { width: 850px !important; }

.uc-w900 { width: 900px !important; }

.uc-w950 { width: 950px !important; }

.uc-w1000 { width: 1000px !important; }

.uc-w1050 { width: 1050px !important; }

.uc-w1100 { width: 1100px !important; }

.uc-w1150 { width: 1150px !important; }

.uc-w1200 { width: 1200px !important; }

.uc-w1250 { width: 1250px !important; }

.uc-w1300 { width: 1300px !important; }

.uc-w1350 { width: 1350px !important; }

.uc-w1400 { width: 1400px !important; }

.uc-w1450 { width: 1450px !important; }

.uc-w1500 { width: 1500px !important; }

.uc-w1550 { width: 1550px !important; }

.uc-w1600 { width: 1600px !important; }

.uc-e1 { width: 1em !important; }

.uc-e2 { width: 2em !important; }

.uc-e3 { width: 3em !important; }

.uc-e4 { width: 4em !important; }

.uc-e5 { width: 5em !important; }

.uc-e6 { width: 6em !important; }

.uc-e7 { width: 7em !important; }

.uc-e8 { width: 8em !important; }

.uc-e9 { width: 9em !important; }

.uc-e10 { width: 10em !important; }

.uc-e11 { width: 11em !important; }

.uc-e12 { width: 12em !important; }

.uc-e13 { width: 13em !important; }

.uc-e14 { width: 14em !important; }

.uc-e15 { width: 15em !important; }

.uc-e16 { width: 16em !important; }

.uc-e17 { width: 17em !important; }

.uc-e18 { width: 18em !important; }

.uc-e19 { width: 19em !important; }

.uc-e20 { width: 20em !important; }

.uc-e25 { width: 25em !important; }

.uc-e30 { width: 30em !important; }

.uc-e35 { width: 35em !important; }

.uc-e40 { width: 40em !important; }

.uc-e45 { width: 45em !important; }

.uc-e50 { width: 50em !important; }

.uc-p5 { width: 5% !important; }

.uc-p10 { width: 10% !important; }

.uc-p15 { width: 15% !important; }

.uc-p20 { width: 20% !important; }

.uc-p25 { width: 25% !important; }

.uc-p30 { width: 30% !important; }

.uc-p35 { width: 35% !important; }

.uc-p40 { width: 40% !important; }

.uc-p45 { width: 45% !important; }

.uc-p50 { width: 50% !important; }

.uc-p55 { width: 55% !important; }

.uc-p60 { width: 60% !important; }

.uc-p65 { width: 65% !important; }

.uc-p70 { width: 70% !important; }

.uc-p75 { width: 75% !important; }

.uc-p80 { width: 80% !important; }

.uc-p85 { width: 85% !important; }

.uc-p90 { width: 90% !important; }

.uc-p95 { width: 95% !important; }

.uc-p100 { width: 100% !important; }

.uc-icon16 { width: 16px; height: 16px; }

.uc-icon20 { width: 20px; height: 20px; }

.uc-icon24 { width: 24px; height: 24px; }

.uc-icon28 { width: 28px; height: 28px; }

.uc-icon32 { width: 32px; height: 32px; }

.uc-icon36 { width: 36px; height: 36px; }

.uc-icon44 { width: 44px; height: 44px; }

.uc-icon48 { width: 48px; height: 48px; }

.uc-icon50 { width: 50px; height: 50px; }

.uc-icon64 { width: 64px; height: 64px; }

.uc-icon70 { width: 70px; height: 70px; }

.uc-icon80 { width: 80px; height: 80px; }

.uc-icon90 { width: 90px; height: 90px; }

.uc-icon100 { width: 100px; height: 100px; }

.uc-icon120 { width: 120px; height: 120px; }

.uc-icon150 { width: 150px; height: 150px; }

.uc-icon200 { width: 200px; height: 200px; }

@font-face { font-family: "uc-font"; src: url("../fonts/iconfont.eot?t=1584354732377"); src: url("../fonts/iconfont.eot?t=1584354732377#iefix") format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAdAAAsAAAAAEBgAAAbxAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCGHgqOBIsCATYCJANcCzAABCAFhGEHgi8bnQ1RVHKqkf1MsG0VrBfRQBAJsb60MMb1gc3i5BMLGB9XBF/7hfWb+bscBCgfFoYUgSRSiZGoAPjkcfk50qj2f3Ut58qaEauOqE+6Qi751bv8vjSY7TszG36Ap12DIZWfk9Fkcjo6Qzo8CIIerAhKD+LRxCksralu2QIJg1uMaK37FC83RFDVAxIK1CQAO1JuLAH1lJpxfirSFungRc9MjyfQNta8zOado1NSVuF4oNb+0GekbItShahCM7Tus20lrsM109V0BtfUu4+/LAwDklrGnWjLvm1B1gr+24PM9ljIzq/Y/BLwth0ZsxEVqe6bFWS9aLac9k/DyvfAVBQ3Vy+10i1DMCORGurppJu+sqSsLOvKpnLtec5u/m1r7z9AHMfB9r3yrJ5ySWEq7zhtPysy/4FHDNAy2EBG0l9DR18tbTVdWV1loJ6hkiZRh5pdiOGseChScBEYgBQe0I8i49RgOTgEmwEISiKQKDVAf6TUA30onUCH0g30pfQCLUof0KYsAWqUlUCXsg7IlE1AnXINqPgtK8JABGcjwiAE5yDCUARvRoQGgreiiSYYJm8zFzEJie9IL3AhFxglXhZJWRJTksrVzh+JdbkA9X4D+gm7xv79O21lEbuc6I4bMVVX1fWqYX0LPq5RfT0tr5K60q4nmnxK9vO0elYgEKWh9cB6krmVliqmNEWjVnFw3erR8pKprKx4SotI7F8Cd/Rqr0VWEaPydKu5wtEr/TcbpaCnMewKQjBqlU6pnR69P5Nv/9byQmltRJprFX7xNtG2fUP05+/3FG/dO1hvzp523TRCNGoK6LFTueLR0zmFhVWkps1fvV1OFjSqlXNlkc/DiI5cMdJbeDVcfPy6qf6ia61UGqkl80DMaRUiRIh4EGB4CIHyOHyUi/AZvxU2lKaAhR1mDUyjVtkGTl8qJ9OatID9TJWGnMnQ00Z1QwQpkjFv0oBGt7hAp2hjV1Qq7YyIdlRgrwSRU9sbiia6sLk1RNrps2ct60c22ohQ0JXbl25aTSqtTSluoJNKipOzhCBgdBHyl8g01DQ5ccWMmV3OOflTxTggiO5u7OUK//MS9NYtiS159V9i1idSS86aWIyd5QVCycdGAP+F537+jqGosDCxZOSI0FDQBopaRE5ikdFupXI32xjG7QzxEv5z+rtG1mgokAgCMDUB+5VxhnaDF+76Rih7EzMywm7ygoySz6zHX8wsQm/cQMEWMYSPlS9kOMkVFclgHObHSabezmZF8NnAUk7/M4X+t9Xps6FTiN2Ejfi5Pzy92nL2qlUn8ZakOWPGeHieNm3BT6aaD7xQFpKionDApbAkfb6hReo3bzIyJk1ycZHngaB/dBft+XBT12vVzV3argJw2UgCUML+wOVCFW1icv/zzRIlT//W03P5/rM39hnosOCMp+feXw/4FkwysmyWvpM1f/8rJe7K7xJS7SqaZe+kzUaWLdIWCAJSMsJ8zZ+/Y0c4x29BP3zENmNbPnzYouzn4wd0S7zziBt//5yaklo1AT1wAJXY+BfCaQpgE7A++ATPgRzPYfiDoGFTtMNVw7Fpk/xDbViBD8Z9p3wHjR6nN5Vyp6OiYGM33JZ02L+f5c4D7ohI+G31lpn//v3+1TZiinFrxoihQ9/JQPZOWVCcd+iFsMsvi7D4wQj/tNSeMXCq3zMherPQZ3nfMxDpRjrIXvNNIG/IrkOzPjuteZ1pZqXVmmVpP3+Zpqj3N+/PgZPS3XSSkvP6TF6ardmNlMPZrbvQy3hX7nDRWvq7ya3Ar1NP3qFteiwG+QzQlIjtvue4Y/arfr1c9LDq+++JrpKSh3EsrvpQm/fjjpM20BeFDIntlIMadxZ3ipSG0aYoyyaJKtlMU03HAlNdw2pT2yybO3cMIuVE1cJMbw9T6Ou2KMmeiLLsk6iS/WCqGerfVNfX/6a2XVHaZ8fUyKluKmAaBB3d0ZCj9IRCXb3ihlrzGPyrMVM2j7LSOag0REkd03aV7oIElX6D9Np3tfaop3BCd14ng/EYaaIwAq7NQOtkwbI8vxsyOU5I1SYKYDQgUCN3qBCHJE9uq1WdwBn22zsGfFfGGOXfyU/Tc0BJhTQ7ymGyw0W7QTJOp3WomLrmc6lA81BRQE00Qe2kSwBjvghRif9SEcBppiBFQWKBRYN5cYPM1oVMlgBBN7gDDgskclRRi3o0ohmtaEcnTtZfK/pGv+gf4pCENGQhD0UoQ6W1OwAej/DW4KHiY+jatzdQ1plSeGOo0A+0W/tIG4P3BAJvpFtdQGPiluuZCDFRUEEL6+TWGqWRjFkoy67+Ne+fy09AXuWYEAU+xhTyEm51MQWmeJBPFFxXC+1fq8wcRQXiikO1GmGVZyQhAAA=") format("woff2"), url("../fonts/iconfont.woff?t=1584354732377") format("woff"), url("../fonts/iconfont.ttf?t=1584354732377") format("truetype"), url("../fonts/iconfont.svg?t=1584354732377#uc-font") format("svg"); }

.uc-font { font-family: "uc-font" !important; line-height: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.uc-checkbox-circle:before { content: "\e624"; }

.uc-checkbox-circle-on:before { content: "\e64f"; }

.uc-checkbox:before { content: "\e684"; }

.uc-checkbox-on:before { content: "\e67d"; }

.uc-checkbox-on-plain:before { content: "\e683"; }

.uc-radio-on:before { content: "\e7b3"; }

.uc-radio:before { content: "\e7b5"; }

.uc-arrow-left:before { content: "\e75b"; }

.uc-arrow-right:before { content: "\e75c"; }

.uc-arrow-right2:before { content: "\e6ae"; }

.uc-arrow-left2:before { content: "\e6d6"; }

.uc-arrow-down:before { content: "\e615"; }

.uc-arrow-top:before { content: "\e75d"; }

.uc-arrow-down2:before { content: "\e6a4"; }

.uc-arrow-top2:before { content: "\e6b2"; }

.uc-menu:before { content: "\e6a9"; }

.uc-close:before { content: "\e67f"; }

.uc-search:before { content: "\e66f"; }

.uc-add:before { content: "\e672"; }

.uc-reduce:before { content: "\e614"; }

.uc-next:before { content: "\e60c"; }

.uc-prev:before { content: "\e605"; }

.uc-arrow { position: relative; padding-right: 10px; }

.uc-arrow:after { content: '\e75c'; font-family: 'uc-font'; font-size: 1.4em; right: -10px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.uc-arrow.arrow-gray:after { color: #999; }

.uc-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.uc-flex.start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.uc-flex.end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.uc-flex.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.uc-flex-col { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.uc-flex-col.start { -ms-flex-line-pack: start; align-content: start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.uc-flex-col.end { -ms-flex-line-pack: end; align-content: end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.uc-flex-col.center { -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.g-main .uc-content::after { display: block; clear: both; content: ""; }

.g-main .main-left { float: left; }

.g-main .main-right { float: right; }

.g-main .w800 { width: 800px; }

.g-main .w380 { width: 380px; }

.g-main .w230 { width: 230px; }

.g-main .w960 { width: 960px; }

textarea { resize: none; height: auto; min-height: 120px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }

input:-moz-placeholder { color: #ddd; }

::-webkit-input-placeholder { color: #ddd; }

input[type=text], input[type=password] { -webkit-appearance: none; }

[type=submit] { outline: none; }

[type=submit]:hover { opacity: .8; }

button { margin: 0; padding: 0; background: none; line-height: inherit; font-size: inherit; border: none; color: inherit; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; }

button:after { display: none; }

.uc-input, .uc-select, .uc-button, .uc-textarea { width: 100%; border: #eee 1px solid; outline: none; height: 30px; line-height: 28px; border-radius: 5px; padding: 0 10px; }

.uc-input:hover, .uc-input:focus, .uc-select:hover, .uc-select:focus, .uc-button:hover, .uc-button:focus, .uc-textarea:hover, .uc-textarea:focus { border-color: #2a52a3; }
.hoverclass{border-color: #2a52a3; }
.uc-btn { cursor: pointer; outline: none; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 30px; border-radius: 5px; padding: 0 10px; }

.uc-btn img { margin-right: 10px; }

.uc-btn:hover { opacity: .8; color: #fff; }

.uc-btn.linear { background: -webkit-gradient(linear, left top, right top, from(rgba(42, 82, 163, 0.7)), to(#2a52a3)); background: -webkit-linear-gradient(left, rgba(42, 82, 163, 0.7) 0%, #2a52a3 100%); background: -o-linear-gradient(left, rgba(42, 82, 163, 0.7) 0%, #2a52a3 100%); background: linear-gradient(to right, rgba(42, 82, 163, 0.7) 0%, #2a52a3 100%); color: #fff; }

.uc-btn.plain { background-color: transparent; border: #2a52a3 1px solid; color: #2a52a3; }

.uc-btn.plain:hover { opacity: 1; background-color: #2a52a3; color: #fff; }

.uc-btn.blue { background-color: #2a52a3; border: #2a52a3 1px solid; color: #fff; }

.uc-btn.blue-linear { background: -webkit-gradient(linear, left top, right top, from(rgba(42, 82, 163, 0.7)), to(#2a52a3)); background: -webkit-linear-gradient(left, rgba(42, 82, 163, 0.7) 0%, #2a52a3 100%); background: -o-linear-gradient(left, rgba(42, 82, 163, 0.7) 0%, #2a52a3 100%); background: linear-gradient(to right, rgba(42, 82, 163, 0.7) 0%, #2a52a3 100%); color: #fff; }

.uc-btn.blue-plain { color: #2a52a3; border: #2a52a3 1px solid; }

.uc-btn.blue-plain:hover { opacity: 1; background-color: #2a52a3; color: #fff; }

.uc-btn.blue-light { background-color: rgba(42, 82, 163, 0.1); color: #2a52a3; }

.uc-btn.blue-shadow { -webkit-box-shadow: 0 6px 10px 0 rgba(42, 82, 163, 0.3); box-shadow: 0 6px 10px 0 rgba(42, 82, 163, 0.3); }

.uc-btn.blue2 { background-color: #3385ff; border: #3385ff 1px solid; color: #fff; }

.uc-btn.blue2-linear { background: -webkit-gradient(linear, left top, right top, from(rgba(51, 133, 255, 0.7)), to(#3385ff)); background: -webkit-linear-gradient(left, rgba(51, 133, 255, 0.7) 0%, #3385ff 100%); background: -o-linear-gradient(left, rgba(51, 133, 255, 0.7) 0%, #3385ff 100%); background: linear-gradient(to right, rgba(51, 133, 255, 0.7) 0%, #3385ff 100%); color: #fff; }

.uc-btn.blue2-plain { color: #3385ff; border: #3385ff 1px solid; }

.uc-btn.blue2-plain:hover { opacity: 1; background-color: #3385ff; color: #fff; }

.uc-btn.blue2-light { background-color: rgba(51, 133, 255, 0.1); color: #3385ff; }

.uc-btn.blue2-shadow { -webkit-box-shadow: 0 6px 10px 0 rgba(51, 133, 255, 0.3); box-shadow: 0 6px 10px 0 rgba(51, 133, 255, 0.3); }

.uc-btn.pink { background-color: #ff4350; border: #ff4350 1px solid; color: #fff; }

.uc-btn.pink-linear { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 67, 80, 0.7)), to(#ff4350)); background: -webkit-linear-gradient(left, rgba(255, 67, 80, 0.7) 0%, #ff4350 100%); background: -o-linear-gradient(left, rgba(255, 67, 80, 0.7) 0%, #ff4350 100%); background: linear-gradient(to right, rgba(255, 67, 80, 0.7) 0%, #ff4350 100%); color: #fff; }

.uc-btn.pink-plain { color: #ff4350; border: #ff4350 1px solid; }

.uc-btn.pink-plain:hover { opacity: 1; background-color: #ff4350; color: #fff; }

.uc-btn.pink-light { background-color: rgba(255, 67, 80, 0.1); color: #ff4350; }

.uc-btn.pink-shadow { -webkit-box-shadow: 0 6px 10px 0 rgba(255, 67, 80, 0.3); box-shadow: 0 6px 10px 0 rgba(255, 67, 80, 0.3); }

.uc-btn.orange { background-color: #f09b56; border: #f09b56 1px solid; color: #fff; }

.uc-btn.orange-linear { background: -webkit-gradient(linear, left top, right top, from(rgba(240, 155, 86, 0.7)), to(#f09b56)); background: -webkit-linear-gradient(left, rgba(240, 155, 86, 0.7) 0%, #f09b56 100%); background: -o-linear-gradient(left, rgba(240, 155, 86, 0.7) 0%, #f09b56 100%); background: linear-gradient(to right, rgba(240, 155, 86, 0.7) 0%, #f09b56 100%); color: #fff; }

.uc-btn.orange-plain { color: #f09b56; border: #f09b56 1px solid; }

.uc-btn.orange-plain:hover { opacity: 1; background-color: #f09b56; color: #fff; }

.uc-btn.orange-light { background-color: rgba(240, 155, 86, 0.1); color: #f09b56; }

.uc-btn.orange-shadow { -webkit-box-shadow: 0 6px 10px 0 rgba(240, 155, 86, 0.3); box-shadow: 0 6px 10px 0 rgba(240, 155, 86, 0.3); }

.uc-btn.green { background-color: #2291a4; border: #2291a4 1px solid; color: #fff; }

.uc-btn.green-linear { background: -webkit-gradient(linear, left top, right top, from(rgba(34, 145, 164, 0.7)), to(#2291a4)); background: -webkit-linear-gradient(left, rgba(34, 145, 164, 0.7) 0%, #2291a4 100%); background: -o-linear-gradient(left, rgba(34, 145, 164, 0.7) 0%, #2291a4 100%); background: linear-gradient(to right, rgba(34, 145, 164, 0.7) 0%, #2291a4 100%); color: #fff; }

.uc-btn.green-plain { color: #2291a4; border: #2291a4 1px solid; }

.uc-btn.green-plain:hover { opacity: 1; background-color: #2291a4; color: #fff; }

.uc-btn.green-light { background-color: rgba(34, 145, 164, 0.1); color: #2291a4; }

.uc-btn.green-shadow { -webkit-box-shadow: 0 6px 10px 0 rgba(34, 145, 164, 0.3); box-shadow: 0 6px 10px 0 rgba(34, 145, 164, 0.3); }

.uc-btn.green2 { background-color: #2eac31; border: #2eac31 1px solid; color: #fff; }

.uc-btn.green2-linear { background: -webkit-gradient(linear, left top, right top, from(rgba(46, 172, 49, 0.7)), to(#2eac31)); background: -webkit-linear-gradient(left, rgba(46, 172, 49, 0.7) 0%, #2eac31 100%); background: -o-linear-gradient(left, rgba(46, 172, 49, 0.7) 0%, #2eac31 100%); background: linear-gradient(to right, rgba(46, 172, 49, 0.7) 0%, #2eac31 100%); color: #fff; }

.uc-btn.green2-plain { color: #2eac31; border: #2eac31 1px solid; }

.uc-btn.green2-plain:hover { opacity: 1; background-color: #2eac31; color: #fff; }

.uc-btn.green2-light { background-color: rgba(46, 172, 49, 0.1); color: #2eac31; }

.uc-btn.green2-shadow { -webkit-box-shadow: 0 6px 10px 0 rgba(46, 172, 49, 0.3); box-shadow: 0 6px 10px 0 rgba(46, 172, 49, 0.3); }

.uc-btn.red { background-color: #ff4350; border: #ff4350 1px solid; color: #fff; }

.uc-btn.red-linear { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 67, 80, 0.7)), to(#ff4350)); background: -webkit-linear-gradient(left, rgba(255, 67, 80, 0.7) 0%, #ff4350 100%); background: -o-linear-gradient(left, rgba(255, 67, 80, 0.7) 0%, #ff4350 100%); background: linear-gradient(to right, rgba(255, 67, 80, 0.7) 0%, #ff4350 100%); color: #fff; }

.uc-btn.red-plain { color: #ff4350; border: #ff4350 1px solid; }

.uc-btn.red-plain:hover { opacity: 1; background-color: #ff4350; color: #fff; }

.uc-btn.red-light { background-color: rgba(255, 67, 80, 0.1); color: #ff4350; }

.uc-btn.red-shadow { -webkit-box-shadow: 0 6px 10px 0 rgba(255, 67, 80, 0.3); box-shadow: 0 6px 10px 0 rgba(255, 67, 80, 0.3); }

.uc-btn.gray { background-color: #999; border: #999 1px solid; color: #fff; }

.uc-btn.gray-linear { background: -webkit-gradient(linear, left top, right top, from(rgba(153, 153, 153, 0.7)), to(#999)); background: -webkit-linear-gradient(left, rgba(153, 153, 153, 0.7) 0%, #999 100%); background: -o-linear-gradient(left, rgba(153, 153, 153, 0.7) 0%, #999 100%); background: linear-gradient(to right, rgba(153, 153, 153, 0.7) 0%, #999 100%); color: #fff; }

.uc-btn.gray-plain { color: #999; border: #999 1px solid; }

.uc-btn.gray-plain:hover { opacity: 1; background-color: #999; color: #fff; }

.uc-btn.gray-light { background-color: rgba(153, 153, 153, 0.1); color: #999999; }

.uc-btn.gray-shadow { -webkit-box-shadow: 0 6px 10px 0 rgba(153, 153, 153, 0.3); box-shadow: 0 6px 10px 0 rgba(153, 153, 153, 0.3); }

.uc-btn img { margin-right: 10px; }

.uc-phColor { color: #ddd; }

.uc-blue { color: #2a52a3 !important; }

.uc-blue2 { color: #3385ff !important; }

.uc-pink { color: #ff4350 !important; }

.uc-orange { color: #f09b56 !important; }

.uc-green { color: #2291a4 !important; }

.uc-green2 { color: #2eac31 !important; }

.uc-red { color: #ff4350 !important; }

.uc-gray { color: #999 !important; }

.g-crumb { line-height: 50px; color: #999; }

.g-crumb a { position: relative; padding-right: 20px; margin-right: 8px; color: #999; }

.g-crumb a:after { content: '\e75c'; font-family: 'uc-font'; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.g-crumb a:last-child { padding-right: 0; color: #333d48; }

.g-crumb a:last-child:after { display: none; }

.g-crumb a:hover { color: #2a52a3; }

.uc-prvNxt { padding: 40px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.uc-prvNxt a { min-width: 30px; height: 30px; display: inline-block; border: #eee 1px solid; line-height: 30px; margin: 0 6px; text-align: center; color: #999; background-color: #fff; padding-left: 10px; padding-right: 10px; }

.uc-prvNxt a:first-child { margin-left: 0; }

.uc-prvNxt a:hover, .uc-prvNxt a.on { background-color: #3385ff; border-color: #3385ff; color: #fff; }

.uc-tag { display: inline-block; font-size: 12px; line-height: 24px; border-radius: 24px; padding: 0 10px; }

.uc-tag:empty { display: none; }

.uc-tag.blue { background-color: #2a52a3; color: #fff; }

.uc-tag.blue-linear { background: -webkit-gradient(linear, left top, right top, from(rgba(42, 82, 163, 0.7)), to(#2a52a3)); background: -webkit-linear-gradient(left, rgba(42, 82, 163, 0.7) 0%, #2a52a3 100%); background: -o-linear-gradient(left, rgba(42, 82, 163, 0.7) 0%, #2a52a3 100%); background: linear-gradient(to right, rgba(42, 82, 163, 0.7) 0%, #2a52a3 100%); }

.uc-tag.blue-plain { color: #2a52a3; border: #2a52a3 1px solid; }

.uc-tag.blue-light { color: #2a52a3; background-color: rgba(42, 82, 163, 0.1); }

.uc-tag.blue2 { background-color: #3385ff; color: #fff; }

.uc-tag.blue2-linear { background: -webkit-gradient(linear, left top, right top, from(rgba(51, 133, 255, 0.7)), to(#3385ff)); background: -webkit-linear-gradient(left, rgba(51, 133, 255, 0.7) 0%, #3385ff 100%); background: -o-linear-gradient(left, rgba(51, 133, 255, 0.7) 0%, #3385ff 100%); background: linear-gradient(to right, rgba(51, 133, 255, 0.7) 0%, #3385ff 100%); }

.uc-tag.blue2-plain { color: #3385ff; border: #3385ff 1px solid; }

.uc-tag.blue2-light { color: #3385ff; background-color: rgba(51, 133, 255, 0.1); }

.uc-tag.pink { background-color: #ff4350; color: #fff; }

.uc-tag.pink-linear { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 67, 80, 0.7)), to(#ff4350)); background: -webkit-linear-gradient(left, rgba(255, 67, 80, 0.7) 0%, #ff4350 100%); background: -o-linear-gradient(left, rgba(255, 67, 80, 0.7) 0%, #ff4350 100%); background: linear-gradient(to right, rgba(255, 67, 80, 0.7) 0%, #ff4350 100%); }

.uc-tag.pink-plain { color: #ff4350; border: #ff4350 1px solid; }

.uc-tag.pink-light { color: #ff4350; background-color: rgba(255, 67, 80, 0.1); }

.uc-tag.orange { background-color: #f09b56; color: #fff; }

.uc-tag.orange-linear { background: -webkit-gradient(linear, left top, right top, from(rgba(240, 155, 86, 0.7)), to(#f09b56)); background: -webkit-linear-gradient(left, rgba(240, 155, 86, 0.7) 0%, #f09b56 100%); background: -o-linear-gradient(left, rgba(240, 155, 86, 0.7) 0%, #f09b56 100%); background: linear-gradient(to right, rgba(240, 155, 86, 0.7) 0%, #f09b56 100%); }

.uc-tag.orange-plain { color: #f09b56; border: #f09b56 1px solid; }

.uc-tag.orange-light { color: #f09b56; background-color: rgba(240, 155, 86, 0.1); }

.uc-tag.green { background-color: #2291a4; color: #fff; }

.uc-tag.green-linear { background: -webkit-gradient(linear, left top, right top, from(rgba(34, 145, 164, 0.7)), to(#2291a4)); background: -webkit-linear-gradient(left, rgba(34, 145, 164, 0.7) 0%, #2291a4 100%); background: -o-linear-gradient(left, rgba(34, 145, 164, 0.7) 0%, #2291a4 100%); background: linear-gradient(to right, rgba(34, 145, 164, 0.7) 0%, #2291a4 100%); }

.uc-tag.green-plain { color: #2291a4; border: #2291a4 1px solid; }

.uc-tag.green-light { color: #2291a4; background-color: rgba(34, 145, 164, 0.1); }

.uc-tag.green2 { background-color: #2eac31; color: #fff; }

.uc-tag.green2-linear { background: -webkit-gradient(linear, left top, right top, from(rgba(46, 172, 49, 0.7)), to(#2eac31)); background: -webkit-linear-gradient(left, rgba(46, 172, 49, 0.7) 0%, #2eac31 100%); background: -o-linear-gradient(left, rgba(46, 172, 49, 0.7) 0%, #2eac31 100%); background: linear-gradient(to right, rgba(46, 172, 49, 0.7) 0%, #2eac31 100%); }

.uc-tag.green2-plain { color: #2eac31; border: #2eac31 1px solid; }

.uc-tag.green2-light { color: #2eac31; background-color: rgba(46, 172, 49, 0.1); }

.uc-tag.red { background-color: #ff4350; color: #fff; }

.uc-tag.red-linear { background: -webkit-gradient(linear, left top, right top, from(rgba(255, 67, 80, 0.7)), to(#ff4350)); background: -webkit-linear-gradient(left, rgba(255, 67, 80, 0.7) 0%, #ff4350 100%); background: -o-linear-gradient(left, rgba(255, 67, 80, 0.7) 0%, #ff4350 100%); background: linear-gradient(to right, rgba(255, 67, 80, 0.7) 0%, #ff4350 100%); }

.uc-tag.red-plain { color: #ff4350; border: #ff4350 1px solid; }

.uc-tag.red-light { color: #ff4350; background-color: rgba(255, 67, 80, 0.1); }

.uc-tag.gray { background-color: rgba(153, 153, 153, 0.4); color: #fff; }

.uc-tag.gray-linear { background: -webkit-gradient(linear, left top, right top, from(rgba(153, 153, 153, 0.7)), to(#999)); background: -webkit-linear-gradient(left, rgba(153, 153, 153, 0.7) 0%, #999 100%); background: -o-linear-gradient(left, rgba(153, 153, 153, 0.7) 0%, #999 100%); background: linear-gradient(to right, rgba(153, 153, 153, 0.7) 0%, #999 100%); }

.uc-tag.gray-plain { color: #727779; border: #eee 1px solid; }

.uc-tag.gray-light { color: #999999; background-color: rgba(153, 153, 153, 0.1); }

/* ---------------------------------------------------------------------- 通用样式  -------------------------------------------------------------------- */
.g-friendsLinks { background-color: #f8f9fb; padding: 30px 0; line-height: 30px; }

.g-friendsLinks h3 { font-size: 18px; margin-bottom: 10px; }

.g-friendsLinks a { margin-right: 2em; color: #727779; }

.g-friendsLinks a:hover { color: #2a52a3; }

.g-five { padding: 50px 0; background-color: #fff; }

.g-five .links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.g-five .links li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 10px; }

.g-five .links li:last-child { margin-right: 0; }

.g-five .links img { display: block; width: 100%; }

.g-user-center .userCenter-info { padding: 30px 0; background-color: #2a52a3; color: #fff; -webkit-box-shadow: 0px 8px 22px 0px rgba(176, 187, 220, 0.23); box-shadow: 0px 8px 22px 0px rgba(176, 187, 220, 0.23); margin-bottom: 20px; }

.g-user-center .userCenter-info .uc-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.g-user-center .userCenter-info .face { width: 80px; border-radius: 100%; height: 80px; overflow: hidden; background-color: #fff; border: #fff 3px solid; margin-right: 20px; }

.g-user-center .userCenter-info .face img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }

.g-user-center .userCenter-info .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.g-user-center .userCenter-info .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.g-user-center .userCenter-info .right .item { padding: 0 20px; text-align: center; border-left: rgba(255, 255, 255, 0.1) 1px solid; }

.g-user-center .userCenter-info .right .item:first-child { border-left: none; }

.g-user-center .userCenter-info .right h3 { margin-bottom: 5px; }

.g-user-center .userCenter-ad { margin-bottom: 10px; }

.g-user-center .userCenter-ad img { display: block; border-radius: 5px; }

.g-user-center .userCenter-notice { background-color: #ffe8e7; padding: 6px 15px; line-height: 24px; font-size: 14px; color: #ff4350; margin-bottom: 10px; }

.g-user-center .userCenter-sideOperate { position: fixed; right: 50px; bottom: 100px; z-index: 99; }

.g-user-center .userCenter-sideOperate .item { width: 44px; border-radius: 5px; height: 44px; overflow: hidden; display: block; background-color: #e6e6e6; margin-bottom: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.g-user-center .userCenter-sideOperate .item img { display: block; margin: 0 auto; }

.g-user-center .userCenter-sideOperate .item .i2 { display: none; }

.g-user-center .userCenter-sideOperate .item:hover { background: -webkit-gradient(linear, left top, left bottom, from(#ef3902), to(#f94f05)); background: -webkit-linear-gradient(top, #ef3902 0%, #f94f05 100%); background: -o-linear-gradient(top, #ef3902 0%, #f94f05 100%); background: linear-gradient(to bottom, #ef3902 0%, #f94f05 100%); }

.g-user-center .userCenter-sideOperate .item:hover .i1 { display: none; }

.g-user-center .userCenter-sideOperate .item:hover .i2 { display: block; }

.g-user-center .userCenter-sideMenu { border-radius: 5px; padding: 5px 0; background-color: #fff; min-height: 770px; }

.g-user-center .userCenter-sideMenu .line { margin: 5px 10px; height: 1px; background-color: #eeeeee; }

.g-user-center .userCenter-sideMenu h4 { color: #999; margin: 0 36px; line-height: 36px; }

.g-user-center .userCenter-sideMenu .list li { height: 40px; line-height: 40px; position: relative; }

.g-user-center .userCenter-sideMenu .list li:hover, .g-user-center .userCenter-sideMenu .list li.on { background-color: #f9f9f9; }

.g-user-center .userCenter-sideMenu .list li:hover a, .g-user-center .userCenter-sideMenu .list li.on a { color: #ff4350; }

.g-user-center .userCenter-sideMenu .list li:hover .i1, .g-user-center .userCenter-sideMenu .list li.on .i1 { display: none; }

.g-user-center .userCenter-sideMenu .list li:hover .i2, .g-user-center .userCenter-sideMenu .list li.on .i2 { display: block; }

.g-user-center .userCenter-sideMenu .list li.on:after { content: ''; width: 3px; height: 40px; background-color: #ff4350; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; }

.g-user-center .userCenter-sideMenu .list a { padding-left: 60px; display: block; }

.g-user-center .userCenter-sideMenu .list img { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 36px; }

.g-user-center .userCenter-sideMenu .list .i2 { display: none; }

/* |07|我的-个人中心| */
.uc-section71-1 .title { border-bottom: #eee 1px solid; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; }

.uc-section71-1 .title .uc-select { background-color: transparent; border: none; padding: 0; font-size: 16px; float: left; height: 48px; }

.uc-section71-1 .main::after { display: block; clear: both; content: ""; }

.uc-section71-1 .uc-section71-1-left { float: left; width: 720px; }

.uc-section71-1 .uc-section71-1-right { float: right; width: 225px; }

.uc-section71-1 .box { border-radius: 10px; background-color: #fff; margin-bottom: 10px; padding: 0 20px 20px; }

.uc-section71-1 .title-line { line-height: 50px; border-bottom: #eee 1px solid; font-weight: bold; background: url("images/line.png") left center no-repeat; padding-left: 10px; margin-bottom: 10px; }

.uc-section71-1 .list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 0; border-bottom: #eee 1px solid; }

.uc-section71-1 .list li:first-child { padding-top: 10px; }

.uc-section71-1 .list .img { width: 116px; height: 116px; }

.uc-section71-1 .list .img img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }

.uc-section71-1 .list .center { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 20px; }

.uc-section71-1 .list .uc-btn { width: 130px; height: 36px; border-radius: 36px; }

.uc-section71-1 .list h3 { font-size: 16px; margin-bottom: 5px; }

.uc-section71-1 .list .txt, .uc-section71-1 .list .txt2 { color: #999; }

.uc-section71-1 .list .txt2 { margin-top: 24px; }

.uc-section71-1 .noData { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px 0; }

.uc-section71-1 .noData img { display: block; }

.uc-section71-1 .noData .con { text-align: center; margin-left: 30px; }

.uc-section71-1 .noData .txt { color: #999; margin-bottom: 20px; }

.uc-section71-1 .noData .uc-btn { width: 140px; height: 40px; border-radius: 40px; }

.uc-section71-1 .list3::after { display: block; clear: both; content: ""; }

.uc-section71-1 .list3 li { width: 50%; margin-bottom: 10px; text-align: center; font-size: 12px; float: left; position: relative; padding-top: 10px; }

.uc-section71-1 .list3 img { display: block; margin: 0 auto 5px; }

.uc-section71-1 .list3 .dot { width: 20px; border-radius: 100%; height: 20px; background-color: #ff4350; color: #fff; line-height: 20px; position: absolute; display: block; left: 55%; top: 0; }

/* |08|我的-录播课程| */
.uc-section81-1 .title { border-bottom: #eee 1px solid; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; }

.uc-section81-1 .title b { font-size: 22px; }

.uc-section81-1 .title .uc-select { background-color: transparent; border: none; padding: 0; font-size: 16px; float: left; height: 48px; }

.uc-section81-1 .list { background-color: #fff; border-radius: 5px; margin-bottom: 20px; padding: 0 30px; }

.uc-section81-1 .list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 34px 0; border-bottom: #eee 1px solid; }

.uc-section81-1 .list .face { width: 60px; border-radius: 100%; height: 60px; margin: 0 20px; overflow: hidden; }

.uc-section81-1 .list .face img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }

.uc-section81-1 .list .date { width: 120px; }

.uc-section81-1 .list .date h4 { margin-bottom: 5px; }

.uc-section81-1 .list .date p { color: #999; }

.uc-section81-1 .list .center { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.uc-section81-1 .list .uc-btn { width: 130px; height: 36px; border-radius: 36px; }

.uc-section81-1 .list h3 { font-size: 16px; margin-bottom: 5px; }

.uc-section81-1 .list .txt { color: #999; }

.uc-section81-1 .list .uc-tag { border-radius: 8px 8px 8px 0; margin-left: 10px; }

.uc-section81-1 .list .uc-tag.red-linear { background: -webkit-gradient(linear, left top, right top, from(#f8a727), to(#ed2f32)); background: -webkit-linear-gradient(left, #f8a727 0%, #ed2f32 100%); background: -o-linear-gradient(left, #f8a727 0%, #ed2f32 100%); background: linear-gradient(to right, #f8a727 0%, #ed2f32 100%); color: #fff; }

.uc-section81-1 .list .uc-tag.coffee-light { background-color: #f8f5f1; color: #c5a789; }

/* |09|我的-我的订单| */
.uc-section91-1 { margin-bottom: 20px; }

.uc-section91-1 .filter { border-radius: 10px; background-color: #fff; margin-bottom: 10px; padding: 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.uc-section91-1 .filter .item { line-height: 70px; padding: 0 20px; font-size: 16px; margin-right: 20px; }

.uc-section91-1 .filter .item.on { color: #2a52a3; font-weight: bold; position: relative; }

.uc-section91-1 .filter .item.on:after { content: ''; width: 100%; height: 3px; background-color: #2a52a3; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; }

.uc-section91-1 .box { background-color: #fff; border-radius: 10px; min-height: 690px; padding: 10px 20px; }

.uc-section91-1 .hd { border-radius: 10px; background-color: #f9f9f9; margin-bottom: 10px; overflow: hidden; }

.uc-section91-1 .hd table { width: 100%; text-align: center; }

.uc-section91-1 .hd th { height: 40px; color: #999; }

.uc-section91-1 .w550 { width: 550px; }

.uc-section91-1 .w130 { width: 130px; }

.uc-section91-1 .w90 { width: 90px; }

.uc-section91-1 .bd .item { border-radius: 10px; overflow: hidden; border: #eee 1px solid; }

.uc-section91-1 .bd table { width: 100%; }

.uc-section91-1 .bd table td { border: #eee 1px solid; text-align: center; padding: 10px; }

.uc-section91-1 .bd .product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 0; }

.uc-section91-1 .bd .img { width: 135px; border-radius: 5px; height: 135px; overflow: hidden; margin-right: 10px; }

.uc-section91-1 .bd .img img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }

.uc-section91-1 .bd .con { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: left; min-width: 0; margin-left: 20px; height: 135px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.uc-section91-1 .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #f9f9f9; height: 40px; padding: 0 20px; color: #999; }

.uc-section91-1 .info time { margin-right: 2em; }

.uc-section91-1 .info .uc-black { color: #333d48; }

/* |10|我的-我的钱包| */
.uc-section101-1 { margin-bottom: 20px; }

.uc-section101-1 .filter { border-radius: 10px; background-color: #fff; margin-bottom: 10px; padding: 0 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.uc-section101-1 .filter .item { line-height: 70px; padding: 0 20px; font-size: 16px; margin-right: 20px; }

.uc-section101-1 .filter .item.on { color: #2a52a3; font-weight: bold; position: relative; }

.uc-section101-1 .filter .item.on:after { content: ''; width: 100%; height: 3px; background-color: #2a52a3; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; }

.uc-section101-1 .box { background-color: #fff; border-radius: 10px; min-height: 690px; padding: 40px 20px; }

.uc-section101-1 table { width: 100%; text-align: center; }

.uc-section101-1 table th { background-color: #f8f8f8; height: 40px; }

.uc-section101-1 table td { border-bottom: #eee 1px dashed; height: 44px; }

.uc-section101-1 .uc-prvNxt { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

/* |11|我的-账户安全| */
.uc-section111-1 .box { background-color: #fff; border-radius: 10px; margin-bottom: 30px; padding: 0 30px 30px; }

.uc-section111-1 .title { line-height: 46px; border-bottom: #eee 1px solid; }

.uc-section111-1 .title b { min-width: 130px; text-align: center; display: inline-block; color: #2a52a3; border-bottom: #2a52a3 3px solid; font-size: 20px; }

.uc-section111-1 .info .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; border-bottom: #eee 1px solid; height: 70px; padding-left: 20px; }

.uc-section111-1 .info .icon { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; }

.uc-section111-1 .info span { margin-left: 20px; }

.uc-section111-1 .info .center { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.uc-section111-1 .info small { color: #999; }

.uc-section111-1 .info .uc-btn img { margin-left: 10px; margin-right: 0; }

.uc-section111-1 .box2 .tips { padding: 5px 0; margin-top: 5px; line-height: 24px; color: #999; }

.uc-section111-1 .table { border-radius: 10px; overflow: hidden; margin: 5px 0; }

.uc-section111-1 .table table { width: 100%; }

.uc-section111-1 .table th { background-color: #f0f0f0; }

.uc-section111-1 .table th, .uc-section111-1 .table td { height: 45px; text-align: center; }

.uc-section111-1 .table tr:nth-child(even) { background-color: #fbfbfb; }

footer { background-color: #333d48; }

footer .ft1 { padding: 50px 0; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

footer .ft1 a { color: #fff; }

footer .ft1 a:hover { opacity: .8; }

footer .ft1 .item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

footer .ft1 .item h3 { font-size: 18px; margin-bottom: 20px; }

footer .ft1 .item .con { font-size: 14px; line-height: 28px; }

footer .ft1 .item .con a { display: block; }

footer .ft1 .code-box { width: 240px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

footer .ft1 .code-box .code-item { width: 120px; text-align: center; }

footer .ft1 .code-box img { display: block; margin: 20px auto; width: 100px }

footer .ft1 .tel-box { margin-left: 50px; }

footer .ft1 .tel-box .tel-item { margin-bottom: 15px; }

footer .ft1 .tel-box h3 { font-size: 24px; margin-bottom: 5px; }

footer .ft2 { border-top: #3d4751 1px solid; color: rgba(255, 255, 255, 0.1); text-align: center; line-height: 22px; padding: 20px 0; }

footer .ft2 a { color: rgba(255, 255, 255, 0.1); }

footer .ft2 a:hover { color: rgba(255, 255, 255, 0.3); }

footer.style-white { background-color: #fff; }

footer .ft3 { text-align: center; line-height: 22px; padding: 50px 0; }

footer .ft3 .con1 { color: #999; padding: 5px 0; }

footer .ft3 .con1 a { margin: 0 10px; }

footer .ft3 .con2 { padding: 5px 0; }

footer .ft3 .con2 span { margin: 0 1em; }

header { background-color: #fff; position: fixed; z-index: 999; left: 0; width: 100vw; top: 0; z-index: 999; }

header .logo { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 20px; }

header .uc-content, header .right, header .menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

header .uc-content { height: 80px; position: relative; }

header .menu li { height: 80px; padding: 0 15px; text-align: center; position: relative; font-size: 14px; margin-left: 1px; }

header .menu li:hover .item, header .menu li.on .item { color: #2a52a3; }

header .menu li:hover .item small, header .menu li.on .item small { color: #2a52a3; }

header .menu li:hover:after, header .menu li.on:after { content: ''; width: 100%; height: 4px; background-color: #2a52a3; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; }

header .menu li:hover .down-box { display: block; }

header .menu .item { display: block; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

header .menu .item small { display: block; text-transform: uppercase; font-size: 12px; color: #bdbdbd; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

header .btn-register, header .btn-user { margin-left: 10px; }

header .btn-register { width: 90px; height: 30px; border-radius: 30px; }

header .btn-user { width: 36px; border-radius: 100%; height: 36px; overflow: hidden; }

header .btn-user img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }

header .btn-user img { display: block; }

header .down-box { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 80px; width: 300px; padding-top: 10px; -webkit-box-shadow: 0px 8px 22px 0px rgba(176, 187, 220, 0.23); box-shadow: 0px 8px 22px 0px rgba(176, 187, 220, 0.23); display: none; }

header .down-box .uc-font { color: #fff; font-size: 32px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: -10px; }

header .down-box .box { background-color: #fff; }

header .down-box .part { padding: 20px; border-bottom: #eee 1px dashed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

header .down-box .part:last-child { border-bottom: none; }

header .down-box .con { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; margin-left: 20px; height: 100px; text-align: left; line-height: 20px; }

header .down-box .con h3 { font-size: 16px; margin-bottom: 10px; }

header .down-box .con p { font-size: 12px; }

header .down-box .code { width: 100px; height: 100px; display: block; }

header .down-box .other { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

header .down-box .other .other-item { margin-right: 10px; text-align: center; font-size: 12px; }

header .down-box .other img { display: block; margin: 0 auto; }

.header-space { height: 80px; }

.g-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #fff; }

.g-tabs .item { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; color: #999; line-height: 40px; font-size: 18px; }

.g-tabs .item.on { color: #fff; position: relative; background-color: #ff4350; }

.g-tabs .item.on:after { content: '\e6a4'; font-family: 'uc-font'; font-size: 1.4em; color: #ff4350; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -25px; }

.g-tabs-hd .tab-con { display: none; }

.g-tabs-hd .tab-con:first-child { display: block; }

.g-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 45px; border-bottom: #eee 1px solid; padding: 20px 0; }

.g-title .l { position: relative; line-height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.g-title .l img { display: block; position: relative; margin-right: 10px; }

.g-title .l b { position: inherit; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; font-size: 28px; }

.g-title .uc-b { font-size: 32px; }

.g-title .uc-arrow { color: #d2d2d2; font-size: 16px; }

.g-title .uc-arrow:hover { color: #2a52a3; }

.g-title.style-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: none; }

.g-title.style-center .l { margin: 0 auto; text-align: center; }

.g-titleIcon { border-bottom: #eee 1px solid; height: 70px; padding-right: 20px; padding-left: 50px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.g-titleIcon .icon { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 30px; }

.g-titleIcon b { font-weight: bold; font-size: 16px; }

.g-titleIcon .btn-more { color: #d2d2d2; }

.g-titleBanner { background: url("images/banner141.jpg") center center no-repeat; background-size: cover; margin-bottom: 20px; }

.g-titleBanner .uc-content { height: 200px; position: relative; }

.g-titleBanner h3 { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; color: #fff; font-size: 30px; font-weight: lighter; text-transform: uppercase; letter-spacing: 5px; }

.banner11 { height: 148px; overflow: hidden; width: 100%; position: relative; }

.banner11 .hd { z-index: 1; overflow: hidden; position: absolute; bottom: 5px; height: 25px; width: 100%; text-align: center; }

.banner11 .hd ul { overflow: hidden; zoom: 1; width: 100%; text-align: center; height: 25px; }

.banner11 .hd li { text-align: center; background: #fff; cursor: pointer; margin: 0 4px; width: 8px; height: 8px; border-radius: 8px; display: inline-block; }

.banner11 .hd li.on { background: #2a52a3; }

.banner11 .bd { position: relative; height: 100%; z-index: 0; }

.banner11 .bd li { zoom: 1; vertical-align: middle; width: 100%; height: 148px; }

.banner11 .bd img { width: 100%; height: 148px; display: block; }

.banner11 .bd a { display: block; width: 100%; height: 100%; }

.banner51 { max-height: 480px; overflow: hidden; width: 100%; position: relative; }

.banner51 .hd { z-index: 1; overflow: hidden; position: absolute; bottom: 5px; height: 25px; width: 100%; text-align: center; }

.banner51 .hd ul { overflow: hidden; zoom: 1; width: 100%; text-align: center; height: 25px; }

.banner51 .hd li { text-align: center; background: #fff; cursor: pointer; margin: 0 4px; width: 8px; height: 8px; border-radius: 8px; display: inline-block; }

.banner51 .hd li.on { background: #2a52a3; }

.banner51 .bd { position: relative; height: 100%; z-index: 0; }

.banner51 .bd li { zoom: 1; vertical-align: middle; width: 100%; max-height: 480px; }

.banner51 .bd img { width: 100%; max-height: 480px;/*height: 480px;*/ display: block; }

.banner51 .bd a { display: block; width: 100%; height: 100%; }

.banner51 .prev, .banner51 .next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; opacity: .8; }

.banner51 .prev:hover, .banner51 .next:hover { opacity: 1; }

.banner51 .prev { left: 50%; margin-left: -600px; }

.banner51 .next { right: 50%; margin-right: -600px; }

.banner61 { height: 562px; overflow: hidden; width: 100%; position: relative; }

.banner61 .hd { z-index: 1; overflow: hidden; position: absolute; bottom: 5px; height: 25px; width: 100%; text-align: center; }

.banner61 .hd ul { overflow: hidden; zoom: 1; width: 100%; text-align: center; height: 25px; }

.banner61 .hd li { text-align: center; background: #e8e3e3; cursor: pointer; margin: 0 4px; width: 30px; height: 3px; display: inline-block; }

.banner61 .hd li.on { background: #ababab; }

.banner61 .bd { position: relative; height: 100%; z-index: 0; }

.banner61 .bd li { zoom: 1; vertical-align: middle; width: 100%; height: 562px; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------                            各页面样式                           ---------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------- 						 可拆分到独立页面中， 					---------------------------------------- */
/* --------------------------------------------- 		  如无必要，别拆。方便后期配合开发新页面或维护修改 			---------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* |01|首页| */
.uc-section1-1 { background: #fff url("images/bg11.png") center bottom no-repeat; background-size: cover; min-height: 300px; }

.uc-section1-1 .banner-box { padding-top: 20px; padding-bottom: 25px; }

.uc-section1-1 .banner-box img { display: block; margin: 0 auto; }

.uc-section1-1 .uc-content { background-color: #fff; min-height: 640px; }

.uc-section1-1 .menu-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 132px; padding-top: 30px; }

.uc-section1-1 .menu-box .logo { width: 300px; }

.uc-section1-1 .menu-box .logo img { display: block; margin: 0 auto; }

.uc-section1-1 .menu-box .center { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.uc-section1-1 .menu-box .user { min-width: 220px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.uc-section1-1 .menu-box .face { width: 48px; border-radius: 100%; height: 48px; overflow: hidden; margin-right: 5px; }

.uc-section1-1 .menu-box .face img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }

.uc-section1-1 .menu-box .con { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.uc-section1-1 .menu-box .con h3 { margin-bottom: 10px; font-size: 14px; }

.uc-section1-1 .menu-box .con .uc-btn { height: 25px; border: none; width: 90px; border-radius: 20px; font-size: 12px; background-color: #2a52a3; color: #fff; }

.uc-section1-1 .menu-box .search-box { width: 520px; position: relative; margin-bottom: 10px; }

.uc-section1-1 .menu-box .search-box .uc-input { border: #2a52a3 2px solid; border-radius: 0; padding-left: 110px; padding-right: 120px; height: 48px; }

.uc-section1-1 .menu-box .search-box .uc-btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; height: 48px; border-radius: 0; width: 100px; }

.uc-section1-1 .menu-box .search-box select { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; border: none; background-color: transparent; border-right: #eee 1px solid; width: 80px; padding-left: 10px; }

.uc-section1-1 .menu-box .links a { margin-right: 2em; font-size: 12px; color: #727779; }

.uc-section1-1 .menu-box .links a:hover { color: #2a52a3; }

.uc-section1-1 .main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.uc-section1-1 .right-box { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.uc-section1-1 .left-menu { width: 300px; border-top: #2a52a3 1px solid; position: relative; top: -8px; }

.uc-section1-1 .left-menu:after { content: ''; width: 11px; height: 8px; background: url("images/arrow11.png") center center no-repeat; background-size: 100% auto; position: absolute; right: -11px; top: -1px; }

.uc-section1-1 .left-menu li { line-height: 70px; border-bottom: #e9edf6 1px solid; font-size: 20px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.uc-section1-1 .left-menu li:last-child { border-bottom: none; }

.uc-section1-1 .left-menu li.on, .uc-section1-1 .left-menu li:hover { background-color: #2a52a3; }

.uc-section1-1 .left-menu li.on a, .uc-section1-1 .left-menu li:hover a { color: #fff; position: relative; }

.uc-section1-1 .left-menu li.on a:after, .uc-section1-1 .left-menu li:hover a:after { content: '\e75c'; font-family: 'uc-font'; font-size: 1.4em; right: 20px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.uc-section1-1 .left-menu a { padding-left: 50px; display: block; }

.uc-section1-1 .menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; background-color: #2a52a3; padding-left: 20px; }

.uc-section1-1 .menu a { color: #fff; }

.uc-section1-1 .menu li { line-height: 56px; font-size: 20px; margin: 0 30px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.uc-section1-1 .menu li:hover { opacity: .8; }

.uc-section1-1 .menu li:hover .down-box { display: block; }

.uc-section1-1 .menu .down-box { position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 46px; width: 300px; padding-top: 10px; z-index: 99; -webkit-box-shadow: 0px 8px 22px 0px rgba(176, 187, 220, 0.23); box-shadow: 0px 8px 22px 0px rgba(176, 187, 220, 0.23); display: none; }

.uc-section1-1 .menu .down-box .uc-font { color: #fff; font-size: 32px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: -10px; }

.uc-section1-1 .menu .down-box .box { background-color: #fff; }

.uc-section1-1 .menu .down-box .part { padding: 20px; border-bottom: #eee 1px dashed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.uc-section1-1 .menu .down-box .part:last-child { border-bottom: none; }

.uc-section1-1 .menu .down-box .con { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; margin-left: 20px; height: 100px; text-align: left; line-height: 20px; }

.uc-section1-1 .menu .down-box .con h3 { font-size: 16px; margin-bottom: 10px; }

.uc-section1-1 .menu .down-box .con p { font-size: 12px; }

.uc-section1-1 .menu .down-box .code { width: 100px; height: 100px; display: block; }

.uc-section1-1 .menu .down-box .other { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.uc-section1-1 .menu .down-box .other .other-item { margin-right: 10px; text-align: center; font-size: 12px; }

.uc-section1-1 .menu .down-box .other img { display: block; margin: 0 auto; }

.uc-section1-1 .detail-box { /*border-left: #d4dced 11px solid; */padding: 25px 25px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.uc-section1-1 .detail-box .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: #eee 1px solid; margin-bottom: 15px; padding-bottom: 15px; }

.uc-section1-1 .detail-box .title img { display: block; }

.uc-section1-1 .detail-box .left { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; margin-right: 25px; max-width: 810px}

.uc-section1-1 .detail-box .right { width: 340px; }

.uc-section1-1 .detail-box .banner-box { padding: 0; margin-bottom: 10px; }

.uc-section1-1 .detail-box .banner-box img { display: block; }

.uc-section1-1 .detail-box .list li { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 18px; height: 40px; }

.uc-section1-1 .detail-box .list .uc-tag { margin-right: 10px; }

.uc-section1-1 .detail-box .title2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 50px; font-size: 24px; }

.uc-section1-1 .detail-box .title2 .uc-arrow { color: #d2d2d2; padding-right: 10px; font-size: 16px; }

.uc-section1-1 .detail-box table { width: 100%; border: #fff 1px solid; }

.uc-section1-1 .detail-box table tr { height: 50px; border-bottom: #fff 1px solid; }

.uc-section1-1 .detail-box table td { padding: 0 5px; }

.uc-section1-1 .detail-box table .uc-btn { height: 24px; border-radius: 24px; }

.uc-section1-2 { padding-top: 20px; padding-bottom: 20px; background-color: #fff; }

.uc-section1-2 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.uc-section1-2 .list li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 20px; position: relative; }

.uc-section1-2 .list li:nth-child(3n) { margin-right: 0; }

.uc-section1-2 .list li:hover .con { -webkit-box-shadow: 0px 8px 22px 0px rgba(176, 187, 220, 0.23); box-shadow: 0px 8px 22px 0px rgba(176, 187, 220, 0.23); }

.uc-section1-2 .list .day-box { margin-bottom: 15px; font-size: 16px; }

.uc-section1-2 .list .day-box .uc-tag { margin-left: 5px; background-color: #c7c9ca; color: #fff; }

.uc-section1-2 .list .con { border: #f9f0e8 1px solid; border-left: #f09b56 5px solid; padding: 15px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }

.uc-section1-2 .list .con, .uc-section1-2 .list .con .btm { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.uc-section1-2 .list .con:first-child { border-left: none; }

.uc-section1-2 .list .r { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; margin-left: 10px; }

.uc-section1-2 .list h3 { font-size: 20px; line-height: 28px; height: 56px; overflow: hidden; margin-bottom: 10px; }

.uc-section1-2 .list .face { width: 56px; border-radius: 100%; height: 56px; overflow: hidden; margin: 0 auto 15px; }

.uc-section1-2 .list .face img { width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain; }

.uc-section1-2 .list .btm { color: #727779; }

.uc-section1-2 .list .info { font-size: 14px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; }

.uc-section1-2 .list .info p:first-child { margin-bottom: 10px; }

.uc-section1-2 .list .uc-btn { width: 90px; height: 40px; border-radius: 40px; }

.uc-section1-3 { padding-top: 65px; padding-bottom: 65px; background-color: #f4f9fa; }

.uc-section1-3 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.uc-section1-3 .list li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: 50px; position: relative; background: url("images/bg13.jpg") center bottom no-repeat; background-size: cover; margin-right: 15px; height: 184px; color: #fff; padding: 15px 170px 0 30px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.uc-section1-3 .list li:nth-child(3n) { margin-right: 0; }

.uc-section1-3 .list li:hover { -webkit-box-shadow: 0 5px 20px 0 #9fd2db; box-shadow: 0 5px 20px 0 #9fd2db; }

.uc-section1-3 .list .img { position: absolute; right: 10px; bottom: 0; display: block; }

.uc-section1-3 .list h3 { font-size: 20px; font-weight: bold; margin-bottom: 10px; }

.uc-section1-3 .list .con { font-size: 14px; line-height: 20px; margin-bottom: 10px; }

.uc-section1-3 .list .con p { padding: 2px 0; 
	 text-overflow: -o-ellipsis-lastline;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  line-clamp: 2;
	  -webkit-box-orient: vertical;
}

.uc-section1-3 .list .uc-btn { background-color: #fff; color: #2291a4; width: 124px; height: 32px; border-radius: 32px; }

.uc-section1-4 { padding-top: 80px; background: #fff url("images/bg14.png") center center no-repeat; background-size: cover; }

.uc-section1-4 .g-title .l i { color: #a3941a; }

.uc-section1-4 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 60px; }

.uc-section1-4 .list li { width: 340px; margin: 10px 30px 30px; border: #eee 1px solid; background-color: #fff; }

.uc-section1-4 .list li:nth-child(3n) { margin-right: 0; }

.uc-section1-4 .list .img { width: 100%; height: 340px; border-bottom: #eee 1px solid; overflow: hidden; position: relative; }

.uc-section1-4 .list .img img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }

.uc-section1-4 .list .img img { display: block; width: auto; height: auto; /*position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);*/ }

.uc-section1-4 .list .uc-tag { position: absolute; left: 10px; bottom: 10px; border-radius: 0; }

.uc-section1-4 .list .btm { padding: 20px 25px; min-height: 170px; }

.uc-section1-4 .list h3 { font-size: 18px; line-height: 28px; font-weight: bold; margin-bottom: 15px; height: 56px; overflow: hidden; }

.uc-section1-4 .list h3 a { font-weight: bold; }

.uc-section1-4 .list .con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.uc-section1-4 .list .uc-btn { width: 132px; height: 44px; border-radius: 0; font-size: 16px; }

.uc-section1-4 .list .price { color: #ff4350; line-height: 34px; margin-bottom: -5px; }

.uc-section1-4 .list b { font-size: 32px; }

.uc-section1-4 .list del { color: #999; }

.uc-section1-4 .intro { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 100px; }

.uc-section1-4 .intro .g-title { border: none; }

.uc-section1-4 .intro .left { position: relative; left: -80px; }

.uc-section1-4 .intro .left img { display: block; }

.uc-section1-4 .intro .left .i { position: absolute; left: 0; top: 0; }

.uc-section1-4 .intro .right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.uc-section1-4 .detail li { line-height: 70px; font-size: 24px; position: relative; padding-left: 24px; }

.uc-section1-4 .detail .dot { width: 6px; height: 6px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; }

.uc-section1-4 .detail .dot.d1 { background-color: #ff4350; }

.uc-section1-4 .detail .dot.d2 { background-color: #2291a3; }

.uc-section1-4 .detail .dot.d3 { background-color: #a3941a; }

.uc-section1-4 .detail .dot.d4 { background-color: #000000; }

.uc-section1-4 .g-five { background-color: transparent; }

/* |02|课程-结算中心| */
.uc-section2-1 { line-height: 80px; font-size: 30px; background-color: #fff; margin: 2px 0; }

.uc-section2-1 .uc-content { padding: 0 20px; }

.uc-section2-2 { padding-top: 20px; padding-bottom: 40px; }

.uc-section2-2 .box { border-radius: 5px; -webkit-box-shadow: 0px 8px 22px 0px rgba(176, 187, 220, 0.23); box-shadow: 0px 8px 22px 0px rgba(176, 187, 220, 0.23); margin: 0 auto 20px; }

.uc-section2-2 .box1 { background-color: #fff; }

.uc-section2-2 .box1 table { width: 100%; }

.uc-section2-2 .box1 th { height: 50px; background-color: #f8f8f8; text-align: center; border-bottom: #eee 1px solid; color: #999; }

.uc-section2-2 .box1 td { padding: 20px; text-align: center; }

.uc-section2-2 .box1 .w800 { width: 800px; }

.uc-section2-2 .box1 .product { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: left; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.uc-section2-2 .box1 .img { width: 150px; border-radius: 10px; height: 150px; margin-right: 20px; overflow: hidden; }

.uc-section2-2 .box1 .img img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }

.uc-section2-2 .box1 .con { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; }

.uc-section2-2 .box1 .con h3 { font-size: 16px; margin-bottom: 10px; }

.uc-section2-2 .box1 .con .txt { margin-bottom: 10px; color: #999; }

.uc-section2-2 .box2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background-color: #fff; padding: 0 40px; }

.uc-section2-2 .box2 .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 56px; font-size: 16px; }

.uc-section2-2 .box2 .title img { display: block; margin-right: 10px; }

.uc-section2-2 .box2 .left { width: 500px; padding-bottom: 20px; }

.uc-section2-2 .box2 .upload-box { width: 500px; height: 200px; border-radius: 5px; border: #eee 1px solid; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; margin-bottom: 10px; }

.uc-section2-2 .box2 .upload-box input[type=file] { position: absolute; left: 0; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

.uc-section2-2 .box2 .upload-box img { display: block; margin: 0 auto; }

.uc-section2-2 .box2 .msg { background: -webkit-gradient(linear, left top, right top, from(#faf7d8), to(#fff)); background: -webkit-linear-gradient(left, #faf7d8 0%, #fff 100%); background: -o-linear-gradient(left, #faf7d8 0%, #fff 100%); background: linear-gradient(to right, #faf7d8 0%, #fff 100%); color: #cf7033; padding: 10px; line-height: 26px; margin-bottom: 10px; }

.uc-section2-2 .box2 .form { margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.uc-section2-2 .box2 .uc-textarea { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-height: 60px; border-radius: 5px; height: 60px; }
.uc-section2-2 .box2 .uc-input{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1;  border-radius: 5px; height: 40px; }
.uc-section2-2 .box2 .txt{line-height: 40px;}
.uc-section2-2 .box2 .right { width: 300px; padding: 10px 0 20px; }

.uc-section2-2 .box2 .info { margin-bottom: 10px; }

.uc-section2-2 .box2 .info .item { line-height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.uc-section2-2 .box2 .info .txt { min-width: 150px; display: inline-block; text-align: right; color: #999; }

.uc-section2-2 .box2 .info .line { background-color: #ccc; height: 1px; margin: 10px 0; }

.uc-section2-2 .box2 .operate { padding: 20px 0; }

.uc-section2-2 .box2 .operate .uc-btn { margin-left: auto; width: 220px; height: 50px; font-size: 18px; font-weight: bold; }

.uc-section2-2 .choose-pay { border-bottom: #eee 1px solid; }

.uc-section2-2 .choose-pay .item { background: url("images/radio1.png") 20px center no-repeat; background-size: 16px 16px; padding-left: 60px; height: 60px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.uc-section2-2 .choose-pay .item.on { background-image: url("images/radio-on1.png"); background-color: #f1f4f6; }

.uc-section2-2 .choose-pay img { display: block; margin-right: 10px; }

/* |03|课程-课程| */
.uc-section3-1 { padding-top: 20px; }

.uc-section3-1 .filter-line { height: 70px; background-color: #fbfbfb; position: relative; }

.uc-section3-1 .filter { position: absolute; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.uc-section3-1 .filter .item { width: 266px; position: relative; color: #666666; display: block; text-align: center; font-size: 18px; height: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.uc-section3-1 .filter .item.on { background-color: #fff; color: #3385ff; height: 86px; position: relative; border-radius: 10px 10px 0 0; padding-top: 16px; }

.uc-section3-1 .filter .item.on .i1 { display: none; }

.uc-section3-1 .filter .item.on .i2 { display: block; }

.uc-section3-1 .filter .i2 { display: none; }

.uc-section3-1 .filter img { margin-right: 5px; }

.uc-section3-1 .tab-con { display: none; }

.uc-section3-1 .tab-con:first-child { display: block; }

.uc-section3-1 .list { padding: 0 50px; background-color: #fff; border-radius: 0 0 10px 10px; -webkit-box-shadow: 0px 8px 22px 0px rgba(176, 187, 220, 0.23); box-shadow: 0px 8px 22px 0px rgba(176, 187, 220, 0.23); }

.uc-section3-1 .list li { padding: 50px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: #eee 1px solid; font-size: 16px; }

.uc-section3-1 .list li:last-child { border-bottom: none; }

.uc-section3-1 .list .teacher { text-align: center; }

.uc-section3-1 .list .face { width: 132px; border-radius: 100%; height: 132px; overflow: hidden; margin: 0 auto 20px; }

.uc-section3-1 .list .face img { width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain; }

.uc-section3-1 .list .center { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 60px; }

.uc-section3-1 .list .center h3 { font-size: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; }

.uc-section3-1 .list .center .uc-tag { border-radius: 3px; margin-left: 10px; }

.uc-section3-1 .list .txt { color: #727779; font-size: 16px; margin-bottom: 20px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical; }

.uc-section3-1 .list .txt span { margin-right: 20px; }

.uc-section3-1 .list .time-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; font-size: 18px; }

.uc-section3-1 .list .time-box time { font-size: 18px; margin-right: 2em; }

.uc-section3-1 .list .time-box .tag { line-height: 40px; border-radius: 5px; padding: 0 10px; margin: 0 10px; background-color: #f8f8f8; font-size: 20px; }

.uc-section3-1 .list .time-box .tag2 { font-size: 16px; color: #eb3434; width: 40px; border-radius: 5px; height: 40px; background-color: #f8f8f8; margin: 0 5px; text-align: center; line-height: 40px; }

.uc-section3-1 .list .price { color: #999; }

.uc-section3-1 .list .price span { margin-right: 2em; }

.uc-section3-1 .list .right { text-align: center; color: #727779; }

.uc-section3-1 .list .right .operate { margin-top: 20px; }

.uc-section3-1 .list .right .uc-btn { width: 160px; height: 50px; border-radius: 30px; background-color: #2a52a3; border-color: #2a52a3; font-size: 20px; }

/* |04|课程-课程播放| */
.uc-section4-1 { background-color: #000000; height: 100vh; padding-top: 60px; position: relative; }

.uc-section4-1 .top-box { width: 100%; height: 60px; background-color: #fff; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 0; }

.uc-section4-1 .main { width: 100%; height: 100%; position: relative; padding-left: 60px; padding-right: 380px; }

.uc-section4-1 .main-left { width: 60px; height: 100%; background-color: #1c1f21; position: absolute; left: 0; top: 0; overflow-x: hidden; overflow-y: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.uc-section4-1 .main-left::-webkit-scrollbar {width: 2px; height: 8px; border-radius: 8px; background-color: #f5f5f5; }

.uc-section4-1 .main-left::-webkit-scrollbar-track { border-radius: 8px; background-color: #f5f5f5; }

.uc-section4-1 .main-left::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #d2d2d2; }

.uc-section4-1 .main-left::-webkit-scrollbar-thumb:hover { background: rgba(210, 210, 210, 0.8); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }



.uc-section4-1 .main .section-list {
    position: absolute;
    left: -400px;
    top: 0;
    bottom: 0;
    width: 400px;
    background: #26292c;
    /*box-shadow: 0 8px 16px 0 #1c1f21;*/
    z-index: 9999;
    transition: .3s all linear;
    opacity: 0;
    padding: 8px 0;
    box-sizing: border-box;
    overflow-x: hidden; overflow-y: auto;
}

.uc-section4-1 .main .section-list .title{font-size: 14px;}
.uc-section4-1 .main .section-list .time{font-size: 12px;}

.uc-section4-1 .main .section-list .lesson-status{
    display: inline-block;
    padding: 1px 4px;
    border-radius: 2px;
    margin-left: 5px;
    font-size: 10px;
    line-height:1.3;
}

.uc-section4-1 .main .section-list .lesson-status.red{
	border:1px solid  #f06311;
	color: #f06311;

}

.uc-section4-1 .main .section-list .lesson-status.blue{
	border:1px solid  #2291a4;
	color: #2291a4;

}

.uc-section4-1 .main .section-list .lesson-status.gray{
	border:1px solid  #727779;
	color: #727779;

}





.uc-section4-1 .main .section-list::-webkit-scrollbar {width: 2px; height: 8px; border-radius: 8px; background-color: #26292c; }

.uc-section4-1 .main .section-list::-webkit-scrollbar-track { border-radius: 8px; background-color: #26292c; }

.uc-section4-1 .main .section-list::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #080a0c; }

.uc-section4-1 .main .section-list::-webkit-scrollbar-thumb:hover { background: rgba(210, 210, 210, 0.8); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }


.uc-section4-1 .main .section-list .nano-pane {
    background: 0 0!important
}

.uc-section4-1 .main .section-list .nano-pane .nano-slider {
    width: 4px!important
}

.uc-section4-1 .main .section-list.active {
    left: 60px;
    opacity: 1
}

.uc-section4-1 .main .section-list .nano-content {
    padding-bottom: 20px
}

.uc-section4-1 .main .section-list ul {
    padding: 0 24px
}

.uc-section4-1 .main .section-list .sec-title {
    padding-top: 20px;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    margin-bottom: 8px
}

.uc-section4-1 .main .section-list .sec-li {
	margin-bottom: 10px;
    height: 60px
}

.uc-section4-1 .main .section-list .sec-li.current {
    background: rgba(255,255,255,.1);
    border-radius: 4px
}

.uc-section4-1 .main .section-list .sec-li.current a {
    color: #fff
}

.uc-section4-1 .main .section-list .sec-li:hover a {
    color: rgba(242,13,13,.6)
}

.uc-section4-1 .main .section-list .sec-li a {
    padding: 6px 0 6px 28px;
    width: 100%;
    /*height: 30px;*/
    box-sizing: border-box;
    overflow: hidden;
    display: block;
    position: relative;
    color: rgba(255,255,255,.6);
    line-height: 20px
}

.uc-section4-1 .main .section-list .sec-li a:hover i {
    color: rgba(242,13,13,.6)
}

.uc-section4-1 .main .section-list .sec-li em {
    position: absolute;
    left: 8px;
    top: 6px;
    font-size: 16px;
    line-height: 18px
}

.uc-section4-1 .main .section-list .sec-li em.imv2-tick {
    color: #37f
}

.uc-section4-1 .main .section-list .sec-li i {
    float: right;
    font-size: 12px;
    color: rgba(255,255,255,.2);
    line-height: 20px
}

.uc-section4-1 .main .section-list .sec-li i.finish,.uc-section4-1 .main .section-list .sec-li i.half {
    color: rgba(242,13,13,.6)
}

.uc-section4-1 .main .section-list .sec-li i span {
    margin-left: 8px
}

.uc-section4-1 .main .section-list .class-section {
    padding: 0 24px;
    margin-top: 24px;
    display: inline-block;
    box-sizing: border-box
}

.uc-section4-1 .main .section-list .class-section .class-title {
    border-top: 1px solid #515356;
    padding-top: 24px;
    padding-right: 16px;
    box-sizing: border-box;
    font-size: 16px;
    color: #fff;
    text-align: left;
    line-height: 24px;
    margin-bottom: 8px
}

.uc-section4-1 .main .section-list .class-section .class-btn-box {
    text-align: center;
    margin-bottom: 20px
}

.uc-section4-1 .main .section-list .class-section .class-btn-box a {
    padding: 8px 24px;
    background: #f53d3d;
    border-radius: 18px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    cursor: pointer
}

.uc-section4-1 .main .section-list .class-section .class-btn-box a:hover {
    background-color: #c20a0a
}

.uc-section4-1 .main .section-list .class-section .class-name {
    font-size: 14px;
    color: #fff;
    text-align: left;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 6px
}

.uc-section4-1 .main .section-list .class-section .class-desc {
    font-size: 12px;
    color: #a8a9ab;
    text-align: left;
    line-height: 22px;
    margin-bottom: 16px
}

.uc-section4-1 .main .section-list .class-section .class-chapter {
    height: 30px;
    width: 100%;
    padding: 6px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    cursor: pointer
}

.uc-section4-1 .main .section-list .class-section .class-chapter:hover {
    background: rgba(242,13,13,.05);
    border-radius: 4px
}

.uc-section4-1 .main .section-list .class-section .class-chapter:hover .class-content,.uc-section4-1 .main .section-list .class-section .class-chapter:hover .i-left,.uc-section4-1 .main .section-list .class-section .class-chapter:hover .i-right {
    color: rgba(242,13,13,.6)
}

.uc-section4-1 .main .section-list .class-section .class-chapter .i-left {
    font-size: 16px;
    color: #9199a1;
    line-height: 18px;
    margin-right: 4px
}

.uc-section4-1 .main .section-list .class-section .class-chapter .class-content {
    width: 295px;
    font-size: 12px;
    color: #9199a1;
    text-align: left;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.uc-section4-1 .main .section-list .class-section .class-chapter .class-content em {
    font-weight: 700;
    font-style: normal
}

.uc-section4-1 .main .section-list .class-section .class-chapter .i-right {
    font-size: 12px;
    color: #a8a9ab;
    line-height: 18px
}


.uc-section4-1 .main-right { width: 380px; height: 100%; background-color: #1c1f21; position: absolute; right: 0; top: 0; overflow-x: hidden; overflow-y: auto; }

.uc-section4-1 .main-right::-webkit-scrollbar { width: 2px; height: 8px; border-radius: 8px; background-color: #f5f5f5; }

.uc-section4-1 .main-right::-webkit-scrollbar-track { border-radius: 8px; background-color: #f5f5f5; }

.uc-section4-1 .main-right::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #d2d2d2; }

.uc-section4-1 .main-right::-webkit-scrollbar-thumb:hover { background: rgba(210, 210, 210, 0.8); -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

.uc-section4-1 .main-center { position: relative;width: 100%;height: 100%;}
.uc-section4-1 .main-center .video-box{width: 100%;height: 100%;}
.uc-section4-1 .main-center video { display: block; width: 100%; height: 100%; }



.uc-section4-1 .main-center .video-box .live-name {
    background: #000;
    background: rgb(95 92 92 / 70%);
    border-radius: 24px;
    height: 48px;
    font-size: 20px;
    color: #fff;
    line-height: 48px;
    display: inline-block;
    padding: 0 81px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 67%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.uc-section4-1 .main-center .video-box .playbtn {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}



.uc-section4-1 .main-center .video-box .live-name .icon-live {
    width: 24px;
    height: 24px;
    position: relative;
    top: 4px;
    left: -4px;
    display: inline-block;
    background: url(../images/liveing.gif);
}



.uc-section4-1 .side-list .item { width: 100%; padding: 20px 0px; display: block; font-size: 12px; color: #68696c; text-align: center; }

.uc-section4-1 .side-list .item img { display: block; margin: 0 auto 2px; }

.uc-section4-1 .top-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 10px; }

.uc-section4-1 .top-box img { display: block; }

.uc-section4-1 .top-box .btn-user { width: 40px; border-radius: 100%; height: 40px; overflow: hidden; margin: 0 30px; }

.uc-section4-1 .top-box .btn-user img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }

.uc-section4-1 .top-box .center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 20px; }

.uc-section4-1 .top-box .center b { font-size: 16px; margin-right: 30px; margin-left: 10px; }

.uc-section4-1 .top-box .center .uc-btn img { margin-right: 5px; }

.uc-section4-1 .top-box .center .btns { margin-left: 20px; }

.uc-section4-1 .top-box .search { position: relative; margin-right: 5%; }

.uc-section4-1 .top-box .search .uc-input { height: 35px; background-color: #f3f5f6; border-radius: 6px; width: 360px; border: none; }

.uc-section4-1 .top-box .search .btn-search { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 15px; }

.uc-section4-1 .main-right { padding: 30px; }

.uc-section4-1 .main-right .btn-close { position: absolute; right: 10px; top: 10px; z-index: 9; color: #999; font-size: 20px; }

.uc-section4-1 .main-right .user { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.uc-section4-1 .main-right .user .face { width: 48px; border-radius: 100%; height: 48px; overflow: hidden; margin-right: 10px; }

.uc-section4-1 .main-right .user .face img { width: 100%; height: 100%; display: block; -o-object-fit: contain; object-fit: contain; }

.uc-section4-1 .main-right .user .con { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #fff; }

.uc-section4-1 .main-right .user h3 { font-size: 14px; margin-bottom: 10px; }

.uc-section4-1 .main-right .user h3 a { color: #fff; }

.uc-section4-1 .main-right .user p { opacity: .8; }

.uc-section4-1 .main-right .intro { padding: 20px 0; color: #a4a3a2; line-height: 22px; text-align: justify; }

.uc-section4-1 .main-right .banner-box { border-radius: 10px; margin-bottom: 10px; }

.uc-section4-1 .main-right .banner-box img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; display: block; }

.uc-section4-1 .main-right .title { line-height: 30px; color: #fff; font-size: 16px; padding: 10px 0; }

.uc-section4-1 .main-right .list { padding: 10px 0; }

.uc-section4-1 .main-right .list .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; }

.uc-section4-1 .main-right .list .img { width: 96px; border-radius: 5px; height: 64px; overflow: hidden; margin-right: 15px; }

.uc-section4-1 .main-right .list .img img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }

.uc-section4-1 .main-right .list .con { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; height: 64px; color: #999; font-size: 12px; line-height: 22px; }

.uc-section4-1 .main-right .list h4 { font-size: 14px; }

/* |05|课程-课程详情| */
.uc-section5-1 { background-color: #fff; -webkit-box-shadow: 0px 8px 22px 0px rgba(176, 187, 220, 0.23); box-shadow: 0px 8px 22px 0px rgba(176, 187, 220, 0.23); padding-bottom: 30px; }

.uc-section5-1 .box::after { display: block; clear: both; content: ""; }

.uc-section5-1 .banner-box { width: 480px; float: left; }

.uc-section5-1 .info-box { float: right; width: 680px; }

.uc-section5-1 .info-box h1 { font-weight: bold; margin-bottom: 10px; border-left: #ff4350 5px solid; padding-left: 15px; }

.uc-section5-1 .info-box .con1 { padding: 10px 20px; background-color: #f9f9f9; margin-bottom: 20px; }

.uc-section5-1 .info-box .con1 .item { padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.uc-section5-1 .info-box .con1 .e1 { margin-right: 1em; }

.uc-section5-1 .info-box .con1 .txt { margin-right: 2em; color: #999; }

.uc-section5-1 .info-box .con1 img { margin-right: 5px; display: block; }

.uc-section5-1 .info-box .con1 .uc-big { font-size: 24px; margin-right: 10px; }

.uc-section5-1 .info-box .con1 del { color: #999; }

.uc-section5-1 .info-box .con2 { padding: 20px 0;  border-bottom: #eee 1px solid; }

.uc-section5-1 .info-box .con2 .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.uc-section5-1 .info-box .con2 .item .uc-btn{display: inline-block;margin-right: 10px;margin-bottom:10px;line-height: 30px}
.uc-section5-1 .info-box .con2 .txt { margin-right: 2em; color: #999; }

.uc-section5-1 .info-box .con3 { padding: 10px 0; }

.uc-section5-1 .info-box .con3 .item { padding: 5px 0; }

.uc-section5-1 .info-box .con3 .txt { color: #999; margin-right: 2em; }

.uc-section5-1 .info-box .operate { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px; }

.uc-section5-1 .info-box .operate .uc-btn { width: 195px; height: 50px; border-radius: 50px; font-size: 16px; margin-right: 2em; }

.uc-section5-1 .bottom-box { padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.uc-section5-1 .bottom-box .share-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.uc-section5-1 .bottom-box .share-box a { margin-left: 5px; }

.uc-section5-1 .bottom-box .share-box img { display: block; }

.uc-section5-1 .bottom-box .number { color: #727779; }

.uc-section5-2 { padding: 30px 0; }

.uc-section5-2 .uc-content::after { display: block; clear: both; content: ""; }

.uc-section5-2 .main-left { width: 860px; float: left; background-color: #fff; }

.uc-section5-2 .main-right { width: 320px; float: right; background-color: #fff; }

.uc-section5-2 .filter { padding: 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: #eee 1px solid; }

.uc-section5-2 .filter .item { line-height: 70px; font-size: 16px; margin-right: 50px; position: relative; }

.uc-section5-2 .filter .item.on:after { content: ''; width: 2em; height: 3px; background-color: #2a52a3; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; }

.uc-section5-2 .filter .tag { background-color: #fa2e19; line-height: 22px; border-radius: 10px 10px 10px 0; color: #fff; font-size: 12px; position: absolute; display: inline-block; padding: 0 10px; width: 80px; -webkit-box-shadow: 0 5px 10px 0 rgba(250, 46, 25, 0.2); box-shadow: 0 5px 10px 0 rgba(250, 46, 25, 0.2); left: 50%; top: 5px; text-align: center; }

.uc-section5-2 .tab-con { display: none; }

.uc-section5-2 .tab-con:first-child { display: block; }

.uc-section5-2 .list li.on .hd { border: none; }

.uc-section5-2 .list li.on .hd .more .i2 { display: none; }

.uc-section5-2 .list li.on .hd .more .i1 { display: block; }

.uc-section5-2 .list li.on .bd { display: block; }

.uc-section5-2 .list .hd { padding: 0 20px; height: 65px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: #eee 1px dashed; cursor: pointer; }

.uc-section5-2 .list .hd b { margin-right: 10px; }

.uc-section5-2 .list .hd .more { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 20px; color: #999; }

.uc-section5-2 .list .hd .more .i1 { display: none; }

.uc-section5-2 .list .bd { padding: 0 20px 20px; border-bottom: #eee 1px solid; display: none; }

.uc-section5-2 .list .bd .item { margin-top: 10px; background-color: #fbfbfb; padding: 10px; border-left: #dddddd 3px solid; /*height: 80px; */display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #727779; }

.uc-section5-2 .list .bd .uc-btn { width: 80px; height: 26px; border-radius: 26px; }

.uc-section5-2 .main-right .title { line-height: 70px; border-bottom: #eee 1px solid; position: relative; padding-left: 25px; font-size: 18px; font-weight: bold; }

.uc-section5-2 .main-right .title:after { content: ''; width: 4px; height: 24px; background-color: #ff4350; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; }

.uc-section5-2 .main-right .side-list { padding: 20px 10px 20px 20px; }

.uc-section5-2 .main-right .side-list li { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 40px; padding-left: 30px; position: relative; line-height: 40px; }

.uc-section5-2 .main-right .side-list img { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 20px; border-radius: 100%; height: 20px; }

/* |06|我的-登录注册| */
.uc-section61 { padding: 30px 0; min-height: 650px; background-color: #f3f4f7; }

.uc-section61 .uc-content::after { display: block; clear: both; content: ""; }

.uc-section61 .banner-box { float: left; width: 520px; }

.uc-section61 .right { float: right; width: 380px; }

.uc-section61 .box { background-color: #fff; border-radius: 10px; -webkit-box-shadow: 0px 8px 22px 0px rgba(176, 187, 220, 0.23); box-shadow: 0px 8px 22px 0px rgba(176, 187, 220, 0.23); margin-bottom: 20px; padding-top: 36px; }

.uc-section61 .box h3 { font-size: 22px; color: #2a52a3; text-align: center; margin-bottom: 30px; font-weight: bold; }

.uc-section61 .form { padding: 0 30px 1px; }

.uc-section61 .form li { margin-bottom: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.uc-section61 .form .uc-input { height: 40px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.uc-section61 .form .btn-code { margin-left: 10px; width: 90px; height: 40px; border: #eee 1px solid; }

.uc-section61 .form .btn-code img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; }

.uc-section61 .form .btn-yzm { width: 90px; height: 40px; border-radius: 5px; border: #eee 1px solid; background-color: #f5f5f5; color: #999; text-align: center; line-height: 38px; margin-left: 10px; overflow: hidden; font-size: 12px; }

.uc-section61 .operate { padding: 10px 30px 10px; }

.uc-section61 .operate .uc-btn { height: 40px; border-radius: 40px; -webkit-box-shadow: 0 5px 10px 0 rgba(42, 82, 163, 0.3); box-shadow: 0 5px 10px 0 rgba(42, 82, 163, 0.3); }

.uc-section61 .other { padding: 10px; text-align: center; }

.uc-section61 .other img { display: block; margin: 0 auto 5px; }

.uc-section61 .other .item { display: block; margin: 0 auto; color: #999; }

.uc-section61 .rule { padding: 20px; text-align: center; line-height: 20px; background-color: #f7f7f7; }

.uc-section61 .down-box .uc-btn { height: 42px; border-radius: 5px; background-color: #8690a6; font-weight: bold; color: #fff; }

/* |12|书店| */
.uc-section12-1 { background: #fff url(../images/banner121.jpg) center center no-repeat; background-size: 1920px auto; height: 336px; margin-bottom: 70px; }

.uc-section12-1 a { display: block; width: 100%; height: 100%; }

.uc-section12-2 .uc-content { margin-bottom: 20px; }

.uc-section12-2 .filter-line { height: 70px; background-color: #fbfbfb; position: relative; }

.uc-section12-2 .filter { position: absolute; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.uc-section12-2 .filter .item { width: 266px; position: relative; color: #666666; display: block; text-align: center; font-size: 18px; height: 70px; line-height: 70px; }

.uc-section12-2 .filter .item.on { background-color: #fff; color: #3385ff; height: 86px; position: relative; border-radius: 10px 10px 0 0; padding-top: 16px; }

.uc-section12-2 .filter .item.on .uc-tag { margin-top: -2px; }

.uc-section12-2 .filter .uc-tag { border-radius: 10px 10px 10px 0; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-left: 5em; margin-top: -10px; }

.uc-section12-2 .tab-con { display: none; }

.uc-section12-2 .tab-con:first-child { display: block; }

.uc-section12-2 .box { background-color: #fff; padding: 0 50px; }

.uc-section12-2 .part1 { padding: 50px 0; border-bottom: #eee 1px solid; }

.uc-section12-2 .part1::after { display: block; clear: both; content: ""; }

.uc-section12-2 .part1 .img { width: 380px; height: 380px; padding:10px;overflow: hidden; margin-right: 30rpx; float: left; }

.uc-section12-2 .part1 .img img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }

.uc-section12-2 .part1 .con { width: 700px; float: left; }

.uc-section12-2 .part1 h3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; }

.uc-section12-2 .part1 h3 b { font-size: 20px; margin-right: 20px; }

.uc-section12-2 .part1 .uc-tag { border-radius: 5px; margin-left: 10px; }

.uc-section12-2 .part1 .txt { font-size: 16px; line-height: 24px; color: #707278; text-align: justify; margin-bottom: 30px; }

.uc-section12-2 .part1 .price span { margin-right: 2em; }

.uc-section12-2 .part1 .price b { font-size: 28px; }

.uc-section12-2 .part1 .operate { margin-top: 50px; }

.uc-section12-2 .part1 .uc-btn { width: 500px; height: 50px; display: inline-block; text-align: center; line-height: 48px; font-size: 20px; background-color: #2a52a3; border-color: #2a52a3; }

.uc-section12-2 .part2 { padding: 50px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.uc-section12-2 .part2 li { width: 20%; }

.uc-section12-2 .part2 img { display: block; width: 200px;height: 200px; padding: 10px}

.uc-section12-3 .uc-content { background-color: #fff; margin-bottom: 20px; padding: 50px 50px; }

.uc-section12-3 .filter { padding: 36px 36px 36px 220px; position: relative; background-color: #fff; -webkit-box-shadow: 0px 20px 40px 0px rgba(229, 229, 229, 0.51); box-shadow: 0px 20px 40px 0px rgba(229, 229, 229, 0.51); line-height: 33px; margin-bottom: 50px; }

.uc-section12-3 .filter .txt { width: 160px; position: absolute; left: 30px; margin: 12px; text-align: right; }

.uc-section12-3 .filter a { margin: 12px; height: 33px; border-radius: 33px; padding: 0 15px; min-width: 84px; background-color: #f8f9fb; display: inline-block; text-align: center; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.uc-section12-3 .filter a:hover { background-color: #2a52a3; color: #fff; }

.uc-section12-3 .list::after { display: block; clear: both; content: ""; }

.uc-section12-3 .list li { width: 340px; height: 445px; border: #eee 1px solid; float: left; margin-top: 40px; margin-right: 40px; }

.uc-section12-3 .list li:nth-child(3n) { margin-right: 0; }

.uc-section12-3 .list .img { width: 100%; height: 300px; border-bottom: #eee 1px solid; position: relative; }

.uc-section12-3 .list .img img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }

.uc-section12-3 .list .img img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 260px; height: 230px; }

.uc-section12-3 .list .tag { background-color: #2a52a3; color: #fff; padding: 0 10px 0 5px; position: absolute; left: 0; top: 0; border-radius: 0 0 20px; line-height: 24px; font-size: 12px; }

.uc-section12-3 .list .btm { padding: 20px; }

.uc-section12-3 .list h3 { font-size: 18px; line-height: 28px; height: 56px; overflow: hidden; color: #333d48; margin-bottom: 10px; }

.uc-section12-3 .list h3 a { color: #333d48; }

.uc-section12-3 .list .con b { font-size: 32px; margin-right: 10px; color: #ff4350; }

.uc-section12-3 .list .con del { color: #727779; }

.uc-section12-4 { background: #fff url("images/bg124.jpg") center top no-repeat; background-size: 100% auto; padding-top: 100px; }

.uc-section12-4 .list .item { height: 500px; background-color: #fff; -webkit-box-shadow: 0px 20px 40px 0px rgba(229, 229, 229, 0.51); box-shadow: 0px 20px 40px 0px rgba(229, 229, 229, 0.51); margin-bottom: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 100px; }

.uc-section12-4 .list .number { font-size: 130px; font-weight: bold; color: #f4f4f4; }

.uc-section12-4 .list .img { margin: 0 50px; display: block; width: 400px; }

.uc-section12-4 .list .con { width: 400px; }

.uc-section12-4 .list h3 { font-size: 33px; color: #3385ff; margin-bottom: 20px; }

.uc-section12-4 .list .detail { font-size: 20px; color: #727779; line-height: 32px; }

.uc-section12-4 .list .detail p { margin-bottom: 10px; }

.uc-section12-4 .bottom { height: 130px; background: url("images/bg124-2.png") center bottom no-repeat; background-size: 1920px auto; }

.uc-section12-5 { background: url("images/bg125.jpg") center center no-repeat; background-size: cover; }

.uc-section12-5 .uc-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 340px; }

.uc-section12-5 .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.uc-section12-5 .left img { display: block; margin-right: 60px; }

.uc-section12-5 .uc-btn { width: 200px; height: 50px; background-color: #2a52a3; font-size: 18px; color: #fff; }

/* |13|题库| */
.uc-section13-1 { margin: 20px auto 30px; }

.uc-section13-1 .uc-content { background-color: #fff; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.uc-section13-1 .search { position: relative; }

.uc-section13-1 .search .uc-input { height: 48px; border-radius: 0; border-width: 2px; padding-left: 40px; width: 400px; }

.uc-section13-1 .search .uc-search { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 15px; color: #d2d2d2; }

.uc-section13-1 .con1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.uc-section13-1 .con1 .uc-select { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border: none; }

.uc-section13-1 .con2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; }

.uc-section13-1 .con2 .uc-btn { border-radius: 0; height: 24px; }

.uc-section13-1 .con2 .uc-btn img { margin-right: 5px; }

.uc-section13-2, .uc-section13-3, .uc-section13-4, .uc-section13-5 { background-color: #fff; border-radius: 10px; margin-bottom: 20px; -webkit-box-shadow: 0px 8px 22px 0px rgba(176, 187, 220, 0.23); box-shadow: 0px 8px 22px 0px rgba(176, 187, 220, 0.23); padding: 20px; }

.uc-section13-2 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.uc-section13-2 .list li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 20px; margin-bottom: 20px; }

.uc-section13-2 .list li:first-child { margin-left: 0; }

.uc-section13-2 .list img { display: block; width: 100%; }

.uc-section13-2 .list2 { display: -webkit-box; display: -ms-flexbox; /*display: flex;*/ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.uc-section13-2 .list2 li { position: relative; /*-webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 20px;*/ }

.uc-section13-2 .list2 li:first-child { margin-left: 0; }

.uc-section13-2 .list2 .bgs { display: block; }

.uc-section13-2 .list2 .box { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 20px; }

.uc-section13-2 .list2 h3 { font-size: 18px; padding-right:10px;margin-bottom: 10px; }

.uc-section13-2 .list2 .con { font-size: 16px; color: #3385ff; margin-bottom: 20px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.uc-section13-2 .list2 .uc-btn { width: 140px; height: 40px; border-radius: 40px; font-size: 16px; }

.uc-section13-2 .list2 .style-gray h3 { color: #666666; }

.uc-section13-2 .list2 .style-gray .con { color: #999999; }

.uc-section13-2 .list2 .style-gray .uc-btn { opacity: .5; }

.uc-section13-3 { padding-top: 90px; margin-top: 45px; position: relative; }

.uc-section13-3 .title { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 0; height: 70px; width: 100%; background-color: #fbfbfb; border-radius: 0 10px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-right: 20px; }

.uc-section13-3 .title .btns { width: 306px; height: 87px; background: url("images/tite133-1.png") center center no-repeat; background-size: 100% auto; position: relative; top: -17px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #fff; font-size: 20px; padding-right: 30px; }

.uc-section13-3 .title .btns img { margin-right: 10px; }

.uc-section13-3 .title .uc-btn { margin-top: -15px; color: #d2d2d2; padding: 0; }

.uc-section13-3 .list li .hd { border-bottom: #eee 1px solid; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 70px; }

.uc-section13-3 .list li .hd img { display: block; }

.uc-section13-3 .list li:last-child .hd { border-bottom: none; }

.uc-section13-3 .list li .c { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 18px; margin: 0 10px; }

.uc-section13-3 .list li.on .bd { display: block; }

.uc-section13-3 .list .bd { background-color: #f4f8ff; padding: 10px 0; display: none; }

.uc-section13-3 .list .bd .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; padding: 10px 50px; color: #999; }

.uc-section13-3 .list .bd .icon2 { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 30px; }

.uc-section13-3 .list .bd a { color: #999; }

.uc-section13-3 .list .bd a:hover { color: #3385ff; }

.uc-section13-4, .uc-section13-5 { padding-top: 90px; position: relative; }

.uc-section13-4 .g-titleIcon, .uc-section13-5 .g-titleIcon { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 0; width: 100%; }

.uc-section13-4 .list { padding: 10px 0; }

.uc-section13-4 .list li { padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.uc-section13-4 .list .img { width: 100px; height: 100px; overflow: hidden; border: #eee 1px solid; }

.uc-section13-4 .list .img img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }

.uc-section13-4 .list .con { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-height: 100px; margin-left: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.uc-section13-4 .list h3 { font-size: 16px; line-height: 20px; 
text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.uc-section13-5 .code-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 0; }

.uc-section13-5 .code-box img { display: block; width: 100px; height: 100px; }

.uc-section13-5 .code-box .con { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; margin-left: 20px; height: 95px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.uc-section13-5 .code-box .txt { font-size: 16px; }

.uc-section13-5 .code-box .tags .uc-tag { border-radius: 0; width: 70px; height: 22px; margin-top: 10px; margin-right: 10px; }

.uc-section13-5 .other { padding: 20px 0; }

.uc-section13-5 .other .txt { margin-bottom: 20px; }

.uc-section13-5 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #999; }

.uc-section13-5 .list img { display: block; margin: 0 auto 5px; }

/* |14|资讯| */
.uc-section14-1 { margin-bottom: 10px; }

.uc-section14-1 .item { background-color: #fff; padding: 10px 10px 10px 120px; position: relative; line-height: 26px; border-bottom: #eee 1px solid; }

.uc-section14-1 .item:last-child { border-bottom: none; }

.uc-section14-1 .left { position: absolute; left: 30px; margin: 5px; }

.uc-section14-1 .left .uc-select { padding: 0; border: none; height: 26px; }

.uc-section14-1 .con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.uc-section14-1 .con a { display: block; margin: 5px; padding: 0 10px; border-radius: 26px; margin-right: 1em; }

.uc-section14-1 .con a.on, .uc-section14-1 .con a:hover { background-color: #f4f8ff; color: #2a52a3; }

.uc-section14-2 { background-color: #fff; padding: 0 40px; min-height: 520px; }

.uc-section14-2 .list li { padding: 30px 0; border-bottom: #eee 1px solid; font-size: 14px; }

.uc-section14-2 .list h3 { font-size: 18px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-bottom: 15px; }

.uc-section14-2 .list .uc-tag { border-radius: 3px; margin-left: 10px; }

.uc-section14-3 { background-color: #fff; -webkit-box-shadow: 0px 8px 22px 0px rgba(176, 187, 220, 0.23); box-shadow: 0px 8px 22px 0px rgba(176, 187, 220, 0.23); }

.uc-section14-3 .banner-box img { display: block; width: 100%; }

.uc-section14-3 .operate { padding: 45px; }

.uc-section14-3 .operate .uc-btn { height: 50px; border-radius: 50px; font-size: 20px; }

.uc-section14-4 { margin-top: 70px; margin-bottom: 30px; }

.uc-section14-4 img { display: block; width: 100%; }

/* |15|文章详情| */
.uc-section15-1 { padding-bottom: 50px; }

.uc-section15-1 h1 { padding: 20px 0; font-size: 30px; }

.uc-section15-1 .info { margin-bottom: 20px; }

.uc-section15-1 .info span { margin-right: 2em; color: #999; }

.uc-section15-1 .box { font-size: 16px; line-height: 32px; text-align: justify; }

.uc-section15-1 .box h3 { font-weight: bold; font-size: 20px; padding: 10px 0; }

.uc-section15-1 .box img { display: block; margin: 10px auto; }

.uc-section15-2 { margin-bottom: 20px; }

.uc-section15-2 .img-box { border-radius: 5px; overflow: hidden; margin-bottom: 20px; }

.uc-section15-2 .img-box img { display: block; }

.uc-section15-2 .txt { padding: 10px 0; font-size: 14px; line-height: 22px; text-align: justify; }

.uc-section15-2 .operate { padding: 20px 0; border-bottom: #eee 1px solid; }

.uc-section15-2 .operate, .uc-section15-2 .operate .btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.uc-section15-2 .operate img { margin-right: 5px; }

.uc-section15-2 .operate .btns { margin-right: 1em; }

.uc-section15-2 .operate .btns:last-child { margin-right: 0; }

.course-img{border-radius: 5px;height: auto !important;}