/*index==echinacities首页样式*/
a:hover{color: #18b;}

.row1 {margin-left: -15px; margin-right: -15px;}
.row1 .col-md-3{ padding-left: 15px; padding-right: 15px;}

.eccboxtit{height: auto; border: none; margin-bottom: -1px; border-top: 3px solid #00ae68; box-shadow: none;}
.eccboxtit h2 a{padding: 10px 15px 0px; min-height: 8px;}
.eccboxtit h2 a:hover{text-decoration: underline;}
.eccboxtit_rightfont{display: inline-block; padding-top: 8px; padding-right: 15px; font-weight: bold; color: #c00; text-decoration: none;}
.eccboxtit_rightfont:hover{text-decoration: underline; color: #c00;}


.eccbox h3{padding: 0 0 4px 0; line-height: 1.2; font-size: 1.6em;}
.eccbox p{color: #444; margin: 0;}
.eccbox p a{color: inherit;}
.eccboxintit{background: #fff; font-size: 1em; padding: 10px 15px 2px; border-bottom: 0; font-weight: bold; border-top: 3px solid #ddd;}
.eccboxintit h2.large-text a{color: #222;}
.eccboxintit h2.large-text a:hover{text-decoration: underline;}
.eccboxin{background: #fff; padding: 12px 15px;}
.eccboxin p{color: #444; margin: 0; /* font-size: 0.85em; */}
.eccboxin .ulRecuriter{/* font-size: 0.85em; */}
.eccboxin .ulRecuriter{margin-bottom: 12px; color: #444;}
.eccboxin .ulRecuriter li{padding: 4px 0;padding-left: 15px;position: relative;}
.eccboxin .ulRecuriter li:before{display: inline-block; border-radius: 50%; background: #fff; border: 1px solid #18b; width: 8px; height: 8px; content: ''; margin-right: 6px;position: absolute;left: 0px;top: 0.75em;}
.eccboxin .btnPost{background-color: #18b; border-radius: 0; padding-left: 2em; padding-right: 2em;}
.eccboxin .btnPost:hover{opacity: .9;}
.eccwrap.uprebg{/* background: url('/static/echina/img/index/upre.jpg') no-repeat center right #fff; background-size: contain; */}
.eccwrap.uprebg .eccboxintit{border-top-color: #00ae68; background-color: #dff9df; color: #00ae68; padding-top: 8px; padding-bottom: 11px; text-align: left;}
.eccwrap.uprebg .eccboxintit .fa-vcard-o{font-size: 1.1em; top: 1px; position: relative;}
.eccwrap.uprebg .eccboxin{}
.uprebg p{font-size: 1em; /* padding-right: 15%; text-shadow: 0 1px 4px rgba(255,255,255,.9); */}
.uprebg p span{color: #18b;}
.uprebg p span:hover{color: #18b; text-decoration: underline;}
.uprebg h2:hover{text-decoration: underline;}
.eccboxin p.recrup{padding-bottom: 8px;}
.eccwrap.aboutwrap{}
.eccwrap.aboutwrap .eccboxintit{padding-top: 16px;}
.eccwrap.aboutwrap .eccboxin{padding:8px 15px 20px;}
.eccwrap.aboutwrap .eccboxin p{font-size: 1em;}

.eccboxFir{overflow: hidden; padding-top: 8px;}
.eccboxFir>.articleImgWap img{float: left; width: 38%; margin-right: 15px;}
.eccboxFir.eccboxFir1{border-bottom: 0;}
.eccboxFir.eccboxFir1 img{width: 23%;}
.articleImgWap{}
.articleImgWap img{max-width: 100%;}
.art4img img{width: 100%;}
.articleImgWap .imgWapTit{padding:10px 5px;}


.eccboxjobs{}
.eccboxjobs dl{overflow: hidden; min-height: 100px; margin-bottom: 0;}
.eccboxjobs dl dt,.eccboxjobs dl dd{float: left;}


.eccboxjobs dl dt{width: 33%; margin-right: 3%; text-align: center; height: 75px; line-height: 71px;}
.eccboxjobs dl dt img{filter: saturate(1.3); -webkit-filter: saturate(1.3); display: inline-block; max-width: 100%; max-height: 100%;}
.eccboxjobs dl dd{width: 64%;}
.eccboxjobs dl dd a{padding: 6px 0 4px; display: block; font-weight: bold;}
.eccboxjobs dl dd p{font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #666; font-weight: bold;}
.eccboxjobs dl dd span{font-size: 12px; color: #666;}
.eccboxjobs dl dd b{font-size: 12px; margin-left: 10px; color: #666; font-weight:normal;}



.tagWrap{border-top: none; padding-top: 10px; clear: both;}
.tagBox{}
.tagTit{margin-bottom: 5px; border-bottom: none; padding:5px; font-weight: bold;}
.tagBox ul{overflow: hidden; margin-bottom: 10px;}
.tagBox ul li{width: 50%; float: left; margin-bottom:10px;}
.tagBox ul li a{white-space: nowrap; display: block; padding: 4px 0; border: 1px solid #ccc; margin: 0 5px; font-size: 12px; text-align: center;}
.tagBox ul li a:hover{border-color: #18b; font-weight: bold;}


.artFollow{border-top: 3px solid #ddd; padding: 15px 0 10px 12px; text-align: left; background: #fff; margin-bottom: 15px; overflow: hidden;}
/* .artFollow.artFollowIn{text-align: center; border: none; margin-bottom: 0; border-radius: 4px;
  background: #A3DBF3; background: linear-gradient(-90deg,#94D3F2 0%,#B5E5F4 30%,#65BEE7 100%);
    background: #ee684b; background: linear-gradient(-45deg,#f28d33 0%,#eb4f8d 100%);
    background: #f67c66; background: linear-gradient(-60deg,#FFD3A7 0%,#f67c66 45%,#f05d70 100%);} */
.artFollow ul{display: inline-block;}
.artFollow ul li{float: left; display: inline-block;}
.artFollow ul li a{font-size: 1.5em; color: #fff; display: inline-block; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 4px; margin-right: 5px;}
.artFollow ul li a.mobile{font-size: 1.3em;}
.artFollow ul li a.facebook{background-color: #38569a;}
.artFollow ul li a.linkedin{background-color: #00699c;}
.artFollow ul li a.twitter{background-color: #50bbf2;}
.artFollow ul li a.instagram{background-color: #e95298;}
.artFollow ul li a.mobile{background-color: #00ae68;}
.artFollow .artFollowfont{float: left; font-weight: bold; position: relative; top: -1px; font-size: 1em; padding:10px 5px 8px}
.artFollow .article_codetip{margin: 0 auto; text-align: center;}
.artFollow .tooltipwrap .tootip{min-width: 0;}
.artFollow .article_codetip>img{padding: 2px 0 5px; display: block;}


.articlepstyle h4{font-size: 1em; line-height: 1.5;}



.alertwrap,.alertwrap .eccboxintit,.alertwrap .eccboxin{background: #dff9df; border:0;}
.alertwrap{box-shadow: 0 0 2px rgba(0,0,0,.15);}
.alertwrap .eccboxintit h2.large-text a{color: #00ae68;}
/*alertwrapp*/
.alertwrapp .eccbox{padding: 0; background: #ffffe9; border-radius: 10px;}
.alertwrapp .table{margin: 0;}
.alertwrapp .table>tbody>tr>td{vertical-align: middle; border-top: none;}
.alertwrapp .alertleft{width: 16%; padding: 10px; border-radius: 10px 0 0 10px; background-color: #fb5352; color: #fff; text-align: center;}
.alertwrapp .alertleft i{font-size: 3em;}
.alertwrapp .alertleft span{padding-top: 5px; display: block; font-weight: bold;}
.alertwrapp .alertright{width: 84%;}
.alertright1,.alertright2{overflow: hidden;}
.alertright1{padding: 0 5px 10px;}
.alertright2{padding: 8px;}
.alertwrapp .alertright .form-control{border-color: #aaa;}
.alertwrapp .btn{/*background-color: #fb5352;*/}
.alertwrappt{padding: 6px;}

/* .font13md{padding-left: 332px;} */

/* City Guides */
.eccboxtit h2 a.cityGa{text-decoration: none; cursor: default;}
.eccboxtit h2 a.cityGa:hover{text-decoration: none;}
.cityGul{overflow: hidden; margin: 0;}
.cityGul li{float: left;}
.cityGul li a{display: inline-block; padding: 0 4px; margin: 4px 6px 4px 0; text-decoration: none;}
.cityGul li a:hover{text-decoration: underline;}
.cityGul li a.red{color: #f08e00; font-weight: bold;}
.cityGul li a.orange{color: #00ae68; font-weight: bold;}

@media screen and (min-width: 1200px){
  /* .uprebg p{padding:0 5%;} */
}
@media (min-width: 1920px) {
  .container{width: 80%; max-width: 1700px;}
}

@media (max-width: 1200px) {
  .eccbox h3{font-size: 1.3em;}
}

/**/
@media screen and (min-width: 992px) and (max-width: 1200px){
  .artFollow .artFollowfont{padding:0 0 10px;}
  .font13md{font-size: 13px;}
}

/*pad*/
@media screen and (min-width: 768px) and (max-width: 992px){
  /* .eccwrap.uprebg{background-size: 26%;} */
  .eccwrap.uprebg p{margin:1em;}
  .eccbox h3{padding-top: 0;}
  .artFollow{text-align: center;}
  .artFollow .artFollowfont{display: inline-block; float: none;}
  .artFollow ul li{float: none;}
  .articleImgWap .imgWapTit{height: 52px; margin-bottom: 20px; overflow: hidden;}
}
/*pad-wap*/
@media (max-width: 992px){
  .articlepstyle{font-size: 0.85em;}
  /* .uprebg p{text-align: left;} */
}
/*wap*/
@media (max-width: 767px) {
  .eccIndex{overflow-x: hidden;}
  .eccIndex>.container{padding-left: 0; padding-right: 0;}
  .eccbox h3{font-size: 1.1em;}
  .eccboxFir .articleImgWap a{position: relative; display: inline-block; width: 100%; margin-bottom: 5px;}
  .eccboxFir .articleImgWap a img{clear: both; width: 100%; margin-right: 0px; min-height: 60px;}
  .eccboxFir .articleImgWap a h3{position: absolute; bottom: 0; left: 0; right: 0; color: #fff; padding: 10px 15px; background-color:rgba(0,0,0,0.2);}
  .art4img .articleImgWap{margin-bottom: 15px;}

  /*alertwrapp*/
  .alertwrapp .btn{margin-top: 15px;}
  .alertwrapp .alertleft{display: none;}
  .alertwrapp .eccbox{border-top: 2px solid #fb5352;}

  .eccboxjobs dl{min-height: 20px; margin-bottom: 1.5em;}
  .eccboxjobs dl dd a{padding-top: 0;}

  /* .font13md{padding-left: 0px;} */
}
/*wap xx*/
@media (max-width: 370px) {
  .tagTit{padding:5px 0;}
  .tagBox ul{margin-left: -7px; margin-right: -7px; letter-spacing: -0.4px;}
  .tagBox ul li a{margin:0;}
  .tagBox ul li:nth-child(2n) a{margin-left: 4px;}
  .tagBox ul li:nth-child(2n+1) a{margin-right: 4px;}
}
/*/wap*/
@media (min-width: 767px) {
  .eccIndex{margin-top: -10px; padding: 15px 0 20px; background: url('/static/echina/img/index/indexbge.jpg') no-repeat bottom center; background-size: contain;}
  .eccbox h3.llarge-text{position: relative; top: -0.2em;}
  .eccboxFir.eccboxFir1 img,.art4img img{max-height: 128px;}
  .eccboxjobs dl dd a{max-height: 50px; overflow: hidden;}
}

.footerIn{margin-top: 0;}

/* .row{margin-left: -15px; margin-right: -15px;}
.container,.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding-left: 15px; padding-right: 15px;} */





.articlepstyle h4{font-size: 1em; line-height: 1.5;}




/* jobalert-ss */
.modal-contentabs{position: absolute; width: 600px; z-index: 111; display: none;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	 box-shadow: 0 6px 12px rgba(0,0,0,.175); font-size: 12px;}
.modal-contentabs .modal-header,.modal-contentabs .modal-body,.modal-contentabs .modal-footer{padding: 10px 15px;}
.modal-contentabs .modal-header h4{font-size: 14px; font-weight: bold;}
.modal-contentabs .seReocsel{padding-top: 5px; padding-bottom: 5px; margin-bottom: -10px;}
.modal-contentabs .checkbox-inline{line-height: 22px; padding-top: 0; padding-bottom: 0;}
.modal-contentabs .tck_checkbox ul.tcklist li input{position: relative; top: 2px; margin: 2px 3px 0 4px;}
.modal-contentabs .tck_checkbox ul.tcklist li a.other{top: 23px; font-size: 12px;}
.modal-contentabs .modal-footer a.btn{font-size: 12px; font-weight: bold; padding: 4px 14px;}
.modal-contentabscate{top: 97px; width: 440px;}
.modal-contentabs.cityBox{width: 540px;}
.modal-contentabs.cityBox .checkbox-inline{font-weight: bold;}
.modal-contentabs.cityBox .tck_checkbox dl{margin-bottom: 5px;}
.modal-contentabs.cityBox .tck_checkbox dl dt{margin-bottom: 0;}
.input-group .input-group-addon{background-color: #fff; color: #666;}
.job_search_wrap .input-group .form-control{border-left: none; padding-left: 0;}