*{margin:0; padding:0;}
/**, ::after, ::before {-webkit-box-sizing:border-box;box-sizing:border-box;}*
html{}
/*body{margin:0;color:#333; position: relative;font-family:Open Sans,PingFang SC,Microsoft YaHei,Helvetica Neue,Hiragino Sans GB,WenQuanYi Micro Hei,Arial,"sans-serif"; font-size: 12px;word-break: break-word;background-color: #fff;min-width: 1200px;}
*/
ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin:0px;padding:0px;border:none;list-style:none; font-weight: normal;line-height: 1.5}
a{text-decoration:none;text-shadow:none;font-weight:normal;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;color:#333;text-decoration:none;line-height: 1.5}
ul{list-style:none;}
textarea,input,button,select{outline:none;-webkit-appearance:none;font-family:Open Sans,PingFang SC,Microsoft YaHei,Helvetica Neue,Hiragino Sans GB,WenQuanYi Micro Hei,Arial,"sans-serif";}
img{border:none; /*display: block;max-width: 100%;*/}
span{margin:0; padding:0;}
span:focus,div:focus {outline: none;}
i{font-style: normal;}
button{border:none;background-color: transparent;cursor: pointer;}
input{background-color: transparent;border:none;}
img.OF-cover {font-family: 'object-fit: cover';}
img.cover{width: 100%;height: 100%;object-fit: cover;}
.flex{display:-webkit-box;display: -ms-flexbox;display:flex;flex-wrap:wrap;align-items:flex-start;}
.flexC{display:-webkit-box;display: -ms-flexbox;display:flex;align-items:center; flex-wrap:wrap;}
.fl-bet{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;}
.fl-cen{-webkit-box-pack: center;-ms-flex-pack: center;justify-content:center;}
.fl-end{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:flex-end;}
.bg-white{background-color: #fff;}
.overF{overflow: hidden;}
.ward{margin:0 auto;position: relative;z-index: 2;}
.rotate90{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.triangle{width: 0;height: 0;border-top: 8px solid #fff;border-right: 6px solid transparent;border-left: 6px solid transparent;}
.blod{font-weight: 600;}
.overH{overflow:auto}
.overH::-webkit-scrollbar{width:3px;height:0;}/*滚动条整体样式*/
.overH::-webkit-scrollbar-thumb{background:#bbc9d5; border-radius:4px}/*滚动条里面小方块*/
.overH::-webkit-scrollbar-track{background:rgba(255,255,255,0.2);}/*滚动条里面轨道*/
.overly {display: none; position: fixed;top: 0;left: 0; width: 100vw;height: 100vh;background-color: #000; opacity: .8;z-index: 9999;}
.overly.fade{display: block;opacity: .1;z-index: 9997;}
.text-center{text-align: center;}
.inp-flex{flex:1;-webkit-flex:1;}
@media  screen and ( min-width:1440px){
.ward{width: 1200px;}
}

@media only screen and (max-width:1439px){
.ward{width: 1100px;}
}

@media  screen and ( min-width:1680px){

}
@media screen and (max-width:1679px ) and ( min-width:1440px){

}
@media screen and (max-width:1439px ) and ( min-width:1280px){

}
@media screen and (max-width:1279px ) and ( min-width:992px){

}
@media screen and (max-width:991px ) and ( min-width:768px){

}
@media only screen and (max-width:767px){

}
/*修改input默认颜色文字*/
input:-moz-placeholder,  
textarea:-moz-placeholder {  
    color: #969696;  
}  
input:-ms-input-placeholder,  
textarea:-ms-input-placeholder {  
    color: #969696;  
}  
input::-webkit-input-placeholder,  
textarea::-webkit-input-placeholder {  
    color: #969696;  
}

/* 设置横向和竖向滚动条宽高 */
::-webkit-scrollbar {
    height: 12px !important;
    width: 12px !important;
}
/* 当同时有垂直滚动条和水平滚动条时交汇的部分 */ 
::-webkit-scrollbar-corner {
    background-color: transparent;
}
/*滚动条里面小方块*/
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    border-style: dashed;
    background-color: #DBDCDD;
    border-color: transparent;
    /* 边框的宽度 */
    border-width: 3px;
    /* background-clip属性指定背景绘制区域 背景绘制在衬距方框内（padding-box） */
    background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
    background: #C1C1C1;
}


.enlarge img{transition:all 0.3s;}
.enlarge:hover img{-ms-transform:scale(.95);-moz-transform:scale(.95);-webkit-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);}
.enlarge1 img{transition:all 0.3s;}
.enlarge1:hover img{-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.Mover{transition:0.5s;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.Mover:hover{transition:0.5s;ransform:translate(0,-5px);-webkit-transform:translate(0,-5px);-moz-transform:translate(0,-5px);-o-transform:translate(0,-5px);-ms-transform:translate(0,-5px);}
.IndChangeTabRight {-webkit-animation-name: changeTabRight__1s_Xw;animation-name: changeTabRight__1s_Xw;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-duration: 0.6s;animation-duration: 0.6s;}
@-webkit-keyframes changeTabRight__1s_Xw
{
    0%{opacity:0;visibility: hidden;}
    to{opacity:1;visibility: visible;}
}
@keyframes changeTabRight__1s_Xw
{
    0%{opacity:0;visibility: hidden;}
    to{opacity:1;visibility: visible;}
}
.sport__ani{-webkit-animation: sport__right .5s ease forwards;animation: sport__right .5s ease forwards;-webkit-animation-delay: .05s;animation-delay: .05s;}
@-webkit-keyframes sport__right
{
    0%{position:relative;left:100px;opacity:0;}
    100%{position:relative;left:0px;opacity:1;}
}
@keyframes sport__right
{
    0%{position:relative;left:100px;opacity:0;}
    100%{position:relative;left:0px;opacity:1;}
}

.i1cw-item2 {-webkit-animation-name: i1cw2;animation-name: i1cw2;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear;-webkit-animation-duration: 5s;animation-duration: 5s;}
.i1cw-item3 {-webkit-animation-name: i1cw3;animation-name: i1cw3;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear;-webkit-animation-duration: 5s;animation-duration: 5s;}
.i1cw-item4 {-webkit-animation-name: i1cw4;animation-name: i1cw4;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear;-webkit-animation-duration: 5s;animation-duration: 5s;}
.i1cw-item5 {-webkit-animation-name: i1cw5;animation-name: i1cw5;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear;-webkit-animation-duration: 5s;animation-duration: 5s;}
.i1cw-item6 {-webkit-animation-name: i1cw6;animation-name: i1cw6;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear;-webkit-animation-duration: 5s;animation-duration: 5s;}

@-webkit-keyframes i1cw2 {
0% { -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0); }
50% {-webkit-transform: translate3d(8px, -5px, -10px);transform: translate3d(8px, -5px, -10px); }
75% {-webkit-transform: translate3d(-2px, -10px, 0);transform: translate3d(-2px, -10px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 
}
@keyframes i1cw2 {
0% { -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0); }
50% {-webkit-transform: translate3d(8px, -5px, -10px);transform: translate3d(8px, -5px, -10px); }
75% {-webkit-transform: translate3d(-2px, -10px, 0);transform: translate3d(-2px, -10px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 
}
@-webkit-keyframes i1cw3 {
0% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0); }
50% {-webkit-transform: translate3d(-5px, 10px, 0);transform: translate3d(-5px, 10px, 0); }
75% {-webkit-transform: translate3d(8px, 5px, 0);transform: translate3d(8px, 5px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} 
}
@keyframes i1cw3 {
0% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0); }
50% {-webkit-transform: translate3d(-5px, 10px, 0);transform: translate3d(-5px, 10px, 0); }
75% {-webkit-transform: translate3d(8px, 5px, 0);transform: translate3d(8px, 5px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 
}
@-webkit-keyframes i1cw4 {
0% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(2px, 0, 0);transform: translate3d(2px, 0, 0); }
50% {-webkit-transform: translate3d(-15px, 5px, 0);transform: translate3d(-15px, 5px, 0); }
75% {-webkit-transform: translate3d(10px, 2px, 0);transform: translate3d(10px, 2px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 
}
@keyframes i1cw4 {
0% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(6px, 0, 0);transform: translate3d(6px, 0, 0); }
50% {-webkit-transform: translate3d(-15px, 5px, 0);transform: translate3d(-15px, 5px, 0); }
75% {-webkit-transform: translate3d(10px, 2px, 0);transform: translate3d(10px, 2px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 
}
@-webkit-keyframes i1cw5 {
0% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(-6px, 5px, 0);transform: translate3d(-6px, 5px, 0); }
50% {-webkit-transform: translate3d(0, -7px, -10px);transform: translate3d(0, -7px, -10px); }
75% {-webkit-transform: translate3d(-8px, 10px, 0);transform: translate3d(-8px, 10px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 
}
@keyframes i1cw5 {
0% {
-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(-2px, 5px, 0);transform: translate3d(-2px, 5px, 0); }
50% {-webkit-transform: translate3d(0, -7px, -10px);transform: translate3d(0, -7px, -10px); }
75% {-webkit-transform: translate3d(-8px, 10px, 0);transform: translate3d(-8px, 10px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
}
@-webkit-keyframes i1cw6 {
0% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(5px, -5px, 0);transform: translate3d(5px, -5px, 0); }
50% {-webkit-transform: translate3d(-7px, 2px, 0);transform: translate3d(-7px, 2px, 0); }
75% {-webkit-transform: translate3d(-4px, 8px, 0);transform: translate3d(-4px, 8px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 
}
@keyframes i1cw6 {
0% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(5px, -5px, 0);transform: translate3d(5px, -5px, 0); }
50% {-webkit-transform: translate3d(-7px, 2px, 0);transform: translate3d(-7px, 2px, 0); }
75% {-webkit-transform: translate3d(-4px, 8px, 0);transform: translate3d(-4px, 8px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 
}










/*出的各分辨率媒体查询换算：*/
html {font-size: 625%;}
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait){html{font-size:703%;}}
@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait){html{font-size:732.4%;}}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait){html{font-size:750%; }}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait){html{font-size:781.25%;}}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){html{font-size:808.6%;}}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){html {font-size:843.75%;}}



/*
display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center
|flex-start|flex-end|center|space-between|space-around

overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;

transition:0.5s;
.IndEnvT:before,.IndEnvT:after{display:block;content:'';position: absolute;}
*/

