span.close { background-color: #fff !important; }
.pp100 {
    padding: 100px !important;
}
.pp90 {
    padding: 90px !important;
}
.pp80 {
    padding: 80px !important;
}
.pp70 {
    padding: 70px !important;
}
.pp60 {
    padding: 60px !important;
}
.pp50 {
    padding: 50px !important;
}
.pp40 {
    padding: 40px !important;
}
.pp30 {
    padding: 30px !important;
}
.pp20 {
    padding: 20px !important;
}
.pp15 {
    padding: 15px !important;
}
.pp10 {
    padding: 10px !important;
}
.pp5 {
    padding: 5px !important;
}
.pp0 {
    padding: 0 !important;
}
.pt100 {
    padding-top: 100px !important;
}
.pt90 {
    padding-top: 90px !important;
}
.pt80 {
    padding-top: 80px !important;
}
.pt70 {
    padding-top: 70px !important;
}
.pt60 {
    padding-top: 60px !important;
}
.pt50 {
    padding-top: 50px !important;
}
.pt40 {
    padding-top: 40px !important;
}
.pt30 {
    padding-top: 30px !important;
}
.pt20 {
    padding-top: 20px !important;
}
.pt15 {
    padding-top: 15px !important;
}
.pt10 {
    padding-top: 10px !important;
}
.pt5 {
    padding-top: 5px !important;
}
.pt0 {
    padding-top: 0 !important;
}
.pb100 {
    padding-bottom: 100px !important;
}
.pb90 {
    padding-bottom: 90px !important;
}
.pb80 {
    padding-bottom: 80px !important;
}
.pb70 {
    padding-bottom: 70px !important;
}
.pb60 {
    padding-bottom: 60px !important;
}
.pb50 {
    padding-bottom: 50px !important;
}
.pb40 {
    padding-bottom: 40px !important;
}
.pb30 {
    padding-bottom: 30px !important;
}
.pb20 {
    padding-bottom: 20px !important;
}
.pb10 {
    padding-bottom: 10px !important;
}
.pb15 {
    padding-bottom: 15px !important;
}
.pb5 {
    padding-bottom: 5px !important;
}
.pb0 {
    padding-bottom: 0 !important;
}
.pl100 {
    padding-left: 100px !important;
}
.pl90 {
    padding-left: 90px !important;
}
.pl80 {
    padding-left: 80px !important;
}
.pl70 {
    padding-left: 70px !important;
}
.pl60 {
    padding-left: 60px !important;
}
.pl50 {
    padding-left: 50px !important;
}
.pl40 {
    padding-left: 40px !important;
}
.pl30 {
    padding-left: 30px !important;
}
.pl20 {
    padding-left: 20px !important;
}
.pl15 {
    padding-left: 15px !important;
}
.pl10 {
    padding-left: 10px !important;
}
.pl5 {
    padding-left: 5px !important;
}
.pl0 {
    padding-left: 0 !important;
}
.pr100 {
    padding-right: 100px !important;
}
.pr90 {
    padding-right: 90px !important;
}
.pr80 {
    padding-right: 80px !important;
}
.pr70 {
    padding-right: 70px !important;
}
.pr60 {
    padding-right: 60px !important;
}
.pr50 {
    padding-right: 50px !important;
}
.pr40 {
    padding-right: 40px !important;
}
.pr30 {
    padding-right: 30px !important;
}
.pr20 {
    padding-right: 20px !important;
}
.pr15 {
    padding-right: 15px !important;
}
.pr10 {
    padding-right: 10px !important;
}
.pr5 {
    padding-right: 5px !important;
}
.pr0 {
    padding-right: 0 !important;
}
.mm15 {
    margin: 15px !important;
}
.mp100 {
    margin: 100px !important;
}
.mp90 {
    margin: 90px !important;
}
.mp80 {
    margin: 80px !important;
}
.mp70 {
    margin: 70px !important;
}
.mp60 {
    margin: 60px !important;
}
.mp50 {
    margin: 50px !important;
}
.mp40 {
    margin: 40px !important;
}
.mp30 {
    margin: 30px !important;
}
.mp20 {
    margin: 20px !important;
}
.mp15 {
    margin: 15px !important;
}
.mp10 {
    margin: 10px !important;
}
.mp5 {
    margin: 5px !important;
}
.mp0 {
    margin: 0 !important;
}
.mt100 {
    margin-top: 100px !important;
}
.mt90 {
    margin-top: 90px !important;
}
.mt80 {
    margin-top: 80px !important;
}
.mt70 {
    margin-top: 70px !important;
}
.mt60 {
    margin-top: 60px !important;
}
.mt50 {
    margin-top: 50px !important;
}
.mt40 {
    margin-top: 40px !important;
}
.mt30 {
    margin-top: 30px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mt15 {
    margin-top: 15px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mt5 {
    margin-top: 5px !important;
}
.mt0 {
    margin-top: 0 !important;
}
.mb100 {
    margin-bottom: 100px !important;
}
.mb90 {
    margin-bottom: 90px !important;
}
.mb80 {
    margin-bottom: 80px !important;
}
.mb70 {
    margin-bottom: 70px !important;
}
.mb60 {
    margin-bottom: 60px !important;
}
.mb50 {
    margin-bottom: 50px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb15 {
    margin-bottom: 15px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb5 {
    margin-bottom: 5px !important;
}
.mb0 {
    margin-bottom: 0 !important;
}
.ml100 {
    margin-left: 100px !important;
}
.ml90 {
    margin-left: 90px !important;
}
.ml80 {
    margin-left: 80px !important;
}
.ml70 {
    margin-left: 70px !important;
}
.ml60 {
    margin-left: 60px !important;
}
.ml50 {
    margin-left: 50px !important;
}
.ml40 {
    margin-left: 40px !important;
}
.ml30 {
    margin-left: 30px !important;
}
.ml20 {
    margin-left: 20px !important;
}
.ml15 {
    margin-left: 15px !important;
}
.ml10 {
    margin-left: 10px !important;
}
.ml5 {
    margin-left: 5px !important;
}
.ml0 {
    margin-left: 0 !important;
}
.mr100 {
    margin-right: 100px !important;
}
.mr90 {
    margin-right: 90px !important;
}
.mr80 {
    margin-right: 80px !important;
}
.mr70 {
    margin-right: 70px !important;
}
.mr60 {
    margin-right: 60px !important;
}
.mr50 {
    margin-right: 50px !important;
}
.mr40 {
    margin-right: 40px !important;
}
.mr30 {
    margin-right: 30px !important;
}
.mr20 {
    margin-right: 20px !important;
}
.mr15 {
    margin-right: 15px !important;
}
.mr10 {
    margin-right: 10px !important;
}
.mr5 {
    margin-right: 5px !important;
}
.mr0 {
    margin-right: 0 !important;
}
.fs34 {
    font-size: 34px !important;
}
.fs32 {
    font-size: 32px !important;
}
.fs30 {
    font-size: 30px !important;
}
.fs28 {
    font-size: 28px !important;
}
.fs26 {
    font-size: 26px !important;
}
.fs24 {
    font-size: 24px !important;
}
.fs22 {
    font-size: 22px !important;
}
.fs20 {
    font-size: 20px !important;
}
.fs18 {
    font-size: 18px !important;
}
.fs16 {
    font-size: 16px !important;
}
.fs14 {
    font-size: 14px !important;
}
.fs12 {
    font-size: 12px !important;
}
.lh20 {
    line-height: 20px !important;
}
.lh24 {
    line-height: 24px !important;
}
.lh28 {
    line-height: 28px !important;
}
.lh30 {
    line-height: 30px !important;
}
.lh40 {
    line-height: 40px !important;
}
.lh50 {
    line-height: 50px !important;
}

.loading { padding-top:10px; }
.loading p { text-align: center; line-height: 30px; }

.btn-md {
    padding: 10px 16px; font-size: 15px; line-height: 1.13; border-radius: 3px;
}
.text-white { color:#fff !important; }
.my_icon{ border-radius: 50% !important;}
body {background-color:#f4f5f9 }

.navbar-inverse { background: #fff !important; border-color: #fff !important; border: 0; }
.navbar { height:70px; line-height: 70px; background: #fff; width: 100%; padding: 0; margin: 0 auto; box-shadow: 0 0 13px 0 #dde0e6; }
.navbar { border:0; border-bottom: 1px solid #eee }
.navbar-brand { width:132px; height: 50px; display: inline-block; background-size: 132px 50px;}
.navbar .container { margin-top:10px; margin-bottom:-10px; }
.navbar .active a:hover, .navbar .active a, .navbar .active a:link,
.navbar .active .navbar a:hover{ color:#fff; background-color:#1f6dea !important; }
body .navbar-inverse .navbar-nav > li > a {color: #191919;}
body .navbar-inverse .navbar-nav > li > a:hover{ color:#fff; background-color:#1f6dea !important; }
.container .row { background: #fff; }
.yzt-main {/* display: flex; */}

.sidebar-offcanvas {border-right:1px solid #e4e7ed; width:260px; height:100% !important; min-height: 500px; padding:0 !important;}
.main-content { width:940px; }
.side-card { width:260px; height:208px; text-align: center; border-bottom:1px solid #eee; }
.avatar { margin:35px 0 0px; }
.side-card .username { margin-top: 18px; font-size: 20px; color: #191919;}
.side-card .account_uid {font-size: 15px; color: #606266; line-height: 30px;}

ul {padding: 0;  margin: 0;}
ul li {list-style: none;}
.yzt-main .yzt-side-menu {/* border-top: 1px solid #e4e7ed; */background: #fff;}
.yzt-main .yzt-side-menu ul {padding: 15px 0;}
.yzt-main .yzt-side-menu ul li { display: flex; padding: 15px 24px; font-size: 16px !important; color: #191919; line-height: 22px; flex-flow: row nowrap; justify-content: space-between; align-content: center; cursor: pointer;}
.yzt-side-menu ul li p { font-size:16px !important; margin: 0px; }
.yzt-side-menu p span { margin-left: 8px; }

.org-card { background: #fff; margin:40px 40px 40px 40px !important; }
.container .jumbotron.jumbotron { padding: 15px 30px;}
.org-card.is-always-shadow, .org-card.is-hover-shadow:focus, .org-card.is-hover-shadow:hover {
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
}
.el-card__body { display: flex; align-items: center;}
.org-card .el-card__body .logo { cursor: pointer; height: 80px; width: 80px; line-height: 80px; }
.logo .avatar {margin:0; height:80px !important; line-height: 80px; display: inline-block; background-color: #fff; border: 1px solid #ebeef5; border-radius: 50%;}

.logo .avatar>img { display: block; height: 80px; width: 80px; vertical-align: middle;}
.org-card .el-card__body .info { margin-left: 20px; width: 367px;}
.el-card__body .info .company-change { width:100px; height:32px; display: inline-block; line-height: 30px; }
.el-card__body .info .tit { font-size: 18px; margin-bottom: 8px; }
.info .authentication-link { margin-right: 12px; font-size: 13px; line-height: 24px;}
.authentication-color-blue { color: #1f6dea !important;}
.el-link.el-link--success { color: #00d084;}
.el-link {display: inline-flex; flex-direction: row; align-items: center; justify-content: center; vertical-align: middle; position: relative; text-decoration: none; outline: none; cursor: pointer; padding: 0; font-size: 14px; font-weight: 500;}
a, a:focus, a:hover {cursor: pointer; color: inherit; text-decoration: none;}



.change-btn { padding: 4px; cursor: pointer; color: #1f6dea;}
.aside { min-height: 750px; }
.yzt-aside-item-tit {width: 100%; height: 40px; padding: 0 24px; margin: 12px 0; font-weight: 700; font-size: 14px; line-height: 40px;}
.yzt-aside-item ul li.nav-active {color: #1f6dea; background: #e9f0fd;}
.yzt-aside-item ul li {position: relative; width: calc(100% - 24px); height: 40px; padding-left: 24px; margin-left: 24px; font-size: 14px; color: #606266; line-height: 40px; transition: background .2s; cursor: pointer;}
.yzt-aside-item ul li.nav-active:before { content: ""; position: absolute; left: -24px; top: 50%; width: 6px; height: 40px; background: #1f6dea; transform: translateY(-50%); -webkit-animation: myanimation-data-v-62b8d3b2 .1s linear; animation: myanimation-data-v-62b8d3b2 .1s linear;}
.apply-main {  background: #fff;}
.apply-main .panel .row { margin:0 0px; }
.apply-main .panel .row .col-xs-6 { padding:0; border: 0 }
.apply-main .panel .row .dataTables_info {border: 0 }
.title { margin-top:35px; margin-bottom: 10px;}
.title span { font-size: 18px; font-weight: 700; text-indent:10px; }

.fr { float:right; }
.w1200 {width: 1200px; height:auto;}
.main { width:100%; height: 100%; padding: 50px; }
.yzt-form .form-group { margin:30px auto; }
.yzt-form .control-label {/* font-weight: 100; */}

footer{background-color: #1f6dea; color: #fff; margin-top: 40px;}
.footcon {background-color: #1158ca; text-align: center; padding: 20px; font-size: 12px;}

/* from */
.onShow,.onFocus,.onError,.onCorrect,.onLoad,.onTime,onTips,onRemark {display:inline-block;display:-moz-inline-stack;zoom:1;vertical-align:middle;color:#444;line-height:18px;padding:6px 10px 2px 0px;font-size:12px;}
.onShow {background-position:3px -147px;color:#4789cc;}
.onFocus {background-position:3px 3px;color:#4789cc;}
.onError {background-position:3px -47px;color:#ff4749;}
.onCorrect {background-position:3px -247px;color:#48b701;}
.onTips {background-position:3px -147px;color:#4789cc;}
.onRemark {background-position:3px -147px;color:#CCCCCC;}

.line-limit-one, .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.container { width: 1200px; }
@media (min-width: 1280px) {
    .container { width: 1200px; }
}
@media(max-width: 1220px) {
    .container { width: 1200px; }
}
@media (max-width: 768px) {
    .container { width: 1200px; }
}