/*
* @Author: Administrator
* @Date:   2017-06-30 13:59:39
 * @Last Modified by: heweifang
 * @Last Modified time: 2019-04-08 15:25:36
*/
body {
  font-family: "Microsoft YaHei", "Simsun", arial, sans-serif;
  background: #FFF;
  font-size: 16px;
  margin: 0;
}
a{
  text-decoration: none;
}
html {
  font-size: 20px;
}
ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  color: #333;
}

a:focus, a:hover {
  text-decoration: none;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.por {
  position: relative;
}

.h20 {
  height: 20px;
  background: #F2F2F2;
}
.mt5{margin-top: 5px;}
.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mtb20 {
  margin: 20px 0;
}

.mtb10 {
  margin: 10px 0;
}

.mb10 {
  margin-bottom: 10px;
}

.m15 {
  margin: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mlr-15 {
  margin: 0 -15px;
}

.pt10 {
  padding-top: 10px;
}

.pt20 {
  padding-top: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

.plr15 {
  padding: 0 15px;
}

.pd20 {
  padding: 20px;
}
.pl10{padding-left: 10px;}
.pr10{padding-right: 10px;}
.perw14{  width: 14.2%;}
.perw23{  width: 23.8%;}
.c999 {
  color: #999;
}

.w300 {
  width: 300px;
  margin: 0 auto;
}

.w100per {
  width: 100%;
}

.bg-blue {
  background: #0D62AA;
}

.bg-liuxue {
  background: #0D62AA;
}

.bg-kaoshi {
  background: #CD3301;
}

.c-yellow {
  color: #FFA238;
}

.hidden {
  overflow: hidden;
}

.js-hide {
  display: none;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
}
.fs12{font-size: 12px;}
.tc,
.txt-center {
  text-align: center;
}

.nav-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
}

.brand img {
  width: 115px;
  height: 30px;
  margin-left: 10px;
}
.nav-top .icon-search {
  width: 5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  border-radius: 1rem;
  padding: 0.25rem 0.5rem;
  background: #013565;
}

.nav-top .icon-search .glyphicon {
  font-size: 1rem;
  color: #CCC;
}

#banner-ad .carousel-control,
#banner-tab .carousel-control {
  display: none;
}

#banner-ad .carousel-indicators {
  bottom: 0;
}

#banner-ad .carousel-indicators li {
  width: 35px;
  height: 5px;
  margin-right: 5px;
  border-radius: 2px;
  background: #FFF;
}

#banner-ad .carousel-indicators li.active {
  background: #333;
}

#banner-ad .carousel-inner img {
  width: 100%;
}

/**重置bootstarp 样式******/
#banner-ad,
.school,
.abroad,
.headline,
.navbar-box,
.list-box {
  border: 1px solid #E4E4E4;
}

.navbar-box.item {
  border: none;
}

#banner-ad {
  border-top: none;
}

.row {
  margin-left: 0;
  margin-right: 0;
}

#banner-tab {
  padding-top: 60px;
}

#banner-tab .item dl {
  width: 25%;
  height: 93px;
  float: left;
  text-align: center;
  margin-bottom: 0.5rem;
}

#banner-tab .item dt {
  margin-bottom: 0.5rem;
}

#banner-tab .carousel-indicators {
  display: flex;
  justify-content: space-between;
  width: 90%;
  height: 30px;
  left: 5%;
  margin-left: 0;
  margin-bottom: 0;
  top: 5px;
  border-bottom: 1px solid #CCC;
}

#banner-tab .carousel-indicators li {
  position: relative;
  bottom: -1px;
  width: 30%;
  height: 28px;
  color: #000;
  text-indent: 0px;
  border: none;
  border-radius: 0;
  background: #FFF;
  padding-bottom: 8px;
  margin: 0;
}

#banner-tab .carousel-indicators .active {
  border-bottom: 2px solid #0590B0;
}

.list-title {
  border-left: 4px solid #0D62AA;
  padding-left: 20px;
  margin-left: -10px;
  margin-bottom: 10px;
  margin-top: 10px;
  font-size: 20px;
  line-height: 28px;
}

.recommend {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.recommend .btn {
  width: 22.75%;
  padding: 3px 6px;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 10px 3% 0 0;
  color: #333;
  overflow: hidden;
}

.recommend .btn:nth-child(4n) {
  margin-right: 0;
}

.school-list.row {
  display: flex;
  align-items: center;
  padding: 15px 0;
  border-top: 1px solid #F2F2F2;
}

.sc-name-cn {
  font-weight: bold;
}

.school-list > div {
  padding: 0;
}

.school-list .sc-consult {
  text-align: center;
}

.sc-consult p {
  color: #949494;
  margin-bottom: 5px;
}

.sc-consult .btn {
  background: #FF6600;
  color: #FFF;
  border-radius: 5px;
}
.sc-consult .btn-asserstive {
background-color: #f00;
}
.get-more {
  padding: 0;
}

.get-more .btn {
  height: 40px;
  padding: 0;
  line-height: 40px;
  background: #fff;
}

.abroad-nav {
  margin: 0 0.5rem;
}

.abroad-nav .item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #F2F2F2;
  margin-top: 20px;
}

.abroad-nav .media {
  width: 48%;
  padding-bottom: 10px;
  margin-top: 0;
}

.abroad-nav .media-body {
  padding-top: 10px;
}

.abroad-nav .media-body h4 {
  font-size: 16px;
}

.abroad-nav .media-body p {
  color: #999;
}

.hot-key .form-control {
  height: 46px;
}

.hot-key .form-control-feedback {
  width: 46px;
  height: 46px;
  font-size: 34px;
  padding: 6px;
  margin-right: 5px;
  pointer-events: auto;
}

.hot-key a {
  color: #0D61A9;
}

.abroad-list {
  border-top: 1px solid #F2F2F2;
  padding: 15px 0;
}

.abroad-list h4 {
  color: #000;
  font-size: 16px;
}

.abroad-list p {
  color: #999;
}

.icon-more {
  float: right;
  margin-right: 15px;
  color: #666;
}
.headline.container-fluid{padding: 0;}
.headline .media {
  border-bottom: 1px solid #F2F2F2;
  padding: 0.5rem 0 1rem;
}

.headline .media-heading {
  color: #000;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.headline .media-body h4 {
  font-size: 16px;
}

.headline .media-body p {
  font-size: 12px;
  margin: 20px 20px 0 0;
  color: #999;
}

.headline .media-body .glyphicon {
  margin-right: 5px;
}

.footer {
  padding: 15px 0;
  background-color: #333;
  font-size: 12px;
  text-align: center;
  color: #fff;
}

.footer > p {
  margin-bottom: 0;
}
.footer img{width: 115px; height: 30px;}
.icon-list {
  background: url(../images/icon-list.png) no-repeat 0 0;
}

.aside-right {
  position: fixed;
  right: 0.5rem;
  bottom: 6rem;
  width: 44px;
  z-index: 100;
}

.go-top {
  display: block;
  height: 50px;
  padding: 19px 12px;
  background: #666;
  border-radius: 5px;
}

.go-top .icon-list {
  display: block;
  height: 12px;
  background-position: 0 0;
}

.get-consult {
  display: block;
  min-height: 74px;
  line-height: 1;
  color: #FFF;
  font-size: 14px;
  text-align: center;
  padding: 7px;
  background: #FF6600;
  border-radius: 5px;
  margin-bottom: 10px;
}

.get-consult .icon-list {
  display: block;
  height: 23px;
  background-position: 0 -20px;
  margin-bottom: 5px;
}

.form-quick-pass {
  position: fixed;
  left: 0;
  bottom: -261px;
  width: 100%;
  background: #F8F8F8;
  z-index: 999;
  transition: all .5s linear;
}

.form-quick-pass.active {
  bottom: 0;
}

.form-title {
  position: relative;
  background: #848484;
}

.form-title img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 140px;
  height: 110px;
  z-index: 999;
}

.title-content {
  text-align: center;
  padding: 5px 0;
  color: #FFF;
}

.title-content h4 {
  color: #FFFF00;
  font-size: 16px;
  font-weight: bold;
}

.title-content span {
  color: #FF9900;
}

.form-title .icon-list {
  position: absolute;
  bottom: 23px;
  right: 20px;
  width: 35px;
  height: 22px;
  background-position: 0 -50px;
  margin: 0;
  transition: all .5s linear;
  transform: rotate(180deg);
}

.form-title .icon-list.active {
  transform: rotate(0);
}

.abroad-form .clearfix .col-xs-6:first-child {
  padding-left: 0;
}

.abroad-form .clearfix .col-xs-6:last-child {
  padding-right: 0;
}

.abroad-form .btn {
  background: #FF6600;
  color: #FFF;
}
.abroad-form>.form-group {
  margin-right: 0;
  margin-left: 0;
}
.abroad-form>.form-group:last-child{
  margin-bottom: 0;
}
.form-quick-pass .server-num {
  text-align: center;
  margin: 20px 0;
}

.form-quick-pass .server-num span {
  color: #FF6600;
}

/****category-list****/
.nav-category {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #D7D7D7;
  border-bottom: #BCBCBC;
  z-index: 999;
}

.nav-category > div {
  position: relative;
}

.nav-category > div > .glyphicon {
  position: absolute;
  top: 5px;
  left: 9px;
  font-size: 20px;
  color: #CCC;
}

.nav-category input {
  width: 200px;
  height: 30px;
  border: 1px solid #BCBCBC;
  border-radius: 15px;
  padding-left: 40px;
  outline: none;
}

.nav-category a {
  font-size: 18px;
}

.cate-box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding-top: 44px;
  z-index: 99;
}

.cate-menu {
  position: absolute;
  top: 44px;
  left: 0;
  width: 90px;
  text-align: center;
}

.cate-menu li {
  height: 32px;
  line-height: 32px;
  border-left: 1px solid #BCBCBC;
  border-bottom: 1px solid #BCBCBC;
}

.cate-menu li.active {
  position: relative;
  border-left: none;
  color: #3278B4;
  background: #FFF;
  font-weight: bold;
}

.cate-menu li.active:after {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  display: block;
  width: 1px;
  height: 100%;
  background: #FFF;
}

.cate-content {
  height: 100%;
  margin-left: 90px;
  padding: 0 10px 10px;
  border-left: 1px solid #BCBCBC;
  background: #FFF;
  overflow-y: scroll;
  overflow-x: hidden;
}

.cate-list {
  display: none;
}

.cate-list.active {
  display: block;
}

.cate-item {
  margin-top: 15px;
}

.cate-item h4 {
  font-size: 16px;
  color: #000;
  font-weight: bold;
  margin-top: 0;
}

.cate-item li {
  float: left;
  margin-right: 10px;
  line-height: 1.5;
}

.cate-item li a {
  color: #7B7B7B;
}

/*******category-country**********/
.nav-country {
  position: relative;
  padding-right: 5px;
}

.col-title a {
  color: #FFF;
  font-size: 22px;
  margin-right: 10px;
}

.col-title {
  display: flex;
  height: 30px;
  align-items: center;
  font-size: 18px;
  color: #FFF;
}

.nav-bar .btn {
  position: relative;
  background: transparent;
  font-size: 18px;
  color: #FFF;
  padding: 5px 20px 5px 12px;
  outline: none;
  width: 30px;
  height: 30px;
  background: url(../images/icon.png) no-repeat;
  background-size: 30px 540px;
}

.nav-bar .btn span {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 12px;
  height: 7px;
  background: url(../images/icon-country.png) no-repeat 0 -520px;
  transform: rotate(-45deg);
  outline: none;
}

.nav-bar.open .btn span {
  display: none;
}

/*****navbar-box********/
.navbar-box {
  width: 100%;
}

.navbar-box .arrow-up {
  position: absolute;
  top: -10px;
  right: 13px;
  width: 18px;
  height: 11px;
  background: url(../images/icon-country.png) no-repeat -20px -500px;
}

.navbar-box dl {
  float: left;
  width: 25%;
  text-align: center;
}

.navbar-box dt {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  border-radius: 20px;
  margin-bottom: 5px;
}

.navbar-box span {
  display: inline-block;
  background: url(../images/icon-country.png) no-repeat;
}

.icon-news, .icon-apply, .icon-scholarship {
  background: #FF9900;
}

.icon-language, .icon-prepare, .icon-cost {
  background: #669933;
}

.icon-school, .icon-visa, .icon-travel {
  background: #0590B0;
}

.icon-data, .icon-life, .icon-rank {
  background: #4599E2;
}

.icon-news > span {
  width: 30px;
  height: 20px;
  margin: 15px auto;
}

.icon-language > span {
  width: 32px;
  height: 25px;
  margin: 12px auto;
  background-position: 0 -40px
}

.icon-school > span {
  width: 33px;
  height: 31px;
  margin: 10px auto;
  background-position: 0 -80px
}

.icon-data > span {
  width: 24px;
  height: 28px;
  margin: 11px auto;
  background-position: 0 -120px
}

.icon-apply > span {
  width: 28px;
  height: 26px;
  margin: 12px auto;
  background-position: 0 -160px
}

.icon-prepare > span {
  width: 27px;
  height: 23px;
  margin: 12px auto;
  background-position: 0 -200px
}

.icon-visa > span {
  width: 24px;
  height: 16px;
  margin: 17px auto;
  background-position: 0 -240px
}

.icon-life > span {
  width: 29px;
  height: 23px;
  margin: 13px auto;
  background-position: 0 -280px
}

.icon-scholarship > span {
  width: 25px;
  height: 23px;
  margin: 13px auto;
  background-position: 0 -320px
}

.icon-cost > span {
  width: 18px;
  height: 35px;
  margin: 8px auto;
  background-position: 0 -360px
}
.icon-ranking > span {
  width: 18px;
  height: 35px;
  margin: 8px auto;
  background-position: 40px 0
}

.icon-travel > span {
  width: 26px;
  height: 23px;
  margin: 13px auto;
  background-position: 0 -400px
}

.icon-rank > span {
  width: 27px;
  height: 23px;
  margin: 13px auto;
  background-position: 0 -440px
}

/***list-box****/
.list-box > .list-group{
  padding: 0 15px;
  margin-bottom: 0;
}
.list-group li {
  line-height: 30px;
  height: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.abroad-new .list-group li,
.abroad_kk .list-group li{
  padding-left: 0; 
}

/****news-nav****/
.news-nav {
  height: 80px;
  background: #FFF;
  margin: 0 auto;
  padding: 20px 0;
  overflow: hidden;
  border: 1px solid #E4E4E4;
  border-bottom: none;
}

.viewport {
  width: 90%;
  height: 80px;
  margin: 0 auto;
  overflow-x: scroll;
  overflow-y: hidden;
}

.overview {
  width: 640px;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #DBDBDB;
}

.overview li {
  float: left;
  width: 80px;
}

.news-nav + .headline {
  border-top: none;
}

/****list-title******/
.country-map {
  color: #FFF;
  font-size: 18px;
}

.news-box {
  /*padding-top: 20px;*/
  border: 1px solid #F2F2F2;
}

.news-item {
  border-bottom: 1px solid #F2F2F2;
  /*margin-bottom: 20px;*/
}

.news-box > .news-item:last-child {
  border: none;
}

.news-item > a {
  display: block;
  margin-bottom: 20px;
}

.news-item > a:last-child {
  margin-bottom: 0;
}

.news-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: normal;
  font-size: 18px;
}

.news-intro {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
  color: #666;
  font-size: 14px;
}

/****show-content****/
.go-home {
  font-size: 22px;
  color: #FFF;
}

.news-content .row {
  margin-left: 0;
  margin-right: 0;
}

.news-content header h1 {
  font-size: 22px;
  text-align: center;
}

.news-content header p {
  text-align: center;
}

.news-content header p a {
  color: #0D62AA;
  padding: 0 5px;
}

.indent {
  font-size: 14px;
  text-indent: 28px;
}

section h2,
h2.indent {
  font-size: 16px;
  font-weight: bold;
}

.news-content img {
  width: 100%;
}

.news-content nav {
  text-align: center;
}

.news-content .pagination li {
  display: inline-block;
  margin: 0 5px;
}

.news-content .pagination a {
  border-radius: 5px;
}

.news-content .pagination .disabled {
  display: none;
}

/****统一使用老版分页*****/
.tab-a {
  margin: 20px 0;
}

.fy_w {
  width: 100%;
  background: #fff !important;
}

.fy_w .fy {
  margin: 0 !important;
  padding: 0;
  text-align: center;
  width: 100%;
  display: inline-block;
}

.fy_w .fy a {
  color: #333;
  font-size: 14px;
  padding: 0 10px;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  text-align: center;
  margin-left: 10px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 3px;
}

.fy_w .fy s {
  color: #333;
  font-size: 14px;
  background: #377bee;
  display: inline-block;
  color: #fff;
  padding: 0 10px;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  text-align: center;
  margin-left: 15px;
  display: inline-block;
  text-decoration: none;
  border-radius: 3px;
}

.fy_w .fy u b {
  color: #333;
  font-size: 14px;
  background: #377bee;
  font-weight: bold;
  display: inline-block;
  color: #fff;
  padding: 3px 10px 3px 10px;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  text-align: center;
  margin-left: 15px;
}

/*******院校库******/
.banner {
  border: 1px solid #E4E4E4;
  border-top: none;
}

.img-responsive {
  width: 100%;
}

.nav-tab > li {
  float: left;
  width: 20%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-bottom: 1px solid #E4E4E4;
  border-right: 1px solid #E4E4E4;
}

.nav-tab > li > a {
  display: block;
  font-size: 16px;
}

.nav-tab > li:last-child,
.nav-tab > li:nth-child(5) {
  border-right: none;
}

.nav-tab > .active {
  border-bottom: 2px solid #0D62AA;
}

.nav-tab > .active > a {
  color: #0D62AA;
  font-weight: bold;
}

.logo-box {
  margin: 15px;
  color: #515151;
}

.logo-box .media-body > p {
  font-size: 10px;
}

.logo-box .media-heading {
  font-size: 20px;
  color: #1E1E1E;
}

.require {
  margin: 15px;
}

.require > li {
  float: left;
  width: 50%;
  color: #949494;
  line-height: 2;
}

.require > li > b {
  color: #363636;
  font-weight: normal;
}

.require > li > span {
  display: inline-block;
  width: 81px;
  text-align: justify;
  text-align-last: justify;
}

.rank {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 96px;
  margin: 15px;
  border-radius: 10px;
  background: url(../images/school/school_03.png) no-repeat center top;
  background-size: 100%;
}

.rank > p {
  width: 84px;
  height: 60px;
  padding: 10px 0;
  margin: 5px;
  text-align: center;
  background: #EAEAEA;
  color: #535353;
  border-radius: 5px;
}

.rank > p > b {
  color: #FF6600;
}

.link-box,
.btn-box {
  display: flex;
  justify-content: space-between;
  margin: 15px;
}

.btn-box > a {
  width: 50%;
  text-align: center;
  padding: 0;
}

.link-box > a {
  width: 40%;
  text-align: center;
  color: #1064AB;
  font-size: 12px;
}

.btn-energized {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 50px;
  color: #FFF;
  background: #FFA238;
  border-radius: 3px;
}

.btn-primary-clear {
  display: inline-block;
  height: 35px;
  line-height: 33px;
  padding: 0 50px;
  border: 1px solid #4599E2;
  color: #4599E2;
  border-radius: 3px;
}

.view-box {
  height: 100px;
  overflow: hidden;
}

.intro-content {
  line-height: 2;
}

.viewport2 {
  height: 140px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.overview2 > li:first-child {
  position: relative;
  margin-left: 0;
}

.overview2 .layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px 0;
  background: rgba(0, 0, 0, 0.5);
  color: #FFF;
  text-align: center;
}

.overview2 li {
  float: left;
  width: 100px;
  height: 100px;
  margin-left: 15px;
}

.viewport2 img {
  width: 100%;
  height: 100%;
}

.overview2 {
  width: 675px;
  height: 100px;
}

.key-data > ul > li {
  float: left;
  width: 33.33%;
  height: 60px;
  text-align: center;
  padding: 10px 0;
}

.key-data > ul > li:nth-child(odd) {
  background: #F2F2F2;
}

.sch-rank > table {
  width: 100%;
}

.sch-rank tr {
  height: 40px;
  line-height: 40px;
}

.sch-rank th {
  width: 16.66%;
  text-align: center;
  background: #F2F2F2;
  border: 1px solid #fff;
}

.sch-rank > table td {
  text-align: center;
}

/*****院校专业******/
.major-link {
  font-size: 0.7rem;
}

.major-item .major-name {
  font-size: 0.8rem;
  color: #333;
}

.major-item {
  position: relative;
  margin: 30px 0;
  border-bottom: 1px dashed #DDD;
  padding-bottom: 0.5rem;
}

.major-item > p {
  margin: 0.75rem 0;
}

.major-item p > span {
  display: inline-block;
  height: 26px;
  line-height: 24px;
  padding: 0 10px;
  color: #9A9A9A;
  margin-right: 10px;
  font-size: 12px;
  border: 1px solid #E6E6E6;
}

.free-consult {
  position: absolute;
  right: 0;
  bottom: 1.25rem;
}

.btn-energized {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
  color: #FFF;
  background: #FFA238;
  border-radius: 3px;
}

/****院校专业*****/
.insti-item {
  margin-top: 15px;
  border-bottom: 1px dashed #ECECEC;
}

.insti-item .media-object {
  width: 110px;
  height: 100px;
}

.insti-item .media-heading {
  margin-bottom: 15px;
}

.insti-item .media-body > p {
  margin-bottom: 5px;
}

.insti-item .media-heading > a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 0.8rem;
  line-height: 1.2;
}

.like-degree > span {
  display: inline-block;
  width: 97px;
  height: 14px;
  background: url(../images/icon-school.png) no-repeat 0 -340px;
}

.like-degree > span > em {
  display: block;
  width: 97px;
  height: 14px;
  background: url(../images/icon-school.png) no-repeat 0 -360px;
}

.insti-item .flex-box {
  margin: 20px 0;
}

.insti-item .flex-box > a {
  width: 40%;
  padding: 0;
  text-align: center;
}

.flex-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.sch-box > dl {
  width: 50%;
  height: 150px;
  text-align: center;
}

.sch-box > dl img {
  width: 5rem;
  height: 5rem;
}

.sch-box dd {
  margin-top: 10px;
}

.sch-box dd > p:last-child {
  font-size: 0.6rem;
  color: #999;
}

#map-canvas {
  width: 100%;
  height: 185px;
}

.contact p {
  display: flex;
  align-items: center;
}

.contact p b {
  padding: 15px;
  font-size: 0;
  background: url(../images/icon-school.png) no-repeat;
}

.contact .contact-school {
  background-position: -40px 0;
}

.contact .contact-address {
  background-position: -40px -40px;
}

.contact .contact-post {
  background-position: -40px -80px;
}

.contact .contact-tel {
  background-position: -40px -80px;
}

.contact .contact-url {
  background-position: -40px -120px;
}

.contact p span, .contact p a {
  margin-left: 0.5rem;
  font-size: 0.7rem;
}

.contact p a {
  color: #0ea4ea;
}

/***费用***/
.cost-info .cost-item {
  width: 48%;
  height: 150px;
  background: #F2F2F2;
  padding: 32px 0;
}

.cost-info .cost-item > p {
  width: 130px;
  margin: 0 auto;
  text-align: center;
}

.cost-info .cost-item > p:first-child {
  background: #3868A2;
  color: #fff;
  font-size: 0.8rem;
}

.cost-info .cost-item > p:nth-child(2) {
  color: #FF6600;
  font-size: 1.3rem;
  font-weight: bold;
  padding: 10px 0;
}

.cost-info .cost-item > p:last-child {
  background: #666;
  color: #fff;
  font-size: 0.6rem;
}

.rata-tool caption {
  border: 1px solid #ccc;
  text-align: center;
  border-bottom: 0;
}

.rata-tool table {
  width: 100%;
  margin: 10px 0 0;
}

.rata-tool th, .rata-tool td {
  width: 33.33%;
  text-align: center;
  border: 1px solid #ccc;
  height: 35px;
  line-height: 35px;
}

.rata-tool label {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

#exchange-rate .col-xs-5 {
  padding: 0;
}

#exchange-rate .col-xs-2 {
  padding: 0 5px;
}

/******曾鹏********/
.bor-rig-1 {
  border-right: 1px solid #ccc;
}

.school-course {
  border: 1px solid #e4e4e4;
  background: #fff;
}

.school-course span {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
}

.major-search {
  border: 1px solid #e4e4e4;
  background: #fff;
}

.major-search input {
  border: 1px solid #ccc;
  width: 54%;
  height: 34px;
  line-height: 30px;
  border-radius: 4px;
  padding-left: 3px;
  padding-right: 25px;
}

.major-form .btn {
  width: 35%;
  position: relative;
  left: -20px;
  top: -2px;
}

.major-form {
  padding-left: 10px;
}

.major-form b {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: url(../images/school/school-search.png);
  position: relative;
  left: -30px;
  top: 5px;
}

.profession {
  margin-top: 10px;
}

.major-select .active {
  color: #fff;
  background: #5bc0de;
}

.profession div.fl {
  width: 20%;
  text-align: center;
}

.profession div.fr {
  width: 75%;
}

.search-result {
  height: 40px;
  line-height: 40px;
  background: #F2F2F2;
  text-align: center;
  margin-top: 10px;
}

.major-ranking {
  border: 1px solid #e4e4e4;
  background: #fff;
}

.major-ranking-top p {
  text-align: center;
  background: #f2f2f2;
  margin-bottom: 5px;
}

.major-ranking p.fl {
  width: 72%;
}

.major-ranking p.fr {
  width: 27%;
}

.major-ranking-content p.fr {
  text-align: center;
}

.major-ranking .btn {
  width: 100%;
}

.school-pic {
  border: 1px solid #e4e4e4;
}

.school-pic div {
  width: 50%;
  position: relative;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}

.school-pic div img {
  width: 100%;
  height: 120px;
}

.school-pic div span {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  background: #199ED8;
  color: #FFFFFF;
  text-align: center;
  position: absolute;
  top: -8px;
  right: -3px;
  border-radius: 1px;
}

.school-pic div p {
  text-align: center;
  background: #3868A2;
  color: #FFFFFF;
  padding: 0;
  margin: 0;
  height: 22px;
  line-height: 22px;
}

.school-pic a {
  width: 100%;
}

.app-demand, .app-action, .app-materials, .app-category, .app-step{
  padding: 0 15px;
}

.app-category a {
  display: inline-block;
  margin: 10px 20px;
  color: #0066CC;
}
.app-category span{
  color: #A1A1A1;
}

.c-ffa319 {
  color: #ffa319;
}

.intro-feature, .intro-history, .intro-characteristic, .intro-facility, .intro-stay, .intro-bursary, .env-weather, .env-city, .env-university, .env-school {
  border: 1px solid #e4e4e4;
}

.intro-content span, .env-content span {
  line-height: 28px;
}

input {
  background: none;
  outline: none;
}

/*****k_new*********/
.wap-top > a {
  color: #fff;
}

.home {
  padding-left: 30px;
  height: 40px;
  line-height: 40px;
  background: url(../images/icon.png) no-repeat 0 -175px;
  background-size: 30px 540px;
}

.wap-top .logo {
  max-width: 160px;
  height: 30px;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 30px;
  text-align: center;
}

/*.wap-top .search {*/
  /*display: block;*/
  /*width: 30px;*/
  /*height: 30px;*/
  /*margin-right: 10px;*/
  /*background: url(../images/icon.png) no-repeat 0 -60px;*/
  /*background-size: 30px 540px;*/
/*}*/

.page-top {
  margin-top: 50px;
}

.page-top > .flex-box {
  flex-wrap: nowrap;
}

.page-top > h1 {
  font-size: 1.3rem;
  margin: 0 0 20px;
}

.page-top > p > a {
  color: #337ab7;
  margin-right: 10px;
}

.page-top .clearfix > p:first-child {
  width: 40px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background: #62D8DA;
  margin-top: 5px;
}

.page-top .clearfix > p:last-child {
  width: 300px;
  flex-grow: 1;
  padding-left: 10px;
  color: #656565;
}

.content-box {
  padding: 20px;
}

.link-list > .list-title,
.content-box > .list-title {
  border-left-color: #0D62AA;
  font-size: 0.9rem;
  color: #0D62AA;
}

.content-box > .intro-content {
  color: #656565;
}

.content-box .btn {
  padding-left: 40px;
  padding-right: 40px;
}

.content-box > .content-list > h3 {
  font-size: 0.7rem;
  font-weight: bold;
}

.content-box > .content-list > ul {
  list-style: square inside;
  line-height: 1.75;
  color: #666;
}

.content-box > .content-list > ul a {
  color: #666;
}

.link-list > .flex-box > a {
  display: inline-block;
  width: 30%;
  height: 1.5rem;
  padding: 0 3px;
  line-height: 1.5rem;
  text-align: center;
  border: 1px solid #E4E4E4;
  border-radius: 5px;
  margin: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/**city***/
.pd15 {
  padding: 0.75rem;
}

.h50 {
  height: 50px;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  padding: 0 15px;
  align-items: center;
  z-index: 9999;
  padding-right: 5px;
}

.header > .search {
  width: 30px;
  height: 33px;
  background: url(../images/icon.png) no-repeat;
  background-size: 30px 540px;
}

.news-list-box > h2 {
  display: flex;
  align-items: center;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  color: #343435;
  margin-left: -0.75rem;
  padding-left: 20px;
  border-left: 4px solid #0D62AA;
}
.bg-liuxue-2 .news-list-box > h2 {border-left-color: #0D62AA;}
.bg-kaoshi-2 .news-list-box > h2 {border-left-color: #cc3300;}
.icon-city {
  display: inline-block;
  width: 34px;
  height: 38px;
  background: url(../images/icon-city.png) no-repeat;
  margin-right: 0.5rem;
}

.icon-city.icon-city21 {
  width: 40px;
  height: 40px;
  background-position: 0 -50px;
}

.icon-city.icon-city31 {
  width: 35px;
  height: 35px;
  background-position: 0 -100px;
}

.icon-city.icon-city41 {
  width: 30px;
  height: 43px;
  background-position: 0 -150px;
}

.icon-city.icon-city51 {
  width: 33px;
  height: 37px;
  background-position: 0 -200px;
}

.icon-city.icon-city61 {
  width: 40px;
  height: 40px;
  background-position: 0 -250px;
}

.icon-city.icon-city12 {
  width: 42px;
  height: 29px;
  background-position: -60px 0;
}

.icon-city.icon-city22 {
  width: 38px;
  height: 38px;
  background-position: -60px -50px;
}

.icon-city.icon-city32 {
  width: 31px;
  height: 40px;
  background-position: -60px -100px;
}

.icon-city.icon-city42 {
  width: 29px;
  height: 40px;
  background-position: -60px -150px;
}

.icon-city.icon-city52 {
  width: 42px;
  height: 29px;
  background-position: -60px -200px;
}

.icon-city.icon-city62 {
  width: 38px;
  height: 38px;
  background-position: -60px -250px;
}

.icon-city.icon-city72 {
  width: 31px;
  height: 40px;
  background-position: -60px -300px;
}

.news-list-box .list-item {
  font-weight: bold;
  color: #999;
}

.news-list-box ul.list-item {
  color: #4680B8;
}

.news-list-box ul.list-item.list-kaoshi {
  color: #CC3300;
}

.news-list-box .list-item > li {
  width: 100%;
  line-height: 32px;
  height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-list-box .list-item > li div iframe{
  width: 50%;
}

.news-list-box .list-item a {
  font-weight: normal;
  color: #343435;
}
.news-list-box .list-item a div{
  display: inline-block !important;
  height: 32px !important;
  line-height: 32px !important;
}
.news-list-box .list-item a div iframe{
  height: 32px !important;
}
.city_class {
  margin-left: 10px;
  margin-right: 10px;
  border-bottom: 1px solid #e1e1e1;
}

.city_class div a {
  line-height: 50px;
}

.city_class div {
  float: left;
  width: 20%;
  height: 50px;
  text-align: center;
}

.city_class div.active {
  border-bottom: 2px solid #0D62AA;
}

.city_list h3 {
  display: flex;
  align-items: center;
  height: 30px;
  line-height: 30px;
  font-size: 22px;
  margin: 0 0 10px;
  color: #343435;
  padding-left: 15px;
  border-left: 4px solid #0D62AA;
}
.bg-kaoshi-2 .city_list>h3{border-left: 4px solid #cc3300;}
.city_list_search h4 {
  background: #f2f2f2;
  padding-left: 30px;
  line-height: 30px;
}

.city_list_search .city_list_content {
  position: relative;
}

.city_list_search .city_list_content ul {
  display: inline-block;
  margin-right: 50px;
  margin-left: 10px;
  height: 30px;
  overflow: hidden;
}

.city_list_search .city_list_content ul.active {
  height: auto;
}

.city_list_search .city_list_content ul li {
  float: left;
  height: 30px;
  margin-left: 5px;
  margin-right: 5px;
}

.city_list_search .city_list_content ul li a {
  line-height: 30px;
  color: #999;
}

.city_list_search .city_list_content .active li a {
  color: #343434;
}

.city_list_search .city_list_content b {
  position: absolute;
  right: 10px;
  top: 5px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  z-index: 1;
}

.city_list_search .city_list_content .active .glyphicon-menu-down,
.city_list_search .city_list_content .glyphicon-menu-up {
  display: none;
}

.city_list_search .city_list_content .glyphicon-menu-down,
.city_list_search .city_list_content .active .glyphicon-menu-up {
  display: block;
}

.city_list .btn {
  width: 90%;
  margin-left: 5%;
}

.city_hot h3 {
  display: flex;
  align-items: center;
  height: 50px;
  line-height: 50px;
  font-size: 22px;
  margin: 0 0 10px;
  color: #343435;
  padding-left: 15px;
}

.item dl {
  width: 25%;
  height: 93px;
  float: left;
  text-align: center;
  margin-bottom: 0.5rem;
}

/****www.school***/

.schools h3 {
  color: #333;
  line-height: 30px;
  padding-left: 20px;
  border-left: 3px solid #1164AB;
}

.schools-class {
  margin-left: 15px;
  margin-right: 15px;
  border-bottom: 1px solid #f2f2f2;
}

.schools-div div.fr a.btn {
  color: #FFFFff;
}

.schools-class > div {
  width: 16.6%;
  float: left;
  text-align: center;
  position: relative;
}

.schools-class > div.active b {
  border: 3px solid transparent;
  border-bottom: 3px solid #0D62AA;
  position: absolute;
  bottom: 0px;
  left: 21px;
}

.schools-class div.active {
  border-bottom: 2px solid #0d62aa;
}

.schools-class div a {
  line-height: 40px;
}

.schools-div {
  margin: 15px 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f2f2f2;
}

.schools-div > div.fl {
  width: 65%;
}

.schools-div .schools-pic img {
  width: 100%;
}

.schools-div .schools-pic {
  width: 40%;
}

.schools .schools-name {
  width: 55%;
  padding-left: 5px;
}

.schools .schools-name span {
  font-size: 12px;
}

.schools-div > div.fr {
  width: 35%;
}

.schools-div > div.fr p {
  text-align: right;
  color: #a4a4a4;
  margin: 0;
  padding-right: 10%;
}

.schools .btn {
  width: 90%;
  margin-left: 5%;
  margin-bottom: 5px;
}
.schools .btn-assertive {
padding: 6px 10px;
background-color: #f00;
}
.d-none {
  display: none;
}

.www-news-title {
  border-bottom: 1px solid #CCCCCC;
}

.www-news-title div {
  width: 50%;
  float: left;
  text-align: center;
}

.www-news-title div a {
  line-height: 40px;
}

.www-news-title div.active {
  border-bottom: 2px solid #0D62AA;
}

.www-news-content ul {
  margin-top: 10px;
}

.www-news-content ul li {
  margin-left: 10px;
  line-height: 28px;
  height: 28px;
  overflow: hidden;
}

.www-news-content ul li a {
  height: 28px;
}

.www-hot h3 {
  color: #333;
  line-height: 40px;
  padding-left: 20px;
  border-left: 3px solid #1164AB;
}

.www-hot-country div {
  float: left;
  width: 25%;
  text-align: center;
}

.www-hot-country div a {
  display: inline-block;
  line-height: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 80%;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  text-align: center;
}

#banner-tab.cat-tab-liuxue {
  padding-top: 40px;
}

.cat-tab-liuxue ul {
  padding: 0 15px 15px;
}

.cat-tab-liuxue .flex-box {
  justify-content: flex-start;
}

.cat-tab-liuxue li {
  display: inline-block;
  width: 22.75%;
  padding: 3px 6px;
  text-align: center;
  margin: 0.5rem 3% 0 0;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.cat-tab-liuxue li > a {
  display: block;
  font-size: 14px;
}

.cat-tab-liuxue ul > :nth-child(4n) {
  margin-right: 0;
}
.school-top-name span {
  font-size: 22px;
  color: #ffffff;
  line-height: 44px;
  height: 44px;
  display: inline-block;
  overflow: hidden;
}

#exchange-rate > p {
  text-align: center;
}

.sc-name a p {
  font-size: 14px;
}

.news-list-box {
  padding: 15px 15px 0;
}
/*******新头部开始******/

.por{ position:relative;}
.poa{ position:absolute;}
.wap-top .icon-top a i,.home{ background:url(../images/icon.png) no-repeat; background-size:30px 540px;}

.wap-top .head .home{ position:absolute; line-height:40px; padding-left:30px; height:40px; top:5px; color:#fff; background-position:0 -175px;}
.wap-top .logo{ max-width:160px; height:40px; display:block; margin:0 auto; padding:10px 0 0 0; overflow:hidden; font-size:16px; font-weight:bold; color:#fff; line-height:30px; text-align:center;}
.icon-home{
  position: absolute;
  line-height: 40px;
  padding-left: 30px;
  margin-left: 10px;
  height: 40px;
  top: 5px;
  background: url(../images/home.png) no-repeat 0;
  background-size: 26px 26px;
}
.wap-top .icon-top{ right:0; top:0; z-index:999;}
.wap-top .icon-top a{ float:left; padding:10px;}
.wap-top .icon-top a.search{ background:#01396a;}
.wap-top .bg-kaoshi .icon-top a.search{ background:#E33D24;}
.wap-top .icon-top a.off{ background:#023d72;}
.wap-top .icon-top a i{ text-indent:-9999px;}
.wap-top .icon-top a.search i{background-position:0 -60px; width:30px; height:30px; display:block;}
.wap-top .icon-top a.more i{background-position:0 -0px;width:30px; height:30px;display:block;}
.wap-top .icon-top a.off i{ background-position:0 -30px;width:30px; height:30px;display:block;}
/***搜索弹出框***/
.nav_waiwei1{width: 100%;display: none; background: 1px solid #f00;position: fixed; top: 0%;left: 0%; height: 100%; background: #000;z-index: 100;-moz-opacity: 0.5; opacity:0.5; filter: alpha(opacity=50);}
.b_k{ display:block;}
.search-list{ display:none; overflow:hidden;transition:all 0.6s ease 0s;position:fixed; top:50px; width:100%;height: 0;background: #fff;z-index: 99999;}
.on {display:block; height:100%; overflow-y:scroll;}
.on .nav_waiwei1{ display:block; height:100%;}
.on .box{  background:#fff; width:100%; padding:3%; position:relative; display:block; height:100%; z-index:9999;}

.search-list .box .form .text{ line-height:20px;width:70%; float:left;  padding:8px 0; text-indent:7px; color:#999; border:1px solid #e6e1e4; border-right:0;border-radius:0 !important;}
.search-list .box .form .submit{ background:#377bee; width:29%; height:38px; float:left; border:0; font-size:16px; font-weight:bold; color:#fff; font-family:微软雅黑; border-radius:0 !important;}
.bg-kaoshi .search-list .box .form .submit{ background:#CC3300;}
.key{ width:100%;}
.key ul li.color-red { position:relative; z-index:10;}
.key ul li a{ overflow:hidden; display:block; line-height: 1; color: #337ab7;}
.city .key ul li{     width: 21%; box-sizing: border-box;}
.key ul li{     
  float: left;
  font-size: 14px;
  text-align: center;
  margin: 5px;
  padding: 5px;
  border-radius: 3px}
.sea .key ul li {
  border: 1px solid #1E88DB;
}
/*.key ul li.color-red i{ background:url(../images/hop.png) no-repeat; width:9px; height:11px; display:block; position:absolute;  top:2px;right:2px;}*/
.gd{width: 100%;display: none; background: 1px solid #f00;position: fixed; top: 0%;left: 0%; height: 100%; background: #fff;z-index: 100;-moz-opacity: 0.5; opacity:0.5; filter: alpha(opacity=50);}

.open {display:block;overflow-y:scroll; z-index:999999;height: 100%;}
.open .box{width:100% !important; z-index:999999;display:inline-block; padding:0 !important;  display:block;}
.open .box-icon{ float:left; width:100%; border-top:1px solid #e7e7e8; }
.open .box-icon .x-box{ width:50%; float:left; border-bottom:1px solid #e7e7e8;}
.open .box-icon .x-box a{ padding:5px 10px 5px 0; display:block; float:left;}
.open .box-icon .x-box a img{ width:60px; height:60px; float:left;}
.open .box-icon .x-box a .text{  padding:10px 0 0 0;}
.open .box-icon .x-box a .text h4{  font-size:16px; font-weight:bold; width:80px; overflow:hidden; line-height:20px; height:20px; display:inline-block;}
.open .box-icon .x-box a .text span{ font-size:12px; font-weight:normal;width:80px; overflow:hidden;line-height:20px; height:20px;display:inline-block;}

.box-icon{ width:100%; border-top:1px solid #e7e7e8; position:relative; z-index:10}
.box-icon .x-box{ width:50%; float:left; border-bottom:1px solid #e7e7e8;}
.box-icon .x-box a{ padding:5px 10px 5px 0; display:block; float:left;}
.box-icon .x-box a img{ width:60px; height:60px; float:left;}
.box-icon .x-box a .text{  padding:10px 0 0 0; width:80px; float:left;}
.box-icon .x-box a .text h4{  font-size:16px; font-weight:bold; width:80px; overflow:hidden; line-height:20px; height:20px; display:inline-block;}
.box-icon .x-box a .text span{ font-size:12px; font-weight:normal;width:80px; overflow:hidden;line-height:20px; height:20px;display:inline-block;}


.b-b-b{ background:url(../images/xs.png) repeat-y right; margin-left:0px;}
.b-b-b a{ padding-right:9px;}
/*icon*/
.search-list-a{ display: block; background-color: rgba(0,0,0,0.2); margin-top: 20px; border-radius: 5px; overflow: hidden;}
.search-list-a:before{ content: "关  闭"; display: block;height: 30px; line-height: 30px; text-align: center;font-weight: bold;}
.head-logo{display: inline-block; margin: 8.5px 0 8.5px 15px;}
.bg-liuxue{
  background: #0d62aa;}
.bg-kaoshi{background:#cc3300;}
/***城市弹出框****/
.city .key{ width:100% !important;}
.city .key ul li a{ border:1px solid #e5e5e5;  border-radius:4px; display:block; overflow:hidden; background:#f8f8f8; line-height:38px; height:38px;}
.city .key ul li a.active{ background:url(../images/img-h.png) no-repeat top right; background-color:#fff; background-size:25px 25px; border:2px solid #fe5300;color:#fe5300; font-weight:700;}

/*******新头部结束******/
.city_class.clearfix~.mtb10{
  margin-bottom: 0;
  margin-top: 0;
}
.news-box.container-fluid+.mtb20,.list-box.container-fluid+.mtb20,.school.container-fluid+.mtb20{
  margin:0 0;
}
/**底部tab切换**/
.tab_nr{  border-top:1px solid #f7f5f5;border-bottom:1px solid #f7f5f5; margin:0 auto; z-index:0;width:100%; }
.tab_xx a{ line-height:40px; float:left; width:25%; text-align:center;height:40px;overflow:hidden;}
.tab_xx.tab_xx3 a{width: 33.33%}
.tab_xx_a{ border-bottom:2px solid #0D62AA;}
.bg-kaoshi-2 .tab_xx_a{ border-bottom:2px solid #CC3300;}
.tab_wei{ width:100%; margin:0 auto; border-bottom:1px solid #ebebeb; position:relative;}
.tab_nr>.wei_kk{padding:15px 15px 0;}
.tab_nr_bom a{line-height: 30px;margin-right:10px;font-size:14px;}
/*.tag-c{ padding-left:20px; background-size:40px 720px; background-position:0 -200px; font-size:18px; font-weight:bold;    height: 30px;  line-height: 30px;    border-left: 4px solid transparent;background: 0;overflow: hidden;  margin: 5px 0;}*/
.caret{display: inline-block;width: 0;height: 0;border: 6px solid transparent;border-top-color: #fff; margin: 0 0 -4px 5px;}

/*8-22*/
.list-title span{
  font-size: 12px;
}
.list-title span a{
  color: #FF6600;
}
.abroad-new-top{
  padding: 10px 0;
  border-bottom: 1px solid #F2F2F2;
}
.abroad-list .abroad-new-top div{
  display: table-cell;
  vertical-align: middle;
}
.abr-new-img{
  width: 40%;
  height: 75px;
  overflow: hidden;
}
.abr-new-content{
  width: 60%;
  padding-left: 8px;

}
.abroad-new .tab_xx a {
  width: 33%;
}
.abroad-new .tab_xx_a {
  font-weight: bold;
  color: #333;
}
.abr-new-content p{
  margin-top: 5px;
  max-height: 43px;
  overflow: hidden;
  margin-bottom: 7px;
}
.abr-new-content span {
  display: block;
  font-size: 12px;
  height: 18px;
  overflow: hidden;
  color: #999999;
}
.abr-new-content em {
  display: block;
  font-size: 12px;
  height: 18px;
  overflow: hidden;
  float: right;
  font-style: normal;
  color: #999999;
}
.abr_nr_bom ul{
  margin-top: 10px ;
}
.abr_nr_bom ul li{
  line-height: 28px;
  height: 28px;
  overflow: hidden;
}
.abr_nr_bom ul li a{
  display: inline-block;
  max-width: 230px;
  /*max-width: 200px;*/
  overflow: hidden;
}
.abr_nr_bom ul span{
  /*margin-right: 10px;*/
  float: right;
  font-size: 12px;
  color: #999999;
}
.abr_nr_bom ul span a{
  color: #0D62AA;
  float: left;
  width: 72px;
  overflow: hidden;
}
.abroad-btn{
  display: inline-block;
  text-align: center;
  margin-top: 10px;
  height: 35px;
  line-height: 32px;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  width: 100%;
  background: #FFFFFF;
}
.nav-top .icon-top {
  right: 0;
  top: 0;
  z-index: 999;
}
.nav-top .icon-top a.search {
  background: #01396a;
}
.nav-top .icon-top a.search i {
  background: url(../images/icon.png) no-repeat;
  background-size: 30px 540px;
  background-position: 0 -60px;
  width: 30px;
  height: 30px;
  display: block;
}
.nav-top .icon-top a {
  float: left;
  padding: 10px;
}
.nav-top .icon-top a.more i {
  background: url(../images/icon.png) no-repeat;
  background-size: 30px 540px;
  background-position: 0 -0px;
  width: 30px;
  height: 30px;
  display: block;
}
.nav-top .icon-top a i {
  text-indent: -9999px;
}
.abr-new-img img{
  width: 100%;
}
#submit-btn{
  color: #666;
  font-size: 22px;
  z-index: 999;
  pointer-events: auto;
}
.js-hide{display: none!important;}
.news-tab-box{padding: 0 15px;color: #333;}
.news-tab{padding: 10px 0;border-bottom: 1px solid #F2F2F2;}
.news-tab>p{color: #999;font-size: 14px;margin: 10px 0;}
.news-tab>div{line-height: 1.75; font-size: 14px;}
.sch-news-box>h3{border-left: 3px solid #1164AB;padding-left: 20px;line-height: 30px;margin: 15px 0 10px -15px;}
.sch-news-box>.news-tab{border-bottom: none;padding: 5px 0 0;}
.sch-news-box>.news-tab:first-child{padding-top: 0;}
.sch-news-box>h4>a{font-size: 16px;}
.sch-news-box>.news-tab>div{color: #999;line-height: 1.5; font-size: 12px;text-overflow: -o-ellipsis-lastline; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;clear: both;} 
.sch-news-box>.news-tab>p{margin: 5px 0 0; font-size: 12px;}

/*内容页头部*/
.wap-top .head {
  width: 100%;
  margin: 0 auto;
  height: 50px;
  z-index: 9999;
  position: fixed;
  top: 0;
  transition: all .3s linear;
}
.wap-top{margin-bottom: 50px;}
.scroll-up .wap-top .head{top: 0;} 
.scroll-up .wap-top{margin-bottom: 50px;}
.bread {
  width: 81%;
  line-height: 50px;
  height: 50px;
  overflow: hidden;
}
.bread a.location {
  background: url(../images/icon.png) no-repeat;
  background-size: 30px 540px;
  margin: 10px 0;
  width: 30px;
  height: 30px;
  background-position: 0 -240px;
  display: block;
  float: left;
  overflow: hidden;
}
.bread a {
  font-size: 16px;
  color: #fff;
}
.bread em {
  line-height: 50px;
  font-size: 12px;
  font-style: normal;
  color: #fff;
}
/****新增国家图标****/
.icon-s { border-bottom:1px solid #e5e5e5;}
.icon-s .icon a::before { margin: 0 auto 10px !important;}
.icon-s .icon a{ width:20%; float:left; text-align:center; padding-bottom:10px; font-size:12px; line-height:12px; margin-top:10px;}
.icon-s .icon a::before{background:url(../images/icon_3.png) no-repeat ; background-size:50px 3050px;content: "";display: block;height: 50px;margin: 0 auto 5px;width: 50px; display:block; border-radius:50%; display:block;}
.icon-s a.guojia_icon_1::before{ background-position:0 -2950px;background-color:#5fcaf9;}
.icon-s a.guojia_icon_2::before{ background-position:0 -2650px;background-color:#d88bfb;}
.icon-s a.guojia_icon_3::before{ background-position:0 -3000px;background-color:#f4c600;}
.icon-s a.guojia_icon_4::before{ background-position:0 -2700px;background-color:#ea8010;}
.icon-s a.guojia_icon_5::before{ background-position:0 -1900px;background-color:#11cd6e;}

/*******/
.sch-tab-bottom .item>a{
  line-height: 30px;
  margin-right: 15px;
  font-size: 14px;
}
.sch-tab-bottom .carousel-inner{padding: 0 15px;}
#fixed-box{padding: 0 15px;}
.Links {
  padding: 5px;
}
.Links p{
  display: inline-block;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 0;
}
.Links a{
  font-size: 14px;
  color: #999999;
}
/*留学2.1*/
.abroad-new .tab_xx a.per24{
  width: 25%;
}
.abroad-new .abroad-new-title{
  position: relative;
  left: -15px;
  padding-left: 15px;
  border-left: 3px solid #0d62aa;
  font-size: 20px;
}
.ww-box{
  height: 40px;
  overflow: hidden;
  border-bottom:1px solid #ebebeb ;
}
.w-box{
  width: 100%;
  overflow: hidden;
  overflow-x: visible;
  height: 60px;
}
.n-box{
  width: 1200px;
}
.abroad-new .tab_xx.n-box a{
  width: 100px;
}
.anchor-list{
  width: 100%;
}
.anchor-list div{
  width: 33%;
  float: left;
  text-align: center;
  border-bottom: 1px solid #d7d7d7;
  height: 50px;
}
.anchor-list div a{
  display: inline-block;
  width: 70%;
  height: 50px;
  line-height: 50px;
}
.anchor-list div span {
  line-height: 50px;
  color: #d7d7d7;
}
.anchor-list div a.active{
  border-bottom: 2px solid #0d62aa;
}
.organization-details div{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.organization-details .or-img{
  width: 25%;
}
.organization-details .or-img img{
  width: 100%;
}
.organization-details .or-title {
  width: 65%;
  font-size: 18px;
}
.organization-details p{
  font-size: 14px;
}
.organization-details>span{
  font-size: 14px;
}
.star-grey {
  display: inline-block;
  width: 97px;
  height: 14px;
  background: url(../images/liuxue2.1/icon-school.png) no-repeat 0 -340px;
}
.star-grey>em {
  display: block;
  width: 97px;
  height: 14px;
  background: url(../images/liuxue2.1/icon-school.png) no-repeat 0 -360px;
}
.level {
  display: inline-block;
  height: 15px;
  width: 14px;
  margin-bottom: -3px;
  background: url(../images/liuxue2.1/icon-lx.png) no-repeat;
}
.level.level1{
  background-position: 0 -100px;
}
.level.level2{
  background-position: -20px -100px;
}
.level.level3{
  background-position: -40px -100px;
}
.level.level4{
  background-position: -60px -100px;
}
.level.level5{
  background-position: -80px -100px;
}

.clear{
  clear: both;
}
.organization-details .or-btn span{
  display: inline-block;
  width: 50%;
  text-align: center;
  margin-top: 15px;
}
.organization-details .or-btn button{
  height: 32px;
  line-height: 30px;
  padding: 0;
  width: 120px;
  border-radius: 4px;
}
.organization-details .or-btn button.order{
  border: 1px solid #FF6600;
  background: #FF6600;
  color: #FFFFff;
}
.organization-details .or-btn button.scheme{
  border: 1px solid #4599E2;
  background: #FFFFff;
  color: #333;
}
.abroad-new .abroad-new-title{
  position: relative;
  left: -15px;
  padding-left: 15px;
  border-left: 3px solid #0d62aa;
  font-size: 20px;
}
.or-content div{
  height: 175px;
  overflow: hidden;
  line-height: 28px;
}
.or-content button{
  display: block;
  background: #FFFFff;
  color: #333333;
  border: 1px solid #CCCCCC;
  width: 50%;
  border-radius: 4px;
  height: 35px;
  line-height: 33px;
  margin: 20px auto 0;
}
.or-business dd a {
  background: #FF6600;
  color: #FFFFFF;
  padding: 0 5px;
  border-radius: 5px;
  font-size: 14px;
}
.tool-box{
  margin-top: 20px;
}
.tool-box>dl dd{
  font-size: 14px;
}
.tool-box>dl {
  float: left;
  width: 25%;
  text-align: center;
  margin-bottom: 20px;
}
.tool-box>dl dt {
  width: 50px;
  height: 50px;
  margin: 0 auto;
}
.icon-lx {
  display: inline-block;
  background: url(../images/liuxue2.1/icon-lx.png) no-repeat;
}
.icon-lx51{
  background-position: 0 -190px;
}
.icon-lx52{
  background-position: -60px -190px;
}
.icon-lx53{
  background-position: -120px -190px;
}
.icon-lx54{
  background-position: -180px -190px;
}
.icon-lx61{
  background-position: 0 -260px;
}
.icon-lx62{
  background-position: -60px -260px;
}
.icon-lx63{
  background-position: -120px -260px;
}
.icon-lx64{
  background-position: -180px -260px;
}
.or-activity-pic{
  height: 205px;
  overflow: hidden;
}
.or-activity-pic>li {
  float: left;
  width: 46%;
  margin: 10px 2%;
  height: 85px;
  overflow: hidden;
}
.or-activity button{
  width: 60%;
  border: 1px solid #CCCCCC;
  background: #FFFFff;
  border-radius: 4px;
  color: #333;
  margin: 20px 20% 0;
  text-align: center;
  height: 35px;
  line-height: 32px;
}
.counselor-img{
  width: 25%;
  overflow: hidden;
}
.counselor-img img{
  width: 100%;
}
.counselor-content{
  padding-left: 10px;
  width: 47%;
}
.counselor-content p a{
  display: block;
  font-size: 16px;
  margin-bottom: 5px;
}
.counselor-content p{
  font-size: 14px;
  margin: 0;
}
.counselor-team li{
  margin: 15px 0;
}
.counselor-team li div{
  display: table-cell;
  vertical-align: middle;
}
.counselor-btn button{
  float: right;
  height: 28px;
  line-height: 26px;
  border: 1px solid #ff6600;
  border-radius: 4px;
  background: #FF6600;
  color: #ffffff;
}
.or-show li{
  list-style: decimal inside;
  line-height: 26px;
  margin: 7px 0;
}
.abroad-new .tab_xx a.per24{
  width: 25%;
}
.abroad-new .abroad-new-title{
  position: relative;
  left: -15px;
  padding-left: 15px;
  border-left: 3px solid #0d62aa;
  font-size: 20px;
}
.abroad-new .tab_xx.n-box a{
  width: 100px;
}
.in-list-btn select{
  width: 46.5%;
  margin: 5px 1%;
  height: 45px;
  line-height: 43px;
  border: 1px solid #E4E4E4;
  border-radius: 4px;
}
.in-list-option{
  height: 45px;
  border-bottom: 1px solid #E4E4E4;
}
.in-list-option span{
  display: inline-block;
  text-align: center;
  width: 32%;
  line-height: 43px;
}
.in-list-option span.active {
  border-bottom: 2px solid #0D62AA;
}
.institution-list li .in-list-intro div{
  display: table-cell;
  vertical-align:middle;
}
.in-list-content{
  width: 60%;
  padding-left: 10px;
}
.in-name{
  font-size: 16px;
}
.in-scope{
  font-size: 14px;
}
.db{display: block}
.in-list-btn {
  margin-top: 10px;
}
.institution-list li{
  padding: 20px 0;
}
.counselor-team li{
  margin: 15px 0;
}
.counselor-team li div {
  display: table-cell;
  vertical-align: middle;
}
.counselor-btn button {
  float: right;
  height: 28px;
  line-height: 26px;
  border: 1px solid #ff6600;
  border-radius: 4px;
  background: #FF6600;
  color: #ffffff;
}
.abroad-new .abroad-new-title{
  position: relative;
  left: -15px;
  padding-left: 15px;
  border-left: 3px solid #0d62aa;
  font-size: 20px;
}
.abroad-new .tab_xx.n-box a{
  width: 100px;
}
.in-list-btn select{
  width: 46.5%;
  margin: 5px 1%;
  height: 45px;
  line-height: 43px;
  border: 1px solid #E4E4E4;
  border-radius: 4px;
}
.in-list-option{
  height: 45px;
  margin-bottom: 15px;
  border-bottom: 1px solid #E4E4E4;
}
.in-list-option span{
  display: inline-block;
  text-align: center;
  width: 32%;
  line-height: 43px;
}
.in-list-option span.active {
  border-bottom: 2px solid #0D62AA;
}
.institution-list li .in-list-intro div{
  display: table-cell;
  vertical-align:middle;
}
.in-list-img{
  width: 40%;
}
.in-list-img img{
  width: 100%;
}
.db{display: block}
.in-list-btn {
  margin-top: 10px;
}
.in-list-btn a{
  display: inline-block;
  width: 39%;
  margin: 0 5%;
  border-radius: 4px;
  text-align: center;
  font-size: 16px;
  height: 30px;
  line-height: 28px;
}
.in-list-btn a.order {
  border: 1px solid #ff6600;
  background: #FF6600;
  color: #FFFFff;
}
.in-list-btn a.scheme {
  border: 1px solid #4599E2;
  background: #FFFFff;
  color: #333333;
}
.institution-list li{
  padding: 20px 0;
}
.counselor-team li{
  margin: 15px 0;
}
.counselor-team li div{
  display: table-cell;
  vertical-align: middle;
}
.counselor-img{
  width: 25%;
  overflow: hidden;
}
.counselor-img img{
  width: 100%;
}
.counselor-content{
  padding-left: 10px;
  width: 47%;
}
.counselor-content p a{
  display: block;
  font-size: 16px;
  margin-bottom: 5px;
}
.counselor-content p{
  font-size: 14px;
  margin: 0;
}
.counselor-btn button {
  float: right;
  height: 28px;
  line-height: 26px;
  border: 1px solid #ff6600;
  border-radius: 4px;
  background: #FF6600;
  color: #ffffff;
}


.co-sc-list li{
  margin: 20px 0;
}
.co-sc-list li div{
  display: table-cell;
  vertical-align: middle;
}
.co-sc-img{
  width: 25%;
}
.co-sc-img img{
  width: 100%;
}
.co-sc-name{
  width: 45%;
  padding-left: 10px;
}
.co-sc-name p{
  margin-bottom: 5px;
}
.co-sc-name span{
  font-size: 14px;
  height: 41px;
  overflow: hidden;
}
.co-sc-btn{
  width: 30%;
  padding-left: 5px;
}
.co-sc-btn a{
  display: block;
  background: #ff6600;
  border: 1px solid #ff6600;
  color: #FFFFff;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  line-height: 33px;
  height: 35px;
  overflow: hidden;
}
.abr2-new-img{
  width: 25%;
  height: 75px;
  overflow: hidden;
  text-align: center;
}
.abr2-new-img img {
  width: 100%;
  margin: 0 auto;
}
.abr2-new-content{
  width: 75%;
  padding-left: 8px;
}
.abr2-new-content p{
  margin-top: 5px;
  max-height: 43px;
  overflow: hidden;
  margin-bottom: 7px;
}
.abr2-new-content span {
  display: block;
  font-size: 12px;
  height: 18px;
  overflow: hidden;
  color: #999999;
}
.abr2-new-content em {
  display: block;
  font-size: 12px;
  height: 18px;
  overflow: hidden;
  float: right;
  font-style: normal;
  color: #999999;
}
.in-list-btn>div{
  width: 46.5%;
  margin: 5px 1%;
  height: 37px;
  line-height: 43px;
  border: 1px solid #E4E4E4;
  border-radius: 4px;
  text-align: center;
  position: relative;
}
.in-list-btn>div>a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  line-height: 35px;
  text-align: center;
}

.in-list-btn div ul{
  z-index: 999;
  background: #FFFFff;
  position: absolute;
  width: 100%;
  top: 45px;
  border: 1px solid #CCCCCC;
  height: 400px;
  overflow-y: scroll;
  border-radius: 4px;
  display: none;
}
.in-list-btn div ul.active{
  display: block;
}

.in-list-btn div ul li{
  padding: 0;
  border-bottom: 1px solid #f2f2f2;
}
.in-list-btn li a{
  width: auto;
}
.in-list-btn div li{
  list-style: none;
  padding: 0;
  text-align: center;
}
#exchange-rate .col-xs-2 button{
  padding: 6px 0;
}
/* banner占位样式 */
#insert-banner{
min-height: 150px;
border-top: 1px solid transparent;
border-bottom: 1px solid #e5e5e5;
}
#insert-banner>img{
display: block;
margin: 50px auto;
}
#insert-banner img{
vertical-align: bottom;
}
.in-list-btn b{
  border: 5px solid transparent;
  border-top-color: #666666;
  position: absolute;
  top: 15px;
  right: 10px;
}

.realty-ban{
  width: 100%;
}
.realty-ban img{
  width: 100%;
  vertical-align: bottom;
}
.realty-option {
  padding: 1rem 0;
  border-bottom: 1px solid #f6f6f6;
}
.realty-option a{
  display: block;
  width: 33%;
  float: left;
}
.realty-option a img{
  display: block;
  width: 3rem;
  margin: 0 auto;
}
.realty-option a p {
  text-align: center;
  margin: 0.3rem 0;
  font-size: 1em;
}
.realty-form{
  padding: 10px 15px 20px;
}
.realty-form input{
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  height: 35px;
  padding-left: 5px;
}
.realty-form div{
  margin: 0.6rem 0;
}
.f-100 input{
  width: 98%;
}
.f-50 input{
  width: 90%;
}
.f-50 {
  width: 50%;
  float: left;
  /*margin: 1%;*/
}
.realty-form button {
  width: 100%;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  height: 35px;
  background: #FF6600;
  color: #FFFFff;
}
.list-title span{
  font-weight: normal;
}
.realty-link{
  padding: 10px 15px 0;
}
.realty-link a{
  display: block;
  width: 15.7%;
  float: left;
  border-bottom: 1px solid #e4e4e4;
  text-align: center;
  line-height: 32px;
  height: 32px;
  margin-bottom: 10px;
}
.realty-link a:nth-child(2), .realty-link a:nth-child(5){ width: 26.3%;}
.realty-link a.active {
  border-bottom: 2px solid #0D62AA;
}
.container-fluid {
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}
.abroad-new .abroad-new-title{
  margin: 10px 0;
}
.gg{overflow: hidden;}

.logo-box>.media-left{
  width: 80px;
  height: 100%;
  vertical-align: middle;
}
.logo-box>.media-left>img{
  width: 80px;
}
/*****临时，应改页面*/
.list-box.container-fluid{padding: 0;}
.list-box .list-title{margin-left: 0;}
/*******拦截通道*******/
.chat-btn{
  position: fixed;
  bottom: 90px;
  right: 10px;
  width: 45px;
  height: 48px;
}
.chat-btn>.icon-chat12{
  width: 45px;
  height: 48px;
  background-position: -40px 0;
}
#insert-form{padding: 0;}
#insert-form>.list-title{font-weight: bold;}
#insert-form>.title-desc{padding-left: 15px;}
/*问答*/
.sch-ask-item{margin-bottom: 20px;}
.sch-ask-list{font-size: 14px;}
.sch-ask-tit{font-size: 16px; color: #333;}
.sch-ask-desc{color: #666;}
.sch-ask-info{color: #999;}
.sch-ask-info>span{
  display: inline-block;
  margin-right: 5px;
}
/**剪切板-淘宝*/
body>textarea::selection{
  color: transparent;
}
.rel{position: relative;}
.icon-jgtj{
  position: absolute;
  top: 0;
  left: 10px;
  width: 24px;
  height: 40px;
  line-height: 30px;
  text-align: center;
  background-color: #D81E06;
  color: #fff;
  font-size: 12px;
}
.icon-jgtj:after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border: 12px solid transparent;
  border-bottom-color: #fff;
}
/****首页成功案例*****/
.contain{margin: 0 10px;}
.liuxue-anli-list{margin: 5px 0;}
.liuxue-anli-list>li>img{
  border-radius: 50%;
  margin-right: 5px;
}
.liuxue-anli-list>li{
  height: 40px;
  line-height: 40px;
}
.liuxue-anli-list>li>a{
  display: inline-block;
  max-width: 250px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* 广告 */
.gg{margin: 0 15px;}
.list-group>.gg{padding:0;} 
/* .gg[data-id="banner1"]{padding: 9px 6px 2px;background-color: #f3f3f3;} */

/*右侧表单组件 */
.form-list > .form-item {
height: 34px;
line-height: 34px;
margin: 10px 0;
overflow: hidden;
}
.form-list > .privacy-policy {
font-size: 8px;
text-align: left;
opacity: 0.8;
margin: -5px 0;
}
.form-list > .privacy-policy  input {
position: relative;
top: 3px;
margin-right: 5px;
}
.form-list > .privacy-policy > label {
margin: 0;
font-weight: normal;
margin-right: 5px;
}
.form-list > .privacy-policy > a{
color: #fff;
text-decoration: underline;
}
.form-item > .form-item-menu {
height: 34px;
}
.form-item  .form-item-menu-l,
.form-item > .form-item-tit {
float: left;
}
.form-item  .form-item-menu-r,
.form-item > .form-item-menu {
float: right;
}
.form-item .form-item-menu-r,
.form-item .form-item-menu-l {
height: 34px;
width: 48%;
}
.form-item > .btn-assertive {
color: #fff;
background-color: #f60;
}
.form-list .form-info {
margin-top: -5px;
line-height: 1.4;
}
.form-list .form-info > p {margin: 0;}


/* 首页表单样式 */
.cf60 {color: #f60;}
.index-form {
background-color: #0D62AA;
text-align: center;
color: #fff;
}
.index-form-head {
position: relative;
padding-top: 30px;
margin-bottom: 22px;
border-bottom: 3px solid #fff;
}
.index-form-body {
padding: 0 10px 10px;
}
.index-form-head > .index-form-head-tit {
position: absolute;
top: 5px;
left: 50%;
width: 200px;
background-color: #0D62AA;
line-height: 1.2;
margin-left: -100px;
}
.index-form-head-tit > p{margin: 0;}
.index-form-head-tit .fs24 {
font-size: 24px;
}
.form-scroll {
position: relative;
height: 16px;
margin-bottom: -6px;
overflow: hidden;
}
.form-list-scroll {
position: absolute;
left: 0;
top: 0;
line-height: 1.2;
transition: all 1s linear;
}
.form-list-scroll li {
font-size: 14px;
height: 16px;
}
.form-list-scroll .item{
border-radius: 3px;
color: #333;
background-color: rgba(255,255,255,0.7);
overflow: hidden;
}


/**底部拦截通道****/
.bottom-chat {
position: fixed;
bottom: 0;
left: 0;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 50px;
background-color: rgba(255,255,255,.8);
}
.bottom-chat > .bottom-chat-item {
position: relative;
width: 32%;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
}
.icon-swt {
background-color: #f60;
}
.icon-test {
background-color: #f00;
}
.icon-phone {
background-color: #0D62AA;
}
.icon-swt > .icon {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAllBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AJcWoAAAAMXRSTlMAPt/tLfIv9bhvW8XBvpd1bAjj0LClk4h9TjkcA7RmUBgO1KCLSPnq2cmBVSTKYlIUNWjAvgAAAWdJREFUSMel1elygkAQBOAGEUFQw6EiovGIOdQc/f4vF8cYgqK4U/l+7Z+tnp6CWtQVznwdhkkShuu5U+A+d2Szwh65aGYlrEmspoQVr1rdTNrypi2umXps4E1Rk7+y0WuOC07MO2LnYlMt3vXioiJKaCCI8CelkRSljIayskiHhjoWfgxpbIijHRV2OFjOqDBbShOqWEAxosoYWNhUsRcyl3ayjEoZhlQaoseS7QDdDkVrAkxaFJ0u4FQK99Bm6QEHfYqBHAcUfTk+sNSuXGlZOPApHuX4SOGX/9M/rvS0g8VITernZ/Wf9Ev2qeTDpZKLpUeV4EuWoSJrdagR7wHodjaAmK4UTRY4+qSxDU5GurFE0aeRMYQmZ40zmS5DOG02kg/6wsczqXxeUzaJN6hZ2rztbVOgblJWsWcvrHr397jK40lvCizm47EXhMHsaZ5HuKH7W74fwUwUnCJcmMo9+y1Mu4YJ36YKTb8SPc81AAAAAElFTkSuQmCC") no-repeat;
opacity: 1;
transition: all .5s linear;
}
.active > .icon {
opacity: 0;
}
.icon-test > .icon {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAQlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////8IX9KGAAAAFXRSTlMAf8BAED/w4DCQ0LBQz3CgIK9gb49PXlBcAAABeklEQVRIx92T0W7DIAxFbfBMgDRJ2/n/f3XEGiMLLNCnSjtSrTbRqa8TA/8NeuAFc8OYnFxiqOrB0sGclVW6nLOZvoInRfrEphKWoNWNDJN7L6k+AMcVxluqN+RhpfA+xVdKMFcEcVQpFq7w+31ifh6V58cFs/jvFbnT4Cwaa9FvPA8qU97D0mhoJTE7A0rYT1T6WJd/lrW0e/NoQx1rc/Pu+XJycn/UK76OlZbvUxuxxF9raXivd65i4c/7p5VA6TytSf+QEPs7VmIl5iSara+UWFFF111Ld4ylrXprSXyMpa0OyooNzCkWU3d8zrFcjtVVlhzL5lg9xejhSvgcq6fwlhbkEMtCrUSIqfpUlRWAXInloaF4jbGkmidZ9LKKjlqK3LQarRokxiCy+RKrwNJgf1wWUFwdK2H+2C5JaaYqloKVoNNPrGvjm/sUauUBMBu9aRlbCxhbR0vP1GR4gSZkT+wj8kyrIME4aXCOG7yCiLHwEpN7wDv5Aq9HXN+rMX6iAAAAAElFTkSuQmCC") no-repeat;
}
.icon-phone > .icon {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAP1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////9Du/pqAAAAFHRSTlMA8BCAwKAg4DBgQFCQcNDPsH+vX2KxMSwAAAHRSURBVEjHjVXruoQgCMx7aVq7h/d/1rOrGN5amz8lfiMwgC4X/t4M5Lo8x3rAF2wtbQaMcneMDRCyMJ7plBcfMXa4oMkqAW5JGxB2MjvIYLZhaChgyg0RAPGqKW8okQQgFktm1Tkh+CYGLnqOrykyJ8jg8DqKHVqOrCkMzSkg9SVx2fg/AAbJ8CpxFQ+7CgANUFAFCMU/BwSMeUzhuSwKxTo+Fh3/3ZiylzU20fT+/NrSTZ28qBVO4Ymsku0UM0JfXWeUpvZb0c2ZGxYRtqbrdh5lwIgCVUAMmlhQ4tygG4/fsmEdUXQWK+8rbCxBRcNAiePNpZ/BiBhpFsqKtMFx/NFJJ9nMpBjMqketXFrjOK00XhV4jiQeh95wzwDiUpkqZsYU0bsh+5iioXVDzcxI3TMu2yljvKWcmL6tFENjrgNhZfH61HiWqfbl+ILhNnp1JjhMzS69m2O5xyZspSfV8yF0d/fNIaBRbQ7O2stvDlKA7sWXAePmoRWDdKT75UeggTgbMug1HEOzinOUqzs4IChZvyCzV7aHeMx5EpuCFvMC+zuO+9GuhW5TBWiwRtA/2+2EHmrSb65zFPi0r1Xj48lArAXJ2KcT5FUAALk3XfkPlUJNoi1Toa4AAAAASUVORK5CYII=") no-repeat;
}
.bottom-chat-item > a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 30px;
line-height: 30px;
color: #fff;
border-radius: 5px;
}
.bottom-chat-item .icon {
display: inline-block;
height: 25px;
width: 25px;
background-size: 20px 20px;
background-position: center center;
font-size: 14px;
margin-right: 5px;
}
.bottom-chat-item .icon-num {
position: absolute;
top: -5px;
left: 25px;
width: 20px;
height: 20px;
background-color: #f00;
color: #fff;
text-align: center;
line-height: 20px;
border-radius: 50%;
transition: all 1s ease-in-out;
}
/*新增通用类*/
.fb {
font-weight: bold;
}

/**搜索弹出框插入链接***/
.insert-serach {
margin-bottom: 35px;
}
.insert-serach > p {
margin: 10px 0 10px 7px;
}
.insert-serach > p > a {
color: #337ab7;
}
.hot-abroad-tit {
font-weight: bold;
margin-left: 7px;
margin-top: 10px;
}