@charset "utf-8";



/**

 * @author  :   lh

 * @created :   2021/09/17

 * @desc    :   河北旅游pc端

 *

 * @update  :   2021/09/17

 * @modify  :   修改说明

 */



/* 宽度

=======================================

*/

.w-12 {

  width: 1200px;

}





/* 居中

=======================================

*/

.m-auto {

  margin: 0 auto;

}



.text-center {

  text-align: center;

}



/* flex  布局

=======================================

*/



.d-flex {

  display: flex;

}





.justify-between {

  justify-content: space-between;

}



.justify-around {

  justify-content: space-around;

}



.align-center {

  align-items: center;

}



/* 背景色

=======================================

*/



.bg-default {

  background: #0076ba;

}



/* 字体颜色

=======================================

*/



.text-white {

  color: #fff;

}



.text-blue {

  color: #4775a9;

}



.text-grey {

  color: #666;

}



/* 多余省略

=======================================

*/

.ellipse {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.ellipse2 {

  word-break: break-all;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

}



.ellipse3 {

  word-break: break-all;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

}



/* 边距

=======================================

*/



.mb-1 {

  margin-bottom: 10px;

}



.mb-2 {

  margin-bottom: 20px;

}



.mb-3 {

  margin-bottom: 30px;

}



.ms-2 {

  margin-left: 20px;

}



.mt-2 {

  margin-top: 20px;

}





@media screen and (max-width:576px) {

  .w-12 {

    width: 100%;

  }

}