.none {
  display: none;
}
ul li {
  list-style: none;
}
a {
  color: #333333;
}
a:hover {
  text-decoration: none;
}
.dpn {
  display: none;
}
.wine-pc-img {
  width: 700px;
  height: 1062px;
}
.wine-pc-img1 {
  width: 700px;
  height: 400px;
}
.pc-title-box {
  width: 700px;
  margin-left: 130px;
}
.border-0 {
  border: none;
}
.width-1280 {
  width: 1280px !important;
  margin: 0 auto;
  box-sizing: border-box;
}
/*清除浮动，将该class写在浮动元素的父级元素或父级以上的 元素*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
/*兼容ie*/
.clearfix {
  zoom: 1;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.pointer {
  cursor: pointer;
}
/*首行缩进*/
.ti-2 {
  text-indent: 25px;
}
.tac {
  text-align: center !important;
}
.tar {
  text-align: right !important;
}
.tal {
  text-align: left !important;
}
.bg-f {
  background: #ffffff !important;
}
.bg-f9 {
  background: #f9f9f9;
}
.color-oae {
  color: #00aaee;
}
.color-f7 {
  color: #f7ae01;
}
.color-f {
  color: #ffffff;
}
.color-3 {
  color: #333333 !important;
}
.color-6 {
  color: #666666 !important;
}
.color-9 {
  color: #999999 !important;
}
.font-12 {
  font-size: 12px !important;
}
.font-14 {
  font-size: 14px !important;
}
.font-16 {
  font-size: 16px !important;
}
.font-24 {
  font-size: 24px !important;
}
.font-30 {
  font-size: 30px !important;
}
.pp-0 {
  padding: 0;
}
.pr-0 {
  padding-right: 0px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.mr-0 {
  margin-right: 0;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mt-5 {
  margin-top: 5px;
}
.mb-5 {
  margin-bottom: 5px;
}
.ml-5 {
  margin-left: 5px;
}
.mt-12 {
  margin-top: 12px;
}
.mr-5 {
  margin-right: 5px;
}
.mt-10 {
  margin-top: 10px;
}
.mr-10 {
  margin-right: 10px;
}
.mt-15 {
  margin-top: 15px;
}
.mb-15 {
  margin-bottom: 15px;
}
.mt-20 {
  margin-top: 20px !important;
}
.mb-20 {
  margin-bottom: 20px;
}
.ml-20 {
  margin-left: 20px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.pl-30 {
  padding-left: 30;
}
.mt-30 {
  margin-top: 30px;
}
.ml-30 {
  margin-left: 30px;
}
.ml-10 {
  margin-left: 10px;
}
.mr-15 {
  margin-right: 15px;
}
.ml-30 {
  margin-left: 30px;
}
.pl-30 {
  padding-left: 30px;
}
.mr-30 {
  margin-right: 30px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-60 {
  margin-top: 60px;
}
.ml-40 {
  margin-right: 40px;
}
.mr-40 {
  margin-right: 40px;
}
.mt-50 {
  margin-top: 50px;
}
.mb-50 {
  margin-bottom: 50px;
}
.ml-50 {
  margin-left: 50px;
}
.pb-50 {
  padding-bottom: 50px;
}
.pl-80 {
  padding-left: 80px;
}
.pr-80 {
  padding-right: 80px;
}
.pb-100 {
  padding-bottom: 100px;
}
.line {
  width: 100%;
  height: 10px;
  background: rgba(247, 174, 1, 1);
}
.mt-100 {
  margin-top: 100px;
}
.font-500 {
  font-weight: bolder !important;
}
.pc-inline {
  display: inline;
}
.mobile-header {
  display: none;
}
.mobile-mask {
  display: none;
}
.mobile-none {
	display:none
}