@charset "utf-8";

/*去除谷歌浏览器中的input背景色默认是黄色*/
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }
body { width: 100%;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 !important; }
.c666 { color: #666666; }
.c999 { color: #999999; }
.cfff { color: #ffffff; }
.c4a9efa { color: #4a9efa; }
.c008afb { color: #ef1c26; }
.c2aa45e{ color: #2aa45e;}
/*字体大小*/
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f24 { font-size: 24px !important; }
.tunderline { text-decoration: underline; }
.through { text-decoration: line-through; }
.fbold { font-weight: bold; }
/*蓝*/
.c2489f6 { color: #2489f6 !important; }
/*蓝*/
.c1579e5 { color: #1579e5; }
/*橙*/
.cff8a00 { color: #ff8a00; }
/*黄*/
.cfff0bb { color: #fff0bb; }
/*红*/
.cf94135 { color: #f94135 !important; }
/*绿*/
.c33cc99 { color: #33cc99; }
/*背景颜色*/
.bg-ededed { background-color: #ededed; }
.bg-dadada { background-color: #dadada; }
.bg-f6faff { background-color: #f6faff; }
.bg-f4f4f4 { background-color: #f4f4f4; }
.bg-f5f5f5 { background-color: #f5f5f5; }
.bg-eaf4fd { background-color: #eaf4fd; }
/*橙*/
.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; }
.vb30 { margin-bottom: 30px; }
.vb40 { margin-bottom: 40px; }
.v10 { margin-top: 10px; margin-bottom: 10px; }
.v15 { margin-top: 15px; margin-bottom: 15px; }
.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; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.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; }
.pt30 { padding-top: 30px; }
.pt100 { padding-top: 100px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb80 { padding-bottom: 80px; }
.pb100 { padding-bottom: 100px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl40 { padding-left: 40px; }
.pl100 { padding-left: 100px; }
.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; }
.pm30 { padding-left: 30px; padding-right: 30px; }
/*对齐*/
.tleft { text-align: left; }
.tright { text-align: right; }
.tcenter { text-align: center !important; }
.vm { vertical-align: middle !important; }
.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 { background-color: #f6faff; margin-bottom: 15px; }
.border-grey { border: 1px solid #dadada; border-radius: 5px; }
.bradius5 { border-radius: 5px; }
.bradius10 { border-radius: 10px; }
.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 #ef1c26; text-align: left; padding-left: 10px; }
.iblock { display: inline-block; }
.dblock { display: block; }
.lh24 { line-height: 24px; }
.lh30{ line-height: 30px;}
/*段落空两字*/
.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: #ef1c26; }
.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-red { color: #ffffff; background-color: #f94135; }
.btn-red:focus, .btn-red.focus, .btn-red:hover, .btn-red:active, .btn-red.active, .btn-red:active:hover, .btn-red.active:hover, .btn-red:active:focus, .btn-red.active:focus, .btn-red:active.focus, .btn-red.active.focus { color: #ffffff; background-color: #fa5449; }
/*蓝色空心按钮*/
.btn-empty { color: #ef1c26; background-color: #fff; border-color: #ef1c26; }
/*按钮固定大小*/
.btn-fix-lg { height: 36px; line-height: 36px; width: 240px; }
.btn-fix-sm { height: 36px; line-height: 36px; width: 112px; }
/*按钮大小*/
.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.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); }
/*switch按钮*/
.btn-switch { display: inline-block; vertical-align: middle; width: 32px; }
.btn-switch .switch { display: none; }
.btn-switch label { position: relative; display: block; border-radius: 30px; height: 16px; cursor: pointer; }
.btn-switch label:before { content: ''; display: block; border-radius: 30px; height: 16px; background-color: #d1d1d1; -webkit-transition: all 0.3s ease; }
.btn-switch label:after { content: ''; position: absolute; top: 50%; left: 50%; margin-top: -6px; margin-left: -15px; width: 12px; height: 12px; border-radius: 50%; background-color: #fff; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .2); -webkit-transform: translateX(1px); -webkit-transition: all 0.3s ease; }
.btn-switch .switch:checked ~ label:after { -webkit-transform: translateX(17px); }
.btn-switch .switch:checked ~ label:before { background-color: #ef1c26; }
/*icon图标*/
.home-icon { display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url(../image/home-icon-20231229.png) no-repeat; }
i.i-icon-20 { width: 20px; height: 20px; }
i.i-icon-24 { width: 24px; height: 24px; }
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-paper-enter { background-position: -518px 0; }
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-01-42{background-position: -895px 0;}
i.i-01-43{background-position: -917px 0;}
i.i-01-44{background-position: -938px 0;}
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, .icon.i-up-blue, .icon.i-down-blue { width: 8px; height: 12px; margin-left: 3px; }
i.i-up { background-position: -427px -26px; }
i.i-down { background-position: -445px -26px; }
i.i-up-blue { background-position: -658px -24px; }
i.i-down-blue { background-position: -671px -24px; }
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: -434px -93px; }
i.iwhite-06 { background-position: -465px -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: -403px -144px; }
i.iblue-05 { background-position: -93px -144px; }
i.iblue-06 { background-position: -158px -144px; }
i.iblue-07 { background-position: -496px -144px; }
i.iblue-08 { background-position: -527px -144px; }
i.iblue-09 { background-position: -124px -144px; }
i.iblue-10 { background-position: -93px -144px; }
i.iblue-11 { background-position: -155px -144px; }
i.iblue-12 { background-position: -186px -144px; }
i.iblue-13 { background-position: -217px -144px; }
i.iblue-14 { background-position: -248px -144px; }
i.iblue-15 { background-position: -279px -144px; }
i.iblue-16 { background-position: -310px -144px; }
i.iblue-17 { background-position: -342px -144px; }
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-recode-menu17 { background-position: -714px -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 { background-position: -405px -285px; width: 26px; height: 30px; }
i.i-trophy { background-position: -441px -285px; width: 26px; height: 30px; }
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-keyboard { background-position: 0 -126px; }
i.i-keyboard-1 { background-position: -87px -480px; width: 24px; height: 20px; }
i.i-camera { background-position: -24px -126px; }
i.i-camera-1 { background-position: -29px -480px; width: 24px; height: 20px; }
i.i-hot { background-position: -116px -480px; width: 16px; height: 16px; }
i.i-history1 { background-position: -137px -480px; width: 16px; height: 16px; }
i.i-rem { background-position: -202px -180px; width: 16px; height: 16px; }/* -160px -56px */
i.i-fork { background-position: -158px -480px; width: 8px; height: 8px; }
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; }
i.i-work { background-position: -547px -285px; width: 22px; height: 26px; }
i.i-feature-rank1 { background-position: 0 -405px; }
i.i-feature-rank2 { background-position: -23px -405px; }
i.i-feature-rank3 { background-position: -46px -405px; }
i.i-formula { background-position: -579px -285px; }
i.i-basket-toggle { background-position: -45px -435px; width: 40px; height: 40px; }
i.i-records { background-position: -684px -25px; width: 18px; height: 18px; }
i.i-video-full { background-position: -748px 0; }
i.i-card-full { background-position: -769px 0; }
i.i-ques { background-position: -599px -214px; }
i.i-eval { background-position: -615px -214px; }
i.i-coursewar { background-position: -631px -214px; }
i.i-mp-paper { background-position: 0 -559px; width: 64px; height: 64px; }
i.i-user-id01 { background-position: 0 -628px; width: 240px; height: 110px; margin: 0; }
i.i-user-id02 { background-position: -245px -628px; width: 240px; height: 110px; margin: 0; }
i.i-up-white { background-position: -136px -435px; width: 38px; height: 38px; }
i.i-star-nor { background-position: -875px 0; }
i.i-star-sel { background-position: -854px 0; }
i.i-record-ds-01{background-position:0 -743px ;}
i.i-record-ds-02{background-position:-53px -743px ;}
i.i-record-ds-03{background-position:-106px -743px ;}
i.i-record-ds-04{background-position:-159px -743px ;}
i.i-gou{background-position:-311px -230px ;}
i.i-gouradius{width: 48px;height: 48px; background-position:-167px -348px ;}
.i-add-30{width: 30px;height: 30px;border-radius: 50%;font-style: normal;cursor: pointer;color: #fff;background-color: #ef1c26;text-align: center;line-height: 25px;font-size: 24px;display: inline-block;}
.i-add-48{width: 48px;height: 48px;border-radius: 50%;font-style: normal;cursor: pointer;color: #999;background-color: #f5f5f5;text-align: center;line-height: 42px;font-size: 36px;display: inline-block;}
i.i-caret { background-position: -16px -218px; }
i.i-paper-upload { background-position: -32px -218px; }
i.i-drop { background-position: -48px -218px; }
i.i-xyh { background-position: -64px -218px; }
i.i-recommend { background-position: -128px 0; }
i.i-records-s { background-position: -144px 0; }
i.i-mind { background-position: -20px -198px; }
i.i-bank { background-position: 0 -198px; }
i.i-focus-01 { background-position: 0 -174px; }
i.i-focus-02 { background-position: -24px -174px; }
i.i-focus-03 { background-position: -48px -174px; }
i.i-focus-04 { background-position: -72px -174px; }
i.i-focus-05 { background-position: -96px -174px; }
i.i-fast-01 { background-position: -192px -174px; }
i.i-fast-02 { background-position: -216px -174px; }
i.i-fast-03 { background-position: -240px -174px; }
i.i-book { background-position: -112px -218px; }
i.i-arrow-right { background-position: 0 -218px; }
i.i-message { background-position: -128px -218px; }
i.i-identity-xyh { background-position: -144px -218px; }
/*页头*/
.top { width: 100%; min-width: 1200px; height: 52px; line-height: 48px; box-shadow: 0 1px 12px 0 rgba(0, 58, 129, 0.08); background-color: #fff; }
.top .logo { line-height: 52px; }
.top .user { position: relative; display: inline-block; margin-left: 40px; }
.top .user a { display: block; line-height: 50px; color: #333; }
.top .user a:hover { color: #4a9efa; }
.top .user:hover .popover { visibility: visible; opacity: 1; }
.top .user .popover a { width: 70px; line-height: 32px; }
.top .map .popover { left: -10px; top: 65px;  }
.top .map .popover a:hover { background-color: #e5f3ff; border-radius: 4px; transition: all 0.3s; color: #ef1c26; }
.top .map .popover::after { left: 35px; top: -10px; }
.top .apply .popover { left: -195px; top: 65px; width: 300px; padding: 25px; box-sizing: border-box; }
.top .apply .popover::after { right: 35px; top: -10px; }
.top .apply .focus { padding: 0 20px; background-color: #ebf6ff; border-radius: 8px; }
.top .apply .focus button { margin: 11px 0; }
.top .apply .focus-ul li a { display: block; width: 100px; line-height: 45px; }
.top .user a.profile-drop { position: relative; display: inline-block; vertical-align: middle; padding: 3px 10px; margin: 6px 0; line-height: normal; border-radius: 10px; background-color: #e5f3ff; }
.top .user a.profile-drop img { width: 30px; height: 30px; border-radius: 50%; }
.top .user a.profile-drop .i-identity-xyh { position: absolute; top: 19px; right: 29px; }
.top .profile .popover { right: 0; top: 55px; width: 310px; padding: 0; }
.top .profile .popover::after { visibility: hidden; }
.top .profile-hd { padding: 20px 25px; background: url(images/root/top-user-bg.png) no-repeat 115% 15%, linear-gradient(#c1defe, #d5e9ff); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#c1defe, endColorstr=#d5e9ff); line-height: normal; border-radius: 8px 8px 0 0; }
.top .profile-hd img { width: 40px; height: 40px; border-radius: 50%; }
.top .profile-name input { margin-top: -3px; margin-right: 5px; }
.top .profile-name p { display: inline-block; vertical-align: middle; max-width: 164px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.top .user .popover .profile-name a { display: inline-block; width: 185px; }
.top .user .popover .profile-info a { float: right; color: #ef1c26; width: auto; line-height: normal; }
.top .profile-fast { position: relative; padding-top: 5px; margin-top: 15px; background: url(images/root/top-user-icon.png) no-repeat 240px -3px, linear-gradient(225deg, transparent 11px, #fff 0); border-radius: 4px; box-shadow: -1px 1px 2px 0 rgba(0, 67, 162, 0.05); text-align: center; }
.top .profile-fast a { display: inline-block; width: 33.33%; }
.top .profile-bd { margin: 15px 25px 0; border-bottom: 1px solid #d9d9d9; line-height: 24px; }
.top .user .profile-fd a { display: inline-block; width: 100%; color: #f93b3b; line-height: 52px; }
/*页脚*/
.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: 630px; height: 80px; margin: 0 auto; }
/*header*/
.header { padding: 20px 0; }
.header .logo { width: 212px; height: 30px; float: left; margin-top: 15px; }
.header .logo a { display: block; width: 100%; height: 100%; position: relative; z-index: 0; }
.header .logo a:hover > .pic { opacity: 1; }
.header .logo a img { display: block; width: 100%; position: relative; z-index: 200; }
.header .logo .pic { display: inline-block; width: 280px; height: 120px; position: absolute; top: -70px; left: -12px; z-index: 1; background: url(images/root/header-collect.png) no-repeat; pointer-events: none; opacity: 0; transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease-in; }
.header .service { float: left; margin-top: 8px; }
.header .service .icon, .header .header-Qr .icon { width: 28px; height: 28px; margin-right: 5px; }
.header .service > div { position: relative; float: left; margin-right: 20px; cursor: pointer; text-align: center; }
.header .service:last-child > div { margin-right: 0; }
.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: -130px; top: 60px; width: 270px; margin-right: 0; }
.header .service .tip-pop .angle { left: 145px; top: -20px; }
.header-Qr { float: left; position: relative; }
.header-Qr img { width: 100px; height: 100px; }
/*菜单导航条*/
.nav-menu { width: 100%; min-width: 1200px; height: 48px; line-height: 48px; background-color: #ef1c26; }
.nav-box-show { position: fixed; z-index: 13; width: 100%; left: 0px; top: 0px; }
.nav-box-show-right { position: fixed; z-index: 13; width: 100%; top: 50px; }
.nav-left { background-color: #007ce1; float: left; width: 200px; height: 48px; position: relative; color: #fff; }
.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: 48px; 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: 48px; }
.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: 48px; 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: 12px; height: 16px; background-position: 0 -24px; 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; height: 48px; }
.nav-ul > li.sub-navs::after { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-color: transparent #fff #fff transparent; border-width: 4px; color: #fff; position: absolute; bottom: 10px; right: 5px; z-index: 1; }
.nav-ul > li.active > a { background-color: #40a7fc; font-weight: bold; }
.nav-ul > li > a { color: #fff; font-size: 16px; display: inline-block; padding: 0 15px; text-align: center; }
.nav-ul > li:hover ul { display: block; }
.nav-ul > li ul { position: absolute; z-index: 9; background-color: #2489f6; width: 100%; left: 0; top: 48px; 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; height: 48px; color: #ffffff; position: relative; text-align: left; }
.nav-menu .nav-right .nr-login { color: #fff; margin-left: 20px; cursor: pointer; }
.nav-menu .nav-right.nav-right-resource { background-color: transparent; }
.nav-menu .nav-right.nav-right-resource a { color: #fff; }
.nav-menu .nav-right.nav-right-resource a:hover i { background-position-y: -230px; }
.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: 72px; 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; }
/*搜索栏*/
.search { position: relative; width: 732px;  height: 48px; margin: 4px 35px 0 35px; background-color: #fff; border-radius: 8px; border: 1px solid #ef1c26; float: left; text-align: left; line-height: 26px; }
.search .sleft { display: inline-block; vertical-align: middle; margin: 8px 10px; padding-right: 10px; border-right: 1px solid #b4c7e1; }
.search .sleft-active { display: inline-block; width: 72px; height: 32px; line-height: 32px; background-color: #e5effe; border-radius: 6px; }
.search .sleft:hover .popover { visibility: visible; opacity: 1; }
.search .sleft .popover { left: 0; top: 50px; }
.search label { cursor: pointer; position: relative; display: block; padding-left: 10px; box-sizing: border-box; width: 72px; line-height: 32px; }
.search label:hover, .search label.active { color: #999; }
.search label input[type="radio"] { width: 30px; height: 30px; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }
.search input[type="text"] { display: inline-block; border: none;  width: 468px; height: 40px; }
.search input[type=submit] { float: left; margin-left: 78px; border: none; height: 38px; border-radius: 8px; width: 70px; cursor: pointer; background: url(../image/header-search-icon.png) no-repeat center #ef1c26; text-indent: 9999px; }
.search label input[type="radio"] { width: 30px; height: 30px; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }
/*搜索栏==》试题推荐*/
.search .search-hid { display: none; text-align: left; position: absolute; width: 100%; top: calc(100% + 1px); left: 0px; background: #ffffff; z-index: 99; border-radius: 6px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); }
.search .hot-topic a { display: inline-block; padding: 16px 0 0 16px; max-width: 240px; overflow : hidden; text-overflow: ellipsis; white-space: nowrap; }
.search .search-item a { position: relative; display: inline-block; width: 100%; line-height: 35px; }
.search .search-item a:hover { background-color: #eaf4fd; color: #ef1c26; }
.search .search-item p { padding: 0 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.search .search-item a:hover p { color: #ef1c26; }
.search .search-item .w700 { max-width: 700px; }
.search .search-item .w680 { max-width: 680px; }
.search .search-item .i-fork { position: absolute; right: 10px; top: 15px; }
/*结构*/
.content { width: 100%; min-width: 1200px; background-color: #F7F8FB; 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; }
.right-box-show { position: fixed; top: 52px; z-index: 15; }
.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-bottom: 10px; font-size: 12px; }
.bread > a { color: #666666; }
.bread > a.active { color: #ef1c26; }
.point-tree { position: relative; }
/*试题页>目录树*/
.tree { padding: 20px; overflow-y: auto; overflow-x: hidden; text-align: left; box-sizing: border-box; }
.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; white-space: nowrap; position: relative; max-width: 100%; }
.treeview a { height: 20px; line-height: 20px; 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: #ef1c26; }
.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 #ef1c26; 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; }
.tree-head.point-head { padding-left: 0; border-bottom: 1px solid #d9d9d9; }
.tree-head .tree-head-nav { display: inline-block; width: 49%; text-align: center; margin-right: 0px; cursor: pointer; color: #666; }
.tree-head .tree-head-nav.active { border-bottom: 2px solid #ef1c26; color: #ef1c26; }
.slt-more { text-align: left; width: 248px; margin-left: 10px; }
.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: 3px; 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: #ef1c26; 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; }
/*智能组卷*/
.znzj-ques-point{max-width: 100%;height: 70px;overflow-y: auto;text-align: left;}
.znzj-stph { float: left; margin-right: 20px; margin-bottom: 20px; width: 220px; height: 180px; border-radius: 10px; box-sizing: border-box; padding: 15px; overflow: hidden; box-shadow: 0 0 5px 0 rgba(218,218,218,0.9); position: relative; }
.znzj-stph .unselected { display: none; }
.znzj-stph.active .unselected { display: block; }
.znzj-stph.active,.znzj-stph:hover{box-shadow: 0 0 5px 0 rgba(0,138,251,0.5);background-color: #F5F9FF;}
.znzj-stph.active{ background: url(images/root/bg-znzj.png) left top #F5F9FF no-repeat;}
.znzj-stph .num{float: left;width: 48px;overflow: hidden;color: #ef1c26;text-align: left;}
.znzj-stph .tlt{width: 108px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left;font-weight: bold;}
.znzj-stph .sel-ques{overflow-y: auto;height: 93px;margin-bottom: 10px;}
.znzj-stph .sel-ques span{float: left;margin-bottom: 10px;width: 83px;overflow: hidden;margin-right: 5px;line-height: 22px;}
.znzj-stph .sel-ques span:nth-child(2n){margin-right: 0;}
.znzj-stph .sel-ques em{font-style: normal;display: inline-block;width: 57px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;}
.znzj-stph .i-delete{display: none;}
.znzj-stph:hover .i-delete{cursor: pointer; display: block;float: right;margin-top: 3px;}
.znzj-stph .i-gouradius{ position: absolute; right: 0; bottom: 0;}
/*鼠标移入提示框*/
.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: #ef1c26; 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: #ef1c26; color: #fff; }
.tip-pop dd a:hover { background-color: #ef1c26; color: #fff; }
.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; }
/*鼠标移入提示框>黑色透明*/
.tip-pop-black { border-radius: 5px; padding: 10px 15px; position: absolute; left: -15px; top: -70px; width: 190px; background-color: rgba(0, 0, 0, .6); color: #fff; z-index: 16; visibility: hidden; opacity: 0; transition: all .2s ease-out .1s; -webkit-transition: all .2s ease-out .1s; }
.tip-pop-black .angle { position: absolute; bottom: -16px; width: 0; height: 0; border: 10px solid transparent; }
.tip-pop-black .angle i { position: absolute; width: 0; height: 0; border: 8px solid transparent; border-top-color: rgba(0, 0, 0, .6); top: -6px; left: -8px; background-image: none; border-radius: 0; }
/*鼠标移入提示框>投影*/
.popover { visibility: hidden; opacity: 0; transition: all .2s ease-out .1s; position: absolute; z-index: 999; padding: 10px; background-color: #fff; box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.12); border-radius: 12px; }
.popover::after { position: absolute; content: ''; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; filter: drop-shadow(0 0 8px rgba(0, 0, 0, .12)); }
@-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 { background-color: #ffdede; color: #ff0000; }
i.paper-orange { background-color: #dcf0f1; color: #2489f6; }
i.paper-blue { background-color: #fee8cf; color: #ff8a00; }
i.paper-green { background-color: #d8faed; color: #2aa45e; }
.badge-red { background-color: #ff4646; color: #fff; }
/*小红点*/
.red-circle { display: inline-block; vertical-align: middle; width: 6px; height: 6px; background-color: #f14848; border-radius: 50%; }
/*cleft试卷信息*/
.paper-info { line-height: 24px; }
.paper-info .paper-head { 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; margin-right: 20px; }
.paper-cont .checkbox-list li { float: left; width: 114px; margin-bottom: 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: 10px; 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; }
.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; }


/*首页20230920*/
.home-bg { background-color: #fafbfc; }
.home-bg i.i-zujuan { background-position: 0 -18px; }
.home-bg i.i-shijuan { background-position: -64px -18px; }
.home-bg i.i-beike { background-position: -128px -18px; }
.home-bg i.i-api { background-position: -384px -18px; }
.home-bg i.i-ceping { background-position: -320px -18px; }
.home-bg i.i-zuoye { background-position: -256px -18px; }
.home-bg i.i-show { background-position: -192px -18px; }
.home-bg i.i-edit { background-position: -80px -218px; }
.home-bg i.i-more { background-position: -96px -218px; }
.home-bg i.i-avatar { background-position: 0 -234px; width: 100px; height: 100px; }
.home-bg i.i-arrow { background-position: -264px -174px; }
.home-bg i.i-my-collect { background-position: -192px -174px; }
.home-bg i.i-my-paper { background-position: -216px -174px; }
.home-bg i.i-my-down { background-position: -240px -174px; }
.home-bg i.i-chapter { background-position: -144px -174px; }
.home-bg i.i-subject { background-position: -120px -174px; }
.home-bg i.i-product { background-position: -168px -174px; }
.home-bg i.i-product-01 { background-position: 0 -334px; }
.home-bg i.i-product-02 { background-position: -270px -334px; }
.home-bg i.i-product-03 { background-position: -540px -334px; }
.home-bg i.i-product-04 { background-position: -810px -334px; }
.home-bg .empty img { width: 220px; height: 220px; border-radius: 0; }
.home-bg .empty p { margin-top: 10px; font-size: 16px; color: #5db6ff; }
.home-header { padding: 0; height: 430px; min-width: 1200px;
     background: url(../image/home-header-bg.png) 0px center no-repeat #ef1c26; background-position-x: 50%; 
     text-align: center;     
}
.home-logo img { margin: 80px 0 50px;}
.home-header .search { margin: auto; float: none; }
.home-update { display: inline-block; padding: 5px 15px; margin: 15px auto 65px; background-color: rgba(255, 255, 255, 0.15); border-radius: 4px; }
.home-update em { color: #ffcc00; }
.home-product a { display: inline-block; margin: 0 33px; }
.home-product i { width: 64px; height: 64px; }
.home-box { margin-top: 25px; padding: 25px; background-color: #fff; border-radius: 10px; box-sizing: border-box; }



.main_content_box .category_box {
    font-size: 14px;
    width: 726px;
    overflow: hidden;
    box-sizing: border-box;
    padding-right: 14px;
}
.min_banner_box .min_banner_pic:not(:last-child) {
    margin-bottom: 8px;
}
.min_banner_box .min_banner_pic {
    width: 342px;
    height: 129px;
    object-fit: cover;
    overflow: hidden;
}
.min_banner_box .min_banner_pic img {
    width: 342px;
    height: 129px;
}
input, img {
    vertical-align: middle;
}
.main_content_box{
    margin-top: 30px;
}
.main_content_box .list_box a {
    padding: 0 13px;
    white-space: nowrap;
}
.main_content_box .list_box {
    overflow: hidden;
    white-space: nowrap;
}
.main_content_box .category_box a {
    color: #93989F;
}
.main_content_box .category_box a.active {
    color: #ef1c26;
}

.main_content_box .news_box {
    padding: 25px 20px;
    height: 216px;
    overflow: hidden;
}
.main_content_box .news_box .li {
    width: 375px;
    height: 40px;
    border-bottom: 1px solid #E9ECEF;
    text-align: left;
}
.main_content_box .news_box .news_list_box a .li .line-1 {
    height: 20px;
}
.main_content_box .news_box .li strong {
    font-size: 14px;
    color: #30363D;
    font-weight: normal;
}
.main_content_box .news_box .li .date {
    flex-shrink: 0;
    margin-left: 28px;
    font-size: 12px;
    color: #676A6F;
}


.main_content_box .handle_box {
    font-size: 14px;
}

.main_content_box .handle_box .title_box {
    height: 40px;
    background: linear-gradient(57deg, #EDF6FF 0%, #E7F3FF 56%, #DFEFFF 100%);
    border-radius: 0 25px 3px 0;
    padding-left: 12px;
    font-size: 16px;
    font-weight: bold;
    color: #ef1c26;
}
.main_content_box .handle_box .centent_box {
    background-color: #fff;
    min-height: 277px;
}
.main_content_box .handle_box .icon_box {
    padding: 22px 0 25px;
}
.main_content_box .handle_box .icon_box .li {
    text-align: center;
    color: #30363D;
}
.main_content_box .handle_box .icon_box .li .icon {
    width: 44px;
}
.main_content_box .handle_box .category_list_box {
    padding: 35px 12px;
}
.main_content_box .handle_box .category_list_box a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 155px;
    height: 44px;
    margin-bottom: 8px;
    background: #F5F5FF;
}
.main_content_box .handle_box .category_list_box a strong {
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 5px;
}
.main_content_box .handle_box .category_list_box a:nth-child(2) {
    background: #F0F9FF;
}
.main_content_box .handle_box .category_list_box a:nth-child(3) {
    background: #FFFAF5;
}
.main_content_box .handle_box .category_list_box a:nth-child(4) {
    background: #F0FEFC;
}
.main_content_box .handle_box .category_list_box a:nth-child(5) {
    background: #F0F9FF;
}
.main_content_box .handle_box .category_list_box a:nth-child(6) {
    background: #F5F5FF;
}
.tabs_news_hot_box {
    margin-bottom: 13px;
    margin-top: 6px;
    font-size: 14px;
    height: 32px;
}

.tabs_news_hot_box .li.active {
    background: #EBF5FF;
    color: #ef1c26;
}
.main_content_box .handle_box .icon_box .li strong {
    display: block;
    margin-top: 12px;
    font-weight: normal;
}
.main_content_box .more_btn .icon {
    width: 16px;
    height: 16px;
}

.main_content_box .news_box .news_list_box a:last-child .li, .main_content_box .news_box .news_list_box a:nth-last-child(2) .li {
    border-bottom: 1px solid transparent;
}
.main_content_box .more_btn {
    padding: 0 5px 0 12px;
    height: 24px;
    border-radius: 12px;
    border: 1px solid #ACB2B9;
    color: #93989F;
    font-size: 13px;
    flex-shrink: 0;
}

.main_content_box .category_box a.active {
    color: #ef1c26;
}


/****      科目          **/
.questions_search_adv {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
    background: white;
    overflow: hidden;
}
.questions_search_adv img {
    width: 100%;
    vertical-align: top;
}

.do_exam_category_box.lastBox {
    margin-bottom: 80px;
}
.do_exam_category_box .category_list_box {
    background-color: #fff;
    margin-bottom: 8px;
    padding: 36px 36px 36px 30px;
    font-size: 14px;
    align-items: center;
}
.do_exam_category_box .category_list_box .parent_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.do_exam_category_box .category_list_box .parent_box .icon {
    width: 80px;
    margin-right: 20px;
    width: 26px;
    height: 26px;
    text-align: center;
    padding-bottom: 10px;
}
.do_exam_category_box .category_list_box .parent_box .icon img {
    width: 26px;
    height: 26px;
}
.do_exam_category_box .category_list_box .parent_box .htc {
    width: 80px;
    margin-right: 20px;
    line-height: 1.5em;
    font-size: 16px;
    color: #30363D;
    font-weight: bold;
    text-align: center;
}
.do_exam_category_box .category_list_box .list_box {
    padding-left: 20px;
    box-sizing: border-box;
    margin-top: -14px;
    margin-right: 25px;
    max-height: 92px;
    overflow: hidden;
}
.do_exam_category_box .category_list_box .list_box .min_title {
    font-weight: normal;
    padding: 0 25px;
    height: 32px;
    line-height: 30px;
    margin-right: 14px;
    margin-top: 14px;
    background: #ffeded57;
    border: 1px solid #ffeded;
    box-sizing: border-box;
}
.do_exam_category_box .category_list_box .more_btn {
    width: 110px;
    height: 40px;
    border: 1px solid #ef1c26;
    color: #ef1c26;
    flex-shrink: 0;
}
.do_exam_category_box .category_list_box .more_btn .more_icon {
    width: 18px;
    transform: rotate(-90deg);
}

#more{
    width: 100%;
    text-align: center;
    margin-top: -60px;
}
/**   二级分类  ***/
.do_exam_more_category_box {
    box-sizing: border-box;
    margin-bottom: 80px;
}
.do_exam_more_category_box .li {
    padding: 28px 30px 16px;
    background: white;
}
.do_exam_more_category_box .li+.li {
    margin-top: 10px;
}
.do_exam_more_category_box .max_title {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 19px;
    color: #30363D;
    font-weight: bold;
    position: relative;
}
.do_exam_more_category_box .min_title {
    padding: 0 25px;
    font-size: 14px;
    height: 32px;
    line-height: 30px;
    background: #ffeded57;
    border: 1px solid #ffeded;
    font-weight: normal;
    color: #666;
    box-sizing: border-box;
    margin-right: 10px;
    margin-bottom: 16px;
}

.do_exam_more_category_box .min_title:hover {
    color: #ef1c26;
    border-color: currentColor;
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s
}


/********  组卷页面   *************/
.wrapper {
    width: 1200px;
    margin: 0 auto;
}
.cleft {
    float: left;
    width: 270px;
    min-height: 300px;
}
.cmiddle {
    float: left;
    width: 880px;
    margin-left: 15px;
}

.degree {
    background: #fff;
    color: #5f5d5d;
    padding: 5px 0px;
}
.degree th, .degree td {
    border-bottom: 1px dotted #dadada;
    font-size: 14px;
    line-height: 32px;
}
.degree th {
    width: 4em;
    padding-left: 15px;
    font-weight: normal;
    color: #999;
    text-align: left;
}
.degree li {
    float: left;
    text-align: center;
    margin: 5px 5px 5px 0px;
    line-height: 40px;
}
.degree li a.cur {
    background-color: #eaf4fd;
    color: #ef1c26;
    border-radius: 3px;
    padding: 0 8px;
}
.degree li a {
    color: #666;
    padding: 0px 8px;
    display: inline-block;
    border-radius: 4px;
    cursor: pointer;
    line-height: 24px;
}
.tab {
    text-align: left;
    line-height: 40px;
}
.tab .active {
    color: #ef1c26;
    border-color: #ef1c26;
}

.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;
}


.return-top {
    background: url(/static/admin/images/bg-return.png) no-repeat;
    height: 58px;
    width: 58px;
    position: fixed;
    display: block;
    right: 20px;
    bottom: 160px;
    cursor: pointer;
}
.return-top:hover { background-position: 0px -58px; }

.kw-search {
    height: 30px;
    float: right; 
    text-align: left;
    line-height: 26px;
    margin: 5px 0 0;
    position: relative;
    margin-right: 55px;
    width: 160px;
    display: inline-block;
    vertical-align: middle;
}
.kw-search input[type=text] {
    float: left;
    border: 1px solid #ccc;
    border-radius: 15px;
    width: 340px;
    height: 30px;
    padding: 0 30px 0 15px;
}
.kw-search img {
    margin: 5px 0 0 -30px;
    cursor: pointer;
}

.ad-vip{
    line-height: 40px;
    cursor: pointer;
}
.listPapers section.vAlign {
    padding: 18px 112px 18px 24px;
}
.listPapers section .title .change_sub {
    position: relative;
    display: inline-block;
    color: #333333;
    font-size: 12px;
    margin-left: 16px;
    height: 25px;
}
.listPapers section .title .change_sub .sub_select {
    position: absolute;
    left: -50px;
    top: 25px;
    width: 206px;
    z-index: 9999;
    list-style: none;
    font-size: 12px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    background: #FFFFFF;
    box-shadow: 0 6px 18px 0 rgba(227,227,227,0.5);
    border-radius: 4px;
    border: 1px solid #EBECEF;
    max-height: 490px;
    overflow-y: auto;
}
.listPapers section .title .change_sub .sub_select .active {
    color: #ef1c26;
    background: #fff;
    position: relative;
}
.listPapers section .title .change_sub .sub_select .menu {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border: none;
    margin: 0;
    padding: 0 24px;
    margin: 10px 10px;
    background: #F0F3F5;
    border-radius: 4px;
    min-height: 50px;
    color: #333;
}
.listPapers section .title .change_sub .sub_select .hover {
   color: #ef1c26;
}
.listPapers section .title .change_sub .sub_select .menu li {
    line-height: 18px;
}
.imag-logo{
    margin: 108px 0 30px 0;
    font-size: 20px;
    color: white;
}