/**
 * common style M
 */

/*头部*/
.header-box { width: 100%; height: 44px; padding: 10px 14px; position: fixed; z-index: 300; top: 0; left: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 17px; line-height: 24px; text-align: center; color: #fff; background: rgba(255, 255, 255, .10); -webkit-box-pack: left; -moz-box-pack: left; -ms-flex-pack: left; justify-content: left; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
.bg1B283A { background: #1b283a; }
.header-box img.logo { width: 66px; height: 17px; margin-top: 3px; position: absolute; left: 14px; }
.header-box img.nav-xian { width: 20px; height: 14px; position: absolute; top: 12px; right: 14px; }
.header-box a { color: #fff; }
.header-box .not-index { width: -moz-calc(100% - 100px); width: calc(100% - 100px); }
.header-box img {margin-top: 3px;margin-right: 4px;display: inline-block;float: left;}
.header-box span { width: 1px; height: 17px; margin: 0 10px; line-height: 24px; background: #fff; }

/*studyexperience*/
.studyexperience { padding: 15px 20px 10px; background: #f0f0f4; }
.studyexperience h2 { padding-left: 8px; font-size: 18px; line-height: 24px; text-align: justify; color: #333; border-left: 3px solid #1184e1; }
.studyexperience p { margin-top: 10px; font-size: 12px; line-height: 20px; letter-spacing: 0; color: #333; }

/*列表 左图右文*/
.content-list {padding: 0 10px 0 0;}
.content-list li ~ li { margin-top: 30px; }
.item-img { width: 110px; height: 70px; }
.item-img img { width: 100%; height: 100%; -moz-border-radius: 2px; border-radius: 2px; }
.item-msg { width: -moz-calc(100% - 116px); width: calc(100% - 116px); height: 70px; margin-left: 6px; position: relative; }
.item-msg p { width: 100%; font-size: 15px; line-height: 20px; letter-spacing: 0; color: #000; }
.item-msg  div { width: 100%; margin-top: 18px; position: absolute; bottom: 0; font-size: 12px; line-height: 12px; letter-spacing: 0; color: #999; }
.item-msg  div span, .item-msg div a{color:#999;}
.item-msg p a {color: #000; font-weight:600; }
.item-msg  div .fr {font-family: arial; }
.item-msg div .fl{width:calc(100% - 140px);overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/*标签*/
.des-tabs span {display: inline-block;padding: 4px 6px;font-size: 12px;line-height: 12px;letter-spacing: 0;color: #fff;height: 20px;}
.industry { -moz-border-radius: 2px; border-radius: 2px; background: #4eaffe; }
.jingyan { -moz-border-radius: 2px; border-radius: 2px; background: #f5a623; }
.baoming, .chengji, .dongtai { -moz-border-radius: 2px; border-radius: 2px; background: #46c6a9; }
.toutiao { -moz-border-radius: 2px; border-radius: 2px; background: #f6637f; }
.tiku, .baike { -moz-border-radius: 2px; border-radius: 2px; background: #3187eb; }
.zhuanti { -moz-border-radius: 2px; border-radius: 2px; background: #ad5ff2; }
.zixun { -moz-border-radius: 2px; border-radius: 2px; background: #94c85b; }
.paiming { -moz-border-radius: 2px; border-radius: 2px; background: #f5a623; }
.yuanchuang { -moz-border-radius: 2px; border-radius: 2px; background: #db9e67; }

/*面包屑*/
.list-breadnav { height: 32px; line-height: 32px; background: #eee; }
.list-breadnav li {margin-left: 7px;margin-top: 7px;float: left;}
.list-breadnav li { margin-left: 7px; }
.list-breadnav li:first-child { margin-left: 0; }
.list-breadnav li.mleft13 { margin-left: 13px; }
.list-breadnav li, .list-breadnav li a { display: inline-block; font-size: 12px; line-height: 18px; text-align: left; color: #666; }
.list-breadnav li i { margin-left: 7px; font-size: 12px; }
.list-breadnav li:hover a{color:#1184E1;}

/*form*/
.details-form { padding: 20px 28px; }
.m-details-form { padding: 20px 0; }
@media screen and (max-width:350px) {
    .details-form { padding: 10px; }
}
.form-box { width: 100%; height: 406px; border: 1px solid #e8e8e8; -moz-border-radius: 4px; border-radius: 4px; background: #ffcd00; }
.m-form-box {height: auto;padding-bottom: 20px;border: 0;background: 0;}
.m-form-box .form-header {width: 71%;min-width: 266px;height: 30px;margin: 20px auto 0;}
.form-header { width: 75%; min-width: 280px; height: 113px; margin: 0 auto; position: relative; }
.form-header img { width: 100%; height: 112px; }
.form-header h2, .form-header h3 { position: absolute; left: 0; }
.form-header h2 { width: 176px; height: 30px; top: 15px; font-size: 22px; line-height: 30px; text-align: left; color: #1184e1; }
.form-header h3 { width: 142px; top: 50px; font-size: 16px; line-height: 22px; text-align: left; color: #333; }
.m-form-box .form-header h2 {top: 0;width: 100%;}
.form-tips { width: 71%; min-width: 266px; margin: 0 auto; margin-top: 18px; font-size: 16px; line-height: 22px; text-align: left; text-align: left; color: #333; }
.m-form-box .form-tips{margin-top: 20px;}
/*palceholder 模拟*/
.common-form-group:after { display: table; clear: both; content: ' '; }
.common-label { margin-right: 18px; float: left; font-size: 12px; line-height: 32px; color: #323232; }
.common-form { width: 300px; position: relative; float: left; }
.common-input {width: 100%;height: 32px;padding: 5px 25px 5px 10px;font-size: 12px;line-height: 1.5;color: #323232;border: 0;-moz-border-radius: 2px;border-radius: 2px;border: 1px solid #BBBBBB;}
.common-notice { height: 20px; position: absolute; top: 6px; left: 10px; font-size: 12px; line-height: 20px; color: #999; }
.common-i-error { position: absolute; z-index: 4; top: 0; right: 8px; display: none; font-size: 16px; color: #ff2d55; }
.m-form-box .common-i-error { top: 8px; }
.common-has-error .common-i-error { display: block; }
.common-has-error .common-input, .common-has-error .common-input:hover, .common-has-error .common-input:focus { color: #ff2d55; border: 1px solid #ff2d55; }
.common-input:hover, .common-input:focus, .common-form:hover .common-input { border: 1px solid #999; }
.common-error { height: 20px; display: none; line-height: 20px; color: #ff2d55; }
.m-form-box .common-error {font-size: 12px;background: 0;}
.m-form-box .details-group {margin-top: 14px;}
.common-has-error .common-error { display: block; }
.common-textarea { height: 200px; padding: 5px 5px 5px 10px; resize: none; }
.form-box .details-group { width: 71%; min-width: 266px; margin: 0 auto; margin-top: 10px; -moz-border-radius: 2px; border-radius: 2px; background: #fff; }
.form-box .details-group:nth-of-type(1) { margin-top: 10px; }
.form-box .common-form { width: 100%; min-width: 266px; }
.m-form-box .mtop10 { margin-top: 10px; }
.details-form-button { width: 71%; min-width: 266px; height: 40px; margin: 0 auto; margin-top: 20px; display: block; color: #fff; border: 0; -moz-border-radius: 2px; border-radius: 2px; border-radius: 2px; background: #1184e1; background: #1184e1; }
.form-botton { width: 211px; height: 22px; margin: 16px auto 0; font-size: 12px; line-height: 22px; text-align: center; color: #fc6666; -moz-border-radius: 10px; border-radius: 10px; background: #ffeeeb; }

/*底部菜單*/
.blankBg { width: 100%; height: 10px; background-color: #f0eff5; }
.contBottom { padding: 13px 0 11px 0; overflow: hidden; border-bottom: 1px solid #f0eff5; }
.contBottom .liUser { width: 20%; height: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; font-size: 11px; line-height: 16px; text-align: center; color: #323232; border-right: 1px solid #f0eff5; }
.contBottom li a { padding-bottom: 12px; color: #323232; }

/**
 * common style PC
 */
.width1220 { width: 1220px; margin: 0 auto; }

/*正文列表*/
.left-list-box { width: 880px; }
.left-list { border: 1px solid #e8e8e8; -moz-border-radius: 4px; border-radius: 4px; background: #fff; }
.list-item { margin-top: 10px; padding: 32px 20px 0; -moz-border-radius: 4px; border-radius: 4px; background: #fff; }
.list-item li { margin-top: 30px; padding-bottom: 30px; border-bottom: 1px dashed #e8e8e8; }
.list-item li:first-child { margin-top: 0; }
.list-item li:last-child { border-bottom: 0; }
.item-img-box { width: 170px; height: 110px; overflow: hidden; -moz-border-radius: 2px; border-radius: 2px; }
.item-img-box img { width: 100%; height: 100%; display: block; }
.item-info-box {    /*width: -moz-calc(100% - 180px); width: calc(100% - 180px);*/ width: 658px; height: 110px; margin-top: -2px; margin-left: 10px; position: relative; }
.item-info-box > h3 { font-size: 18px; font-weight: 600; line-height: 24px; letter-spacing: 0; color: #000; }
.item-info-box > p { margin-top: 5px; font-size: 12px; line-height: 20px; color: #666; height:40px;}
.item-info-box > div { width: 100%; position: absolute; bottom: -6px; }
.item-info-box > div .fl {font-size: 12px;line-height: 20px;letter-spacing: 0;color: #999;font-family: arial;}
.item-info-box > div .fr span { margin-left: 10px; padding: 3px 6px; float: left; font-size: 12px; line-height: 12px; letter-spacing: 0; color: #666; -moz-border-radius: 2px; border-radius: 2px; background: #eee; }
.item-info-box > div .fr i { margin-top: 4px; display: inline-block; float: left; font-size: 18px; line-height: 12px; }
.item-info-box .des-tabs span { height: 20px; margin-right: 4px; padding: 0 4px; position: relative; top: -2px; display: inline-block; line-height: 20px; }
.item-info-box > h3:hover a {  color: #1184e1; }
/*右侧广告栏列表*/
.right-ad { width: 320px; margin-left: 20px; }
.ad-box { border: 1px solid #e8e8e8; -moz-border-radius: 4px; border-radius: 4px; background: #fff; }
.ad-title { padding: 13px 0 13px 15px; font-size: 15px; letter-spacing: 0; color: #323232; border-bottom: 1px solid #e8e8e8; }
.right-list-box { padding: 0 15px; }
.right-list-box li { padding: 20px 0; border-bottom: 1px dashed #e8e8e8; }
.right-list-box li:last-child { border-bottom: 0; }
.right-list-box img { width: 96px; height: 60px; display: block; -moz-border-radius: 2px; border-radius: 2px; }
.ad-item {    /*width: -moz-calc(100% - 106px); width: calc(100% - 106px);*/ width: 182px; height: 60px; margin-left: 10px; position: relative; }
.ad-item .des-tabs { height: 20px; position: absolute; bottom: 0; left: 0; }
.ad-item .des-tabs span { padding: 0 5px; display: inline-block; float: left; line-height: 20px; }
.ad-item p:hover a {color: #1184e1; }

.right-list-box-type2 {padding: 0 15px;}
.right-list-box-type2 li {padding: 10px 0;/* border-bottom: 0; */}
.right-list-box-type2 li > a, .right-list-box-type2 .des-tabs { display: none; }
.right-list-box-type2 .ad-item {width: 278px;height: 18px;/* margin-top: 10px; */line-height: 18px;}
.right-list-box-type2 .ad-item:before { width: 2px; height: 2px; position: absolute; z-index: 2; top: 9px; left: -8px; font-size: 12px; line-height: 18px; content: ''; -moz-border-radius: 50%; border-radius: 50%; background: #666; }
.right-list-box-type2 .ad-item p.ellipsis-2 { width: 100%; display: inline-block; overflow: hidden; white-space: nowrap !important; text-overflow: ellipsis; }
.right-list-box-type2 .ad-item a { color: #666; }

/*友链*/
.friend-link { padding: 20px 0 40px; }
.contWidth880 { width: 880px; margin: 0 auto; }
.basic-be8-r4 { border: 1px solid #e8e8e8; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; }
.basic-fnav { height: 44px; border-bottom: 1px solid #e8e8e8; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.basic-fnav li { width: 120px; float: left; font-size: 15px; line-height: 43px; cursor: pointer; text-align: center; color: #333; }
.basic-fnav li:first-child { -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; }
.basic-fnav li.on { margin-top: -1px; font-weight: bold; color: #1184e1; border-top: 2px solid #1184e1; border-right: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; background-color: #fff; }
.basic-fcont { padding-bottom: 12px; }
.basic-fcont dl { padding: 15px 0 0 18px; position: relative; display: block; overflow: hidden; }
.basic-fcont .basic-ishide { max-height: 93px; }
.basic-fcont dd { width: 100px; height: 18px; margin: 0 20px 8px 0; float: left; overflow: hidden; line-height: 18px; white-space: nowrap; text-overflow: ellipsis; }
.basic-fcont a { font-size: 12px; color: #666; }
.basic-fcont a:hover { color: #428bca; }
.basic-togglebtn { width: 12px; height: 12px; position: absolute; z-index: 9; right: 20px; bottom: 11px; cursor: pointer; }
.basic-togglebtn .iconfont { font-size: 12px; line-height: 12px; color: #999; }

/*提示框*/
.hide-box { display: none; }
.tips { width: 214px; height: 62px; margin-left: -107px; position: fixed; z-index: 200; top: 294px; left: 50%; text-align: center; }
.tips p { width: 100%; height: 100%; font-size: 18px; line-height: 62px; text-align: center; letter-spacing: 0; color: #323232; border: 1px solid rgba(0, 0, 0, .10); -moz-border-radius: 4px; border-radius: 4px; background: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .30); -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .30); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .30); }
.animated { -webkit-animation-duration: .4s; -moz-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; }
@-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .610, .355, 1.000); animation-timing-function: cubic-bezier(.215, .610, .355, 1.000); }
    from { -webkit-transform: translate3d(0, 350px, 0); transform: translate3d(0, 350px, 0); opacity: 0; }
    60% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 1; }
    75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
    90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@-moz-keyframes bounceInUp {
    from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .610, .355, 1.000); -moz-animation-timing-function: cubic-bezier(.215, .610, .355, 1.000); animation-timing-function: cubic-bezier(.215, .610, .355, 1.000); }
    from { -webkit-transform: translate3d(0, 350px, 0); -moz-transform: translate3d(0, 350px, 0); transform: translate3d(0, 350px, 0); opacity: 0; }
    60% { -webkit-transform: translate3d(0, -20px, 0); -moz-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 1; }
    75% { -webkit-transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
    90% { -webkit-transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
    to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes bounceInUp {
    from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .610, .355, 1.000); -moz-animation-timing-function: cubic-bezier(.215, .610, .355, 1.000); animation-timing-function: cubic-bezier(.215, .610, .355, 1.000); }
    from { -webkit-transform: translate3d(0, 350px, 0); -moz-transform: translate3d(0, 350px, 0); transform: translate3d(0, 350px, 0); opacity: 0; }
    60% { -webkit-transform: translate3d(0, -20px, 0); -moz-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); opacity: 1; }
    75% { -webkit-transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
    90% { -webkit-transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
    to { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; animation-name: bounceInUp; }

/*button blue*/
.common-btn-blue,.common-btn-blue:focus{background-color:#1184e1;color:#fff;}
.common-btn-blue:hover{background-color:#1a8fee;color:#fff;}
.common-btn-blue.active{background-color:#076fc4;color:#fff;}
.common-btn-blue.disable, .common-btn-blue.disable:hover{background-color:#a9daf8;color:#fff;cursor:not-allowed;}
/*解决文章中标点符号出现在句首的问题*/
p{word-break: normal;text-align: justify;}