@charset "UTF-8";

/*reset*/

html {

  font-family: sans-serif;

  -ms-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%;

}



body {

  margin: 0;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

nav,

section,

summary {

  display: block;

}



h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

p,

select,

textarea {

  margin: 0;

}



ol,

ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



a {

  color: #333;

  background-color: transparent;

  -webkit-text-decoration-skip: objects;

  text-decoration: none;

}



a:active,

a:hover {

  outline: 0;

}



audio,

canvas,

video {

  display: inline-block;

  vertical-align: baseline;

}



audio:not([controls]) {

  display: none;

  height: 0;

}



img {

  border: 0;

}



svg:not(:root) {

  overflow: hidden;

}



button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button;

  cursor: pointer;

}



button::-moz-focus-inner,

input[type="button"]::-moz-focus-inner,

input[type="reset"]::-moz-focus-inner,

input[type="submit"]::-moz-focus-inner {

  padding: 0;

  border: 0;

}



button[disabled],

html input[disabled] {

  cursor: default;

}



input,

button {

  overflow: visible;

}



button,

select {

  text-transform: none;

}



input[type="checkbox"],

input[type="radio"] {

  padding: 0;

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}



textarea {

  resize: none;

  border: 1px solid #ccc;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



td,

th {

  padding: 0;

}



del {

  text-decoration: line-through;

}



sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



sub {

  bottom: -0.25em;

}



sup {

  top: -0.5em;

}



.clearfix:after {

  display: block;

  content: '';

  height: 0;

  clear: both;

  visibility: hidden;

}



html {

  font-size: 12px;

  -webkit-tap-highlight-color: transparent;

}



body {

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-family: "Microsoft YaHei", Arial, SimSun, SimHei, sans-serif;

  font-size: 14px;

  color: #333;

  background-color: #fff;

}



body {

  max-width: 480px;

  margin: 0 auto;

}



/*banner*/

.banner1 {

  width: 100%;

  height: 10.25rem;

  background: url(../img/ban1.jpg) no-repeat;

  background-size: 100% 100%;

}



.banner2 {

  width: 100%;

  height: 12rem;

  background: url(../img/ban2.jpg) no-repeat;

  background-size: 100% 100%;

  position: relative;

}



.banner2 a {

  width: 6.5rem;

  height: 1.7rem;

  border-radius: 1rem;

  position: absolute;

  bottom: 1.25rem;

  font-size: 0.7rem;

  color: #000;

  text-align: center;

  line-height: 1.7rem;

}



.banner2 a.yi {

  left: 2rem;

  background-color: #fff;

}



.banner2 a.er {

  left: 10.25rem;

  background-color: #f39800;

}



.wrapper {

  padding: 0 0.75rem;

}



/*导语*/

.daoyu h6 {

  font-size: 0.75rem;

  padding-left: 1rem;

  color: #ba8646;

  margin: 0.625rem 0;

  line-height: 1rem;

  background: url(../img/dy-img1.png) left center no-repeat;

  background-size: 0.8rem 0.6rem;

}



.daoyu .daoyu-p {

  width: 100%;

  height: auto;

  padding: 0.75rem 0;

  background: url(../img/dy-bg.jpg) repeat;

  background-size: 0.55rem 0.55rem;

  border-radius: 0.375rem;

  -webkit-box-shadow: 0 0 0.45rem 0.1rem rgba(178, 117, 55, 0.6);

          box-shadow: 0 0 0.45rem 0.1rem rgba(178, 117, 55, 0.6);

}



.daoyu .daoyu-p p {

  font-size: 0.55rem;

  color: #fff;

  padding: 0 0.625rem;

}



/*导航*/

.nav {

  width: 100%;

  height: 2.2rem;

  margin-top: 1rem;

  background-color: #e6e6e6;

}



.nav ul {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-justify-content: space-around;

      -ms-flex-pack: distribute;

          justify-content: space-around;

}



.nav ul li {

  font-size: 0.75rem;

  color: #000;

  line-height: 2.2rem;

  position: relative;

}



.nav ul .active {

  color: #ba8646;

}



.nav ul .active:after {

  position: absolute;

  content: '';

  width: 2.85rem;

  height: 0.1rem;

  background-color: #ba8646;

  bottom: 0;

  left: 50%;

  margin-left: -1.425rem;

}



.navtop {

  position: fixed;

  left: 0;

  top: -1rem;

  z-index: 99;

}



/*加拿大留学优势知多少*/

.title {

  margin-top: 1.5rem;

}



.title img {

  width: 5.2rem;

  height: 0.6rem;

  display: block;

  margin: 0 auto;

}



.title .title-bottom {

  width: 100%;

  height: 1.3rem;

  margin-top: 0.15rem;

  background: url(../img/title-bg.png) top center no-repeat;

  background-size: 11.25rem 1.3rem;

}



.title .title-bottom h1 {

  font-size: 1.05rem;

  color: #000;

  text-align: center;

  line-height: 1.3rem;

}



.youshi .youshi-js {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-wrap: wrap;

      -ms-flex-wrap: wrap;

          flex-wrap: wrap;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

      -ms-flex-pack: justify;

          justify-content: space-between;

}



.youshi .youshi-js li {

  width: 8.25rem;

  height: 6rem;

  margin-top: 0.75rem;

  position: relative;

}



.youshi .youshi-js li a {

  width: 100%;

  height: 100%;

  display: block;

}



.youshi .youshi-js li img {

  width: 8.25rem;

  height: 6rem;

  display: block;

}



.youshi .youshi-js li p {

  width: 100%;

  display: block;

  font-size: 0.7rem;

  color: #fff;

  text-align: center;

  position: absolute;

  bottom: 1.25rem;

}



.youshi .btn {

  width: 10rem;

  height: 1.5rem;

  display: block;

  margin: 0.9rem auto 0;

  border-radius: 0.825rem;

  font-size: 0.7rem;

  color: #fff;

  text-align: center;

  line-height: 1.5rem;

  background: -webkit-gradient(linear, left top, right top, from(#dbb16a), to(#ba8646));

  background: -webkit-linear-gradient(left, #dbb16a, #ba8646);

  background: -o-linear-gradient(left, #dbb16a, #ba8646);

  background: linear-gradient(to right, #dbb16a, #ba8646);

  -webkit-box-shadow: 0 0 0.45rem 0.1rem rgba(178, 117, 55, 0.6);

          box-shadow: 0 0 0.45rem 0.1rem rgba(178, 117, 55, 0.6);

}



/*加拿大留学4大途径*/

.tujing {

  margin-top: 0.65rem;

  padding: 0.75rem 0 1.5rem 0;

  background-color: #2b3a57;

}



.tujing .tujing-tabs {

  padding: 0 0.75rem;

  padding-bottom: 0.5rem;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

      -ms-flex-pack: justify;

          justify-content: space-between;

  border-bottom: 0.05rem solid #3d4b66;

}



.tujing .tujing-tabs .handle {

  width: 4.5rem;

  height: 1.5rem;

  text-align: center;

  line-height: 1.5rem;

  border-radius: 0.725rem;

  color: #fff;

  font-size: 0.85rem;

}



.tujing .tujing-tabs .handle.current {

  background-color: #ba8646;

}



.tujing #tujingNews {

  margin: 0.75rem auto 0;

  overflow: hidden;

  width: 92%;

}



.tujing #tujingNews .swiper-slide {

  height: auto;

}



.tujing #tujingNews .swiper-slide .shenqing {

  width: 100%;

  height: auto;

  padding: 0.75rem 0;

  background-color: #fff;

}



.tujing #tujingNews .swiper-slide .shenqing h6 {

  height: 1.4rem;

  padding: 0 0.75rem 0 0.5rem;

  font-size: 0.7rem;

  color: #fff;

  line-height: 1.4rem;

  display: table;

  font-weight: normal;

  border-radius: 0 0.7rem 0.7rem 0;

  background: -webkit-gradient(linear, left top, right top, from(#dbb16a), to(#ba8646));

  background: -webkit-linear-gradient(left, #dbb16a, #ba8646);

  background: -o-linear-gradient(left, #dbb16a, #ba8646);

  background: linear-gradient(to right, #dbb16a, #ba8646);

}



.tujing #tujingNews .swiper-slide .shenqing p {

  font-size: 0.65rem;

  color: #000;

  padding: 0.5rem 0.75rem 0 0.75rem;

  line-height: 1.05rem;

}



.tujing #tujingNews .swiper-slide .shenqing:first-child {

  border-radius: 0.125rem 0.125rem 0 0;

}



.tujing #tujingNews .swiper-slide .shenqing.hou {

  border-radius: 0 0 0.125rem 0.125rem;

}



.tujing #tujingNews .swiper-slide .sq-img {

  width: 17.25rem;

  height: 0.9rem;

  display: block;

}



.tujing #tujingNews .swiper-slide .tuijian-fa {

  margin-top: 0.25rem;

  width: 92%;

  padding: 1rem 4% 0.25rem 4%;

  background-color: #fff;

  border-radius: 0.125rem;

  position: relative;

}



.tujing #tujingNews .swiper-slide .tuijian-fa .img-fa {

  width: 15.75rem;

  height: 1.9rem;

  display: block;

}



.tujing #tujingNews .swiper-slide .tuijian-fa .img-left {

  width: 0.375rem;

  height: 1.45rem;

  position: absolute;

  left: 4rem;

  top: -0.875rem;

}



.tujing #tujingNews .swiper-slide .tuijian-fa .img-right {

  width: 0.375rem;

  height: 1.45rem;

  position: absolute;

  right: 4rem;

  top: -0.875rem;

}



.tujing #tujingNews .swiper-slide .tuijian-fa dl {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

      -ms-flex-pack: justify;

          justify-content: space-between;

  margin-top: 0.75rem;

  padding-bottom: 0.75rem;

  border-bottom: 0.05rem solid #e6e6e6;

}



.tujing #tujingNews .swiper-slide .tuijian-fa dl dt {

  width: 6.5rem;

  height: 3.9rem;

}



.tujing #tujingNews .swiper-slide .tuijian-fa dl dt img {

  width: 6.5rem;

  height: 3.9rem;

  display: block;

}



.tujing #tujingNews .swiper-slide .tuijian-fa dl dd {

  width: 8.75rem;

}



.tujing #tujingNews .swiper-slide .tuijian-fa dl dd h1 {

  font-size: 0.7rem;

  color: #000;

  font-weight: normal;

}



.tujing #tujingNews .swiper-slide .tuijian-fa dl dd p {

  font-size: 0.65rem;

  color: #666;

  margin: 0.4rem 0;

}



.tujing #tujingNews .swiper-slide .tuijian-fa dl dd a {

  width: 7rem;

  height: 1.15rem;

  display: block;

  border: 0.05rem solid #ba8646;

  border-radius: 0.625rem;

  font-size: 0.65rem;

  color: #ba8646;

  text-align: center;

  line-height: 1.15rem;

}



.tujing #tujingNews .swiper-slide .tuijian-fa dl:last-child {

  border-bottom: 0;

}



/*加拿大留学申请注意事项*/

.gonglve .title-fu {

  font-size: 0.95rem;

  font-weight: bold;

  color: #ba8646;

  text-align: center;

  line-height: 1rem;

  position: relative;

  margin-top: 0.65rem;

}



.gonglve .title-fu:before {

  position: absolute;

  content: '';

  width: 0.9rem;

  height: 0.65rem;

  background: url(../img/title-fleft.png) no-repeat;

  background-size: 100% 100%;

  left: 3.2rem;

  top: 50%;

  margin-top: -0.325rem;

}



.gonglve .title-fu:after {

  position: absolute;

  content: '';

  width: 0.9rem;

  height: 0.65rem;

  background: url(../img/title-fright.png) no-repeat;

  background-size: 100% 100%;

  right: 3.2rem;

  top: 50%;

  margin-top: -0.325rem;

}



.gonglve .title-fu.yanjiusheng:before {

  left: 2.7rem;

}



.gonglve .title-fu.yanjiusheng:after {

  right: 2.7rem;

}



.gonglve .sqtj {

  width: 100%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

      -ms-flex-pack: justify;

          justify-content: space-between;

  margin-top: 0.5rem;

  background-color: #fff;

  border-radius: 0.25rem;

  -webkit-box-shadow: 0 0 0.75rem 0.1rem rgba(43, 58, 87, 0.2);

          box-shadow: 0 0 0.75rem 0.1rem rgba(43, 58, 87, 0.2);

}



.gonglve .sqtj .sqtj-tabs {

  height: 100%;

  border-right: 0.05rem solid #e8e8e8;

}



.gonglve .sqtj .sqtj-tabs li {

  width: 100%;

  display: table;

  border-bottom: 0.05rem solid #e8e8e8;

}



.gonglve .sqtj .sqtj-tabs li .handle {

  width: 100%;

  height: 100%;

  font-size: 0.7rem;

  color: #000;

  display: table-cell;

  vertical-align: middle;

  text-align: center;

}



.gonglve .sqtj .sqtj-tabs li.current {

  background-color: #ba8646;

}



.gonglve .sqtj .sqtj-tabs li.current .handle {

  color: #fff;

}



.gonglve .sqtj .sqtj-tabs li.yi {

  border-radius: 0.25rem 0 0 0;

}



.gonglve .sqtj .sqtj-tabs li.si {

  border-radius: 0 0 0 0.25rem;

}



.gonglve .sqtj .sqtj-tabs li:last-child {

  border-bottom: 0;

}



.gonglve .sqtj .sqtjNews {

  margin: 0;

}



.gonglve .sqtj .sqtjNews .swiper-slide {

  padding-top: 0.75rem;

}



.gonglve .sqtj .sqtjNews .swiper-slide p {

  font-size: 0.6rem;

  color: #666;

  padding-right: 0.65rem;

  line-height: 1.15rem;

}



.gonglve .sqtj .sqtjNews .btn {

  width: 9.9rem;

  height: 1.55rem;

  display: block;

  border: 0.05rem solid #ba8646;

  border-radius: 0.825rem;

  font-size: 0.7rem;

  color: #ba8646;

  text-align: center;

  line-height: 1.55rem;

  position: absolute;

  bottom: 1rem;

  left: 50%;

  margin-left: -4.95rem;

}



.gonglve .sqtj-gz {

  height: 12rem;

}



.gonglve .sqtj-gz .sqtj-tabs {

  width: 4rem;

}



.gonglve .sqtj-gz .sqtj-tabs li {

  height: 2.975rem;

}



.gonglve .sqtj-gz .sqtjNews {

  width: 12.75rem;

}



.gonglve .sqtj-bk {

  height: 13.5rem;

}



.gonglve .sqtj-bk .sqtj-tabs {

  width: 5.25rem;

}



.gonglve .sqtj-bk .sqtj-tabs li {

  height: 2.65rem;

}



.gonglve .sqtj-bk .sqtjNews {

  width: 11.5rem;

}



.gonglve .sqtj-yj {

  height: 12.6rem;

  margin-top: 0;

}



.gonglve .sqtj-yj .sqtj-tabs {

  width: 5.25rem;

}



.gonglve .sqtj-yj .sqtj-tabs li {

  height: 4.2rem;

}



.gonglve .sqtj-yj .sqtjNews {

  width: 11.5rem;

}



.gonglve .sqtj-yj .sqtjNews .swiper-slide p {

  padding-left: 0.6rem;

  background: url(../img/yjs-img2.png) left 0.4rem no-repeat;

  background-size: 0.4rem 0.4rem;

}



.gonglve .sqtj-rj {

  height: 13.8rem;

  margin-top: 0;

}



.gonglve .sqtj-rj .sqtj-tabs {

  width: 5.25rem;

}



.gonglve .sqtj-rj .sqtj-tabs li {

  height: 3.4rem;

}



.gonglve .sqtj-rj .sqtjNews {

  width: 11.5rem;

}



.gonglve .sqtj-rj .sqtjNews .swiper-slide p {

  padding-left: 0.6rem;

  background: url(../img/yjs-img2.png) left 0.4rem no-repeat;

  background-size: 0.4rem 0.4rem;

}



.gonglve .qita {

  width: 100%;

  height: 10.6rem;

  padding-top: 0.75rem;

  margin-top: 0.75rem;

  background-color: #fff;

  border-radius: 0.25rem;

  -webkit-box-shadow: 0 0 0.75rem 0.1rem rgba(43, 58, 87, 0.2);

          box-shadow: 0 0 0.75rem 0.1rem rgba(43, 58, 87, 0.2);

}



.gonglve .qita h6 {

  height: 1.4rem;

  padding: 0 0.75rem 0 0.5rem;

  font-size: 0.7rem;

  margin-bottom: 0.4rem;

  color: #fff;

  line-height: 1.4rem;

  display: table;

  font-weight: normal;

  border-radius: 0 0.7rem 0.7rem 0;

  background: -webkit-gradient(linear, left top, right top, from(#dbb16a), to(#ba8646));

  background: -webkit-linear-gradient(left, #dbb16a, #ba8646);

  background: -o-linear-gradient(left, #dbb16a, #ba8646);

  background: linear-gradient(to right, #dbb16a, #ba8646);

}



.gonglve .qita p {

  padding: 0 0.75rem;

  font-size: 0.6rem;

  color: #666;

  line-height: 1.15rem;

}



.gonglve .tiaojian {

  height: 1.55rem;

  padding-top: 0.3rem;

  margin-top: 0.2rem;

  font-size: 0.85rem;

  font-weight: normal;

  color: #fff;

  text-align: center;

  line-height: 1.55rem;

  background: url(../img/yjs-img.png) center no-repeat;

  background-size: 12.85rem 1.85rem;

}



/*加拿大的学校*/

.school {

  width: 100%;

  height: 21.5rem;

  margin-top: 0.75rem;

  padding-top: 0.75rem;

  background-color: #2b3a57;

  position: relative;

}



.school #school-swiper {

  height: 17.25rem;

}



.school #school-swiper .swiper-slide {

  width: 13rem;

  height: 15.5rem;

  border-radius: 0.25rem;

  background-color: #fff;

}



.school #school-swiper .swiper-slide img {

  width: 3.25rem;

  height: 3.25rem;

  display: block;

  margin: 0.75rem auto 0;

}



.school #school-swiper .swiper-slide h6 {

  font-size: 0.7rem;

  color: #000;

  text-align: center;

  line-height: 0.75rem;

  margin: 0.5rem 0 0.25rem 0;

}



.school #school-swiper .swiper-slide p {

  padding: 0 0.75rem;

  font-size: 0.6rem;

  color: #666;

  line-height: 1.15rem;

}



.school #school-swiper .swiper-slide-next,

.school #school-swiper .swiper-slide-prev {

  -webkit-transform: scale(0.9);

      -ms-transform: scale(0.9);

       -o-transform: scale(0.9);

          transform: scale(0.9);

  overflow: hidden;

}



.school #school-swiper .swiper-pagination {

  bottom: 0;

}



.school #school-swiper .swiper-pagination span {

  width: 8px;

  height: 8px;

  border-radius: 50%;

  border: 0.05rem solid #fff;

  background: no-repeat;

  opacity: 1;

}



.school #school-swiper .swiper-pagination span.swiper-pagination-bullet-active {

  background-color: #fff;

}



.school .btn {

  width: 10rem;

  height: 1.65rem;

  display: block;

  border-radius: 0.825rem;

  font-size: 0.75rem;

  color: #fff;

  text-align: center;

  line-height: 1.65rem;

  position: absolute;

  bottom: 1.3rem;

  left: 50%;

  margin-left: -5rem;

  background: -webkit-gradient(linear, left top, right top, from(#dbb16a), to(#ba8646));

  background: -webkit-linear-gradient(left, #dbb16a, #ba8646);

  background: -o-linear-gradient(left, #dbb16a, #ba8646);

  background: linear-gradient(to right, #dbb16a, #ba8646);

}



/*新航道前程留学 业界15年领先口碑*/

.koubei ul {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-wrap: wrap;

      -ms-flex-wrap: wrap;

          flex-wrap: wrap;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

      -ms-flex-pack: justify;

          justify-content: space-between;

  padding-top: 0.25rem;

}



.koubei ul li {

  width: 5.5rem;

  height: 8rem;

  border-radius: 0.25rem;

  background-color: #fff;

  margin-top: 0.5rem;

  -webkit-box-shadow: 0 0 0.625rem 0.1rem rgba(178, 117, 55, 0.1);

          box-shadow: 0 0 0.625rem 0.1rem rgba(178, 117, 55, 0.1);

}



.koubei ul li img {

  width: 1.95rem;

  height: 1.85rem;

  display: block;

  margin: 0.8rem auto 0;

}



.koubei ul li h6 {

  font-size: 0.75rem;

  color: #000;

  text-align: center;

  line-height: 0.8rem;

  margin-top: 0.75rem;

}



.koubei ul li p {

  font-size: 0.6rem;

  color: #666;

  text-align: center;

  line-height: 0.9rem;

  margin-top: 0.5rem;

}



.koubei .btn {

  width: 10rem;

  height: 1.65rem;

  display: block;

  margin: 1rem auto 0;

  border-radius: 0.825rem;

  font-size: 0.75rem;

  color: #fff;

  text-align: center;

  line-height: 1.65rem;

  background: -webkit-gradient(linear, left top, right top, from(#dbb16a), to(#ba8646));

  background: -webkit-linear-gradient(left, #dbb16a, #ba8646);

  background: -o-linear-gradient(left, #dbb16a, #ba8646);

  background: linear-gradient(to right, #dbb16a, #ba8646);

  -webkit-box-shadow: 0 0 0.3rem 0.1rem rgba(178, 117, 55, 0.6);

          box-shadow: 0 0 0.3rem 0.1rem rgba(178, 117, 55, 0.6);

}



/*你的院校OFFER 我来保驾护航*/

.offer #offerSlider {

  margin-top: 0.75rem;

}



.offer #offerSlider .swiper-slide {

  width: 10rem;

  height: 14.1rem;

  border-radius: 0.25rem;

  margin-left: 0.75rem;

  border: 0.05rem solid #e6e6e6;

}



.offer #offerSlider .swiper-slide img {

  width: 3.25rem;

  height: 3.25rem;

  display: block;

  margin: 0.5rem auto 0;

}



.offer #offerSlider .swiper-slide h1 {

  font-size: 0.7rem;

  color: #000;

  line-height: 0.75rem;

  text-align: center;

  margin: 0.5rem 0;

}



.offer #offerSlider .swiper-slide p {

  font-size: 0.65rem;

  color: #000;

  padding: 0 0.5rem;

  line-height: 1rem;

}



.offer #offerSlider .swiper-slide a {

  width: 6rem;

  height: 1.5rem;

  display: block;

  border-radius: 0.75rem;

  font-size: 0.75rem;

  color: #fff;

  text-align: center;

  line-height: 1.5rem;

  position: absolute;

  bottom: 1rem;

  left: 50%;

  margin-left: -3rem;

  background: -webkit-gradient(linear, left top, right top, from(#dbb16a), to(#ba8646));

  background: -webkit-linear-gradient(left, #dbb16a, #ba8646);

  background: -o-linear-gradient(left, #dbb16a, #ba8646);

  background: linear-gradient(to right, #dbb16a, #ba8646);

  -webkit-box-shadow: 0 0 0.3rem 0.1rem rgba(178, 117, 55, 0.4);

          box-shadow: 0 0 0.3rem 0.1rem rgba(178, 117, 55, 0.4);

}



.fan{

  padding-bottom: 49px;

}