/*》》》》》》》》》》CSS初始化《《《《《《《《《《*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
html{width: 100%; height: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; overflow-y: scroll;}
*{box-sizing: border-box;-moz-box-sizing: border-box;}
address, caption, cite, code, dfn, em, th, var{font-style:normal; font-weight:normal;}
input, textarea, select, button { font:14px Microsoft YaHei;}
main {display: block;}
h1,h2,h3,h4,h5,h6{font-weight: normal; font-size: 100%;}
hr {box-sizing: content-box; height: 0; overflow: visible;}
pre {font-family: monospace, monospace; font-size: 1em; }
a {background-color: transparent; color: #333; text-decoration:none;}
a:hover { text-decoration:none;}
abbr[title] {border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b,strong {font-weight: bolder;}
code,kbd,pre,samp {font-family: monospace, monospace; font-size: 1em; }
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
ol,ul,nav{list-style-type:none;}
ol,ul,li{ list-style:none; }
img {-webkit-user-drag: none; border-style: none; border: 0; display: block;}
button,input,optgroup,select,textarea {font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button,input { overflow: visible;}
button,select { text-transform: none;}
button,[type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: 0.35em 0.75em 0.625em;}/*margin:0; border: 0;*/
legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;}
progress {vertical-align: baseline;}
textarea {overflow: auto;}
table {border-collapse: collapse; border-spacing: 0}
[type="checkbox"],[type="radio"] {box-sizing: border-box;  padding: 0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button; font: inherit;}
details {display: block;}
summary {display: list-item;}
template {display: none;}
[hidden] {display: none;}

/*》》》》》》》》》》自定义滚动条《《《《《《《《《《*/
/*::-webkit-scrollbar{width:5px;height:5px;}*/
/*::-webkit-scrollbar-button:vertical{display:none;}*/
/*::-webkit-scrollbar-track:vertical{background-color:black}*/
/*::-webkit-scrollbar-track-piece{background:#fff;}*/
/*::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}*/
/*::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B;}*/
/*::-webkit-scrollbar-corner:vertical{background-color:#535353;}*/
/*::-webkit-scrollbar-resizer:vertical{background-color:#0054A7;}*/

/*》》》》》》》》》》flex布局《《《《《《《《《《*/
.flex{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.flex_item{-webkit-box-flex: 1;-moz-box-flex: 1; -webkit-flex: 1;-ms-flex: 1;flex:1;}
.flex-row {flex-direction: row;}
.flex-col {flex-direction: column;}
.justify-center {justify-content: center;}
.justify-end {justify-content: flex-end;}
.justify-evenly {justify-content: space-evenly;}
.justify-around {justify-content: space-around;}
.justify-between {justify-content: space-between;}
.items-center {align-items: center;}
.items-end {align-items: flex-end;}

/* 自定义 */
.acc{margin-left: auto; margin-right: auto;}
.pore{position: relative;}
.poab{position: absolute;}
.floatl{float: left;}
.floatr{float: right;}
.clearfix::after{
    content:'.';/*加.是为了解决某些浏览器不识别*/
    display: block;/*因为这个伪元素是一个行内元素,而清除浮动要用块级元素*/
    visibility:hidden;/*隐藏内容,但是还占据位置,就像一个人穿了隐形衣服*/
    height:0;/*为了将伪元素的高度去掉*/
    line-height: 0;/*解决一些浏览器兼容问题*/
    clear:both;/*清除浮动*/
}
.clearfix {
	*zoom:1; /*为了解决IE6,IE7兼容问题*/
}
.txtc{text-align: center;}
.txtl{text-align: left;}
.txtr{text-align: right;}
/* 边框 */
.isbd {border: 1px #e0e0e0 solid;}
.isbdbm {border-bottom: 1px #e0e0e0 solid;}
.isbdtp {border-top: 1px #e0e0e0 solid;}
.isbdrt {border-right: 1px #e0e0e0 solid;}
.isbdlt {border-left: 1px #e0e0e0 solid;}
/* 圆角 */
.circle {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.blcircle {-webkit-border-bottom-left-radius: 50%;-moz-border-bottom-left-radius: 50%;border-bottom-left-radius: 50%;}
.tlcircle {-webkit-border-top-left-radius: 50%;-moz-border-top-left-radius: 50%;border-top-left-radius: 50%;}
.brcircle {-webkit-border-bottom-right-radius: 50%;-moz-border-bottom-right-radius: 50%;border-bottom-right-radius: 50%;}
.trcircle {-webkit-border-top-right-radius: 50%;-moz-border-top-right-radius: 50%;border-top-right-radius: 50%;}
/* 阴影 */
.isshadow {-webkit-box-shadow:5px 5px 5px rgba(0, 0, 0, .1);-moz-box-shadow:5px 5px 5px rgba(0, 0, 0, .1);box-shadow:5px 5px 5px rgba(0, 0, 0, .1);}
.ishalo {-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);-moz-box-shadow:0 0 10px rgba(0, 0, 0, .1);box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.isdarkhalo {-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .3);-moz-box-shadow:0 0 10px rgba(0, 0, 0, .3);box-shadow:0 0 10px rgba(0, 0, 0, .3);}

/*》》》》》》》》》》自定义字体颜色《《《《《《《《《《*/
.co-0{color:#fff;}
.co-1{color:#0089D3;}
.co-2{color:#A5A5A5;}
.co-3{color:#9E9E9E;}
.co-4{color:#666;}
.co-5{color:#999;}

/*》》》》》》》》》》自定义背景颜色《《《《《《《《《《*/
.bg-0{background:#fff;}
.bg-2{background:#0089D3;}
.bg-1{background:#F1F1F1;}
.bg-3{background:#475A89;}
.bg-4{background:#0054A7;}
.bg-5{background: #e5e5e5;}
.bg-6{background: #F6F6F6;}

/*》》》》》》》》》》自定义字体大小《《《《《《《《《《*/
.p15{font-size: 0.16rem; line-height: 0.28rem; color: #636363;}
.m15{font-size: 0.20rem; line-height: 0.28rem; color: #636363;}
.p14{font-size: 0.14rem; line-height: 0.24rem;}
.p_bet{text-align: justify;}


/*》》》》》》》》》》动态效果《《《《《《《《《《*/
.opacity{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;visibility:hidden;}

.transition02{transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;}
.transition035{transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.transition05{transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.transition075{transition:all 0.75s;-moz-transition:all 0.75s;-webkit-transition:all 0.75s;-o-transition:all 0.75s;}
.transition1{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}

.transition-delay01{transition-delay:0.1s;-moz-transition-delay:0.1s; -webkit-transition-delay:0.1s;-o-transition-delay:0.1s;}
.transition-delay02{transition-delay:0.2s;-moz-transition-delay:0.2s; -webkit-transition-delay:0.2s;-o-transition-delay:0.2s;}
.transition-delay03{transition-delay:0.3s;-moz-transition-delay:0.3s; -webkit-transition-delay:0.3s;-o-transition-delay:0.3s;}
.transition-delay05{transition-delay:0.5s;-moz-transition-delay:0.5s; -webkit-transition-delay:0.5s;-o-transition-delay:0.5s;}
.transition-delay075{transition-delay:0.75s;-moz-transition-delay:0.75s; -webkit-transition-delay:0.75s;-o-transition-delay:0.75s;}

/* 向下 */
@-webkit-keyframes fadeInDown1 {
    from {opacity: 0;-webkit-transform: translate3d(0, -100px, 0);transform: translate3d(0, -100px, 0);}
    to {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInDown1 {
    from {opacity: 0;-webkit-transform: translate3d(0, -100px, 0);transform: translate3d(0, -100px, 0);}
    to {opacity: 1;-webkit-transform: none;transform: none;}}
.fadeInDown100{-webkit-animation-name: fadeInDown1;animation-name: fadeInDown1;}

/* 向上 */
@-webkit-keyframes fadeInUp1 {
    from {opacity: 0;-webkit-transform: translate3d(0, 100px, 0);transform: translate3d(0, 100px, 0);}
    to {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInUp1 {
    from {opacity: 0;-webkit-transform: translate3d(0, 100px, 0);transform: translate3d(0, 100px, 0);}
    to {opacity: 1;-webkit-transform: none;transform: none;}}
.fadeInUp100{-webkit-animation-name: fadeInUp1;animation-name: fadeInUp1;}

@-webkit-keyframes fadeInUp2 {
    from {opacity: 0;-webkit-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);}
    to {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInUp2 {
    from {opacity: 0;-webkit-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);}
    to {opacity: 1;-webkit-transform: none;transform: none;}}
.fadeInUp50{-webkit-animation-name: fadeInUp2;animation-name: fadeInUp2;}

@-webkit-keyframes fadeInUp3 {
    from {opacity: 0;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);}
    to {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInUp3 {
    from {opacity: 0;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);}
    to {opacity: 1;-webkit-transform: none;transform: none;}}
.fadeInUp20{-webkit-animation-name: fadeInUp3;animation-name: fadeInUp3;}

/* 向右 */
@-webkit-keyframes fadeInLeft1 {
    from {opacity: 0;-webkit-transform: translate3d(-100px, 0, 0);transform: translate3d(-100px, 0, 0);}
    to {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInLeft1 {
    from {opacity: 0;-webkit-transform: translate3d(-100px, 0, 0);transform: translate3d(-100px, 0, 0);}
    to {opacity: 1;-webkit-transform: none;transform: none;}}
.fadeInLeft100{-webkit-animation-name: fadeInLeft1;animation-name: fadeInLeft1;}

@-webkit-keyframes fadeInLeft2 {
    from {opacity: 0;-webkit-transform: translate3d(-50px, 0, 0);transform: translate3d(-50px, 0, 0);}
    to {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInLeft2 {
    from {opacity: 0;-webkit-transform: translate3d(-50px, 0, 0);transform: translate3d(-50px, 0, 0);}
    to {opacity: 1;-webkit-transform: none;transform: none;}}
.fadeInLeft50{-webkit-animation-name: fadeInLeft2;animation-name: fadeInLeft2;}

@-webkit-keyframes fadeInLeft3 {
    from {opacity: 0;-webkit-transform: translate3d(-20px, 0, 0);transform: translate3d(-20px, 0, 0);}
    to {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInLeft3 {
    from {opacity: 0;-webkit-transform: translate3d(-20px, 0, 0);transform: translate3d(-20px, 0, 0);}
    to {opacity: 1;-webkit-transform: none;transform: none;}}
.fadeInLeft20{-webkit-animation-name: fadeInLeft3;animation-name: fadeInLeft3;}

/* 向左 */
@-webkit-keyframes fadeInRight1 {
    from {opacity: 0;-webkit-transform: translate3d(100px, 0, 0);transform: translate3d(100px, 0, 0);}
    to {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInRight1 {
    from {opacity: 0;-webkit-transform: translate3d(100px, 0, 0);transform: translate3d(100px, 0, 0);}
    to {opacity: 1;-webkit-transform: none;transform: none;}}
.fadeInRight100{-webkit-animation-name: fadeInRight1;animation-name: fadeInRight1;}

@-webkit-keyframes fadeInRight2 {
    from {opacity: 0;-webkit-transform: translate3d(50px, 0, 0);transform: translate3d(50px, 0, 0);}
    to {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInRight2 {
    from {opacity: 0;-webkit-transform: translate3d(50px, 0, 0);transform: translate3d(50px, 0, 0);}
    to {opacity: 1;-webkit-transform: none;transform: none;}}
.fadeInRight50{-webkit-animation-name: fadeInRight2;animation-name: fadeInRight2;}

@-webkit-keyframes fadeInRight3 {
    from {opacity: 0;-webkit-transform: translate3d(20px, 0, 0);transform: translate3d(20px, 0, 0);}
    to {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInRight3 {
    from {opacity: 0;-webkit-transform: translate3d(20px, 0, 0);transform: translate3d(20px, 0, 0);}
    to {opacity: 1;-webkit-transform: none;transform: none;}}
.fadeInRight20{-webkit-animation-name: fadeInRight3;animation-name: fadeInRight3;}

@-webkit-keyframes zoom1 {
    from {opacity: 0;-webkit-transform: scale3d(1.2, 1.2, 1.2);transform: scale3d(1.2, 1.2, 1.2);}
    50% {opacity: 1;}}
@keyframes zoom1 {
    from {opacity: 0;-webkit-transform: scale3d(1.2, 1.2, 1.2);transform: scale3d(1.2, 1.2, 1.2);}
    50% {opacity: 1;}}
.zoomEn {-webkit-animation-name: zoom1;animation-name: zoom1;}