﻿@charset "utf-8";
/* 清除默认样式 */
*,::after,::before{padding:0;margin:0;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-box-sizing:border-box}
body{font-family:"Microsoft YaHei" , "sans-serif";font-size:14px;line-height:1;color:#333;position:relative;background:#fff;}
ul,ol{list-style: none;}
h1,h2,h3,h4,h5,h6 {text-decoration:none;font-weight:normal;font-size:100%;}
i,em{font-style: normal;text-decoration: none;}
a{text-decoration: none;color: #333;}
input,textarea{outline: none;resize: none;border: none;}
img{vertical-align: middle;/*清除3px的bug*/border: 0;}

/* float */
.fl{float: left;}
.fr{float: right;}
.clearfix{zoom: 1;}
.clearfix::before,.clearfix::after{content: "";display: table;}
.clearfix::after{clear: both;}

/* text */
.text-center{text-align: center;}
.text-overflow{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* display */
.display-in{display: inline;}
.display-ib{display: inline-block;}
.display-bl{display: block;}
.display-no{display: none;}
.show{display: block !important;}
.hidden{display: none !important;}

/* font */
.fw-bold{font-weight: 700;}
.fs-12{font-size: 12px;}
.fs-14{font-size: 14px;}
.fs-16{font-size: 16px;}
.vt-md{vertical-align: middle;}

/* overflow */
.over-hidden{overflow: hidden;}
.over-auto{overflow: auto;}

/* position */
.pos-rel{position: relative;}
.pos-abs{position: absolute;}
.pos-fix{position: fixed;}

/* else */
.cur-pointer{cursor: pointer;}
.img-responsive{display: block;width: 100%;max-width: 100%;height: auto;}

.main img{
	width: 100%;
	height: auto
}

.main a{
	display: block;
}

.icon-arrow{
	position: fixed;
	top: 85%;
	left: 50%;
	margin-left: -25px;
	width: 50px;
	height: 33px;
	background: url(../images/arrow.png) no-repeat center center;
	background-size: cover;
	-webkit-animation: opa_btm 1.5s infinite ease-in-out;
    animation: opa_btm 1.5s infinite ease-in-out;
}

@-webkit-keyframes opa_btm {
    0%,
    25% {
        opacity: 0;
        -webkit-transform: translate(0, -10px);
    }
    75% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes opa_btm {
    0%,
    25% {
        opacity: 0;
        transform: translate(0, -10px);
    }
    75% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.icon-back{
	position: fixed;
	top: 2px;
	right: 15px;
	z-index: 10;
	width: 60px;
	height: 22px;
	background: url(../images/back.png) no-repeat center center;
	background-size: cover;
}
