@charset "utf-8";

#banner{width:100%; height: 550px; background: #111;}


#space{height: 100px;}

@media (max-width:1279px){ /*mp*/
  #mp-head{background: #1f53be; height: 80px;}
  #space{height: 10px;}
}


/* 鏍忕洰鑿滃崟 */
#child{background: #f6f7fb;}
#child .wrap>a{width: 25%;}

@media (max-width:1279px){ /*mp*/
  #child .wrap{height: 48px;}
  #child .wrap>a{line-height: 47px; font-size: 1.3rem;}
  #child .wrap>a::after{height: 1.3rem; top: 17px;}
}


/* 浠锋牸鏌ヨ */
#price{padding: 0 0 116px 0; background: #f6f7fb;}
#price .wrap{min-height: 700px; text-align: center;}
#price .wrap .bg{background: url('../img/price-bg.png') no-repeat center; height: 700px; line-height: 700px; text-align: center; position: relative;}
#price .wrap .bg>img{height: 300px; padding: 30px; background: #fff; border-radius: 50%; box-shadow: 0 0 46px rgba(24, 92, 197, 0.26); position: relative; z-index: 2; top: -2px;}
#price .wrap .bg .round{position: absolute; width: 350px; height: 350px; left: 0; top: 0; right: 0; bottom: 0; margin: auto;  animation: round 2s linear infinite; z-index: 3;}
#price .wrap .bg>span{position: absolute; z-index: 1; background: #2e7eef; opacity: .3; width: 300px; height: 300px; left: 0; top: 0; right: 0; bottom: 0; margin: auto; border-radius: 50%; animation: zoom 2s linear infinite;}
#price .wrap .desc{background: #fff; color: #2e2d3c; display: inline-block; font-size: 1.6rem; padding: 25px 0; font-family: 'Microsoft Jhenghei', 'Microsoft YaHei'; border-radius: 10px; box-shadow: 5px 5px 25px rgba(0,0,0, .05); margin-top: 20px; line-height: 1.3; text-align: left;}
#price .wrap .desc>div>i{margin-right: 6px;}
#price .wrap .desc .x{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; padding-left: 40px; padding-right: 45px;}
#price .wrap .desc .pc{padding: 0 40px; padding-right: 45px;}
#price .wrap .desc a{text-decoration: underline; color: #2e7eef;}
#price .wrap .desc a:hover{text-decoration: none;}

@keyframes round{
  0%{transform: rotate(0deg);}
  25%{transform: rotate(-90deg);}
  50%{transform: rotate(-180deg);}
  75%{transform: rotate(-270deg);}
  100%{transform: rotate(-360deg);}
}
@keyframes zoom{
  0%{transform: scale(1); opacity: .3;}
  25%{transform: scale(1.2); opacity: .22;}
  50%{transform: scale(1.5); opacity: .14;}
  75%{transform: scale(1.7); opacity: .07;}
  100%{transform: scale(1.9); opacity: 0;}
}


@media (max-width:1679px){ /*1440*/

}
@media (max-width:1439px){ /*1366*/

}
@media (max-width:1365px){ /*1280*/

}
@media (max-width:1279px){ /*mp*/
  #price{padding: 0 15px 66px 15px;}
  #price .wrap{min-height: 300px;}
  #price .wrap .bg{height: 300px; line-height: 300px; background: none;}
  #price .wrap .bg>img{height: 200px; padding: 20px;}
  #price .wrap .bg .round{display: none;}
  #price .wrap .bg>span{display: none;}
  #price .wrap .desc{font-size: 1.4rem; padding: 16px 0;}
  #price .wrap .desc>div>i{margin-right: 5px; line-height: 1.5; position: relative; top: 2px;}
  #price .wrap .desc .x{margin-bottom: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px;}
  #price .wrap .desc .pc{padding: 0 20px;}
}