html,body { margin: 0; padding: 0; height: 100%; background: #f3f5f7;font-family: "SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica, Arial","Microsoft YaHei","sans-serif"!important;}
h1,h2,h3,h4,h5,p,span,div{font-family: "PingFangSC-Regular","PingFang SC","Microsoft YaHei" !important;}
a { cursor: pointer;text-decoration:none!important; color: #333333;outline:none;}
a:focus{outline:none;}
html, body,div, img, a, p, h1, h2, span, button, ul, li, input{margin: 0px;padding: 0px;}
ul, li{ list-style: none}
button, input{outline:none; border:none;}
.fl { float: left;}
.fr {float: right;}
.waiting{ width:64px; height:64px; background:url(../images/loading.gif); position:absolute; left:48%;z-index:1000000000000000; margin-left:-20px; margin-top:-20px;}
/*dropdown menu*/
.dropdown-menu .cur{background:#e9ebed;color:#20287e}
.dropdown-menu li{width:100%;padding:6px 10px 6px 14px;}
.dropdown-menu li:hover{background:#f3f3f3;width:100%;}
.dropdown-menu li a{color:#666666;width:100%;display:block;clear:both;white-space:nowrap;font-size:15px;text-decoration:none}
.dropdown-menu{box-shadow:0 2px 8px 2px rgba(68,73,77,.16);-webkit-box-shadow:0 2px 8px 2px rgba(68,73,77,.16);border:1px solid #e1e4e6;}
/*page*/
.clearfix{clear:both}.clearfix:after{clear:both;content:"";display:block;height:0;visibility:hidden}.fl{float:left}.fr{float:right}.pager{max-width:800px;text-align:center;margin-bottom:30px;display:inline-block}.pager a{cursor:pointer}.pager a,.pager span{width:40px;height:40px;border:1px solid #ebebeb;margin-left:-1px;color:#8a8a8a;display:inline-block;line-height:40px;float:left;font-size:14px;text-decoration:none;margin:0 2px;border-radius:6px}.pager a:hover,.pager span:hover{border-color:#077bd7;color:#077bd7;position:relative;z-index:1}.pager span.current{background-color:#077bd7;color:#fff;border-color:#ebebeb;position:relative;z-index:1}.pager .pg-first,.pager .pg-prev,.pager .pg-next,.pager .pg-last{background:#fff url(../images/page_bg.jpg) 8px 7px no-repeat}.pager .pg-first:hover,.pager .pg-prev:hover,.pager .pg-next:hover,.pager .pg-last:hover{background:#fff url(../images/page_bg_hover.png) 8px 7px no-repeat}.pager .pg-prev,.pager .pg-prev:hover{background-position:7px -21px}.pager .pg-next,.pager .pg-next:hover{background-position:-21px -21px}.pager .pg-last,.pager .pg-last:hover{background-position:-21px 7px}.pager .pg-prev[disabled=true],.pager .pg-prev[disabled=true]:hover{cursor:default;background-image:url(../images/page_bg.jpg)}.pager .pg-next[disabled=true],.pager .pg-next[disabled=true]:hover{cursor:default;background-image:url(images/page_bg.jpg)}.pager .pg-prev[disabled=true],.pager .pg-next[disabled=true]{border-color:#eee}.pager span.els{border-color:transparent}.pagerHtmlWrap{width:800px;margin:30px auto}.pagerHtmlWrap .cc_cells{width:100%;height:35px;padding:5px 0;border-bottom:1px #ccc solid}.pagerHtmlWrap .cc_cells a{color:#454545;font-size:14px;line-height:35px;text-decoration:none}.pagerHtmlWrap .cc_cells a span{display:inline-block;width:25%;text-align:left;margin:0}
/*top*/
.Examinee-Top{ width: 100%; height: 80px;background-color: #fff;box-shadow:0 10px 30px -10px rgba(142,155,165,0.3); padding: 0 40px; position: relative; z-index: 100 }
.Examinee-Top-fl,.Examinee-Top-fr{display: inline-flex }
.Examinee-Top-fl{ float: left;}
.Examinee-Top-fr{float: right;margin-right: 10px;}
.Examinee-Top .Company-logo{height: 50px; margin-top: 15px; }
.Examinee-Top .Company-logo img{max-width: 100%;height: 50px;}
.Examinee-Top .Company-Name{ font-size: 22px; line-height: 80px; color: #333333}
.Examinee-Top .Dividing-Line{ width:2px; height: 30px; background:#e7e7e7; margin: 25px 10px 0 10px;}
.Examinee-Top-fr .ewm{ background-position:-217px -190px; height: 27px; color: #333333; padding-left: 35px; margin:26px 20px 0 20px ; }
.Examinee-Top-fr .ewm span{font-size: 14px; }
.Examinee-Top-fr .ewm:hover{background-position:-217px -222px;}
.Examinee-Top-fr .news{ position: relative; width: 27px; height: 29px;; margin-top:25px; background-position:-219px -257px; }
.Examinee-Top-fr .news span{ position: absolute; padding: 0 6px; background-color: #e30d0d; border-radius: 5px; right: -15px ;top: -5px; font-size: 12px; color: #FFFFFF}
.Examinee-Top-fr .Personal-headImg{margin: 20px 0 0 30px;}
.Examinee-Top-fr .Personal-headImg img{width: 42px; height: 42px; background-size: cover}
.Examinee-Top-fr .Personal-headImg i{ margin-left: 10px;}
/*.Examinee-Top-fr .Personal-man{ background-position:-203px -480px; }
.Examinee-Top-fr .Personal-man .userdropbutton{padding:23px 0px;}
.Examinee-Top-fr .Personal-man .userdropbutton i{line-height:35px;color:gray;}*/
/*left*/
.Examinee-pcBox{position: absolute; top:80px; right: 0; bottom: 0; left: 0; overflow-x: hidden; /*overflow-y: hidden;*/}
.left-ExamineeBox{ width: 240px; height: 100%; background-color:#FFFFFF;box-shadow:5px 0px 15px -5px rgba(142,155,165,0.2);position: fixed; top: 80px; bottom: 0px;}
.Personal-CenterLeft{ text-align: center; padding-top:30px;}
.Personal-CenterLeft .head-portrait{ width: 72px; height: 72px;margin: 0 auto; }
.Personal-CenterLeft .head-portrait img{ border-radius: 50%; background-size:100% 100%;-moz-background-size:100% 100%;}
.Personal-CenterLeft p{margin: 5px 0 2px 0;}
.Personal-CenterLeft p a{ font-size: 16px; }
.Personal-CenterLeft span a{ font-size: 13px; color:#666666;}
.left-ExamineeBox ul{width: 200px; margin: 20px 0 0 20px;}
.left-ExamineeBox ul .Dividing-Li{background-color: #e9ebed; width: 200px;height: 1px; margin: 20px auto;}
.left-ExamineeBox ul li{ width: 200px; height: 42px; line-height: 42px; text-align: center;margin-bottom: 20px; }
.left-ExamineeBox li a { width: 200px; height: 42px; line-height: 42px;font-size: 16px; text-align: center; border-radius: 30px; display: block;color: #333333;}
.Examinee-ul li.Li-pic01,.Examinee-ul li.Li-pic02,.Examinee-ul li.Li-pic03,.Examinee-ul li.Li-pic04,.Examinee-ul li.Li-pic05,.Examinee-ul li.Li-pic06,.Examinee-Top-fr .ewm,.Examinee-Top-fr .news,.right-contentBox .label-ing,.right-contentBox .label-no-ing,.right-contentBox .label-end{background-image: url("../images/ico.png"); background-repeat:no-repeat;}
.Examinee-ul li.Li-pic01{background-position:40px 0px; }
.Examinee-ul li.Li-pic02{background-position:40px -42px; }
.Examinee-ul li.Li-pic03{background-position:40px -84px; }
.Examinee-ul li.Li-pic04{background-position:40px -126px; }
.Examinee-ul li.Li-pic05{background-position:40px -168px; }
.Examinee-ul li.Li-pic06{background-position:40px -210px; }
.Examinee-ul li.Li-pic01.active,.Examinee-ul li.Li-pic02.active,.Examinee-ul li.Li-pic03.active,.Examinee-ul li.Li-pic04.active,.Examinee-ul li.Li-pic05.active,.Examinee-ul li.Li-pic06.active{border-radius: 30px;box-shadow:0 10px 10px -10px rgba(11,129,223,0.3);background-color: #0b81df;background-image: url("../images/ico.png"); background-repeat:no-repeat; }
.Examinee-ul li.Li-pic01.active{background-position:40px -252px; }
.Examinee-ul li.Li-pic02.active{background-position:40px -294px; }
.Examinee-ul li.Li-pic03.active{background-position:40px -336px; }
.Examinee-ul li.Li-pic04.active{background-position:40px -378px; }
.Examinee-ul li.Li-pic05.active{background-position:40px -420px; }
.Examinee-ul li.Li-pic06.active{background-position:40px -462px; }
.Examinee-ul li.active a{color: #FFFFFF; }
.Examinee-ul li.active:hover,.right-contentBox .button-Fr a:hover,.personal-button:hover{background-color: #0775cd;}
/*right*/
.right-ExamineeBox{ margin: 0 30px 0 280px;position: relative;box-sizing: border-box; }
.right-functionBox{ margin: 30px 0; height: 45px; font-size: 0;}
.right-ExamineeBox .function-flBox{ float: left; }
.right-ExamineeBox .function-frBox{ float: right}
.function-flBox .inputCss{ height: 43px;width: 120px; margin-right: 8px;}
.right-ExamineeBox .function-flBox button,.function-frBox button{ height: 45px; line-height: 45px; padding: 0 10px; border: 1px solid #dbdddf; background-color: #FFFFFF; border-radius:3px; font-size: 13px; margin-right: 2px;}
.right-ExamineeBox .function-flBox button:hover,.function-frBox button:hover{background-color:#f3f3f3;}
.right-ExamineeBox .function-flBox i,.right-ExamineeBox .function-frBox i{ color: #878787; margin-left: 8px; font-size: 12px; line-height: 45px;}
.right-ExamineeBox .function-flBox .search-input{position: relative;display: inline-block; width: 210px;height: 45px; line-height: 45px;border: 1px solid #dbdddf; font-size: 13px; box-sizing: border-box;transition:all.2s ease; border-radius:3px;background-color: #FFFFFF; margin-right: 2px; }
.right-ExamineeBox .function-flBox .search-input:hover{border: 1px solid #0b81df;}
.right-ExamineeBox .function-flBox .searchCss{outline:none; border:none; background-color: rgba(0, 0, 0, 0);width: 210px; padding-left: 5px;}
.right-ExamineeBox .function-flBox .search-section-icon { position: absolute; right: 10px; top: 0px; font-size: 14px;cursor: pointer;color: #979797; }
.right-ExamineeBox .right-contentBox{ background-color: #FFFFFF; height:100px; border-radius: 5px; position: relative; margin-bottom: 30px; }
.right-contentBox .label-ing ,.right-contentBox .label-no-ing ,.right-contentBox .label-end {position: absolute; width: 25px; height: 61px; left: 15px; top: 0;text-align: center;}
.right-contentBox .label-ing{background-position:-219px 0px; }
.right-contentBox .label-no-ing{background-position:-219px -61px; }
.right-contentBox .label-end{background-position:-219px -124px; }
.right-contentBox .label-ing span,.right-contentBox .label-no-ing span,.right-contentBox .label-end span{font-size: 12px;color: #FFFFFF;writing-mode: tb-lr; -webkit-writing-mode: vertical-lr; writing-mode: vertical-lr;margin-top: 6px; letter-spacing: 1px; }
.rightContent-text{ margin: 25px 0 10px 60px;}
.rightContent-text02{ margin: 25px 0 10px 15px;}
.rightContent-text p,.rightContent-text02 p{ font-size: 15px; margin-bottom: 5px;}
.rightContent-text ul li,.rightContent-text02 ul li{font-size: 13px; float: left; color: #666666; }
.rightContent-text ul li .Line-box,.rightContent-text02 ul li .Line-box{color: #e3e3e3;margin:0 15px;}
.rightContent-text ul li .ks-number01,.rightContent-text ul li .ks-number02,.rightContent-text02 ul li .ks-number01,.rightContent-text02 ul li .ks-number02{ padding:0 6px; border-radius: 5px; color: #FFFFFF; margin: 0 5px; font-size: 14px;}
.rightContent-text ul li .ks-number01,.rightContent-text02 ul li .ks-number01{background-color: #eb1818;}
.rightContent-text ul li .ks-number02,.rightContent-text02 ul li .ks-number02{background-color: #bab9b9;}
.right-contentBox .button-Fr a{ float: right; width: 165px; height: 46px; line-height: 46px; color: #FFFFFF; text-align: center; background-color: #077bd7; border-radius: 8px;box-shadow:0 10px 10px -10px rgba(11,129,223,0.3); margin:27px 20px 0 0; font-size: 16px;}
.ButtonSort,.ButtonSort-upper,.ButtonSort-lower{ width: 12px; height: 12px;background-image: url("../images/ico.png"); background-repeat:no-repeat;display:inline-block; margin-left: 2px;}
.ButtonSort{background-position:0 -1176px;}
.ButtonSort-upper{background-position:0 -1187px;}
.ButtonSort-lower{background-position:0 -1199px;}
.queryCss{ width: 20px; height: 20px;background-image: url("../images/ico.png"); background-repeat:no-repeat; position: absolute;top: 15px; right: 8px;}
.queryCss{background-position:0 -1220px;}
/*course css*/
.course-pic-fl { position:relative; width:144px; height:80px; margin:10px 0 0 60px;}
.course-pic-fl img { width: auto;height: auto;max-width: 100%;max-height: 100%;}
.course-pic-label{ position:absolute; left:10px; bottom:5px;}
.course-pic-label span { background: rgba(28, 31, 33, 0.6); padding:2px 3px; color:#fff; border-radius:3px; font-size:12px;}
/*achievement css*/
.Function-time{height: 45px; border: 1px solid #dbdddf; background-color: #FFFFFF; border-radius:3px; font-size: 14px; margin-right: 6px; display: inline-flex}
.Function-time span a{padding: 0 10px;height: 45px; line-height: 45px; display: inline-block}
.Function-time span a:hover{ color: #333333; background-color: #f3f3f3;height: 43px; line-height: 43px; }
.Function-time .borderRight{ border-right: 1px solid #dbdddf;height: 43px;}
.Function-time .borderLight{ border-left: 1px solid #dbdddf;height: 43px;}
.Function-time .CustomTime {height: 45px;padding: 0px 10px;font-size: 13px; display: inline-block; color: #666666 }
.commontable{width:100%;border:1px solid #dbdddf;background:#fff;padding:0px;border-bottom:none;border-right:none}
.commontable th,.commontable td{height:45px;line-height:45px;border:none;border-bottom:1px solid #dbdddf;padding-left:10px;font-size:13px;text-align:center;white-space:normal;overflow:auto;text-overflow:ellipsis;}
.commontable th{font-size:14px;font-weight:bold;background-color: #f8fafb;color:#33333;}
.commontable td {font-size:13px; color: #666666}
.commontable td.none_bottom{border-bottom:none}
.commontable tr:hover{background:#f8fafb;}
.commontable .rightborder{border-right:1px solid #dbdddf;font-size:14px;}
.commontable .textLeft{ text-align: left !important; }
.table-border td,.table-border th{border-right:1px solid #dbdddf;border-bottom:1px solid #dbdddf}
.commontable .sort-ico{ font-size: 12px; color: #909090; margin-left: 3px;}
.commontable .col-green{ color:#098e44; margin-right: 5px;}
.commontable .col-red{ color:#fc2e2e; margin-right: 5px;}
.commontable .result-td{font-weight:bold;color:#de2525;}
/*wrongbox css*/
.right-ExamineeBox .right-contentBox02{ background-color: #FFFFFF; height:80px; border-radius: 5px; margin-bottom: 30px; padding-left: 20px; }
.right-contentBox02 .text-fl{ float: left; font-size: 15px;}
.right-contentBox02 .text-fl .ctb-box{ background-color: #D94447; padding: 5px; text-align: center; color: #FFFFFF; border-radius: 5px; display:inline-block; margin: 25px 10px 0 0; font-size: 13px;}
.right-contentBox02 .button-fr{ float: right; margin:20px 30px 0 0;text-align: center;background-color: #077bd7;border-radius: 8px;box-shadow:0 10px 10px -10px rgba(11,129,223,0.3);}
.right-contentBox02 .button-fr span{float: left}
.right-contentBox02 .button-fr .WrongTopic-button a{width: 100px; height: 40px; line-height: 40px; color: #FFFFFF; font-size: 14px; display:inline-block}
.right-contentBox02 .button-fr .Dropdown-css a{color: #333;}
.right-contentBox02 .button-fr .Dropdown-css{ width: 30px;height: 40px; line-height: 40px; border-left: 1px solid #0870c2;font-size: 12px;box-sizing: border-box}
.right-contentBox02 .button-fr .Dropdown-css:hover{ background: #0787ed;border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
.right-contentBox02 .button-fr .Dropdown-css .caret{ color: #FFFFFF;}
/*integral css*/
.right-integralBj{background: #FFFFFF; padding:40px; margin-top: 30px;}
.right-col-red{ color: #de2525!important; margin-left: 10px;}
.right-integralTop .integralTop-box{ width: 500px; height: 240px; margin: 0px auto; }
.right-integralTop .integralTop-box span{ display: inline-block; margin:10px; text-align: center; }
.right-integralTop .integralTop-box span h2{ margin-top:100px;color: #FFFFFF; }
.right-integralTop .integralTop-box span p{ margin-top: 10px; background-color: #FFFFFF; padding:1px 2px; display: inline-block; border-radius: 3px; font-size: 12px;}
.right-integralTop .integralTop-box .zjfBox,.integralTop-box .jfpmBox{background-image: url("../images/ico.png"); background-repeat:no-repeat; width: 219px; height: 217px;}
.right-integralTop .integralTop-box .zjfBox{ background-position:0px -523px; color: #0d6fd0; }
.right-integralTop .integralTop-box .jfpmBox{background-position:0px -745px;color: #ee9910}
.right-integralTop .integralTop-Ul{ margin:40px auto;height: 21px; line-height: 21px;display: flex;align-items: center;justify-content: center;}
.right-integralTop .integralTop-Ul li {float: left; font-size: 12px;font-size: 16px; margin-right: 35px; padding-left: 28px; }
.integralTop-Ul .integralTopLi01,.integralTop-Ul .integralTopLi02,.integralTop-Ul .integralTopLi03,.news-contentBox h1{background-image: url("../images/ico.png"); background-repeat:no-repeat;}
.integralTop-Ul .integralTopLi01{background-position:0px -964px;}
.integralTop-Ul .integralTopLi02{background-position:0px -991px;}
.integralTop-Ul .integralTopLi03{background-position:0px -1024px;}
/*add css*/
.news-contentBox{ width:100%; height: auto; background-color: #FFFFFF;text-align: center; padding: 10px 0 20px 0;color: #333333 }
.news-contentBox h1{ font-size: 16px; padding-bottom: 10px; background-position:0px -1050px; width: 100px; margin: 0 auto}
.news-contentBox h1 i{ margin-right: 5px; color: #666666;}
.news-contentBox ul{padding: 15px 0; border-top: 1px solid #e9ebed;}
.news-contentBox ul li{ font-size: 12px;line-height: 26px; }
.news-contentBox ul li span{color:#666666; margin-left: 8px; }
.news-contentBox button{ padding: 5px 20px; background-color: #077bd7; text-align: center; border-radius: 4px; }
.mbot50px{ margin-bottom: 50px;}
.news-contentBox button a{color: #FFFFFF;}
.state-contentBox,.classify-contentBox{ width:100%; height: auto; background-color: #FFFFFF;padding: 10px 0 20px 5px;overflow:auto;color: #333333; }
.state-contentBox p,.classify-contentBox p{ margin: 10px 0 0 0;font-size: 15px;}
.state-contentBox ul li,.classify-contentBox ul li{ float: left;padding: 2px 8px; display: inline-block; margin: 10px 15px 0 0; font-size: 13px; }
.state-contentBox ul .li-Select,.classify-contentBox ul .li-Select{ background-color:#077bd7; color: #FFFFFF;cursor: pointer}
.ChangePassword-box{padding-top:30px;}
.ChangePassword-box,.personal-information,.personal-information02{width:100%;height: 100%;position: absolute;background-color: #fff;}
.ChangePassword-box .ChangePassword-from{margin: 15px auto;display: flex;padding-left:40px}
.ChangePassword-from .ChangePassword-input,.ChangePassword-from02 .ChangePassword-input02{ border: 1px solid #dbdee4;height: 40px; line-height: 40px; width: 250px; padding-left: 8px;font-size:14px;}
.ChangePassword-from .ChangePassword-input:hover,.ChangePassword-from02 .ChangePassword-input02:hover{border: 1px solid #d2d4d6;}
.ChangePassword-from label{ font-size: 14px; width: 130px; height: 40px; line-height: 40px;display: block; float: left; color: #333333; text-align: left }
.ChangePassword-button{ width: 183px; margin: 0 auto 30px;}
.ChangePassword-button button { width: 250px;height: 40px; line-height: 40px; text-align: center; cursor: pointer;color: #FFFFFF; }
.ChangePassword-button button a{color: #FFFFFF;}
.ChangePassword-button p{ margin-bottom:5px}
.ChangePassword-button .col-bule{ background-color:#077bd7; margin-right: 10px;}
.ChangePassword-button .col-bule:hover{background-color:#086fc1;}
.ChangePassword-button .col-grey{ background-color:#eee ;color:#555}
.ChangePassword-button .col-grey:hover{ background-color:#ddd ;}
.ChangePassword-button p,.personal-head .f12-css{ font-size: 12px; color: #BD1E21; margin:5px 0 0 3px;}
.personal-head .head-pic,.personal-head .head-pic02{ width: 72px; height: 72px; border-radius: 50%;background-image: url("../images/ico.png");background-repeat: no-repeat; display:block; margin: 30px auto 0}
.personal-head .head-pic{ background-position: -172px -296px;}
.personal-head .head-pic02{background-position:0px -1092px;}
.personal-head p{ font-size: 16px; text-align: center; margin-top: 5px;color: #333333}
.personal-information ul{ margin:25px auto 30px; width:240px;}
.personal-information ul li{font-size: 15px; line-height: 26px; color: #333333; margin-bottom: 15px;}
.personal-information button{width: 120px; height: 40px; line-height: 40px; margin: 0 auto 40px; display: block; border-radius: 4px; background-color:#077bd7; }
.personal-information button a{color: #FFFFFF;width: 120px; height: 40px; display: block; }
.personal-information02 .ChangePassword-from02{margin: 30px auto; width: 265px;}
.personal-information02 .ChangePassword-from02 span{ display: block; margin:15px 0}
.personal-information02 .ChangePassword-from02 span label{ font-size: 14px; height: 40px; line-height: 40px; float: left; color: #333333}
.personal-information02 .ChangePassword-from02 p{font-size: 14px;color: #333333; height: 40px; line-height: 40px; display: block}
.ChangePassword-from02 .ChangePassword-input02::-moz-placeholder{ font-size: 12px; color:#8F8F8F}
.ChangePassword-from02 .ChangePassword-input02:-ms-input-placeholder { font-size: 12px; color:#8F8F8F}
.ChangePassword-from02 .ChangePassword-input02::-webkit-input-placeholder{ font-size: 12px; color:#8F8F8F}
.NoData-box{ width: 143px; height: 150px; margin:140px auto; background-image: url("../images/ico.png");background-repeat: no-repeat;background-position:0 -1262px;}
.NoData-box p{text-align: center; font-size: 16px; padding-top: 140px; color: #666666}
/*2022新增分类项目*/
.p_r{ position:relative}
.screen-w{ max-width: 450px;display:none; position:absolute; top:48px;border:1px solid #e9eaeb; background-color:#FFFFFF; padding: 10px 10px 20px 10px ; border-radius:4px; z-index:99; box-shadow: 0 0 6px 6px rgba(142,155,165, 0.08);-moz-box-shadow:0 0 6px 6px rgba(142,155,165, 0.08);-webkit-box-shadow:rgba(142,155,165, 0.08); }
.screen-w .screen-BoxTitle,.Integral-BoxTitle{ display: inline-flex; }
.screen-w .screen-BoxTitle span,.Integral-BoxTitle span{ font-size: 16px; color: #128beb; margin: 0 6px; }
.screen-w .screen-BoxTitle p,.Integral-BoxTitle p{font-size:15px; margin:5px 0}
.screen-w .ksy-flex{ display: flex;display: -webkit-flex;justify-content: flex-start;flex-wrap: wrap;overflow-y: auto; max-height:300px; padding-right:5px;}
.screen-w .ksy-flex-item {margin: 8px 3px;padding: 0 7px;background-color: #ffffff;border-radius:3px;border: 1px solid #e1e1e1;height: 30px;line-height: 30px; text-align: center ;color: #333333;font-size: 13px;flex-grow: 1;flex-shrink: 0; cursor: pointer}
.screen-w .ksy-flex-item span{color:#ee9910}
.screen-w .flex-item-active{background-color: #128beb; color: #FFFFFF}
.screen-w .ksy-flex-item:hover{background-color:#e9ebed;border: 1px solid #cccccc;}
.screen-w .flex-item-active:hover{background-color:#2f9cf3}
.screen-w .ksy-flex::-webkit-scrollbar { width: 4px;}
.screen-w .ksy-flex::-webkit-scrollbar-thumb{ border-radius: 10px;background-color: #e8e8e8; }
.screen-w .ksy-flex::-webkit-scrollbar-thumb:hover{background-color: #cecece; }
@media (min-width: 992px) and (max-width: 1199px) {
.left-ExamineeBox{ width: 200px; }
.left-ExamineeBox ul{width: 180; margin: 20px 0 0 10px;}
.left-ExamineeBox ul .Dividing-Li{width: 180px;}
.left-ExamineeBox ul li{ width: 180px; }
.left-ExamineeBox li a { width: 180px; }
.right-ExamineeBox{ margin: 0 20px 0 220px;}
.rightContent-text p,.rightContent-text02 p{ font-size: 14px;}
.rightContent-text ul li,.rightContent-text02 ul li{font-size: 12px;}
.rightContent-text ul li .Line-box,.rightContent-text02 ul li .Line-box{margin:0 5px;}
.right-contentBox .button-Fr a{ width: 140px; height: 46px; line-height: 46px; margin:27px 15px 0 0;font-size: 15px;}
.rightContent-text {margin: 25px 0 10px 50px;}
.rightContent-text02{ margin: 25px 0 10px 10px;}
.course-pic-fl { margin:10px 0 0 50px;}
.Personal-CenterLeft{padding-top: 20px;}
.left-ExamineeBox ul li{margin-bottom: 10px;}
.right-ExamineeBox .hide-box{ display: none}
.right-ExamineeBox .function-flBox button,.function-frBox button{padding: 0 3px; border: 1px solid #dbdddf;}
.Function-time span a{padding: 0 3px;}
.right-ExamineeBox .function-flBox i,.right-ExamineeBox .function-frBox i{ margin-left: 2px;}
.right-ExamineeBox .function-flBox input{ width: 180px;}
.Function-time{margin-right: 3px;}
.NoData-box{ margin:120px auto;}
}
@media (min-width: 1199px) and (max-width: 1280px) {
.right-contentBox .button-Fr a{ width: 140px; height: 46px; line-height: 46px; }
.Examinee-Top .Company-Name{ font-size: 18px; }
}
@media (max-height: 750px) and (max-width: 1280px)
{
.Personal-CenterLeft{display:none}
.Examinee-ul{padding-top:20px;}
}