@charset "UTF-8";
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin: 0;padding: 0;}
html {font-size: 62.5%;}
body {font: 12px/1.2 system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;color: #333;background-color: #F6F8FA;overflow-x: hidden;}
a{text-decoration: none;cursor:pointer;}
ul, li {list-style-type: none;}
input{outline: none;}
textarea{outline: none;resize:none}
.clearfix:after {content: "";display: block;visibility: hidden;height: 0;clear: both;}
.typeArea{width: 1385px;margin: 0 auto;position: relative}
h1,h2,h3,h4{font-size:12px; font-weight:normal}
.hide{display: none!important;}
.show{display: block!important;}
.borderNone{border:none!important;}
.flex{display: flex!important;}
.up{text-transform:uppercase;}
.op1{opacity:1 !important;}
.ofv{overflow: visible!important;}
.op0{opacity:0 !important;}
.c0{color:#000 !important;}
.c3{color:#333 !important;}
.c6{color:#666 !important;}
.c9{color:#999 !important;}
.f{color:#fff !important;}
.c{color:#ccc !important;}
.e{color:#eee !important;}
.b{font-weight: bold !important;}

.capit{text-transform:capitalize}
.upper{text-transform:uppercase}
.lower{text-transform:lowercase}
.blue{color:#276bf2 !important;}
/*:after{*/
    /*position: absolute;*/
    /*left:-1px;*/
    /*top:20px;*/
    /*width:2px;*/
    /*height:12px;*/
    /*background: #E50000;*/
    /*z-index:2;*/
    /*display: block;*/
    /*content:'';*/
/*}*/

/*换行*/
.br::after{content: "\A";white-space: pre;}
.br2::after{content: "\A\A";white-space: pre;}
.br3::after{content: "\A\A\A";white-space: pre;}
.br4::after{content: "\A\A\A\A";white-space: pre;}
/* 图片放大 */
.imgContain {overflow: hidden;}
.imgContain>img {width:100%;transition: all .5s;transform: scale(1);display: block;}
.imgContain:hover>img{transform: scale(1.05);}
/* 背景填充 */
.bgFull{position: relative;overflow: hidden;z-index: 3;transition:all .5s;}
.bgFull:hover{color:#fff}
.bgFull:hover:after{width:130%}
.bgFull:after{content:"";width:0;font-size:12px;display:block;height:130%;line-height:30px;text-align:center;box-sizing:border-box;border:1px solid #333;cursor:pointer;position:absolute;left:-15%;top:-15%;background:#e60011;transition:all .5s;z-index:-1}
/* 玻璃 */
.glass{position:relative;overflow:hidden}
.glass:after{position:absolute;left:-100%;top:0;width:30%;height:100%;content:"";background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 100%);transform:skewX(-45deg)}
.glass:hover:after{left:150%;transition:1s ease}
/* 省略号 */
.dh{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;box-sizing: border-box;}
.dh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;box-sizing: border-box;}
.dh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;box-sizing: border-box;}
.dh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;box-sizing: border-box;}
/*banner出厂动画*/
.picShowAnimate{
    animation:picShowAnimate .5s 1;
}
@keyframes picShowAnimate
{
    0%   {transform: scale(.5);opacity:0;}
    100% {transform: scale(1);opacity:1;}
}
/* 图片加载失败 */
img.error{display: inline-block;transform: scale(1);content: '';color: transparent;}
img.error::before{content: '';position: absolute;left: 0; top: 0;width: 100%; height: 100%;background: #f5f5f5 url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M304.128 456.192c48.64 0 88.064-39.424 88.064-88.064s-39.424-88.064-88.064-88.064-88.064 39.424-88.064 88.064 39.424 88.064 88.064 88.064zm0-116.224c15.36 0 28.16 12.288 28.16 28.16s-12.288 28.16-28.16 28.16-28.16-12.288-28.16-28.16 12.288-28.16 28.16-28.16z' fill='%23e6e6e6'/%3E%3Cpath d='M887.296 159.744H136.704C96.768 159.744 64 192 64 232.448v559.104c0 39.936 32.256 72.704 72.704 72.704h198.144L500.224 688.64l-36.352-222.72 162.304-130.56-61.44 143.872 92.672 214.016-105.472 171.008h335.36C927.232 864.256 960 832 960 791.552V232.448c0-39.936-32.256-72.704-72.704-72.704zm-138.752 71.68v.512H857.6c16.384 0 30.208 13.312 30.208 30.208v399.872L673.28 408.064l75.264-176.64zM304.64 792.064H165.888c-16.384 0-30.208-13.312-30.208-30.208v-9.728l138.752-164.352 104.96 124.416-74.752 79.872zm81.92-355.84l37.376 228.864-.512.512-142.848-169.984c-3.072-3.584-9.216-3.584-12.288 0L135.68 652.8V262.144c0-16.384 13.312-30.208 30.208-30.208h474.624L386.56 436.224zm501.248 325.632c0 16.896-13.312 30.208-29.696 30.208H680.96l57.344-93.184-87.552-202.24 7.168-7.68 229.888 272.896z' fill='%23e6e6e6'/%3E%3C/svg%3E") no-repeat center / 50% 50%;}
img.error::after{content: attr(alt);position: absolute;left: 0; bottom: 0;width: 100%;line-height: 2;background-color: rgba(0,0,0,.5);color: white;font-size: 12px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.bewteen{display: flex;align-items: center;justify-content: space-between}

/*小米投影*/
.miR{transition:all .5s;position: relative;top:0;}
.miR:hover{top:-5px;box-shadow:0 0 16px rgba(0,0,0,.14);}
.miA{transition:all .5s;position: relative;top:0;}
.miA:hover{top:-5px;box-shadow:0 0 16px rgba(0,0,0,.14);}

/* 背景渐渐变大 */
@keyframes mymove
{
    0%   {transform: scale(1)}
    50%  {transform: scale(1.2)}
    100% {transform: scale(1)}
}
/* animation:mymove 100s infinite; */
/*左右摆动*/
@keyframes swing
{
    0%   {left:5px;}
    50%  {left:-5px;}
    100% {left:5px;}
}
/*需要满足的样式{
    position: relative;
}
{
     animation:swing 1s;
} */
/*阴影闪烁*/
@keyframes boxShake {
    0% {
        box-shadow:0px 0px 10px rgba(0,0,0,.12);
    }
    100% {
        box-shadow:0px 0px 16px rgba(0,0,0,.2);
    }
}
/*animation: boxShake ease-in-out 2s infinite;*/


/*尺寸最佳行高 12 20    14 35    */
/*还是有很多电脑处于1366分辨率的!!*/
@media (min-width:2550px){}
@media (max-width:1930px){}
@media (max-width:1690px){
    .typeArea{width:1200px;box-sizing: border-box;}
}
@media (max-width:1610px){}
@media (max-width:1460px){}
@media(max-width:1300px){
    .typeArea{width:100%;box-sizing: border-box;padding: 0 5%;}
}
@media (max-width:1410px){}
@media (max-width:1290px){}
@media (max-width:1034px){}
@media (max-width:810px){}
@media (max-width:789px){}