@charset "utf-8";

html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,address,em,img,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td,i,b,s{
   margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-family:Helvetica,Arial; word-break: break-all;
}

.font-yahei{font-family: "微软雅黑";}
 
body>.main{overflow-y: auto;}

ul,ol{list-style:none}
a img{border:none;}
body{
	min-width: 1200px;
}
a,a:link{text-decoration:none;color: #333}
button{overflow:visible;padding:0;margin:0;border:0 none;background-color:transparent;appearance: none;-webkit-appearance:none;}
button::-moz-focus-inner{padding:0}
textarea,input{background:none;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
input[type=number]{appearance: none;-webkit-appearance: none; border: 0;}
input[type=search]{appearance: none;-webkit-appearance: none; border: 0;}
input[type=text]{appearance: none;-webkit-appearance: none; border: 0;}
input[type=tel]{appearance: none;-webkit-appearance: none; border: 0;}
input[type=button]{appearance: none;-webkit-appearance: none;}
input[type=password]{-webkit-text-security:disc;appearance: none;-webkit-appearance: none; border: 0;}
input[type=submit]{appearance: none;-webkit-appearance: none; border: 0;}
textarea:focus,input:focus,button:focus{outline:none}
body{word-wrap:break-word;font-size:14px;color:#000;line-height:1.5;font-family:Helvetica}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);overflow-scrolling: touch;-webkit-overflow-scrolling: touch;backface-visibility: hidden;-webkit-backface-visibility: hidden;box-sizing: border-box;}
[v-cloak]{opacity: 0!important;}
ul,dl,dd,dt{margin: 0;padding: 0;}
 
.w-1200{width: 1200px;margin: 0 auto;}
.w1084{width: 1084px;margin: 0 auto;}
.w292{width: 292px !important;}
.h-80{height: 80px;line-height: 80px; }
.h-88{height: 88px;}
.height_auto{height: auto !important;}
.h-22{height: 22px;line-height: 22px; }
.inline_block{ display: inline-block;}
.block{ display: block!important;}

/* 浮动 */
.fl{float: left;}
.fr{float: right;}
.clearfix:after{
  content: ""; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
  }

.clearfix {
  /* 触发 hasLayout */ 
  zoom: 1; 
  }
   
  .pr{
	  position: relative;
  }
/* flex布局 */
.flex-b{display: flex;justify-content: space-between;}
.flex-a{display: flex;justify-content: space-around;}
.flex{display: flex;}
/* 颜色 */
.color-333333{color: #333333 !important;}
.color-999999{color: #999999 !important;}
.color-FF5733{color: #FF5733 !important;}
.color-DC1E1E{color: #DC1E1E !important;}
.color-666666{color: #666666 !important;}
.color-ffffff{color: #ffffff !important;}
.color-313234{color: #313234 !important;}
.color-323233{color: #323233 !important;}
/* 背景 */
.bg-ef6a1d{background: #ef6a1d;}
.bg-ffffff{background: #ffffff !important ;}
.bg-37d393{background: #37d393;}
.bg-FF5733{background:#FF5733;}
.bg-222222{background: #222222;}
.bg-272727{background: #272727;}
.bg-FF5733{background: #FF5733 !important ;}
/* 字体大小 */
.font-w{font-weight: bold !important;}
.font10{font-size: 10px !important;}
.font12{font-size: 12px !important;}
.font14{font-size: 14px !important;}
.font16{font-size: 16px !important;}
.font18{font-size: 18px !important;}
.font20{font-size: 20px !important;}
.font22{font-size: 22px !important;}
.font24{font-size: 24px !important;}
.font26{font-size: 26px !important;}
.font30{font-size: 30px !important;}
.font32{font-size: 32px !important;}
.font34{font-size: 34px !important;}
.font36{font-size: 36px !important;}
.font38{font-size: 38px !important;}
.font40{font-size: 40px !important;}
.font42{font-size: 42px !important;}
.font44{font-size: 44px !important;}
.font46{font-size: 46px !important;}
.font50{font-size: 50px !important;}
.font28{font-size: 28px !important;}
/* 居中方式 */
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}

/*margin*/
.ml0{margin-left: 0 !important;}
.mr0{margin-right: 0 !important;}
.mt0{margin-top: 0 !important;}
.mb0{margin-bottom: 0 !important;}

.ml6{margin-left: 6px  !important;}
.ml10{margin-left: 10px !important;}
.ml20{margin-left: 20px  !important;}
.ml24{margin-left: 24px !important;}
.ml30{margin-left: 30px  !important;}
.ml40{margin-left: 40px  !important;}

.mr6{margin-right: 6px  !important;}
.mr10{margin-right: 10px !important;}
.mr16{margin-right: 16px !important;}
.mr20{margin-right: 20px  !important;}
.mr24{margin-right: 24px !important;}
.mr30{margin-right: 30px  !important;}
.mr50{margin-right: 50px  !important;}

.mt6{margin-top: 6px  !important;}
.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px  !important;}
.mt24{margin-top: 24px !important;}
.mt28{margin-top: 28px !important;}
.mt30{margin-top: 30px  !important;}
.mt40{margin-top: 40px  !important;}
.mt60{margin-top: 60px  !important;}
.mt80{margin-top: 80px  !important;}


.mb6{margin-bottom: 6px  !important;}
.mb10{margin-bottom: 10px !important;}
.mb14{margin-bottom: 14px !important;}
.mb16{margin-bottom: 16px !important;}
.mb18{margin-bottom: 18px !important;}
.mb20{margin-bottom: 20px  !important;}
.mb24{margin-bottom: 24px !important;}
.mb28{margin-bottom: 28px !important;}
.mb30{margin-bottom: 30px  !important;}
.mb36{margin-bottom: 36px  !important;}
.mb60{margin-bottom: 60px  !important;}
.mb80{margin-bottom: 80px  !important;}
.mb50{margin-bottom: 50px !important;}
.mb56{margin-bottom: 56px !important;}
.mb70{margin-bottom: 70px !important;}
.mb42{margin-bottom: 42px !important;}
.mb76{margin-bottom: 76px !important;}
.mb62{margin-bottom: 62px !important;}
.mb58{margin-bottom: 58px !important;}
/* padding 相关 */

.pl0{padding-left: 0 !important;}
.pr0{padding-right: 0 !important;}
.pt0{padding-top: 0 !important;}
.pb0{padding-bottom: 0 !important;}

.pl6{padding-left: 6px  !important;}
.pl10{padding-left: 10px !important;}
.pl20{padding-left: 20px  !important;}
.pl24{padding-left: 24px !important;}
.pl30{padding-left: 30px  !important;}
.pl40{padding-left: 40px  !important;}

.pr6{padding-right: 6px  !important;}
.pr10{padding-right: 10px !important;}
.pr20{padding-right: 20px  !important;}
.pr24{padding-right: 24px !important;}
.pr30{padding-right: 30px  !important;}

.pt6{padding-top: 6px  !important;}
.pt10{padding-top: 10px !important;}
.pt20{padding-top: 20px  !important;}
.pt24{padding-top: 24px !important;}
.pt28{padding-top: 28px !important;}
.pt30{padding-top: 30px  !important;}
.pt40{padding-top: 40px !important;}
.pt60{padding-top: 60px !important;}
.pt52{padding-top: 52px !important;}
.pt80{padding-top: 80px  !important;}

.pb6{padding-bottom: 6px  !important;}
.pb10{padding-bottom: 10px !important;}
.pb16{padding-bottom: 16px !important;}
.pb20{padding-bottom: 20px  !important;}
.pb22{padding-bottom: 22px  !important;}
.pb24{padding-bottom: 24px !important;}
.pb28{padding-bottom: 28px !important;}
.pb30{padding-bottom: 30px  !important;}
.pb80{padding-bottom: 80px  !important;}
.pb60{padding-bottom: 60px  !important;}
.cur_poin{
	cursor: pointer;
}
/* 箭头 */
.rg-arrows{
	width:8px;
	height: 8px;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	display: inline-block;
	transform: rotate(48deg);
	vertical-align: middle;
}
/* 2行隐藏 */
.line{
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.line2{
overflow: hidden;
text-overflow: ellipsis;
display: box;
display: -webkit-box;
line-clamp:2;
-webkit-line-clamp: 2; 
-webkit-box-orient: vertical;
}
/* 动画	 */

/*放大 pic_scale从小到大*/
@keyframes pic_scale {
    from {
        opacity: 0;
        transform: scale(0.5);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
.ant-t-b-5{
	animation: ant-t-b .5s;
}
.ant-t-b-6{
	animation: ant-t-b .6s;
}

.ant-b-t3 {
	animation: ant-b-t 0.6s;
}
/*kf-t-b从下到上250距离*/
@keyframes ant-t-b {
    from {
        transform: translateY(250px);
    }
    to {
        transform: translateY(0px);
    }
}
kf-l-r
/*kf-t-b从上到下250距离*/
@keyframes ant-b-t {
    from {
        transform: translateY(-250px);
    }
    to {
        transform: translateY(0px);
    }
}
.fadeInRight{
	animation:fadeInRight 1s ease ;
}
.fadeInLeft{
	animation:fadeInLeft 1s ease ;
}
@keyframes fadeInLeft{
	0%{
		opacity:0;
		transform:translate3d(-100%,0,0)
		}
	to
	{
		opacity:1;
		transform:translateZ(0)
	}
}

@keyframes fadeInRight{
	0% {
		opacity:0;
		transform:translate3d(100%,0,0)
		}
	to{
		opacity:1;
		transform:translateZ(0)
		}
}
@keyframes kf-l-r {
    from {
        transform: translateX(-200px);
    }
    to {
        transform: translateX(0px);
    }
}
.kf-l-r4 {
    animation: kf-l-r 0.7s;
}