@charset "utf-8"; /*全局公共样式*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, iframe { margin: 0; padding: 0; color: #333333; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: none; }
body, button, input, select, textarea { font-family: "微软雅黑", Arial,"宋体"; font-size: 14px; line-height: 1.5em; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
input, select, textarea, button { *font: 100% tahoma,\5b8b\4f53,arial; vertical-align: baseline; *vertical-align: middle; height: 25px; line-height: 25px; }
input[type="checkbox"], input[type="radio"] { width: 14px; height: 14px; }
abbr, acronym { border: 0; font-variant: normal; }
input, select, textarea, button { *font: 100% tahoma,\5b8b\4f53,arial; vertical-align: baseline; *vertical-align: middle; height: 30px; line-height: 30px; border: 1px solid #dadada; border-radius: 5px; }
code, kbd, samp, tt { font-size: 100%; }
dl, ul, ol, ul { list-style: none; padding: 0; margin: 0; }
sup, sub { font-family: "Arial","Helvetica",sans-serif; font-size: 11px; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
br { letter-spacing: normal; }
address, caption, cite, code, dfn, em, strong, var, optgroup { font-style: normal; font-weight: normal; }
fieldset, img { border: 0 none; display: inline-block; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { display: block; margin: 0; padding: 0; }
body { /*-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;*/ }
/* HTML5 */
a { text-decoration: none; color: #2489f6; text-decoration: none; }
a:hover { color: #4a9efa; }
a:active { color: #2489f6; }
input[type=checkbox], input[type=radio] { vertical-align: middle; margin: 0 5px; }
input[type="text"], input[type="password"], textarea { outline-style: none; -webkit-appearance: none; height: 30px; line-height: 30px; border: 1px solid #dadada; border-radius: 5px; padding: 0 5px; box-sizing: border-box; vertical-align: middle; }
textarea { resize: none; overflow: auto; font: 100% tahoma,\5b8b\4f53,arial; }
/*去除谷歌浏览器中的input背景色默认是黄色*/
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }
body { width: 100%; text-align: center; position: relative; }
/*清楚浮动*/
.fright { float: right; }
.fleft { float: left; }
.clear { clear: both; height: 0px; line-height: 0px; font-size: 0px; }
.clearfix { *zoom: 1; }
.clearfix:after { content: ""; display: block; height: 0; clear: both; }
.c5 { height: 5px; overflow: hidden; clear: both; }
.c10 { height: 10px; overflow: hidden; clear: both; }
.c15 { height: 15px; overflow: hidden; clear: both; }
.c20 { height: 20px; overflow: hidden; clear: both; }
.cursor { cursor: pointer; }
/*字体颜色*/
.c333 { color: #333333; }
.c666 { color: #666666; }
.c999 { color: #999999; }
.cfff { color: #ffffff; }
.c4a9efa { color: #4a9efa; }
/*字体大小*/
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f24 { font-size: 24px; }
.tunderline { text-decoration: underline; }
.fbold { font-weight: bold; }
/*蓝*/
.c2489f6 { color: #2489f6 !important; }
/*蓝*/
.c1579e5 { color: #1579e5; }
/*蓝*/
.cff8a00 { color: #ff8a00; }
/*橙*/
.cfff0bb { color: #fff0bb; }
/*红*/
.cf94135 { color: #f94135; }
/*背景颜色*/
.bg-ededed { background-color: #ededed; }
.bg-dadada { background-color: #dadada; }
.bg-f6faff { background-color: #f6faff; }
.bg-f4f4f4 { background-color: #f4f4f4; }
/*橙*/
.bg-ff8a00 { background-color: #ff8a00; }
.bg-fafcff { background-color: #fafcff; }
.bg-fff { background-color: #fff; }
/*间距*/
.v { margin-top: 6px; margin-bottom: 6px; }
.m { margin-left: 1px; margin-right: 1px; }
.m3 { margin-left: 3px; margin-right: 3px; }
.m5 { margin-left: 5px; margin-right: 5px; }
.m6 { margin-left: 6px; margin-right: 6px; }
.m8 { margin-left: 8px; margin-right: 8px; }
.m10 { margin-left: 10px; margin-right: 10px; }
.m15 { margin-left: 15px; margin-right: 15px; }
.vb10 { margin-bottom: 10px; }
.vb15 { margin-bottom: 15px; }
.vb20 { margin-bottom: 20px; }
.vb40 { margin-bottom: 40px; }
.v10 { margin-top: 10px; margin-bottom: 10px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr50 { margin-right: 50px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb40 { margin-bottom: 40px; }
.mb30 { margin-bottom: 30px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
/*内边距*/
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.p30 { padding: 30px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl40 { padding-left: 40px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pv5 { padding-top: 5px; padding-bottom: 5px; }
.pv10 { padding-top: 10px; padding-bottom: 10px; }
.pv15 { padding-top: 15px; padding-bottom: 15px; }
.pm5 { padding-left: 5px; padding-right: 5px; }
.pm10 { padding-left: 10px; padding-right: 10px; }
.pm15 { padding-left: 15px; padding-right: 15px; }
/*对齐*/
.tleft { text-align: left; }
.tright { text-align: right; }
.tcenter { text-align: center; }
.vm { vertical-align: middle; }
.vt { vertical-align: top; }
.vb { vertical-align: bottom; }
.prelative { position: relative; }
.pabsolute { position: absolute; }
.border { border: 1px solid #ededed; }
.borderb { border-bottom: 1px solid #ededed; }
.bordert { border-top: 1px solid #ededed; }
.border-blue { border: 1px solid #d0e7ff; background-color: #f6faff; margin-bottom: 15px; }
.border-grey { border: 1px solid #dadada; border-radius: 5px; }
.bradius5 { border-radius: 5px; }
.cline { display: inline-block; position: relative; width: 20px; border-bottom: 1px solid #dadada; top: -3px; }
.blue-box { border-radius: 5px; border: 1px solid #d0e7ff; background-color: #f6faff; padding: 15px; }
.blue-box-tlt { font-weight: bold; border-left: 3px solid #2489f6; text-align: left; padding-left: 10px; }
.iblock { display: inline-block; }
.dblock { display: block; }
/*段落空两字*/
.tindent { text-indent: 28px; }
/*页面分辨率淘宝（1000px），京东（1210px），花瓣（1407px）*/
.wrapper { width: 1200px; margin: 0 auto; }
/*按钮*/
.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; border-radius: 4px; }
/*默认按钮灰色*/
.btn-default { color: #666666; background-color: #e8e8e8; }
.btn-default:hover, .btn-default:active, .btn-default.active, .btn-default:active:hover, .btn-default.active:hover { color: #666666; background-color: #ececec; }
/*蓝色按钮*/
.btn-blue { color: #ffffff; background-color: #2489f6; }
.btn-blue:focus, .btn-blue.focus, .btn-blue:hover, .btn-blue:active, .btn-blue.active, .btn-blue:active:hover, .btn-blue.active:hover, .btn-blue:active:focus, .btn-blue.active:focus, .btn-blue:active.focus, .btn-blue.active.focus { color: #ffffff; background-color: #4a9efa; }
/*橙色按钮*/
.btn-orange { color: #ffffff; background-color: #ff8a00; }
.btn-orange:hover, .btn-orange:active, .btn-orange.active, .btn-orange:active:hover, .btn-orange.active:hover { color: #ffffff; background-color: #faad4a; }
/*蓝色空心按钮*/
.btn-empty { color: #2489f6; background-color: #fff; border-color: #2489f6; }
.btn-emptyr:focus, .btn-empty.focus, .btn-empty:hover, .btn-empty:active, .btn-empty.active { /* color: #fff; background-color: #2489f6; */ }
.btn-empty:active:hover, .btn-empty.active:hover, .btn-empty.active:focus { /* color: #ffffff; background-color: #2489f6; */ }
/*按钮固定大小*/
.btn-fix-lg { height: 36px; line-height: 36px; width: 240px; }
.btn-fix-sm { height: 36px; line-height: 36px; width: 112px; }
.btn-fix-xs { }
/*按钮大小*/
.btn-100 { width: 100% !important; box-sizing: border-box; }
.btn-lg { height: 34px; line-height: 34px; min-width: 64px; padding: 0 8px; }
.btn-sm { height: 28px; line-height: 28px; min-width: 38px; padding: 0 8px; }
.btn-xs { height: 18px; line-height: 18px; min-width: 28px; padding: 0 5px; }
button.btn { box-sizing: content-box; }
.btn-shadow { box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.29); border: 1px solid #dadada; }
/*带图标按钮*/
.btn i { display: inline-block; vertical-align: middle; margin-right: 3px; border-radius: 50%; background: url(images/root/icon-20210712.png) no-repeat; }
.btn i.sm-icon { width: 20px; height: 20px; }
.btn i.xs-icon { width: 12px; height: 12px; }
/*关闭按钮--×*/
.btn-close { color: #cacaca; font-size: 18px; }
.btn-close span { display: none; position: absolute; border: 1px solid #e8e8e8; width: 60px; height: 30px; font-size: 12px; color: #666666; right: 8px; text-align: center; line-height: 30px; border-radius: 5px; background-color: #ffffff; }
.btn-close span em { position: absolute; right: -11px; top: 10px; width: 0px; height: 0px; border: 5px solid transparent; border-left-color: #e8e8e8; }
.btn-close span em:before { content: ""; position: absolute; right: -2px; top: -4px; width: 0px; height: 0px; border: 4px solid transparent; border-left-color: white; }
/*按钮动画*/
.btn-scale { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
.btn-scale:hover { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }
/*icon图标*/
.icon, em.btn-ui { display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url(images/root/icon-20210712.png) no-repeat; margin: 0 2px; }
em.btn-ui.video { background-position: -406px 0px; position: inherit; }
i.i-collect { background-position: 0px 0px; }
i.i-collected { background-position: -68px 0px; }
i.i-paper { background-position: -23px 0px; }
i.i-paper2 { background-position: -567px 4px; }
i.i-download { background-position: -45px 0; margin-left: 3px; }
i.i-service { background-position: -77px -57px; }
i.i-wechat { background-position: -117px -57px; }
i.i-navman { background-position: -48px -255px; }
i.i-navVIP { background-position: 0px -255px; }
i.i-navxyh { background-position: -24px -255px; }
i.i-navcode { background-position: -40px -57px; }
i.i-again { background-position: -318px -25px; }
i.i-eye { background-position: -23px -23px; width: 18px; margin-right: 3px; }
i.i-hide { background-position: -405px -20px; width: 18px; }
i.i-basket { background-position: -292px 0px; }
i.i-analyze { background-position: -113px 0; }
i.i-change { background-position: -430px 0; }
i.i-similar { background-position: -89px 0; width: 18px; height: 18px; }
i.i-add { background-position: -77px -26px; }
i.i-subtract { background-position: -352px -20px; }
i.i-light { background-position: -316px 0px; margin-right: 5px; }
i.i-download-btn { background-position: -235px -24px; width: 24px; height: 28px; margin-left: 10px; }
i.i-house { background-position: -224px 0px; width: 20px; }
i.i-data { background-position: -248px 0; margin-right: 15px; }
i.i-renovate { width: 20px; height: 20px; background-position: -292px -25px; margin-top: 8px; }
i.i-qq { background-position: -155px -57px; }
i.i-weixin { background-position: -197px -57px; }
i.i-free { background-position: 0 -99px; }
i.i-cloud { background-position: -39px -99px; }
i.i-safe { background-position: -80px -99px; }
i.i-source { background-position: -120px -99px; }
i.i-error { background-position: -361px 0; }
i.i-publish { background-position: -157px 0; width: 18px; height: 18px; }
i.i-train { background-position: -180px 0; }
i.i-history { background-position: -204px 0; }
i.i-success { background-position: -242px -57px; }
i.i-fail { background-position: -286px -57px; }
i.i-video { background-position: -406px 0px; }
.icon.i-up, .icon.i-down { width: 8px; height: 12px; margin-left: 3px; }
i.i-up { background-position: -427px -26px; }
i.i-down { background-position: -445px -26px; }
i.iwhite-01 { background-position: -330px -57px; }
i.iwhite-02 { background-position: -365px -57px; }
i.iwhite-03 { background-position: -402px -57px; }
i.iwhite-04 { background-position: -437px -57px; }
i.iwhite-05 { background-position: -330px -93px; }
i.iwhite-06 { background-position: -365px -93px; }
i.iwhite-07 { background-position: -402px -93px; }
i.iwhite-08 { background-position: -437px -93px; }
i.iwhite-09 { background-position: -475px -93px; }
i.iwhite-10 { background-position: -505px -93px; }
i.iwhite-11 { background-position: -536px -93px; }
i.iwhite-12 { background-position: -502px -57px; }
i.iblue-01 { background-position: 0px -144px; }
i.iblue-02 { background-position: -31px -144px; }
i.iblue-03 { background-position: -62px -144px; }
i.iblue-04 { background-position: -95px -144px; }
i.iblue-05 { background-position: -129px -144px; }
i.iblue-06 { background-position: -158px -144px; }
i.iblue-07 { background-position: -188px -144px; }
i.iblue-08 { background-position: -221px -144px; }
i.iblue-09 { background-position: -252px -144px; }
i.iblue-10 { background-position: -284px -144px; }
i.iblue-11 { background-position: -315px -144px; }
i.iblue-12 { background-position: -347px -144px; }
i.iblue-13 { background-position: -378px -144px; }
i.iblue-14 { background-position: -410px -144px; }
i.iblue-15 { background-position: -441px -144px; }
i.iblue-16 { background-position: -472px -144px; }
i.iblue-17 { background-position: -469px -56px; }
i.iyd-01 { background-position: 0 -180px; }
i.iyd-02 { background-position: -32px -180px; }
i.iyd-03 { background-position: -63px -180px; }
i.iyd-04 { background-position: -95px -180px; }
i.iyd-05 { background-position: -128px -180px; }
.tree-head i.i-cadd { background-position: -229px -180px; }
i.i-folder { background-position: -256px -180px; width: 18px; vertical-align: inherit; margin-left: 5px; margin-right: -2px; }
i.i-tree-pen { background-position: -174px -180px; }
i.i-tree-del { background-position: -202px -180px; }
i.i-remove { background-position: -284px -180px; }
i.i-orange-up { background-position: -351px -180px; }
i.i-orange-down { background-position: -330px -180px; }
i.i-orange-delete { background-position: -309px -180px; }
i.i-recode-menu01 { background-position: 0 -230px; }
i.i-recode-menu02 { background-position: -16px -230px; }
i.i-recode-menu03 { background-position: -32px -230px; }
i.i-recode-menu04 { background-position: -48px -230px; }
i.i-recode-menu05 { background-position: -64px -230px; }
i.i-recode-menu06 { background-position: -80px -230px; }
i.i-recode-menu07 { background-position: -96px -230px; }
i.i-recode-menu08 { background-position: -112px -230px; }
i.i-recode-menu09 { background-position: -128px -230px; }
i.i-recode-menu10 { background-position: -144px -230px; }
i.i-recode-menu11 { background-position: -160px -230px; }
i.i-recode-menu12 { background-position: -176px -230px; }
i.i-recode-menu13 { background-position: -192px -230px; }
i.i-recode-menu14 { background-position: -295px -230px; }
i.i-recode-menu15 { background-position: -519px -230px; }
i.i-recode-menu16 { background-position: -535px -230px; }
i.i-white-delete { background-position: -376px -180px; }
i.i-ask { background-position: -494px 0; }
i.i-dp-nav-right { background-position: -474px 2px; }
i.i-dp-nav-01 { background-position: -211px -214px; }
i.i-dp-nav-02 { background-position: -228px -230px; }
i.i-dp-nav-03 { background-position: -245px -230px; }
i.i-dp-nav-04 { background-position: -262px -230px; }
i.i-dp-nav-05 { background-position: -278px -230px; }
i.i-video28 { background-position: -537px -58px; }
i.i-addVIP { background-position: -240px -285px; }
i.i-2video28 { background-position: -271px -285px; }
i.i-mini { background-position: -303px -285px; }
i.i-phone28 { background-position: -334px -286px; }
i.i-top-Vip { background-position: -366px -286px; }
i.i-blue-down { background-position: -460px -24px; }
i.i-blue-up { background-position: -481px -24px; }
i.i-09-04 { background-position: -110px -252px }
i.i-09-05 { background-position: -129px -252px; }
i.i-course { background-position: -397px -180px; }
i.i-add-blue { background-position: -421px -181px; }
i.i-del-blue { background-position: -441px -180px; }
i.i-ans-up { background-position: -461px -180px; }
i.i-ans-down { background-position: -481px -180px; }
i.i-ans-back { background-position: -501px -180px; }
i.i-add-grey { background-position: -521px -180px; }
i.i-del-grey { background-position: -541px -180px; }
i.i-card { background-position: -551px -230px; }
i.i-grey-up { background-position: -544px -24px; }
i.i-grey-down { background-position: -563px -24px; }
i.i-calendar { background-position: -503px -144px; width: 24px; height: 24px; }
i.i-wx { background-position: -240px -322px; width: 24px; height: 24px; }
i.i-zfb { background-position: -267px -322px; width: 24px; height: 24px; }
i.i-share { background-position: -639px 0; }
i.i-publish { width: 20px; height: 20px; background-position: -563px -176px; }
i.i-publish-blue { background-position: -706px 0; }
i.i-diamond { width: 26px; height: 30px; background-position: -405px -285px; }
i.i-trophy { width: 26px; height: 30px; background-position: -441px -285px; }
i.i-gather { background-position: -616px 0; }
i.i-notice { background-position: -661px 0; }
i.i-delete { background-position: -596px 0; }
i.i-rule { background-position: -684px 0; }
i.i-camera { width: 27px; height: 22px; background-position: -475px -289px; }
i.i-gclose { background-position: -622px -25px; }
i.i-round-add { background-position: -728px 0; }
i.i-bonus { background-position: -566px -230px; }
i.i-benefit { background-position: -510px -285px; }
/*页头*/
.top { width: 100%; min-width: 1200px; height: 40px; line-height: 40px; text-align: right; border-bottom: 1px solid #dadada; background: #fff; margin: 0 auto; }
.top em { color: #999999; margin: 0 6px; }
.top a { color: #333333; display: inline-block; }
.top a:hover { text-decoration: underline; }
.top .tl { width: 36%; float: left; text-align: left; padding-left: 10px; height: 40px; }
.top .tl > * { *float: left; *height: 40px; *line-height: 40px; }
.top .tl div { display: inline; position: relative; text-align: center; }
.top .tl div span { width: 45px; height: 40px; display: inline-block; border: 1px solid transparent; border-top: none; cursor: pointer; }
.top .tl div .caret { display: inline-block; width: 0; height: 0; margin-left: 3px; vertical-align: middle; border-top: 4px solid #878787; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.top .tl div ul { width: 45px; text-align: center; background: white; border: 1px solid #dadada; border-top: none; position: absolute; top: 22px; *top: 30px; left: 0px; display: none; z-index: 9; }
.top .tl div:hover span { background: white; border-color: #dadada; }
.top .tl div:hover ul { display: block; }
.top .tr { width: 60%; float: right; text-align: right; color: #1274c0; padding-right: 10px; }
.top .tr a { float: none; position: relative; }
.top .tr a.c1579e5 { color: #1579e5; }
.top .tr .user { position: relative; display: inline-block; cursor: pointer; }
.top .tr .user:hover .user-info, .top .user:hover .user-menu { visibility: visible; opacity: 1; }
.top .tr .user .user-info { font-size: 12px; position: absolute; right: -26px; top: 40px; width: 262px; padding-top: 15px; text-align: center; }
.top .tr .user .user-info img { width: 40px; height: 40px; border-radius: 50%; cursor: default; vertical-align: middle; }
.top .tr .user .user-info .info-mdl { margin: 0 0px 0 10px; text-align: left; line-height: 22px; display: inline-block; vertical-align: middle; }
.top .tr .user .user-info .info-mdl span { margin-right: 5px; font-size: 14px; cursor: default; }
.top .tr .user .user-info ul li { float: left; width: 86px; text-align: center; margin-top: 15px; line-height: 28px; color: #999999; position: relative; }
.top .tr .user .user-info ul li i { display: block; margin: 0 auto; }
.top .tr .user .user-info ul li span { position: absolute; width: 1px; height: 36px; background: url(images/root/line-user.png) no-repeat; top: 0; right: 0; }
.top .tr .tip-pop .angle { top: -20px; left: 80%; }
.top .tr .tr-msg { display: inline-block; position: relative; }
.top .tr .tr-msg > div { display: none; position: absolute; background-color: #fff; width: 136px; border: 1px solid #ededed; z-index: 9; text-align: left; }
.top .tr .tr-msg:hover > div { display: block; }
.top .tr .tr-msg ul li { border-bottom: 1px solid #ededed; font-size: 12px; padding: 6px 10px; box-sizing: border-box; line-height: 24px; }
.top .user-menu { position: absolute; width: 90px; border: 1px solid #dadada; background-color: #fff; z-index: 999; text-align: center; left: -12px; top: 40px; z-index: 16; visibility: hidden; opacity: 0; transition: all .2s ease-out .1s; -webkit-transition: all .2s ease-out .1s; }
.top .user-menu li a { color: #999; }
.top .user-menu .active, .top .user-menu li:hover { background-color: #2489f6; }
.top .user-menu .active a, .top .user-menu li:hover a { color: #fff; }
.top .tl .ico { width: 20px; height: 20px; margin: 10px 5px 0 5px; float: left; background: url(images/iconfonxiang-2016.12.png); }
.top .tl .ico:hover { opacity: 0.65; filter: alpha(opacity=65); }
.tl .ico.ico-qq { background-position: -20px -80px; }
.tl .ico.ico-weixin { background-position: -20px -60px; }
.tl .ico.ico-users { background: url(images/users.png) center no-repeat; }
.tl .ico.ico-weibo { background-position: -20px -40px; }
.tl .ico.ico-app { background-position: -20px -120px; }
.tl .ico.ico-service { background-position: -20px -100px; }
.tl .weixin { position: relative; }
.tl .weixin span { width: 400px; background: white; position: absolute; left: -80px; top: 40px; z-index: 999; border: 1px solid #dadada; line-height: 25px; display: none; padding: 10px 20px; font-size: 14px; }
.tl .app span { left: 0; width: 200px; }
.tl .qq span { width: 150px; }
.tl .service span { left: 0; width: 250px; }
.tl .service2 span { width: 250px; top: 40px; }
.tl .weixin:hover span { display: block; }
.tl .weixin span img, .tl .weixin span label { float: left; width: 200px; line-height: 40px; text-align: center; }
/*.tr .quan { display: inline-block; width: 22px; height: 22px; background: #1092ed; border-radius: 50%; line-height: 22px; color: #fff; text-align: center; font-size: 13px; vertical-align: middle; font-style: normal; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; cursor: pointer; }.tr .quan:hover { -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s; transition: background-color 0.1s 0.3s, color 0.1s 0.3s; color: #ECEFF1; background-color: #fc9e18; -webkit-animation: anim--1 0.3s forwards; animation: anim--1 0.3s forwards; text-decoration: none; }*/ /*@-webkit-keyframes anim--1 {    60% { -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); }    85% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }    100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}@keyframes anim--1 {    60% { -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); }    85% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }    100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }}*/ /*页脚*/
.foot { width: 100%; min-width: 1200px; font-size: 12px; color: #5c5c5c; border-top: 1px solid #f3f3f3; text-align: center; line-height: 30px; padding-top: 10px; background: #fff; margin: 0 auto; }
.foot a { color: #5c5c5c; }
.foot a:hover { text-decoration: underline; color: black; }
.foot .fl { float: left; padding-right: 15px; margin-top: 15px; border-right: 1px solid #bcbabc; line-height: 25px; }
.foot .fc { float: left; padding: 0 15px; }
.foot .fr { float: left; padding-left: 15px; margin-top: 15px; border-left: 1px solid #bcbabc; }
.foot .fr a { background: url(images/jyeicon.png) 0 -64px no-repeat; line-height: 18px; padding-left: 40px; display: inline-block; text-align: left; margin-top: 8px; text-decoration: none; }
.foot > div { width: 625px; height: 80px; margin: 0 auto; }
/*header*/
.header { padding: 20px 0; }
.header .logo { width: 140px; height: 60px; float: left; margin-left: 60px; }
.header .search { background-color: #fff; width: 550px; height: 36px; border: 1px solid #4fa0f7; float: left; text-align: left; line-height: 26px; margin: 12px 60px 0; position: relative; }
.header .search img { margin: 7px 3px 0 3px; float: left; }
.header .search label { color: #333333; float: left; margin: 6px 0px 0 3px; vertical-align: middle; cursor: pointer; position: relative; padding: 1px 9px; border: 1px solid #dadada; border-radius: 5px; line-height: 22px; }
.header .search label.active { background-color: #69b1ff; color: #fff; border-color: transparent; }
.header .search label input[type="radio"] { width: 30px; height: 30px; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }
.header .search input[type="text"] { float: left; border: none; width: 300px; height: 36px; }
.header .search input[type=submit] { border: none; height: 36px; width: 80px; [;width: 79px;    ]; /*safari hack*/ background-color: #4fa0f7; background-position: -150px -94px; cursor: pointer; float: right; font-size: 0; margin: 0; border-radius: 0; }
.header .service { float: left; }
.header .service .icon, .header .header-Qr .icon { width: 28px; height: 28px; margin-right: 5px; }
.header .service > div { position: relative; float: left; margin-right: 36px; cursor: pointer; text-align: center; }
.header .service .service-txt:hover .tip-pop, .header .service .jye-code:hover .tip-pop, .header-Qr:hover .tip-pop { visibility: visible; opacity: 1; }
.header .service .tip-pop { position: absolute; left: -110px; top: 94px; }
.header .service .tip-pop .angle { left: 125px; top: -20px; }
.header-Qr { float: left; position: relative; }
.header-Qr img { width: 100px; height: 100px; }
/*菜单导航条*/
.nav-menu { width: 100%; min-width: 1200px; height: 45px; line-height: 45px; background-color: #1579e5; }
.nav-box-show { position: fixed; z-index: 13; width: 100%; left: 0px; top: 0px; }
.nav-left { background-color: #1579e5; float: left; width: 194px; height: 45px; border-left: 1px solid #136ed1; border-right: 1px solid #136ed1; position: relative; color: #fff; margin-right: 15px; }
.nav-left:before, .nav-left:after { content: ""; position: absolute; width: 194px; height: 5px; left: 0; background-color: #1579e5; }
.nav-left:before { top: -5px; border-radius: 5px 5px 0 0; }
.nav-left:after { bottom: -5px; border-radius: 0 0 5px 5px; box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.25); }
.nav-left .tip-nav-left { width: 200px; line-height: 26px; top: 50px; left: -24px; color: #666666; }
.tip-nav-left .angle { left: 50%; top: -20px; }
.tip-nav-left div { text-align: right; text-decoration: underline; }
.nav-left .nav-subject, .nav-left .nav-address { height: 50px; cursor: pointer; position: relative; z-index: 1; }
.nav-left .nav-subject .tip-pop, .nav-left .nav-address .tip-pop, .selmore .tip-pop { width: 1100px; -moz-user-select: none; -khtml-user-select: none; user-select: none; left: 0; }
.nav-left .nav-subject .tip-pop, .nav-left .nav-address .tip-pop { top: 50px; }
.nav-subject:hover .tip-pop, .nav-address:hover .tip-pop, .selmore:hover .tip-pop { left: 0; visibility: visible; opacity: 1; }
.nav-address { width: 80px; z-index: 9; float: right; }
.nav-subject { width: 112px; float: left;  }
.nav-subject> span { font-size: 16px; display: inline-block;width: 85px;overflow: hidden;height: 50px;vertical-align: middle; }
.nav-subject .i-down { width: 12px; height: 8px; background-position: -159px -26px; margin: 0 5px; }
.nav-address span { font-size: 12px; }
dt.letter span { display: inline-block; color: #fff; background-color: #1579e5; border-radius: 50%; height: 20px; width: 20px; line-height: 20px; }
.nav-address .i-address { width: 10px; height: 14px; background-position: 0 -25px; margin: 0 5px; }
.nav-address .tip-pop dl { line-height: 28px; }
.nav-address .tip-pop dd { width: 900px; text-align: left; }
dt.ads-head { font-size: 16px; }
.nav-address .tip-pop dt { padding: 0 0 0 15px; }
.nav-ul { width: 778px; float: left; }
.nav-ul > li { float: left; position: relative; margin-right: 7px; height: 45px; }
.nav-ul > li.active > a { background-color: #4fa0f7; }
.nav-ul > li > a { color: #fff; font-size: 16px; display: inline-block; padding: 0 15px; text-align: center; background-color: #1579e5; }
.nav-ul > li:hover ul { display: block; }
.nav-ul > li ul { position: absolute; z-index: 9; background-color: #2489f6; width: 100%; left: 0; top: 45px; display: none; }
.nav-ul li ul a { display: inline-block; color: #fff; width: 100%; border-bottom: 1px solid #57a5f8; height: 35px; line-height: 35px; }
.nav-ul li ul li { height: 35px; line-height: 35px; }
.nav-ul li ul li.active a { background-color: #207ee3; }
.nav-ul li ul li:hover a { background-color: #4a9efa; }
.nav-menu .nav-right { float: right; width: 210px; height: 45px; color: #ffffff; background: #3b8fe9; position: relative; text-align: left; }
.nav-menu .nav-right .nr-login { color: #fff; margin-left: 20px; cursor: pointer; }
.nav-menu .nav-right .icon { width: 24px; height: 24px; margin-left: 6px; margin-right: 0; }
.nav-menu .nav-right.nav-right-resource { background-color: transparent; }
.nav-menu .nav-right.nav-right-resource a { color: #fff; }
.nav-menu .common-box, .nav-menu .VIP-box { display: inline-block; cursor: pointer; height: 54px; }
.nav-menu .common-box > span, .nav-menu .VIP-box > span { font-size: 12px; }
.nav-menu .common-box:hover .common, .nav-menu .VIP-box:hover .VIP-user { display: block; }
.nav-menu .common, .nav-menu .VIP-user { display: none; padding: 15px; background-color: #4fa0f7; border-radius: 5px; z-index: 22; padding-top: 15px; position: absolute; width: 288px; text-align: left; right: 0; top: 54px; }
.nav-menu .triangle { position: absolute; right: 20px; top: -16px; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #4fa0f7; }
.nav-menu .buy-yd li, .open-VIP .buy-yd li { width: 100%; height: 36px; padding: 0 10px; box-sizing: border-box; line-height: 36px; background-color: #fff; margin-bottom: 10px; }
.nav-menu .buy-yd li em, .open-VIP .buy-yd li em { font-size: 12px; color: #aeaeae; }
.nav-menu .buy-yd .buy-txt, .open-VIP .buy-yd .buy-txt { margin-right: 15px; width: 170px; display: inline-block; }
.nav-menu .buy-yd .btn, .open-VIP .buy-yd .btn { float: right; margin-top: 8px; }
.lever-ibox ul li, .yd-ibox ul li { display: inline-block; width: 66px; margin-bottom: 10px; margin-right: 1px; color: #fff; font-size: 12px; text-align: center; line-height: 28px; }
nav-right .lever-ibox .icon, nav-right .yd-ibox .icon { width: 24px; height: 24px; display: block; margin: 0 auto; }
.yd-ibox ul li { width: 90px; line-height: 20px; }
.yd-ibox ul li span { display: block; }
.nav-menu .tl-tab { height: 40px; line-height: 40px; border-bottom: 2px solid #dadada; background-color: #fff; }
.nav-menu .tl-tab a { display: inline-block; color: #666; width: 49%; text-align: center; }
.nav-menu .tl-tab a.active { border-bottom: 2px solid #1579e5; color: #1579e5; }
.nav-menu .tl-tab-cont { background-color: #fff; height: 294px; }
.VIP-user .lever-ibox li { color: #2489f6; }
.VIP-user .lever-ibox li .icon { display: block; margin: 0 auto; }
.VIP-user p { padding-left: 10px; }
.VIP-user a.btn-apply { display: inline-block; height: 30px; line-height: 30px; padding: 0 10px; margin-top: 15px; background-color: #fff; color: #4fa0f7; font-size: 14px; border-radius: 2px; }
.nav-menu .cfff0bb:hover { color: #fff0bb; }
.navmin { background-color: #ededed; }
.navmin > div { text-align: right; padding-top: 12px; }
.navmin a { display: inline-block; height: 24px; line-height: 24px; color: #666; background-color: #fff; border: 1px solid #dadada; border-radius: 12px; min-width: 80px; text-align: center; margin-left: 12px; }
.navmin a.active, .navmin a.active:hover { background-color: #147ae4; color: #fff; border-color: #147ae4; }
.navmin a:hover { background-color: #4fa0f7; border-color: #4fa0f7; color: #fff; }
/*结构*/
.content { width: 100%; min-width: 1200px; background-color: #ededed; padding: 10px 0; }
.cleft { float: left; width: 270px; min-height: 300px; }
.cmiddle { float: left; width: 860px; margin-left: 15px; }
.cright { float: right; width: 40px; position: relative; background: #ff8a00; }
.right-box-show { position: fixed; top: 250px; z-index: 1; }
.cr-center { float: right; width: 915px; }
.cl-center { float: left; width: 1145px; }
.cl-wrap { padding: 15px; border: 1px solid #dadada; background-color: #fff; }
/*功能块*/ /*面包屑*/
.bread { text-align: left; margin: 0px auto 15px; font-size: 12px; border-bottom: 1px solid #d9d9d9; padding-bottom: 8px; }
.bread > a { color: #666666; }
.bread > a.active { color: #2489f6; }
.point-tree { position: relative; }
/*试题页>目录树*/
.tree { min-height: 300px; padding: 20px; overflow-y: auto; overflow-x: hidden; text-align: left; background: #f6faff; }
.tree-box-show { position: fixed; z-index: 12; width: 270px; box-sizing: border-box; /*border: 1px solid #d0e7ff; background-color: #f6faff;*/ }
.treeview, .treeview ul { padding: 0; margin: 0 auto; list-style: none; }
.treeview ul { margin-top: 4px; }
.treeview .hitarea { background: url(images/root/treeview-fam3.png) -64px -25px no-repeat; height: 16px; width: 16px; margin-left: -16px; float: left; cursor: pointer; }
.treeview li { margin: 0; padding: 0 0 3px 16px; overflow: hidden; zoom: 1; font-size: 13px; font-family: "宋体"; white-space: nowrap; position: relative; max-width: 100%; }
.treeview a { height: 18px; line-height: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.treeview a:link, .treeview a:visited { display: inline-block; overflow: hidden; padding: 0 5px; }
.treeview a.selected, .treeview a.selected:hover, .treeview a:hover { color: #2489f6; }
.treeview .hover { cursor: pointer; }
.treeview li { background: url(images/root/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview .expandable-hitarea { background-position: -80px -3px; }
.treeview li.last { background-position: 0 -1766px; }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(images/root/treeview-fam3.png); }
.treeview li.lastCollapsable { background-position: 0 -111px; }
.treeview li.lastExpandable { background-position: -32px -67px; }
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
.tree-ctrl { position: absolute; right: 0px; top: 0; }
.tree-ctrl a { color: #2489f6; }
/*目录树--选择头*/
.tree-tab { line-height: 38px; height: 38px; border-bottom: 2px solid #1579e5; }
.tree-tab a { color: #1579e5; display: inline-block; width: 33%; font-weight: bold; }
.tree-tab a.active { background-color: #1579e5; color: #fff; }
.tree-head { position: relative; text-align: left; padding-left: 20px; border-bottom: 2px solid #1579e5; cursor: pointer; }
.tree-head li { display: inline-block; position: relative; color: #666; height: 40px; line-height: 40px; }
.tree-head li.active { color: #1579e5; }
.tree-head li:hover .tip { display: block; }
.slt-more { height: 50px; text-align: left; width: 248px; margin-left: 20px; }
.slt-more > span { line-height: 32px; height: 32px; width: 100px; text-align: center; margin-top: 15px; cursor: pointer; border: 1px solid #e5e5e5; float: left; }
.slt-more > span.active { background-color: #2489f6; color: #fff; border-color: #2489f6; }
.slt-more .fright { width: 16px; height: 16px; line-height: 16px; color: #999; font-size: 12px; border-radius: 50%; text-align: center; margin-top: 20px; margin-right: 10px; cursor: pointer; position: relative; border: 1px solid #999; }
.parent-tips { position: relative; cursor: pointer; padding: 10px; }
.slt-more .fright:hover .tip, .parent-tips:hover .tips { display: block; }
.point-tree .tip, .tips { display: none; position: absolute; background-color: #fffdfa; font-size: 12px; padding: 10px; top: 30px; /* left: -20px; */ border: 1px solid #d9d9d9; border-radius: 5px; line-height: 20px; z-index: 9; }
.point-tree .tip .triangle, .tips .triangle { position: absolute; top: -14px; width: 0; height: 0; border: 7px solid transparent; border-bottom-color: #d9d9d9; left: 50%; }
.point-tree .tip .triangle i, .tips .triangle i { position: absolute; width: 0; height: 0; border: 6px solid transparent; border-bottom-color: #fffdfa; top: -5px; left: -6px; }
.treeH-box-show { position: fixed; top: 50px; z-index: 2; width: 270px; box-sizing: border-box; border: 1px solid #d0e7ff; background-color: #f6faff; border-bottom: 2px solid #1579e5; }
.tree-head i { position: absolute; right: 10px; top: 12px; background-position: -338px 0; }
.tree-head span { line-height: 40px; font-weight: bold; color: #1579e5; margin-right: 5px; }
.tree-head span.angle { top: -20px; left: 218px; }
.tree-head .tip-pop { padding: 10px 0; }
.tree-head:hover .tip-pop, .teach-version:hover .tip-pop { visibility: visible; opacity: 1; }
.tree-head dl { line-height: 28px; }
.tree-head dt { font-size: 16px; }
.tree-head dd { width: 900px; border-bottom: 1px solid #cccccc; margin-bottom: 8px; padding: 0 15px 8px; margin-right: 0; }
.tree-head dl:last-child dd { border-bottom: none; }
.ques-point { max-width: 680px; }
.point-btn { line-height: 30px; margin-top: 10px; padding-bottom: 25px; }
/*鼠标移入提示框*/
.tip-pop { border: 1px solid #dadada; border-radius: 5px; padding: 10px 15px; position: absolute; background-color: #fff; z-index: 16; visibility: hidden; opacity: 0; transition: all .2s ease-out .1s; -webkit-transition: all .2s ease-out .1s; }
.tip-pop .angle { position: absolute; width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #dadada; }
.tip-pop .angle i { position: absolute; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #ffffff; top: -6px; left: -8px; background-image: none; border-radius: 0; }
.tip-pop dl { clear: both; line-height: 32px; }
.tip-pop dt { float: left; padding: 0 15px 0 15px; vertical-align: middle; }
.tip-pop dd { float: left; margin-right: 26px; }
.tip-pop dd em { display: inline-block; width: 1px; height: 18px; background-color: #186eca; vertical-align: middle; }
.tip-pop dd a { color: #666666; display: inline-block; padding: 0 8px; height: 20px; line-height: 20px; border-radius: 4px; }
.tip-pop dd a.active { background-color: #1579e5; color: #fff; }
.tip-pop dd a:hover { background-color: #2c91ff; color: #ffffff; }
.tip-limit { padding-top: 23px; padding-bottom: 20px; position: fixed; z-index: 1000; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; visibility: visible; display: none; }
.tip-limit .btn-close, .tip-email .btn-close, .city .btn-close { top: 3px; right: 15px; color: #cacaca; position: absolute; }

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,100% { -webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); }
    0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0); transform: translate3d(-3000px,0,0); }
    60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0); }
    75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); }
    90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0); }
    100% { -webkit-transform: none; transform: none; }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,100% { -webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000); }
    0% { opacity: 0; -webkit-transform: translate3d(-200px,0,0); transform: translate3d(-200px,0,0); }
    60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0); }
    75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); }
    90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0); }
    100% { -webkit-transform: none; transform: none; }
}

.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; animation-duration: 2s; }

@-webkit-keyframes fadeOutRight {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); }
}

@keyframes fadeOutRight {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); }
}

.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }
.tip-loading { position: fixed; width: 560px; padding: 40px 0 30px; line-height: 30px; display: none; opacity: 1; visibility: visible; }
.tip-loading img { margin-bottom: 20px; }
.tip-loading a { font-size: 16px; }
/*小图标展示--hot、推荐、热门、最新*/
.hot { position: absolute; width: 30px; height: 20px; line-height: 20px; color: #ffffff; background-color: #f90040; border-radius: 3px; font-size: 12px; }
.hot em { position: absolute; width: 0; height: 0; border-right: 3px solid transparent; border-top: 3px solid red; border-left: 3px solid red; border-bottom: 3px solid transparent; bottom: -5px; left: 8px; }
i.paper-red { border: 2px solid #f90040; color: #f90040; }
i.paper-orange { border: 2px solid #ff8a00; color: #ff8a00; }
i.paper-blue { border: 2px solid #2489f6; color: #2489f6; }
i.paper-green { border: 2px solid #33CC99; color: #33CC99; }
/*cleft试卷信息*/
.paper-info { line-height: 24px; }
.paper-info .paper-head { padding-bottom: 5px; background-color: #f0f7ff; padding: 8px 0; font-weight: bold; }
.paper-info .paper-head h3 { font-size: 16px; text-align: left; margin-left: 10px; }
.paper-cont { text-align: left; }
.paper-cont > div { margin-bottom: 15px; text-align: center; }
.paper-cont > div > span { display: inline-block; width: 48%; }
.paper-cont .pbtn-box { text-align: left; margin-left: 8px; }
.paper-cont .btn-fix-sm { margin: 0 5px; position: relative; display: inline-block; margin-bottom: 10px; }
.paper-cont .btn-fix-sm .hot { right: -4px; top: -12px; }
.paper-cont .radio-list, .paper-cont .checkbox-list, .paper-cont .tip { padding: 0 15px; }
.paper-cont .radio-list li { float: left; color: #1579e5; margin-right: 20px; }
.paper-cont .checkbox-list li { float: left; width: 114px; margin-top: 10px; }
.paper-cont .tip li { color: #999999; }
.paper-info .paper-basket { position: relative; }
.paper-info .paper-basket .tip-pop { top: 50px; left: 0; }
.paper-info .paper-basket .tip-pop span { left: 50%; top: -20px; }
.paper-info .paper-basket:hover .tip-pop { visibility: visible; opacity: 1; }
.degree-sort { position: relative; margin-right: 20px; cursor: pointer; }
.degree-sort:hover ul { display: block; }
.degree-sort ul { display: none; border: 1px solid #dadada; border-radius: 3px; width: 100px; position: absolute; right: -10px; background-color: #fff; }
.degree-sort ul li { color: #666; border-bottom: 1px solid #dadada; padding: 0 7px; }
.degree-sort ul li.active { background-color: #4fa0f7; color: #fff; }
.ques-chose, .mid-content { background-color: #fff; margin-bottom: 8px; border: 1px solid #dadada; }
.ques-chose { padding: 15px; background-color: #f6faff; }
.quesC-box-show { position: fixed; z-index: 10; left: 0px; top: 50px; width: 668px; }
.ques-chose > ul { position: relative; }
.ques-chose > ul > li { float: left; height: 28px; border: 1px solid #dadada; border-radius: 5px; margin-right: 18px; line-height: 30px; }
.ques-chose > ul li i { display: inline-block; width: 0; height: 0; border: 5px solid transparent; border-top-color: #9e9e9e; vertical-align: middle; margin-left: 6px; margin-top: 2px; }
.ques-chose > ul > li:hover { background-color: #f6faff; border-radius: 5px 5px 0 0; border: 1px solid #cde5ff; }
.ques-chose > ul > li:hover > a:before { content: ""; position: absolute; height: 2px; width: 100%; left: 0; bottom: 0px; background-color: #f6faff; z-index: 10; }
.ques-chose > ul > li > a { padding: 0 3px; min-width: 74px; border-radius: 5px 5px 0 0; box-sizing: border-box; }
.ques-chose > ul > li a { position: relative; color: #333; display: inline-block; transition: all .3s linear; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; width: 100%; border-radius: 5px; }
.ques-chose > ul > li a.active { background-color: #2489f6; color: #fff; }
.ques-chose > ul > li a:hover { background-color: #67b0fe; color: #fff; border-radius: 5px; }
.ques-chose > ul > li a:hover i { border-top-color: #fff; }
.ques-chose > ul > li ul { background-color: #f6faff; border: 1px solid #cde5ff; padding: 10px 0 10px 10px; position: absolute; width: 660px; left: 0px; top: 30px; display: none; z-index: 1; }
.ques-chose > ul > li:hover ul { display: block; }
.ques-chose > ul > li ul li { float: left; width: 74px; border: 1px solid #dadada; background-color: #eeeeee; border-radius: 5px; margin-right: 10px; line-height: 24px; height: 24px; margin-bottom: 5px; }
.chose-point { padding-top: 15px; }
.chose-point > span { cursor: pointer; }
.chose-list { float: left; width: 450px; text-align: left; margin: 5px 20px 0 20px; }
.chose-list a { margin-right: 10px; color: #186dc8; }
.free-download { margin-bottom: 10px; }
.ques-num { margin: 5px; border: 1px solid transparent; cursor: pointer; font-size: 12px; }
.ques-num:hover { border: 1px solid #fda43c; }
/*试题页、试卷列表框*/
.list-box { margin: 0; text-align: left; padding: 15px; }
.list-box li { margin-bottom: 12px; border: 1px solid #dadada; border-radius: 10px; position: relative; transition: all .3s linear; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; }
.list-box li:hover { border-radius: 10px; box-shadow: 0 0 0 3px #dadada; }
.list-box li:hover .btn-close { display: block; }
.list-box .btn-close { display: none; right: 0; top: 0; width: 0; height: 0; border-left: 23px solid transparent; border-top: 18px solid #f2f2f2; border-right: 23px solid #f2f2f2; border-bottom: 18px solid transparent; cursor: pointer; position: absolute; z-index: 3; }
.list-box .btn-close i { font-style: normal; position: absolute; top: -16px; right: -18px; }
.list-box .btn-close:hover span { display: block; }
.mc-head { border-bottom: 1px solid #d9d9d9; padding-bottom: 10px; padding: 15px; display: inline-block; width: 100%; box-sizing: border-box; }
.mc-head .fleft .btn { margin-right: 15px; }
.mc-head h3 { display: inline-block; font-size: 16px; }
h3.ques-type { font-size: 16px; text-align: left; line-height: 36px; padding: 0 15px; }
/*试卷列表*/
.paper-list .paper-name { }
.paper-list .pl-info { padding: 10px 20px 10px 50px; }
.paper-list .pl-info .fleft span { color: #999999; font-size: 12px; margin-right: 20px; line-height: 30px; }
.paper-list .i-square { display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 3px; margin-right: 5px; font-style: normal; }
/*试题*/
.artpreview fieldset { padding-top: 10px; font-size: 14px; clear: both; overflow: hidden; zoom: 1; line-height: 24px; font-family: 'Times New Roman',宋体,sans-serif; position: relative; }
.artpreview fieldset legend { padding: 5px 0; display: block; margin: 5px; background: #f1f1f1; color: #000; overflow: hidden; zoom: 1; }
.queserror { border: 1px dotted #f00; padding: 2px; }
fieldset.quesborder { font-size: 13px; display: block; padding: 0; line-height: 25px; letter-spacing: 1px; word-break: break-all; border-radius: 10px 10px 0 0; }
fieldset.queserror { border: 1px solid #f00; font-size: 12px; padding: 2px; margin-bottom: 1px; }
fieldset.quesborder td, fieldset.queserror td { line-height: 16px; }
fieldset.quesborder em, fieldset.queserror em { font-style: normal; font-weight: bold; position: absolute; left: 20px; }
fieldset[s^=english] .pt1, fieldset[s^=english] .pt2, fieldset[s^=english] .pt3, fieldset[s^=english] .pt4, fieldset[s^=english] .pt5, fieldset[s^=english] .pt6, fieldset[s^=english] .pt7, fieldset[s^=english] .pt8, fieldset[s^=english] .pt9 { text-align: justify; word-break: break-word; }
fieldset.thiserror1 { border: 1px solid #f00; }
fieldset.thiserror1 legend { border: 4px solid #f00; }
fieldset.thiserror2 { border: 1px solid #ADCD3C; }
fieldset.thiserror2 legend { border: 4px solid #ADCD3C; }
fieldset.thisques { border: 1px solid blue; }
fieldset.thison { border: 1px solid #A9C9E2; }
fieldset.thison div.border { border: 1px solid #ADCD3C; background-color: #F2FDDB; }
fieldset, img { border: 0 none; }
table.thison { border: 1px solid #00F; }
table.thiserr { border: 1px solid #F00; }
fieldset.thisvip1 { border: 1px solid #00F; }
fieldset.thisvip1 legend { border: 4px solid #00F; }
fieldset.status17 { border: 1px solid #ff00ff; }
fieldset.status17 legend { border: 4px solid #ff00ff; }
.selectoption { vertical-align: middle; font-size: 14px; padding: 2px; }
.selectoption:hover { color: #EA8511; }
.selectoption label { padding: 4px; line-height: 24px; }
fieldset.quesbordere { border: 2px dotted #f00; }
.answer { border: 1px dotted #ffffff; }
ol.answer li, ul.answer li { padding: 1px; font-size: 14px; }
ol.answer li:hover { background: #f2f2f2; }
.collapseContainerPanel { border: 0; }
.collapsePanelHeader { height: 30px; font-weight: bold; padding: 6px 0 0 0; }
.collapseHeaderContent { float: left; padding-left: 5px; }
.collapseContent { margin: 0; padding: 0; border: 1px solid #ccc; border-top: 0; }
.pt0 { padding: 2px 0 5px 0; font-size: 14px; font-family: "黑体",sans-serif; font-weight: 700; }
.pt1 { overflow: hidden; zoom: 1; clear: both; line-height: 25px; font-size: 14px; padding: 20px 20px 20px 20px; position: relative; word-break: break-word; cursor: pointer; }
fieldset.quesborder .pt1 em { position: static; }
.pt1 img { position: relative; }
.pt2 { padding: 0px 20px 20px 20px; }
.pt3, .pt4, .pt5, .pt6, .pt7, .pt11 { clear: both; zoom: 1; position: relative; padding: 0px 20px 20px 80px; }
.pt8 a:link, .pt8 a:visited { margin-right: 10px; padding: 2px 5px; }
.pt8 a:hover { background: #fc0; }
.pt9 { padding: 20px; border: 0 none; color: #999999; font-size: 12px; }
.fieldtip { height: 36px; line-height: 36px; background-color: #f4f4f4; border-top: 1px solid #dadada; padding: 0 20px; color: #666666; border-radius: 0 0 10px 10px; position: relative; font-size: 12px; }
li.ques-add, div.ques-add { border-color: #ffe3c2; }
li.ques-add:hover, div.ques-add:hover { box-shadow: 0 0 0 3px #ffe3c2; }
li.ques-add .fieldtip, div.ques-add .fieldtip { background-color: #fff0bb; }
li.ques-add fieldset.quesborder, div.ques-add fieldset.quesborder { background-color: #fffae9; }
li.ques-add .add, div.ques-add .add { background-color: #fdcb91; }
.newFieldtip .pt1, .newFieldtip .pt2, .newFieldtip .pt3, .newFieldtip .pt4, .newFieldtip .pt5, .newFieldtip .pt6, .newFieldtip .pt7, .newFieldtip .pt8, .newFieldtip.pt9, .newFieldtip + .fieldtip { padding: 0; }
fieldset img { max-width: 100%; }
.fieldtip-left { float: left; }
.fieldtip-left span { margin-right: 10px; }
.fieldtip-right { float: right; }
.fieldtip-right a { margin-left: 10px; display: inline-block; color: #666666; }
.fieldtip-right .btn { color: #fff; }
.fieldtip-right a i { margin-right: 3px; }
/*填空题*/
div.quizPutTag { display: inline-block; *display: inline; padding: 3px 10px 1px 10px; margin: 0 3px; font-size: 14px; min-width: 1em; min-height: 16px; line-height: 18px; height: auto; border-bottom: 1px solid #0033FF; text-decoration: none; zoom: 1; color: #127176; word-break: break-all; }
div.quizPutTag:hover { color: #f60; }
div.quizPutTag img { cursor: pointer; width: 200px; margin-left: 10px; }
.sanwser { padding: 4px 10px; margin: 0px; border: 1px solid #ADCD3C; background-color: #F2FDDB; color: #000; display: none; }
/*答案*/
.selectoption label.s, div.s { border: 1px solid #91cbed; background-color: #deeeff; display: inline-block; }
.selectoption label.s.sh, div.s.sh { margin: 1px; border: none; background: none; }
/*试题解析页*/
.detail-item, .ques-related { text-align: left; border: 1px solid #dadada; border-radius: 10px; }
div.qtitle { padding: 10px; border-bottom: 1px solid #ccc; padding-left: 0px; margin-bottom: 10px; padding-bottom: 0; }
div.qtitle h3 { padding: 10px; border-bottom: 1px solid #1579e5; display: inline-block; font-size: 16px; font-weight: bolder; color: #1579e5; margin-right: 20px; padding-bottom: 5px; }
div.qtitle a { padding: 5px 20px; color: #6e6e6e; display: inline-block; }
div.qtitle a.active { font-weight: bolder; color: #ffffff; background-color: #2489f6; border-radius: 5px 5px 0 0; }
.ques-related ul { margin: 0; display: none; }
.ques-related ul li { line-height: 28px; margin-bottom: 5px; }
.ques-related ul li a { display: inline-block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333333; }
.ques-related ul li a:hover { text-decoration: underline; }
.ques-comments { text-align: left; }
.ques-comments h3 { font-size: 16px; }
.ques-comments textarea { width: 100%; height: 122px; border-color: #dadada; border-radius: 10px; margin: 10px 0; padding: 5px 0; }
.discuss { background: #fff; text-align: left; border: 1px solid #dadada; border-radius: 10px; }
.discuss dt { height: 33px; line-height: 34px; padding: 2px 10px; border-bottom: 1px solid #dadada; }
.discuss dd { min-height: 80px; _height: 80px; padding: 5px 10px; }
.discuss dd li { padding: 10px 0;*zoom: 1; }
.discuss dd li:after { content: ""; display: block; height: 0; clear: both; }
.discuss dd li img.hp { float: left; width: 48px; height: 48px; padding: 1px; border: 1px solid #dadada; margin-right: 10px; }
.discuss dd span.lou { float: right; }
.discuss dd span.date { font-weight: normal; color: #aaa; }
.discuss dd a { font-weight: normal; padding: 0 3px; }
.discuss dd p { margin: 5px 0; margin-left: 63px; line-height: 20px; }
.discuss dt strong { font-size: 14px; font-weight: bolder; color: #333; }
/*主内容右侧*/
.shadebox { position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 999; font-size: 16px; }
.enter-paper { width: 40px; height: 200px; background-color: #ff8a00; margin: 0 auto; color: #fff; font-size: 16px; cursor: pointer; padding: 15px 0; position: relative; box-sizing: border-box; }
.enter-paper .angle { top: -20px; left: 39%; }
.enter-paper .i-enter { background-position: -97px -25px; width: 27px; height: 22px; margin: 0; -webkit-animation: wmove .4s infinite alternate; animation: wmove .4s infinite alternate; }
.enter-paper > .txt { width: 20px; margin: 0 auto; color: #fff; margin-bottom: 10px; }
.enter-paper .enter-num { color: #ffca8c; font-size: 14px; margin: 5px auto; }
.enter-paper .enter-num b { color: #fff; font-weight: normal; }
.enter-paper .line-enter { display: inline-block; width: 1px; height: 25px; background: url(images/root/line-enter.png) no-repeat; vertical-align: middle; }
.enter-paper:hover .chart-box { visibility: visible; opacity: 1; }
.chart-box { position: absolute; left: -162px; height: 355px; top: -80px; width: 160px; visibility: hidden; opacity: 0; transition: all .2s ease-out .1s; -webkit-transition: all .2s ease-out .1s; }
.chart-pie { height: 190px; border-bottom: 1px solid #dadada; }
.chart-linebar { height: 115px; border-bottom: 1px solid #dadada; }
.chart-bar { height: 140px; text-align: right; padding: 5px 5px 0 0; position: relative; }

@-webkit-keyframes wmove {
    0% { transform: translate(-2px,0); -webkit-transform: translate(-2px,0); }
    100% { transform: translate(2px,0); -webkit-transform: translate(2px,0); }
}

@keyframes wmove {
    0% { transform: translate(-2px,0); -webkit-transform: translate(-2px,0); }
    100% { transform: translate(2px,0); -webkit-transform: translate(2px,0); }
}
/*智能挑题*/
.line-gray { width: 100%; height: 1px; background-color: #d9d9d9; }
.mc-block { padding: 15px; text-align: left; }
.mc-block h3 { text-align: left; color: #1579e5; }
.mc-block em { color: #999999; }
.mc-block h3 span { display: inline-block; padding: 0 5px; border-bottom: 1px solid #1579e5; line-height: 26px; }
.mc-block p { text-align: left; color: #666666; margin: 10px auto; }
.mc-block button { margin-right: 15px; margin-bottom: 10px; }
.mc-x div span, .ques-point span { display: inline-block; color: #999999; border: 1px solid #dadada; padding: 3px 12px; margin-left: 10px; background-color: #fff; margin-bottom: 5px; }
.mc-type span { display: inline-block; height: 30px; line-height: 30px; border: 1px solid #dadada; margin-right: 35px; margin-bottom: 10px; }
.mc-type span em { color: #fff; background-color: #2489f6; text-align: center; float: left; min-width: 60px; padding: 0 5px; }
.mc-type input { width: 96px; border: none; padding-left: 5px; vertical-align: top; }
.mc-source label { display: inline-block; margin: 15px 15px 0 0; }
.mc-source label input { background-color: #fff; border-color: #dcdcdc; }
.mc-x span a, .ques-point span a { margin-left: 20px; }
/*卷参-考试试卷*/
.exam { position: relative; background-color: #fff; border: 1px solid #dadada; min-height: 910px; }
.exam-seal { width: 58px; height: 907px; position: absolute; left: 15px; top: 0; cursor: default; overflow: hidden; text-align: center; }
.exam-main { margin-left: 73px; padding: 0 15px; }
.exam-main div[contenteditable="true"] { margin-bottom: 1px; border: 1px solid transparent; cursor: pointer; word-break: break-all; }
.exam-main div.quizPutTag { border-bottom: 1px solid #0033FF; }
.exam div[contenteditable="true"]:hover, .exam-title .exam-maintitle:focus, .exam-title .exam-maintitle:hover, .exam-main div[contenteditable="true"]:active, .exam-main div[contenteditable="true"]:focus, .exam span[contenteditable="true"]:hover, .exam span[contenteditable="true"]:active, .exam span[contenteditable="true"]:focus { background-color: #fef7d7; border: 1px solid #fda43c; outline: none; }
.exam-marktag { color: #1092ed; font-weight: bold; padding-left: 20px; line-height: 30px; text-align: left; margin-top: 8px; }
.exam-title div[contenteditable="true"]:focus { font-size: 14px; }
.exam-title .exam-maintitle, .exam-title .exam-maintitle-disabled { font-size: 22px; font-weight: bold; line-height: 40px; border-color: transparent; text-align: center; display: block; width: 100%; margin: 1px auto; height: 40px; }
.exam-title .exam-maintitle-disabled { background: #fff; }
.exam-subtitle { line-height: 30px; font-size: 18px; }
.exam-testinfo { text-align: center; line-height: 48px; }
.exam-studentinput { text-align: center; line-height: 40px; }
.exam-score { margin-top: 10px; margin-bottom: 10px; }
.exam-score table { border-collapse: collapse; }
.exam-score table td { border: 1px solid #dadada; width: 50px; height: 25px; text-align: center; font-size: 12px; }
.exam-notice { color: #999999; text-align: left; }
.exam-noticetext { font-size: 12px; }
.exam-body { padding-bottom: 50px; margin-bottom: 50px; margin-top: 20px; }
.partname { line-height: 46px; font-size: 18px; background-color: #ececec; text-align: center; }
.exam-body .parthead .partnote { color: #666666; text-align: left; line-height: 32px; }
.exam-body .questype, .exam-body .partbody .questypehead { margin-bottom: 20px; position: relative; }
.exam-body .questype { padding: 10px 6px; border: 1px solid transparent; margin-top: 25px; }
.exam-body .partbody .questypescore { width: 120px; }
.exam-body .partbody .questypescore table { width: 100%; border-collapse: collapse; }
.exam-body .partbody .questypescore table td { border: 1px solid #dadada; }
.exam-body .partbody .questypetitle { font-weight: bold; padding-left: 20px; text-align: left; }
.exam span[contenteditable="true"] { display: inline-block; margin-bottom: 1px; border: 1px solid transparent; cursor: pointer; }
.questypebody .list-box { padding: 0; }
.questypebody .list-box li { border: 1px solid transparent; margin-bottom: 0; }
.questypebody .list-box li .pt1 { padding-top: 10px; }
.questypebody .list-box li:hover { border-color: #dadada; box-shadow: none; }
.questypebody .list-box >li:hover> .fieldtip { opacity: 1; filter: alpha(opacity=100); }
.questypebody .ques-childs>li >.fieldtip{ opacity: 1; filter: alpha(opacity=100);}
.questypebody .fieldtip { background-color: #4fa0f7; color: #fff; opacity: 0; filter: alpha(opacity=0); height: 30px; line-height: 30px; }
.questypebody .fieldtip input { width: 40px; height: 20px; border-radius: 5px; margin-right: 3px; vertical-align: middle; }
.questypebody .fieldtip a { color: #fff; text-decoration: underline; }
.markarea { width: 200px; cursor: pointer; height: 100%; position: absolute; right: -6px; top: -10px; }
.markarea:hover .part-ctrl { display: block; }
.part-ctrl { display: none; text-align: right; position: absolute; top: -26px; right: 0px; width: 320px; }
.part-ctrl span { display: inline-block; width: 60px; border: 1px solid #fda43c; border-radius: 3px; text-align: center; line-height: 24px; cursor: pointer; margin-left: 10px; }
/*弹窗登录、注册*/ /*弹窗*/
.box-overlay { position: absolute; background: #aaa; left: 0; top: 0; opacity: 0.4; filter: Alpha(Opacity=40); }
.box-wrapper { background: #fff; overflow: hidden; border: 1px solid #dadada; border-radius: 10px; position: absolute; }
.box-wrapper .box-inner { padding: 0; margin: 0; text-align: left; overflow: hidden; }
.box-wrapper .title-bar { position: relative; background: #2489f6; padding-left: 15px; height: 40px; line-height: 40px; color: #ffffff; }
.box-wrapper .title-bar.dragging { cursor: move; }
.box-wrapper .title-bar h2 { font-size: 16px; float: left; color: #fff; }
.box-wrapper .title-bar .hclose { position: absolute; top: 2px; right: 0px; height: 16px; width: 16px; float: right; margin: 10px; background: url(images/root/icon-20210712.png) -382px -25px no-repeat; border: none; cursor: pointer; }
.box-wrapper .body-content { position: relative; background: #fff; text-align: left; height: 200px; overflow: hidden; overflow-y: auto; }
.box-wrapper .footer-bar { position: relative; background: #efefef; min-height: 30px; padding: 12px 30px; }
.box-wrapper .footer-bar .fright { margin-left: 20px; }
.ques-dload { text-align: center; padding: 10px 0 20px; }
.ques-dload dl { margin: 10px auto; line-height: 24px; border-bottom: 1px dashed #ccc; width: 90%; }
.ques-dload dt { display: inline-block; width: 100px; text-align: left; vertical-align: top; }
.ques-dload dd { display: inline-block; width: 240px; text-align: left; }
.ques-dload dd label { min-width: 120px; display: inline-block; }
.paper-dload dd { width: 600px; }
.btn-block { margin: 30px auto 20px; }
.btn-block .btn { margin: 0 15px; }
.body-tip { background-color: #efefef; padding: 15px; }
.body-tip ul li { color: #999999; line-height: 30px; }
.ques-dload h2 { font-size: 16px; margin-bottom: 15px; font-weight: bold; }
.pt9-error { display: inline-block; position: relative; }
.error-box { position: absolute; left: -510px; top: 32px; z-index: 9; width: 550px; border: 1px solid #dadada; background-color: #fffdfa; border-radius: 10px; padding: 10px 15px; }
.error-box .angle { position: absolute; width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #dadada; right: 30px; top: -20px; }
.error-box .angle i { position: absolute; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #fffdfa; top: -6px; left: -8px; }
.error-box textarea { width: 100%; border: 1px solid #d9d9d9; height: 110px; border-radius: 5px; margin: 5px 0; padding: 10px; }
.error-box .btn-close { position: absolute; top: 0px; right: 5px; }
/*弹窗-换一题*/
.change-ques { margin: 30px; }
.div-choose ul { float: left; margin-bottom: 20px; }
.div-choose ul li { text-align: center; width: 32px; height: 32px; border-radius: 5px; float: left; line-height: 32px; cursor: pointer; border: 1px solid #dadada; margin-right: 20px; }
.div-choose ul li.active { background: #4fa0f7; color: #fff; }
.div-choose a { text-decoration: underline; line-height: 35px; float: right; }
/*弹窗-完成组卷*/
.finish-paper { text-align: center; padding: 10px 30px 0 30px; }
.finish-paper a { display: inline-block; width: 120px; height: 34px; line-height: 34px; color: #666666; border: 1px solid #d9d9d9; border-radius: 5px; margin: 10px 20px; }
/*消息框*/
.message { width: 500px; height: 70px; line-height: 70px; padding-left: 60px; text-align: center; font-size: 14px; z-index: 6001; position: fixed; _position: absolute; top: 50%; left: 50%; margin: -35px 0 0 -280px; }
.emsg { color: #f00; border: 4px double #fc0; background: #ffd url(images/tables.png) 0 -410px no-repeat; }
.omsg { color: blue; border: 4px double lightblue; background: #ffd; }
.smsg { color: blue; border: 4px double lightblue; background: #ffd url(images/tables.png) 0 -490px no-repeat; }
.msgtip { position: fixed; background: #fff; top: 50%; left: 50%; margin: -80px 0 0 -200px; z-index: 6001; border: 1px solid #dadada; padding: 20px 40px; display: inline-block; border-radius: 10px; }
.msgtip h2 { font-size: 18px; color: #333333; margin-bottom: 15px; }
.msgtip .icon { width: 32px; height: 32px; margin-right: 5px; }
.msgtip p { font-size: 14px; color: #666666; margin-bottom: 15px; }

/*其他*/
.loading { background: url(images/loading.gif) no-repeat; width: 16px; height: 16px; margin-top: 80px; }
.return-top { background: url(images/bg_return.png) no-repeat; height: 42px; width: 42px; position: fixed; display: block; right: 30px; bottom: 60px; _position: absolute; _bottom: auto; }
.return-top:hover { background-position: 0px -42px; }
#mathplayer { position: fixed; }
/*地区选择器*/
.city { width: 400px; text-align: left; background-color: #f6faff; border: 1px solid #dadada; border-radius: 5px; position: absolute; padding: 10px 0; z-index: 3001; left: 45%; top: 100px; display: none; }
.city dt { height: 10px; overflow: hidden; }
.city dd ul { padding: 5px 20px; margin: 10px 0; overflow: hidden; border-bottom: 1px solid #dadada; }
.city dd ul:last-child { border-bottom: none; }
.city dd li { float: left; padding: 0; width: auto; white-space: nowrap; margin-bottom: 5px; }
.city dd li a { padding: 2px 3px; }
.city dd li a.thiscity { background: #4fa0f7; color: #fff; border-radius: 3px; }
.city dd li span { padding: 0 5px; }
/*********************************************************************旧版引用*开始***********************************************************************/
#divIFrameLogin { padding: 0px; height: 98%; }
#mf { width: 420px; height: 520px; }
.body-content .box-table { padding: 20px; }
.body-content .box-table .txt-tip { position: relative; display: inline-block; }
.body-content .box-table .txt-tip > div { color: #ff8a00; padding-bottom: 30px; display: inline; }
.body-content .box-table .txt-tip > div:hover .ttip-cont { display: block; }
.body-content .box-table .txt-tip .ttip-cont { display: none; position: absolute; right: 0; top: 35px; background-color: #f9f9f9; padding: 15px 10px; line-height: 30px; border: 1px solid #ececec; color: #333; }
.body-content .box-table .txt-tip .ttip-cont .cart { position: absolute; width: 0; height: 0; border: 13px solid transparent; border-bottom-color: #ececec; top: -26px; right: 18px; }
.body-content .box-table .txt-tip .ttip-cont .cart em { position: absolute; width: 0; height: 0; border: 12px solid transparent; border-bottom-color: #f9f9f9; top: -11px; left: -12px; }
.body-content .box-table textarea { padding: 0 10px; border-color: #dfdfdf; width: 690px; height: 160px; }
.body-content .box-table label { margin-right: 15px; }
.body-content .box-table td { padding: 8px 0; }
/*在线作业*/
.homework { color: #333; font-size: 14px; }
.homework i { display: inline-block; background: url(images/online-homework.png) no-repeat; vertical-align: middle; }
.homework a, .c1092ed, .homework .cur, .homework .hw-bread li.cur a { color: #1092ed; }
.homework .btn, .body-content .box-table .btn { display: inline-block; background-color: #1092ed; color: #fff; text-align: center; margin: 0; cursor: pointer; border-radius: 0; }
.homework .btn.btn-lt, .body-content .box-table .btn.btn-lt { font-size: 14px; width: 107px; line-height: 30px; }
.homework .btn.btn-md, .body-content .box-table .btn.btn-md { font-size: 16px; line-height: 40px; width: 120px; }
.homework .btn.btn-lg, .body-content .box-table .btn.btn-lg { width: 160px; line-height: 40px; font-size: 16px; height: 40px; }
.homework .btn.btn-empty, .body-content .box-table .btn.btn-empty { background-color: #fff; color: #1092ed; border: 1px solid #1092ed; border-radius: 0; }
.homework .btn.btn-save { background-color: #2b79f1; }
.homework .btn.btn-submit { background-color: #ffa200; }
.homework .btn-box, .body-content .box-table .btn-box { margin: 15px auto; text-align: center; }
.homework .btn-box a, .body-content .box-table .btn-box a { margin: 0 20px; }
.homework .btn-box.btn-boxr, .body-content .box-table .btn-box.btn-boxr { text-align: right; }
.homework .btn-box.btn-boxr a { margin-right: 0; }
.body-content .box-table h5, .body-content .box-table .sel-tlt, .align-center { text-align: center; }
.homework input.input-radio, .homework input.input-checkbox, .body-content .box-table input.input-radio, .body-content .box-table input.input-checkbox { width: 16px; height: 16px; }
.homework .nav .nav-ul { max-width: none; }
.homework .nav .nav-ul a { color: #fff; display: block; }
.homework .nav li.cur, .homework .nav li:hover { background: #49b3fe; color: #fff; }
.homework .box-tip, .body-content .box-table .box-tip { background-color: #f9f9f9; padding: 10px; line-height: 24px; margin: 10px auto; text-align: left; }
.homework .box-tip h3, .body-content .box-table .box-tip h3 { color: #1092ed; margin-bottom: 10px; }
.homework input.input-txt, .body-content .box-table .input-txt { padding: 0 10px; border-color: #dfdfdf; width: 320px; height: 38px; line-height: 38px; }
.homework input[type=radio], .body-content .box-table input[type=radio] { width: 18px; height: 18px; }
.homework input[type="checkbox"], .body-content .box-table input[type="checkbox"] { width: 18px; height: 18px; margin: 10px 5px 10px 0; vertical-align: sub; *vertical-align: middle; }
.homework select.select-sel, .body-content .box-table .select-sel { padding-left: 10px; border-color: #dfdfdf; width: 160px; line-height: 40px; height: 40px; }
.homework .tree-tab { background-color: #f9f9f9; line-height: 40px; height: 40px; margin-bottom: 20px; text-align: center; border-bottom: 1px solid #f9f9f9; }
.homework .tree-tab li { display: inline-block; width: 49%; cursor: pointer; *float: left; }
.homework .tree-tab li.cur { border-bottom: 1px solid #1092ed; }
.hw-box { border: 1px solid #dfdfdf; }
.hw-tab-a { color: #333; }
/*消息弹出框*/
.comments { padding: 0 5px 5px 5px; background: #E2EAF8; border-top: 1px solid #2c99d2; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; text-align: left; }
.comments ol { margin: 0px; padding: 0px 0px 0px 70px; }
.comments ol li { margin: 0px; padding: 4px 0px 0px 0px; }
.comment_wrap { position: relative; background: #fff; border: 1px solid #dcdddd; height: 1%; }
.comment_single { padding: 15px 5px; min-height: 50px; }
.comment_author { position: absolute; left: -70px; width: 60px; color: #8d8d8d; text-align: center; }
.comment_author img { width: 48px; height: 48px; padding: 1px; border: 1px solid #ccc; background: #fff; overflow: hidden; }
.comment_button { position: absolute; bottom: 10px; left: 20px; }
.messageTabs { border: 1px solid #2c99d2; background: #24aadc; }
#divMessageTitle { border: 1px solid #E2EAF8; }
.arrow_t { position: absolute; top: -16px; left: 20px; }
.arrow_l { position: absolute; top: 20px; left: -16px; }
.del1_r { position: absolute; top: 6px; right: 6px; cursor: pointer; }
/*收藏*/
.favorite-folders { position: absolute; display: none; z-index: 9999; max-height: 300px; width: 446px; left: 6px; top: 46px; border: 1px solid #999; background: #fff; cursor: default; text-align: left; overflow: auto; margin: -6px 6px 6px -6px; }
.favorite-folders li { line-height: 24px; }
.favorite-folders li span { display: block; background: url(images/folder_16PX.png) 34px center no-repeat; padding-left: 60px; position: relative; }
.favorite-folders li span i { position: absolute; right: 10px; top: 2px; width: 14px; height: 20px; background: url(images/icon-del.png) center no-repeat; cursor: pointer; }
.favorite-folders li span em { position: absolute; left: 12px; top: 5px; width: 17px; height: 17px; cursor: pointer; background: url(images/treeview-fam3.png) -64px -25px no-repeat; }
.favorite-folders li span em.up { background-position: -80px -3px; }
.favorite-folders .selected { background: url(images/folder_16PX.png) #F0F0F0 34px center no-repeat; }
.favorite-folders li ul { padding-left: 26px; }
.box-table .sel-box { display: inline-block; position: relative; float: left; }
.box-table .sel-box .select-sel { display: block; background: url(images/folder_16PX.png) 10px center no-repeat; padding-left: 36px; width: 410px; border: 1px solid #dfdfdf; position: relative; z-index: 99; }
.box-table .sel-box .cart { position: absolute; width: 0; height: 0; border: 5px solid transparent; border-top: 5px solid #333; top: 50%; right: 10px; }
/*购买VIP*/
input.vip111, input.vip110 { background: url(images/h16-20210811.png) no-repeat 0 -288px; width: 16px; height: 16px; display: inline; border: none; vertical-align: middle; }
/*购买SVIP*/
input.vip121, input.vip120 { background: url(images/ui-icons9.png) no-repeat 0 -280px; width: 18px; height: 18px; display: inline; border: none; vertical-align: middle; }
/*答题老师*/
input.vip211 { background: url(images/h16-20210811.png) no-repeat 0 -144px; width: 16px; height: 16px; display: inline; border: none; vertical-align: middle; }
input.vip210 { background: url(images/h16-20210811.png) no-repeat 0 -160px; width: 16px; height: 16px; display: inline; border: none; vertical-align: middle; }
/*认证教师*/
input.vip221 { background: url(images/h16-20210811.png) no-repeat 0 0px; width: 16px; height: 16px; display: inline; border: none; vertical-align: middle; }
input.vip220 { background: url(images/h16-20210811.png) no-repeat 0 -16px; width: 16px; height: 16px; display: inline; border: none; vertical-align: middle; }
/*认证学生*/
input.vip231, input.vip230 { background: url(images/h16-20210811.png) no-repeat 0 -272px; width: 16px; height: 16px; display: inline; border: none; vertical-align: middle; }
/*校园主帐户*/
input.vip311, input.vip301, input.vip310, input.vip300 { background: url(images/h16-20210811.png) no-repeat 0 -208px; width: 16px; height: 16px; display: inline; border: none; vertical-align: middle; }
/*校园教师帐户*/
input.vip320 { background: url(images/h16-20210811.png) no-repeat 0 -176px; width: 16px; height: 16px; display: inline; border: none; vertical-align: middle; }
input.vip321 { background: url(images/h16-20210811.png) no-repeat 0 -192px; width: 16px; height: 16px; display: inline; border: none; vertical-align: middle; }
input.school { background: url(images/h16-20210811.png) no-repeat 0 -256px; width: 16px; height: 16px; display: inline; border: none; vertical-align: middle; }
/*10年vip用户*/
input.vip10Years{ background: url(images/h16-20210811.png) no-repeat 0 -303px; width: 44px; height: 18px; display: inline; border: none; vertical-align: middle; }
/*个人版校园号*/
input.vip390, input.vip391 { background: url(images/h16-20210811.png) no-repeat 0 -321px; width: 16px; height: 16px; display: inline; border: none; vertical-align: middle; }
/*邮箱icon*/
em.em-icon { background: url(images/ui-icons9.png) no-repeat; padding-left: 22px; height: 20px; line-height: 20px; display: inline-block; }
em.xx { background-position: 0 -585px; }
em.xx1 { background-position: 0 -605px; height: 22px; line-height: 22px; }
em.ques-vip { background: url(images/ui-icons9.png) no-repeat 0 -380px; width: 34px; height: 20px; margin-top: 8px; display: inline-block; border: none; float: right; }
.mustvip { width: 80%; margin: 20px auto; padding: 10px; text-align: left; }
.mustvip table { width: 99%; border-collapse: collapse; text-align: center; border: 2px dotted #72d0f8; }
.mustvip table td { padding: 8px 4px; border: 1px solid #ccc; vertical-align: middle; }
.mustvip table td a.bbg { display: inline-block; font-weight: bolder; }
.point-card { width: 850px; margin-left: 10px; text-align: center; line-height: 30px; overflow: visible; }
.point-card-body { border: 1px #dcdcdc solid; text-align: left; padding: 4px; }
/*服务热线*/
.service-tel { position: fixed; bottom: 28px; right: 75px; border: 2px solid #00a0e9; border-radius: 20px; width: 230px; overflow: hidden; }
.service-tel .service-tlt { height: 40px; line-height: 40px; width: 100%; background-color: #00a0e9; text-align: center; color: #fff; font-size: 18px; position: relative; background: url(images/icon-service.png) 17px 11px #00a0e9 no-repeat; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.service-tel .service-tlt i { position: absolute; width: 16px; height: 16px; right: 20px; top: 50%; margin-top: -8px; background: url(images/icon-service.png) 0px -60px #00a0e9 no-repeat; }
.service-tel .service-tlt i.plus { background-position: 0px -37px; }
.service-tel .service-cont { font-size: 16px; color: #333333; padding: 20px 0; background: white; }
.service-tel dl { height: 30px; overflow: hidden; text-align: left; }
.service-tel dl dt, .service-tel dl dd { float: left; margin: 0; }
.service-tel dl dt { width: 94px; color: #00a0e9; text-align: right; }
/*编辑器*/
.editcontainer { width: 624px; overflow: hidden; margin: 20px auto; }
.thandle { cursor: move; width: 100%; height: 22px; line-height: 22px; clear: both; overflow: hidden; text-indent: 10px; background: #B2D3F5; }
#jye_toolbar { position: absolute; overflow: hidden; text-align: left; }
.edittoolbar { padding: 5px; background: #F3FAFF; border: 1px solid #BFD1EB; position: absolute; z-index: 10002; overflow: hidden; display: none; }
.edittoolbar em { font-style: italic; }
.edittoolbar a.pushon { background: #FFFFF7; border: 1px solid #fc0; }
.edittoolbar h2 { font-size: 12px; height: 19px; padding: 2px; }
.edittoolbar h2 li { height: 20px; line-height: 20px; }
.edittoolbar h2 li.onact { height: 20px; line-height: 20px; }
#ecmdh ul li { width: 24px; height: 22px; padding: 3px 1px 0 1px; }
ul.symbols { font-size: 15px; zoom: 1; overflow: hidden; clear: both; }
ul.symbols li, ul.symbols2 li { font-family: "宋体",sans-serif; width: 20px; height: 16px; float: left; padding: 0 0 4px 0; margin: 0 1px 1px 0; text-align: center; cursor: pointer; border: 1px solid #F3FAFF; background: #fff; }
ul.symbols li:hover, ul.symbols2 li:hover { background: #EEF7FF; border: 1px solid #71C3F2; }
ul.symbols2 { font-size: 15px; zoom: 1; overflow: hidden; }
.editsend { border: 1px solid #BFD1EB; border-width: 0 1px; }
.editsend textarea { width: 610px; height: 100px; margin: 3px; }
.editsubmit { padding: 0 3px; color: #ccc; border: 1px solid #BFD1EB; zoom: 1; overflow: hidden; }
.math02 { border: 2px solid #BFD1EB; overflow: hidden; }
.math02 dl { width: 100%; float: left; height: auto; zoom: 1; }
dl.oddstoolbar { border-bottom: 1px solid #BFD1EB; padding-bottom: 3px; }
dl.oddstoolbar a { display: inline-block; padding: 2px; border: 1px solid #F3FAFF; overflow: hidden; }
dl.oddstoolbar a input { margin: 2px; }
dl.oddstoolbar a:hover { border: 1px solid #BFD1EB; background: #E8F5FE; }
.math02 dl dt { font-size: 14px; font-weight: 700; color: #233394; background: #E8F5FE; height: 24px; line-height: 24px; text-indent: 10px; }
.math02 dl dt.f1 { color: #f00; }
.math02 dl dt a { padding: 0 5px; float: left; font-weight: normal; }
.math02 dl dt a:hover { background: #fc0; zoom: 1; overflow: hidden; }
.math02 dl dd { padding: 5px; border: 1px solid #BFD1EB; border-width: 1px 0; }
.math02 dl dd a { display: inline-block; border: 1px solid #ccc; overflow: hidden; text-align: center; }
.math02 dl dd a:hover { border: 1px solid #f60; text-decoration: none; }
dl.odds { background: #ffd; overflow: hidden; border-bottom: 1px solid #BFD1EB; }
dl.odds dd { padding: 0 0 2px 0; }
dl.odds dd a { width: 28px; height: 28px; margin: 2px 0 0 2px; }
a.masymbo { display: inline-block; width: 26px; height: 26px; text-indent: 0; *text-indent: 0; line-height: 24px; margin: 0 2px 2px 0; font-size: 20px; overflow: hidden; }
a.masymbob { width: 28px; height: 28px; margin: 0 2px 2px 0; background: url(images/tables.png) no-repeat; }
a.masymboa { width: 105px; height: 36px; margin: 4px auto; background: url(images/tables.png) no-repeat; }
a.fen01 { background-position: 0 -1772px; }
a.scos01 { background-position: -10px -1673px; }
a.scos02 { background-position: -70px -1673px; }
a.scos03 { background-position: -130px -1673px; }
a.scos04 { background-position: -10px -1706px; }
a.scos05 { background-position: -70px -1706px; }
a.scos06 { background-position: -130px -1706px; }
a.scos07 { background-position: -10px -1739px; }
a.scos08 { background-position: -70px -1739px; }
a.scos09 { background-position: -130px -1739px; }
a.scos10 { background-position: -10px -1772px; }
a.scos11 { background-position: -70px -1772px; }
a.scos12 { background-position: -130px -1772px; }
a.updw01 { background-position: 0 -1805px; }
a.updw02 { background-position: -60px -1805px; }
a.updw03 { background-position: -120px -1805px; }
a.updw09 { background-position: -105px -1937px; }
a.updw10 { background-position: -105px -1970px; }
a.updw11 { background-position: 0 -2042px; }
a.updw12 { background-position: -60px -2042px; }
a.updw13 { background-position: -120px -2042px; }
a.updw14 { background-position: 0 -2141px; }
a.updw15 { background-position: -60px -2141px; }
a.updw16 { background-position: -120px -2141px; }
a.updw17 { background-position: 0 -2174px; }
a.updw18 { background-position: -60px -2174px; }
a.updw19p { background: url(images/tables.png) no-repeat; background-position: -16px -1940px; }
a.rad01 { background-position: -120px -1871px; }
a.rad02 { background-position: 0 -1904px; }
a.rad04 { background-position: -120px -1904px; }
a.brack01 { background-position: 0 -2009px; }
a.matemp01 { background-position: -60px -2009px; }
a.matemp02 { background-position: -120px -2009px; }
a.matemp03 { background-position: 0 -2075px; }
a.matemp04 { background-position: -60px -2075px; }
a.matemp05 { background-position: -120px -2075px; }
a.matemp06 { background-position: 0 -2108px; }
a.matemp07 { background-position: -60px -2108px; }
a.matemp08 { background-position: -120px -2108px; }
h2.cmenubox { margin: 5px 0; height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; padding: 0 5px; border-bottom: 1px solid #5580B3; }
h2.cmenubox span { float: right; font-size: 14px; margin-right: 5px; font-weight: normal; }
h2.cmenubox ul { position: absolute; }
h2.cmenubox li { float: left; display: block; cursor: pointer; padding: 0 8px; text-align: center; font-weight: normal; margin: 0 2px; border: 1px solid #ccc; border-bottom: none; min-width: 40px; color: #5C6672; }
h2.cmenubox li em { width: 16px; height: 16px; position: absolute; font-style: normal; top: -5px; background: url(images/tables.png) -64px -144px no-repeat; }
h2.cmenubox li.onact { font-weight: 700; height: 20px; line-height: 20px; background: #fff; border: 1px solid #5580B3; border-bottom: 1px solid #fff; color: #5580B3; }
input.smbtn { width: 16px; height: 16px; border: 0; margin: 0 2px; _margin: 4px; cursor: pointer; background: url(images/tables.png) no-repeat; }
input.hclose { background-position: -144px -240px; float: right; margin: 3px; }
input.hmax { background-position: -128px -240px; float: right; margin: 3px; }
input.hmin { background-position: -112px -240px; float: right; margin: 3px; }
input.subscript { background-position: 0 -224px; }
input.superscript { background-position: -16px -224px; }
/*******英语听力小喇叭*******/
input.jwaudio { background: url("jwplayer/jwaudiobg1.gif") no-repeat; background-position: 0px 0px; width: 18px; height: 18px; display: inline-block; border: none; cursor: pointer; }
input.jwaudio.cur { background-position: -18px 0px; }
/*********************************************************************旧版引用*结束***********************************************************************/
#divIFrameLogin { padding: 0px; height: 98%; }
#mf { width: 720px; height: 520px; }
/*首页*/
.home-header { padding: 22px 0; background: #fff; }
.home-header .logo { width: 170px; height: 76px; float: left; }
.home-header .search { width: 600px; height: 40px; border: 1px solid #1092ed; text-align: left; line-height: 40px; margin: 20px 24px 0; position: relative; border-radius: 6px; }
.home-header .search img { margin: 10px 3px 0 6px; float: left; cursor: pointer; }
.home-header .search label { color: #666; float: left; margin: 7px 0px 0 10px; vertical-align: middle; cursor: pointer; position: relative; padding: 0px 12px; border: 1px solid #d8d8d8; border-radius: 5px; line-height: 24px; font-size: 12px; }
.home-header .search label:hover { border-color: #1092ed; color: #1092ed; }
.home-header .search label.active { background-color: #1092ed; color: #fff; border-color: transparent; }
.home-header .search em { float: left; width: 1px; height: 20px; background-color: #ccc; margin: 10px 10px 0 10px; }
.home-header .search label input[type="radio"] { width: 30px; height: 30px; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }
.home-header .search input[type="text"] { float: left; border: none; width: 320px; height: 38px; margin-left: 10px; background: white; }
.home-header .search input[type=submit] { border: none; height: 40px; width: 100px; background-color: #1092ed; background-position: -150px -94px; cursor: pointer; float: right; margin: 0; color: #fff; font-size: 16px; }
.banner { height: 380px; width: 100%; min-width: 1200px; background: url(images/root/bg-home.png) repeat-x; }
.bannerL { float: left; color: #fff; font-size: 14px; /*margin-left: 60px;*/ text-align: left; margin-top: 60px; position: relative; width: 610px; }
.bannerL h2 { font-size: 34px; margin-bottom: 30px; color: #fff; line-height: 40px; }
.bannerL > div span { display: inline-block; width: 200px; text-align: left; margin-bottom: 20px; }
.bannerL .btn-box { margin-top: 10px; width: 700px; }
.bannerL button { display: inline-block; font-size: 16px; color: #1092ed; background-color: #fff; width: 180px; height: 40px; line-height: 40px; border-radius: 6px; margin-right: 40px; vertical-align: middle; border: none; cursor: pointer; margin-bottom: 20px; }
.bannerL button:hover { background-color: #f5f5f5; }
.bannerL .btn-box a { color: #fff; text-decoration: underline; }
.bannerL .btn-box .user-name { color: #0f5587; }
.bannerLTime { position: absolute; left: 241px; top: 0; width: 195px; height: 48px; line-height: 44px; background: url(images/root/bg-bannerLC.png) no-repeat; font-size: 16px; box-sizing: border-box; padding-left: 18px; }
.bannerL .bannerLTime span { width: auto; margin-bottom: 0; vertical-align: middle; }
.bannerL .bannerLTime .num { font-size: 30px; margin-left: 18px; }
.bannerL .bannerLTime .num em { margin-right: 16px; }
.bannerR { float: right; height: 380px; width: 420px; background-color: rgba(0,0,0,0.16); padding: 0 30px; box-sizing: border-box; position: relative; }
.BRbox { }
.BRBhead { border-bottom: 1px solid #569db2; color: #fff; }
.BRBhead .fright { cursor: pointer; margin-top: 24px; }
.BRBhead .fright:hover .tip-pop { visibility: visible; opacity: 1; right: 0; }
.BRBhead .fright .tip-pop dt { padding: 0; }
.BRBhead .fright .tip-pop dd { margin-right: 0; margin-left: 7px; }
.BRBhead .BRBhead-tab { padding-top: 20px; }
.BRBhead .BRBhead-tab span { display: inline-block; line-height: 32px; background: #1092ee; height: 32px; border-radius: 5px 5px 0 0; padding: 0 5px; cursor: pointer; margin-right: 5px; }
.BRBhead .BRBhead-tab .active { background: #fff; color: #1092ee; }
.bannerR-tab span { display: inline-block; border-bottom: 3px solid transparent; cursor: pointer; font-size: 12px; margin-right: 20px; line-height: 30px; color: #dfe8fe; margin-top: 5px; }
.bannerR-tab .active { color: #fff; border-bottom-color: #fff; }
.BRbox ul { text-align: left; padding: 10px 0; line-height: 34px; }
.BRbox li a { color: #dfe8fe; display: block; line-height: 34px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.BRbox li a:hover { font-size: 16px; }
.BRbox .tip-pop { padding: 0; }
.BRbox .tip-pop dd { margin-left: 10px; margin-right: 0; }
.channel table { width: 100%; height: 180px; margin-bottom: 30px; border-collapse: collapse; }
.channel table td { height: 180px; border-top: none; width: 200px; border: 1px solid #f3f3f3; }
.channel table td a { display: block; height: 150px; padding-top: 30px; }
.channel table td a:hover { box-shadow: 0 0 18px rgba(16,146,237,0.2); border-color: transparent; }
.channel table td i { display: block; width: 50px; height: 44px; margin: 0 auto; background: url(images/root/home-icon-20210618.png) no-repeat; }
.channel table td h3 { font-size: 14px; color: #333; margin-top: 15px; }
.channel table td div { width: 24px; height: 2px; background-color: #1092ed; margin: 4px auto 8px; }
.channel table td p { font-size: 12px; color: #999; }
.channel .i-ask { background-position: 3px 0; }
.channel .i-yuejuan { background-position: -46px 0; }
.channel .i-xyh { background-position: -96px 0; }
.channel .i-training { background-position: -143px 0; }
.channel .i-source { background-position: -194px 0; }
.channel .i-api { background-position: -248px 0; }
.channel .i-app { background-position: -302px 0; }
.channel .i-banyin { background-position: -352px 0; }
.channel .i-resource { background-position: -515px 0; }
.channel .i-ceping { background-position: -406px 0; }
.channel .i-math { background-position: -467px 0; }
.channel .i-family { background-position: -565px 0; }
.channel .i-reward { background-position: -623px 0; }
.channel table td a:hover h3, .channel table td a:hover p { color: #1092ed; }
.sub-group { overflow: hidden; margin-top: 35px; *margin-top: 80px; text-align: left; }
.sub-group .sub-tab { border-left: 3px solid #1092ed; line-height: 16px; padding-left: 5px; font-size: 16px; color: #1092ed; font-weight: bold; }
.sub-group .sub-tab a { padding: 0 20px; color: #1092ed; font-weight: bold; font-size: 16px; border-bottom: 2px solid #1092ed; display: inline-block; height: 38px; }
.sub-group li { margin: 40px auto; }
.sub-tlt { font-size: 16px; }
.sub-tlt b { letter-spacing: 6px; }
.sub-tlt i { font-size: 16px; font-style: normal; color: #333333; *padding-left: 8px; margin-left: -5px; }
.sub-list ul { display: inline-block; width: 100%; vertical-align: middle; }
.sub-list li { font-size: 14px; color: #666666; padding-left: 0; float: left; margin: 16px 0 0 0; width: 235px; }
.sub-list li img { position: absolute; top: -15px; left: 115px; }
.sub-list li span { font-weight: bold; color: #333333; margin-right: 30px; }
.sub-list li a { color: #666666; }
.sub-list li em { width: 2px; background-color: #e5e5e5; height: 12px; display: inline-block; vertical-align: middle; margin: 0 5px; }
.sub-list li a:hover, .sub-list li a:visited { color: #0e6eb8; }
.side-tip { position: fixed; height: 200px; width: 46px; border-radius: 4px; right: 40px; top: 50%; margin-top: -100px; }
.side-tip a { display: block; border-bottom: 1px solid rgba(255,255,255,0.5); padding: 9px 0; background-color: rgba(0,0,0,0.2); position: relative; }
.side-tip a:hover { background-color: #1092ed; }
.side-tip .app { border-radius: 6px 6px 0 0; }
.side-tip .weibo { border-radius: 0 0 6px 6px; }
.side-tip a i { display: block; margin: 0 auto; width: 22px; height: 22px; background: url(images/root/home-icon.png) no-repeat; }
.side-tip a > div { position: absolute; right: 100%; line-height: 24px; border: 1px solid #e5e5e5; background-color: #fff; padding: 20px; display: none; }
.side-tip a > div img { width: 120px; height: 120px; }
.side-tip a:hover > div { display: block; }
.side-tip .app i { background-position: 3px -50px; }
.side-tip .service i { background-position: -27px -50px; }
.side-tip .wechat i { background-position: -62px -50px; }
.side-tip .users i { background-position: -97px -50px; }
.side-tip .weibo i { background-position: -132px -50px; }
.side-tip p { }
.side-tip p span { display: inline-block; vertical-align: text-top; }
.side-tip a:hover em { display: block; }
.side-tip a > em { display: none; position: absolute; width: 0; height: 0; border: 12px solid transparent; border-left: 6px solid #e5e5e5; left: 0px; top: 50%; border-right: none; margin-top: -12px; }
.side-tip a > em b { position: absolute; width: 0; height: 0; border: 10px solid transparent; border-left: 6px solid #fff; left: -8px; top: 50%; border-right: none; margin-top: -10px; }
.side-tip .service div { width: 180px; text-align: left; }
.side-tip .users div { width: 160px; text-align: left; }
/*首页温馨提示弹窗*/
.msgtip-box { padding: 0 0 20px 0; width: 400px; }
.msgtip .head { text-align: left; font-size: 14px; color: #333; height: 40px; line-height: 40px; padding-left: 20px; border-bottom: 1px solid #e5e5e5; }
.msgtip .close { position: absolute; top: 10px; right: 20px; color: #bbbbbb; font-size: 24px; cursor: pointer; font-style: normal; }
.msgtip .tip-txt { padding: 35px 10px; text-align: center; line-height: 24px; }
.msgtip .btn-index { height: 30px; line-height: 28px; border-radius: 4px; width: 80px; font-size: 14px; color: #fff; background-color: #1092ed; border: 1px solid #0c81d4; cursor: pointer; }
.msgtip .btn-index:hover { opacity: 0.7; }
/*试题页>难度等*/
.degree { background: #f6faff; border: 1px solid #dadada; color: #5f5d5d; padding: 5px 0px; }
.degree th { width: 3em; padding-left: 20px; }
.degree th, .degree td { line-height: 32px; border-bottom: 1px dotted #dadada; }
.degree tr:last-child th, .degree tr:last-child td { border-bottom: none; }
.degree li { height: 20px; margin-left: 3px; float: left; line-height: 20px; text-align: center; display: inline-block; margin: 5px 0; margin-right: 5px; }
.degree li span { margin: 0 10px 0 20px; font-size: 13px; }
.degree li a { color: #666; height: 20px; line-height: 20px; padding: 0px 6px; display: inline-block; border-radius: 4px; cursor: pointer; }
.degree li a.cur, .degree li a:hover { background: #2489f6; color: #FFFFFF; }
/*<试题页>分页*/
.page { height: 45px; line-height: 50px; font-size: 15px; color: #039cff; font-family: "微软雅黑"; padding: 10px 15px; }
.page .pagertips { text-align: right; }
.page a { height: 35px; line-height: 35px; padding: 2px 4px; color: #039cff; margin: 0 2px; cursor: pointer; }
.page a.cur, .page a:hover { color: white; background: #039cff; }
.page a:visited { color: #361C79; }
.page select { color: #6a6a6a; }
.page .front, .page .pev, .page .morepev, .page .next, .page .morenext, .page .last, .page .ref { }
.page .dispre { color: #B4B4B4; }
.page .dispre:hover { font-weight: normal; color: #B4B4B4; background: #fff; }
.page .info { color: #B4B4B4; }
.page .info .num { color: red; }
/*屏幕低于1200左侧伸展left-toggle*/
.left-toggle { position: relative; width: 60px; padding: 130px 0; border: 1px solid #d0e7ff; background-color: #f6faff; margin-bottom: 15px; display: none; }
.left-toggle p { width: 20px; line-height: 16px; color: #1579e5; font-size: 14px; margin-left: 15px; }
.btn-toggle { display: none; position: absolute; right: 0; top: 50%; margin-top: -37px; width: 18px; height: 73px; background: url(images/root/btn-toggle.png) no-repeat; line-height: 73px; color: #fff; font-family: -webkit-pictograph; text-align: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.toggle-show { position: fixed; z-index: 12; box-sizing: border-box; }
/*试卷主页*/
.paper-tab { display: inline-block; width: 920px; text-align: left; vertical-align: top; }
.paper-tab li { display: inline-block; font-size: 12px; margin-right: 10px; cursor: pointer; }
.paper-tab li a { color: #666; display: block; font-size: 14px; border-radius: 3px; padding: 1px 3px; }
.paper-tab li.active a { color: #fff; background-color: #2489f6; }
.paper-tab li a:hover { background-color: #4fa0f7; border-color: #4fa0f7; color: #fff; }
.paper-tlt { padding: 10px 15px; text-align: left; border-bottom: 1px solid #dadada; }
.paper-tlt span { border-left: 3px solid #2489f6; padding-left: 10px; font-weight: bold; }
.paper-new .new-mark { display: inline-block; width: 52px; height: 80px; background-color: #f5f5f5; vertical-align: top; text-align: center; line-height: 80px; border-right: 1px solid #dadada; }
.paper-new .new-mark em { display: inline-block; color: #2489f6; border: 2px solid #2489f6; width: 22px; height: 22px; line-height: 22px; border-radius: 5px; }
.paper-new .new-cont { max-width: 345px; }
.paper-index-list { text-align: left; padding: 15px; overflow: hidden; }
.paper-index-list li { margin-bottom: 10px; }
.paper-index-list a { color: #333; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 24px; }
.paper-index-list span { font-size: 12px; color: #999; margin-right: 5px; }
.paper-new { padding: 0; padding-left: 15px; }
.paper-new li { float: left; width: 435px; height: 80px; margin-right: 12px; margin-bottom: 15px; }
.paper-hot { padding-bottom: 0; position: relative; }
.paper-hot li { float: left; width: 165px; margin-left: 52px; margin-right: 0; }
.paper-hot li img { display: block; width: 130px; height: 160px; background-color: beige; margin-bottom: 20px; }
.paper-jptb li { width: 360px; float: left; margin-right: 28px; }
.triangle { display: inline-block; width: 0; height: 0; border: 6px solid transparent; border-top-color: #999; vertical-align: text-bottom; margin-left: 3px; }
/*slider*/
.slider-box { position: relative; }
.slider-box .scontrol span { position: absolute; top: 80px; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; line-height: 40px; text-decoration: none; color: #999; font-size: 44px; font-family: cursive; font-weight: bold; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; }
.slider-box .scontrol span:hover { }
.slider-box .scontrol span.front { left: 20px; }
.slider-box .scontrol span.next { right: 15px; text-indent: 4px; }
.slider { width: 100%; position: relative; overflow: hidden; }
/*时间控件*/
.datepicker { position: absolute; display: none; font-size: 12px; text-align: center; border-collapse: collapse; border: 1px solid #ccc; z-index: 100; width: auto; }
.datepicker th { background: #eee; font-weight: normal; }
.datepicker td { border: 1px solid #ccc; background: #fff; padding: 2px; }
.datepicker td.date { cursor: pointer; }
.datepicker td.over { background: #99ffff; }
.datepicker td.chosen { background: #ccffcc; }
/*正方形列表*/
.square-items { }
.square-items li { float: left; min-width: 26px; height: 26px; line-height: 26px; border: 1px solid #2489f6; border-radius: 3px; background-color: #fff; color: #2489f6; margin-right: 10px; margin-bottom: 10px; }
.square-items li a { display: block; }
/**/
.record-left { float: left; width: 196px; min-height: 595px; background-color: #fff; padding: 15px 0; }
.record-right { float: right; background-color: #fff; width: 989px; min-height: 625px; padding: 15px; box-sizing: border-box; position: relative; }
/*.record-right .treeview li { padding-bottom: 15px; }*/
.record-left .user-head { }
.record-left .user-head img { display: block; width: 96px; height: 96px; margin: 0 auto; border-radius: 50%; }
.record-left .user-head div { height: 20px; line-height: 20px; background-color: rgba(0,0,0,0.5); color: #fff; position: relative; top: -8px; width: 96px; margin: 0 auto; }
.record-menu { }
.record-menu li { line-height: 30px; color: #666; border-left: 4px solid transparent; margin-bottom: 10px; text-align: left; padding-left: 50px; cursor: pointer; }
.record-menu li.active { color: #2489f6; border-left: 4px solid; }
.record-menu li i { margin-right: 8px; }
.record-menu li.active i { background-position-y: -214px; }
.user-detail { }
.user-detail table { width: 750px; float: left; text-align: left; line-height: 30px; padding-left: 15px; }
.user-detail table span { color: #666; display: inline-block; max-width: 200px; overflow: hidden; vertical-align: middle; text-overflow: ellipsis; }
.user-detail .user-yd { float: left; border-left: 1px solid #ededed; padding: 15px 0 15px 40px; }
.user-detail .user-yd i { width: 48px; height: 48px; background-position: -172px -286px; margin-right: 20px; }
.tab { text-align: left; border-bottom: 1px solid #ededed; line-height: 36px; }
.tab span { border-bottom: 2px solid transparent; display: inline-block; padding: 0 10px; margin-right: 10px; color: #666; cursor: pointer; min-width: 60px; text-align: center; }
.tab .active { color: #2489f6; border-color: #2489f6; }
.tab2 { height: 40px; line-height: 40px; text-align: left; }
.tab2 span { display: inline-block; min-width: 80px; text-align: center; margin-right: 15px; color: #666; cursor: pointer; }
.tab2 .active { color: #2489f6; }

.btn-group a { float: left; padding: 0 10px; line-height: 36px; color: #333; border-width: 1px 0 1px 1px; border-style: solid; border-color: #ededed; cursor: pointer; }
.btn-group a:first-child { border-radius: 5px 0 0 5px; }
.btn-group a:last-child { border-radius: 0 5px 5px 0; border-right: 1px solid #ededed; }
.btn-group a:hover { color: #4a9efa; }
.btn-group a.active { border: 1px solid #2489f6; color: #2489f6; }

.form-table { width: 100%; }
.form-table th { text-align: right; width: 30%; font-weight: normal; }
.form-table td { text-align: left; width: 60%; color: #666; }
.form-table input[type="text"], .form-table input[type="password"] { width: 180px; }
/*基础表格*/
.table { width: 100%; border-collapse: collapse; }
.table th { height: 40px; font-weight: normal; }
.table td { color: #666; height: 60px; }
.table th, .table td { border: 1px solid #ededed; padding: 0 5px; }
/*基础表格--》条纹状表格*/
.table-striped tr:nth-child(odd) { background: #f4f4f4; }
/*基础表格--》无左右边框表格*/
.table-borderm { width: 100%; border-collapse: collapse; border: 1px solid #ededed; }
.table-borderm th { height: 40px; font-weight: normal; }
.table-borderm td { color: #666; height: 60px; }
.table-borderm th, .table-borderm td { border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; }
/*基础表格--》仅底部有边框表格*/
.table-borderb { width: 100%; border-collapse: collapse; }
.table-borderb th { height: 40px; font-weight: normal; }
.table-borderb td { color: #666; height: 60px; }
.table-borderb th, .table-borderb td { border-bottom: 1px solid #ededed; }

/*记录--》消息列表*/
.news-list { text-align: left; padding-left: 15px; border-left: 1px solid #ededed; }
.news-list li { margin-bottom: 30px; }
.news-list .time { color: #666; margin-bottom: 15px; position: relative; line-height: 16px; }
.news-list .time i { position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color: #2489f6; left: -20px; top: 0px; }
.news-list .news-box { border: 1px solid #ededed; border-radius: 5px; padding: 15px 70px 15px 20px; position: relative; margin-bottom: 15px; }
.news-list .trangle { position: absolute; width: 0; height: 0; border: 7px solid transparent; border-right-color: #ededed; left: -15px; top: 50%; margin-top: -7px; }
.news-list .trangle em { position: absolute; width: 0; height: 0; border: 7px solid transparent; border-right-color: #fff; left: -5px; top: -7px; }
.news-list .delete { position: absolute; width: 60px; background: white; height: 100%; right: 0; top: 0; border-radius: 0 5px 5px 0; }
.news-list .delete i { position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; }
.news-list .active .news-box, .news-list .news-box:hover { border-color: #dadada; background-color: #f6faff; }
.news-list .active .delete, .news-list .news-box:hover .delete { background-color: #2489f6; }
.news-list .active .trangle em, .news-list .news-box:hover .trangle em { border-right-color: #f6faff; }
/*记录--》右侧两列布局*/
.record-rleft { width: 919px; float: left; }
.collect-box { border: 1px solid #ededed; text-align: left; }
.collect-box .tree { background-color: #fff; height: 160px; min-height: 0; padding: 20px 15px 0; }
.record-right .list-box { padding: 15px 0; }
.record-right .cright { position: absolute; right: 0; }
.set-list { border: 1px solid #ededed; padding: 15px 0 0 15px; text-align: left; }
.set-list li { width: 120px; height: 36px; line-height: 36px; border: 1px solid #dadada; border-radius: 5px; padding: 0 10px; float: left; margin: 0 15px 15px 0; }
.set-list li span { display: inline-block; width: 86px; height: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; text-align: center; }
/*消息框*/
.tip-msg { width: 380px; padding: 15px; background-color: white; right: 20px; margin-bottom: 30px; z-index: 9999; text-align: left; border-radius: 5px; border: 1px solid #e5e5e5; }
.tip-msg .close { color: #999; font-size: 24px; position: absolute; right: 10px; top: 10px; }
.tip-msg img { width: 48px; height: 48px; border-radius: 50%; margin-right: 15px; }
.tip-msg div { width: 300px; }
.tip-msg .iblock .btn { margin-right: 5px; }
/*记录-->我的班级*/
.class-tiem { width: 310px; height: 235px; border-radius: 5px; border: 1px solid #dadada; padding: 20px; box-sizing: border-box; float: left; margin: 0 14px 15px 0; text-align: left; overflow: hidden; }
.class-tiem:nth-child(3n) { margin-right: 0; }
.class-tiem .circle { position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: red; right: -7px; top: 0; }
.table .img-box { width: 235px; height: 50px; margin: 10px; background-color: #e0dfdf; }
.table .img-box::before { content: ""; display: inline; height: 100%; vertical-align: middle; width: 0; }
.table .img-box img { max-width: 235px; max-height: 50px; vertical-align: middle; }
.selmore { border: 1px solid #dadada; border-radius: 6px; line-height: 30px; height: 30px; width: 168px; padding-right: 20px; position: relative; padding-left: 6px; z-index: 6; text-align: left; display: inline-block; vertical-align: middle; box-sizing: border-box; background-color: #fff; }
.selmore > i { position: absolute; color: #666; right: 2px; font-style: normal; font-size: 20px; font-weight: bold; top: -2px; }
.selmore ul { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; height: 100%; padding-right: 15px; box-sizing: border-box; max-width: 100%; }
.selmore ul li { display: inline-block; }
.selmore .selmore-show { display: block; position: absolute; left: 0; top: 30px; width: 400px; height: 320px; border-radius: 5px; border: 1px solid #e5e5e5; background-color: #fff; overflow-y: auto; box-shadow: 0 0 16px rgba(50,55,67,0.2); box-sizing: border-box; }
/*记录-->我的班级-->带边框的标题*/
.title-bar { position: relative; padding-left: 10px; }
.title-bar::before { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 20px; background: #2489f6; }
/*记录-->我的班级-->数据排序图标*/
.data-sort { position: relative; display: inline-block; padding-right: 20px; cursor: pointer; }
.data-sort::before { position: absolute; top: 2px; right: 5px; content: ''; border: 4px solid transparent; border-bottom-color: #999; }
.data-sort.ascending::before { border-bottom-color: #000; }
.data-sort::after { position: absolute; top: 13px; right: 5px; content: ''; border: 4px solid transparent; border-top-color: #999; }
.data-sort.descending::after { border-top-color: #000; }
/*记录-->我的班级-->表格*/
.treeNav td { border: 0; }
.treeDrop td { border-bottom: 0; }
/*记录-->我的班级-->使用指南弹窗*/
.box-wrapper .bclose { position: absolute; top: 2px; right: 0px; height: 16px; width: 16px; float: right; margin: 10px; background: url(images/root/icon-20210712.png) -585px -25px no-repeat; border: none; cursor: pointer; }
.pic-title { position: relative; font-size: 16px; font-weight: 700; margin: 50px 0; text-align: left; }
.pic-title::before { position: absolute; content: ""; width: 205px; height: 4px; background: #ff8a00; bottom: -8px; }
.step-imgBox { padding: 0 43px; }
.step-imgBox i { display: inline-block; margin-right: 10px; width: 25px; height: 25px; line-height: 25px; background: #2489f6; border-radius: 50%; font-style: normal; color: #fff; }
.imgBox-btn .btn { width: 642px; border-radius: 30px; font-size: 16px; height: 40px; line-height: 40px; }

/*细目表组卷*/
.detail-paper-nav { line-height: 60px; border-bottom: 1px solid #dadada; }
.detail-paper-nav > a { color: #666; border-bottom: 2px solid transparent; display: inline-block; padding: 0 20px; }
.detail-paper-nav > a.active { border-bottom-color: #2489f6; color: #2489f6; }
.detail-paper-nav > a.active i, .detail-paper-nav > a.visited i { background-position-y: -214px; }
.detail-paper-nav > a.visited { color: #2489f6; }
.detail-paper-nav > a i { margin-right: 10px; }
.detail-paper-nav > i { margin: 0 40px; }
.detail-paper-content .list-box { padding: 0; }
.dpc-items .item { border-bottom: 1px dashed #dadada; text-align: left; padding: 20px 0; }
.dpc-items .item:last-child { border-bottom: none; }
.dpc-items .item-l, .dpc-items .item-r { display: inline-block; }
.dpc-items .item-l { }
.dpc-items .item-r { color: #666; width: 1095px; }
.dpc-items .item-r .mb10 label { margin-right: 20px; margin-bottom: 10px; display: inline-block; }
.dpc-items .item-inner { margin-bottom: 10px; }
.dpc-items .item-inner > div { display: inline-block; vertical-align: top; }
.dpc-items .item-innerL { }
.dpc-items .item-innerR { max-width: 970px; }
.dpc-items .item-innerR label { margin-right: 40px; margin-bottom: 5px; display: inline-block; }
.dpc-items .ques-point span { float: left; }
.dpc-items2 .item { border-bottom: none; padding-bottom: 0; }

/*专题资源*/
.div-resource ul li { border: 1px solid #eaeaea; padding: 20px; border-radius: 10px; box-sizing: border-box; margin-bottom: 15px; line-height: 30px; }
.div-resource ul li > img { vertical-align: middle; }
.div-resource ul li > a { vertical-align: middle; display: inline-block; }
.div-resource ul li > div { display: inline-block; vertical-align: middle; margin-left: 40px; }

/*****************************新手指引*************************************/
.activeZindex { z-index: 999; position: relative; }
div.guide-box-1 { display: block; }
.guide-box { position: absolute; z-index: 999; display: none; }
.guide-box img.guide-arrow { margin: 10px auto; float: none; display: block; position: relative; left: 26px; }
.guide-cont { width: 400px; background-color: #fff; border-radius: 10px; padding: 40px 20px 20px 20px; box-sizing: border-box; position: relative; color: #666; text-align: left; line-height: 26px; }
.guide-cont .guid-tlt { width: 200px; height: 40px; line-height: 40px; position: absolute; top: -20px; left: 0; text-align: center; font-size: 16px; background: url(images/root/guide-title.png) no-repeat; color: #fff; }
.guide-txt .tright { margin-top: 40px; }
.guide-txt .tright .c999 { color: #999; }
.guide-txt .tright a { margin: 0 20px; color: #2489f6; text-decoration: none; }
/*****************************************************************************************/

/*我的答题卡--》答题卡整体布局*/
.card-area { width: 711px; margin: auto; padding: 0 16px; }
.card-tit { text-align: center; font-size: 24px; font-weight: bold; color: #000; margin: 30px 0; }
.card-info .box1 { float: left; margin-right: 8px; width: 100px; border: 2px solid #66ccff; color: #000; }
.card-left .tit { height: 42px; line-height: 42px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #66ccff; }
.card-info .box1 label { display: block; height: 44px; line-height: 44px; }
.card-info .box2 { width: 116px; height: 87px; float: left; border: 2px solid #66ccff; padding: 0 20px; color: #000; }
.card-info .box2 > div { margin-top: 5px; }
.card-info .box2 i { width: 32px; height: 12px; line-height: 12px; text-align: center; }
.card-info .box2 i.black { display: block; background: #000; }
.card-info .box2 i.white { display: inline-block; border: 1px solid #66ccff; }
.card-info .box3 { position: relative; margin-top: 8px; padding: 6px 20px; width: 340px; line-height: 24px; font-weight: bold; border: 2px solid #66ccff; color: #000; }
.card-info .box3 img { position: absolute; right: 20px; bottom: 10px; }
.card-num { margin-left: 7px; border: 2px solid #66ccff; width: 269px; }
.num-row { float: left; width: 30px; text-align: center; border-right: 1px solid #66ccff; color: #66ccff; }
.num-row:nth-child(even) { background: #d1f0ff; }
.num-row:last-child { border-right: 0; }
.num-row label { display: block; font-size: 12px; line-height: 17px; }
.num-row label:first-child { border-bottom: 1px solid #66ccff; background: #fff; }

.id-number { border-collapse: collapse; font-size: 12px; width: 269px; text-align: center; }
.id-number tr { height: 17px; }
.id-number th { border: 1px solid #66ccff; height: 17px; border-top: none; border-left: none; }
.id-number th:last-child { border-right: none; }
.id-number td { color: #66ccff; background: #fff; line-height: 17px; }
.id-number td > div { width: 19px; line-height: 9px; display: inline-block; }
.id-number td.bg-d1f0ff { background: #d1f0ff; border-left: 1px solid #66ccff; border-right: 1px solid #66ccff; }

.card-line { margin: 8px 0; }
.card-line em { float: left; height: 3px; background: #000; }
.s-line { width: 32px; }
.l-line { margin: 0 8px; width: 584px; }
.card-opt { padding-bottom: 2px; padding-left: 7px; width: 653px; border: 2px solid #66ccff; font-size: 12px; color: #66ccff; }
.card-opt .single { width: 163px; }
.card-opt .multi { width: 326px; }
.card-area .icons { display: inline-block; vertical-align: middle; width: 3px; height: 9px; margin: 0; background: url(images/root/icon-20210712.png) no-repeat; }
.card-area .icons.i-card { background-position: -551px -24px; }
.card-area .icons.i-card-l { background-position: -607px -29px; }
.card-area .icons.i-card-r { background-position: -613px -29px; }
.card-area span { width: 13px; display: inline-block; text-align: center; vertical-align: middle; }
.card-item { float: left; padding-top: 11px; padding-bottom: 7px; font-size: 0; line-height: 15px; }
.card-item .item em { display: inline-block; color: #000; width: 20px; margin-right: 7px; text-align: center; }
.card-item .item label { margin-right: 9px; }
.bg-repeat { background: url(images/root/card/card-bg-repeat.png) repeat-y; width: 12px; height: 13px; }
.card-right { position: relative; margin-left: 23px; margin-top: 30px; }
.card-right img { position: absolute; top: 50px; right: -12px; background: #fff; }
/*我的答题卡--》添加选项右侧布局*/
.card-set { border-left: 1px solid #ededed; }
.card-set .add:hover { background: transparent; color: #4a9efa; }
.add-select { border-top: 1px solid #ededed; margin-top: 15px; }
.select-operate a { line-height: 30px; cursor: pointer; }
.sub-num { float: left; margin-right: 8px; padding: 0 5px; min-width: 48px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #dadada; border-radius: 5px; }
.select-value { border: 1px dashed #dadada; margin-top: 16px; padding: 8px 20px; }
.circle { display: inline-block; width: 24px; height: 24px; line-height: 24px; border-radius: 50%; border: 1px solid #2489f6; color: #2489f6; text-align: center; }
.square { border-radius: 0; }
.circle.active { background: #2489f6; color: #fff; }
.select-value a { margin-right: 8px; }
/*我的答题卡--》答题卡详情*/
.ans-table td { height: 36px; text-align: center; }
.ans-count { margin: 15px 0; border: 1px solid #ededed; }
.ans-count table { width: 100%; }
.ans-count table th { width: 25%; color: #ff8a00; font-size: 24px; font-weight: normal; }
.ans-count table td { padding-top: 10px; color: #999; }
.ans-details dl { display: inline-block; padding: 10px 15px; margin-top: 20px; margin-right: 20px; width: 310px; border: 1px solid #ededed; }
.ans-details dl:nth-child(3n) { margin-right: 0; }
.ans-details dd em { display: inline-block; text-align: center; border: 1px solid #ededed; color: #666; border-radius: 2px; padding: 0 15px; }
.ans-details dd em.active { background: #2489f6; color: #fff; border: 1px solid #2489f6; }
/*我的答题卡--》答题卡简介弹窗*/
.box-explain { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 17; background: rgba(170,170,170,0.4); }
.box-explain .con { position: relative; margin: auto; width: 1200px; height: 100%; }
.box-explain .trans { position: absolute; top: 371px; right: 109px; z-index: 1055; }
.box-explain .guide { position: absolute; top: 370px; right: 213px; z-index: 1055; }
.box-explain .overlay { padding: 30px; width: 840px; background: #fff; border-radius: 20px; position: absolute; top: 443px; right: 261px; z-index: 1055; }
.box-explain .mv { margin: 48px 0; }
.box-explain .pic dl { display: inline-block; padding: 0 58px; }
.box-explain .pic dd { margin-top: 10px; }
.box-explain .pic i { display: inline-block; margin-right: 10px; width: 18px; height: 18px; line-height: 18px; background: #60A6EF; border-radius: 50%; font-style: normal; color: #fff; }
.box-explain .w-btn .btn { width: 709px; border-radius: 30px; }
/*我的答题卡--》学生名册列表*/
.roster .list { padding: 15px; margin: 0 15px 15px 0; width: 170px; border: 1px dashed #dadada; border-radius: 2px; float: left; text-align: left; color: #666; }
.roster .group { padding: 39px 0; }
.ques-type a { margin-right: 5px; color: #666; height: 20px; line-height: 20px; padding: 0px 6px; display: inline-block; border-radius: 4px; cursor: pointer; }
.ques-type a.cur, .ques-type a:hover { background: #2489f6; color: #fff; }
.batch-add ul li { line-height: 30px; }

/*答题卡20210728*/
.id-number dl { float: left; width: 29px; border-right: 1px solid #66ccff; }
.id-number dl.last { border: 0; }
.id-number dl.bd1f0ff { background-color: #d1f0ff; }
.id-number dt { height: 17px; border-bottom: 1px solid #66ccff; background-color: #fff; }
.id-number dd { height: 17px; line-height: 17px; color: #66ccff; }
.id-blank { display: inline-block; margin: 52px auto 0; width: 24px; font-size: 14px; font-weight: bold; line-height: 16px; }

/*组卷圈20210414*/
.num-tip { display: inline-block; font-size: 12px; background-color: red; color: #fff; line-height: 20px; padding: 0px 6px; border-radius: 12px; margin-left: 5px; }
.kw-search { width: 100%; height: 30px; text-align: left; line-height: 26px; position: relative; }
.kw-search input[type=text] { float: left; border: 1px solid #ccc; border-radius: 15px; width: 100%; height: 30px; padding: 0 30px 0 15px; }
.kw-search img { margin: 5px 0 0 -30px; cursor: pointer; }
.img-mp-user { width: 48px; height: 48px; border-radius: 50%; }
.img-mp-user-32 { width: 32px; height: 32px; border-radius: 50%; }
.img-mp-user-72 { width: 72px; height: 72px; border-radius: 50%; }
.pm-tlt { line-height: 60px; }
.pm-list-270 li { border-top: 1px solid #ededed; padding: 10px 15px 5px; }
.pm-list-info { text-align: left; margin-left: 65px; }
.pm-list-info span { display: inline-block; max-width: 100px; white-space: nowrap; overflow: hidden; vertical-align: middle; text-overflow: ellipsis; }
.pm-list-more li { float: left; width: 370px; height: 250px; background: url(images/root/bg-pm-more.jpg) no-repeat; box-sizing: border-box; padding: 15px; margin-right: 25px; margin-bottom: 20px; }
.pm-list-more li:nth-child(3n) { margin-right: 0; }
.pm-list-tit { padding-right: 20px; width: 350px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.pm-teacher-info { }
.pm-teacher-info-num { display: inline-block; vertical-align: middle; margin-right: 40px; }
.pm-teacher-info-num > div { display: inline-block; }
.pm-teacher-info-num .middle { border-left: 1px solid #ededed; border-right: 1px solid #ededed; padding: 0 20px; margin: 0 20px; }
.cff8a00-border { display: inline-block; border: 1px solid #ff8a00; color: #ff8a00; padding: 0px 4px; border-radius: 4px; }
.pm-line { display: inline-block; vertical-align: middle; height: 64px; width: 1px; background-color: #ededed; }
.pm-tag { display: inline-block; color: #666; background-color: #ededed; padding: 0 8px; margin: 0 5px 3px 0; border-radius: 3px; font-size: 12px; cursor: pointer; }
.pm-tag.active { background-color: #999; color: #fff; }
/*组卷圈弹窗*/
.open-pm {width: 700px;border-radius: 10px;position: fixed;min-height: 300px;top: 50%;left: 50%;z-index: 9;background-color: #fff;margin-left: -350px;margin-top: -150px;}
.open-pm-tlt { width: 700px; height: 68px; background: url(images/root/bg-open-pm-tlt.png) no-repeat; position: relative; line-height: 68px; text-align: left; padding-left: 120px; box-sizing: border-box; }
.open-pm-tlt span { position: absolute; font-size: 32px; color: #fff; right: 10px; top: 5px; line-height: 32px; }
.open-pm2 {position: fixed;left: 50%;top: 50%;z-index: 10;background-color: #fff;width: 786px;background: url(images/root/bg-open-pm2.png) #fff left top no-repeat;border-radius: 10px;height: 500px;margin-left: -393px;margin-top: -250px;}
.open-pm2-tlt { padding: 30px 0; color: #fff; font-size: 20px; }
.open-pm2-tlt span{ vertical-align: text-top;}
.open-pm2-list { /* padding: 15px; */ }
.open-pm2-list li {width: 370px;height: 93px;display: inline-block;box-shadow: 1px 2px 10px 0 rgba(0,0,0,0.14);border: 1px solid #ededed;text-align: left;padding: 15px;box-sizing: border-box;background: #fff;margin: 7px;overflow: hidden;}
.open-pm2-list li > div {width: 270px;vertical-align: top;}
.pm-ipt { display: inline-block; padding: 3px 5px; border: 1px solid #dadada; border-radius: 5px; }
.pm-ipt input[type=text] { width: 140px; border: none; height: 20px; line-height: 20px; }
/*临时弹窗(组卷圈)*/
.open-pm-start {position: absolute;left: 50%;top: 50%;width: 380px;height: 342px;background: url(images/root/bg-open-pm-start.png) no-repeat;z-index: 10;box-sizing: border-box;padding-top: 240px;color: #fff;margin-left: -190px;margin-top: 171px;}
.open-pm-start span { width: 140px; line-height: 36px; background: linear-gradient(#ff8a00,#ff7300); display: inline-block; border-radius: 18px; cursor: pointer; }
.open-pm-new{position:fixed;left:50%;top:60%;z-index:10;box-sizing:border-box;width:400px;height:408px;background:url(images/root/bg-open-pm-new.png)no-repeat;padding-top:360px;margin-left:-288px;margin-top:-309px;}
.open-pm-new .su-btn {width:140px;line-height:36px;background:linear-gradient(#ff9d14,#ffb345);display:inline-block;border-radius:18px;cursor:pointer;color:#fff;}
.open-pm-new .close { border: 2px solid #fff; border-radius: 50%; color: #fff; font-size: 26px; width: 28px; height: 28px; position: absolute; right: -35px; top: -20px; }
/*图片找题*/
.picker-upload { margin-top: 3px; float: left; }
.picker-region { display: none; position: absolute; width: 470px; top: 40px; left: 0; background: #f6faff; border: 1px solid #ededed; z-index: 99; }
.pic-wrap { display: flex; margin: auto; border: 1px solid #ededed; height: 120px; width: 432px; background: #fff; border-radius: 3px; font-size: 12px; color: #999; justify-content: center; align-items: center; }
.header .search .pic-wrap img { max-width: 432px; max-height: 120px; float: inherit; margin: auto; cursor: zoom-in; }
.header .search .picker-tlt { line-height: 35px; text-align: center; position: relative; }
.header .search .picker-tlt img { float: inherit; margin: 10px 0 0 5px; }
.picker-close { position: absolute; right: 5px; top: 0; color: #999; }
.file-upload { position: absolute; left: 15px; width: 90px; opacity: 0; cursor: pointer; }
/*图片找题 --》图片放大*/
.enlarge-area{ position: absolute; top: 0; left: 0; z-index: 1031; width: 100%; padding-top: 100px; }
.enlarge-layout { max-width: 700px; display: inline-block; position: relative; background-color: #fff; border-radius: 5px; padding: 20px; }
.enlarge-layout a { position: absolute; right: 10px; top: 10px; }
/*特色专辑*/
.img-st-file { width: 90px; height: 120px; }
.paper-list .i-rectangle {display: inline-block; padding-left: 5px; padding-right: 5px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; border-radius: 3px; font-style: normal; }
i.paper-type-blue { background-color: #deedfe; color: #2489f6; }
i.paper-type-yellow { background-color: #fcefd0; color: #dd8d2e; }
i.paper-type-red { background-color: #fde4e4; color: #ff0000; }
/*个人中心-积分任务*/
.growth-list li { margin-bottom: 15px; margin-right: 15px; display: inline-block; width: 223px; border-radius: 5px; border: 1px solid #ededed; vertical-align: middle; text-align: center; }
.growth-list li:nth-child(4n) { margin-right: 0; }
.growth-list li.task-more { border: 0; padding: 50px 0; }