:root{--c:#008fde}
[v-cloak]{display:none}
HTML,blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,table,td,th,ul{margin:0;padding:0;border:none;font-size:14px;font-family:微软雅黑,黑体,宋体}
*{outline:0}
body,html{width:100%;height:100%}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:400;font-style:normal}
a{text-decoration:none;}
a:link,a:visited{color:#555}
a:active,a:hover{color:var(--c)}
input::-ms-clear,input::-ms-reveal{display:none}
input{margin:0;padding:0;-webkit-appearance:none}
input::-webkit-input-placeholder{color:#ccc}
input::-ms-input-placeholder{color:#ccc}
input::-moz-placeholder{color:#ccc}
input[type=button],input[type=submit]{cursor:pointer}
button[disabled],input[disabled]{cursor:default}
img{border:none;display: inline-block}
li,ol,ul{list-style-type:none}
.clear{clear:both}
.clearleft{clear:left}
.clearright{clear:right}
.index_wrap{overflow:hidden;height:68px}
.content{margin:0 auto;width:75pc}
.ad_box{margin:20px 0;width:75pc;height:70px}
#pt{margin:10px auto;height:30px;color:#666;font-weight:300;font-size:14px;line-height:30px}
#pt em{padding:0 10px}
#pt .nvhm{width:auto;background:0 0}
#pt .nvhm,#pt a{height:30px;line-height:30px}
#pt a{color:#666;font-weight:300;font-size:14px}
#pt a:hover{color:var(--c)}
.cl:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
.cl{zoom:1}
.bg_FFF{background:#fff}
.bg_447ff8{background:#447ff8}
.bg_393B3D{background:#393b3d}
.bg_000{background:#000}
.bg_333{background:#333}
.bg_EA4444{background:#ea4444}
.bg_FF4343{background:#ff4343}
.bg_linear{background:linear-gradient(90deg,#ff5b1a 0,#ff2626 100%)}
.bg_BBB{background:#bbb}
.bg_f8f8f8{background:#f8f8f8}
.bg_f5f5f5{background:#f5f5f5}
.bg_FFD01E{background:#ffd01e}
.bg_FFB400{background:#ffb400}
.bg_E3F2FF{background:#e3f2ff}
.bg_FFFBF3{background:#fffbf3}
.bg_FF7B00{background:#ff7b00}
.bg_FF4800{background:#ff4800}
.bg_5DD281{background:#5dd281}
.bg_FF0000{background:red}
.bg_FFECF2{background:#ffecf2}
.bg_eee{background:#eee}
.bg_linear2{background:linear-gradient(90deg,#7e44f6 0,#7f5ff2 100%)}
.bg_linear3{background:linear-gradient(90deg,#f77266 0,#f25f17 100%)}
.bg_linear4{background:linear-gradient(90deg,#55f1c6 0,#18d488 100%)}
.bg_linear5{background:linear-gradient(90deg,#fae361 0,#f4c520 100%)}
.bg_linear6{background:linear-gradient(90deg,#399bf4 0,#75d2f9 100%)}
.fon_12{font-size:9pt}
.fon_14{font-size:14px}
.fon_16{font-size:1pc}
.fon_18{font-size:18px}
.fon_20{font-size:20px}
.fon_22{font-size:22px}
.fon_24{font-size:24px}
.fon_26{font-size:26px}
.fon_28{font-size:28px}
.fon_32{font-size:2pc}
.fon_34{font-size:34px}
.cl_FFF{color:#fff}
.cl_DDD{color:#ddd}
.cl_333{color:#333}
.cl_447ff8{color:#447ff8}
.cl_999{color:#999}
.cl_666{color:#666}
.cl_FF4343{color:#ff4343}
.cl_FF5252{color:#ff5252}
.cl_FF4949{color:#ff4949}
.cl_494949{color:#494949}
.cl_FACA14{color:#faca14}
.cl_FFD16A{color:#ffd16a}
.cl_3F3F3F{color:#3f3f3f}
.cl_5c6b79{color:#5c6b79}
.cl_5A7CAB{color:#5a7cab}
.cl_058DFF{color:#058dff}
.cl_2babff{color:#2babff}
.cl_f60{color:#f60!important}
.cl_FF0E3B{color:#ff0e3b}
.cl_FF3333{color:#f33}
.cl_6c{color:#6c6c6c}
.clearfix:after{clear:both;display:block;overflow:hidden;height:0;content:"";font-size:0}
.clearfix{zoom:1}
.tc{text-align:center}
.fl{float:left}
.fr{float:right}
.cursor{cursor:pointer}
.font_w{font-weight:700}
.font_w2{font-weight:400}
.hide_e{text-overflow:ellipsis}
.hide_e,.hide_e2{overflow:hidden;white-space:nowrap}
.hide_e_2{-webkit-line-clamp:2}
.hide_e_2,.hide_e_3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}
.hide_e_3{-webkit-line-clamp:3}
.hide_e_4{white-space:nowrap;-webkit-line-clamp:4}
.hide_e_4,.hide_e_5{overflow:hidden;text-overflow:ellipsis}
.hide_e_5{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dis_b{display:block}
.dis_i{display:inline-block}
.dis_n{display:none}
.posi-a,.posi-a1{position:absolute;z-index:1}
.posi-a1{top:10px;right:2pc;}
.posi-a-i{position:absolute!important;z-index:1;}
.posi-r{position:relative;z-index:1;}
.posi-f{position:fixed;z-index:1;}
.title_bg{position:absolute;bottom:0;padding-left:30px;width:100%;height:55px;background:rgba(0,0,0,.2);}
.op_66{opacity:.66;-moz-opacity:.66;-khtml-opacity:.66;}
.box_s1{box-shadow:0 1px 2px #efefef}
.box_s2{box-shadow:0 2px 6px 0 hsla(0,0%,87%,.6);}
.f_r,.flex{display:flex}
.f_r{flex-direction:row}
.f_col{display:flex;flex-direction:column}
.f_col_i{display:flex;flex-direction:column!important;}
.f_g_0{min-width:0;flex-grow:0;flex-shrink:0}
.f_g_1{min-width:0;flex-grow:1;flex-shrink:1}
.f_1{flex:1}
.f_c{flex-direction:row}
.f_c,.f_col_c{display:flex;justify-content:center;align-items:center}
.f_col2_c,.f_col_c{flex-direction:column}
.f_col2_c{display:flex;justify-content:center}
.f_x_c{flex-direction:row}
.f_x_c,.f_y_c{display:flex;align-items:center}
.f_y_c{flex-direction:column}
.f_x_se{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}
.f_col_end{align-items:flex-end}
.f_col_end,.f_col_start{display:flex;flex-direction:column}
.f_col_start{align-items:flex-start}
.f_y_end{flex-direction:column}
.f_x_end,.f_x_end_c,.f_y_end{display:flex;justify-content:flex-end}
.f_x_end,.f_x_end_c{flex-direction:row}
.f_x_end_c{align-items:center}
.f_x_bt2{justify-content:space-between}
.f_x_bt2,.f_x_bt3{display:flex;flex-direction:row;align-items:center}
.f_x_bt3{justify-content:space-around}
.f_x_bt{flex-direction:row}
.f_x_bt,.f_y_bt{display:flex;justify-content:space-between}
.f_y_bt{align-items:center}
.f_y_ad,.f_y_bt{flex-direction:column}
.f_x_ad,.f_y_ad{display:flex;justify-content:space-around}
.f_x_ad{flex-direction:row}
.f_wrap{flex-wrap:wrap}
.f_ad{justify-content:space-around}
.f_bt,.f_bt2{display:flex;justify-content:space-between}
.f_bt2{flex-direction:column;align-items:baseline}
.i_#2fe398{color:var(--c)}
.i_right{width:1px;height:17px;color:#9c9d9e;justify-content:center}
.w-100{width:100%}
.w-75{width:75%}
.w-84{width:84%}
.w-50{width:50%}
.w-25{width:25%}
.h_80{height:5pc}
.h_60_h{height:60px;line-height:60px}
.mar_20_l{margin-left:20px}
.mar_10_right{margin-right:10px}
.mar_20_right{margin-right:20px}
.bor_n{border:none}
.bor_t_DDD{border-bottom:1px solid #ddd}
.i_transform img{display:inline-block;overflow:hidden;transition:all .6s ease-in-out;transform:scale(1);-ms-transition:all .6s ease-in-out;-ms-transform:scale(1);width: 100%;height: 100%}
.img_box2 img{width: 100%;height: 100%}
.i_transform:hover img{transform:scale(1.2);-ms-transform:scale(1.2)}
.swiper-slide img{width: 100%;height: 100%}
.cur_price{font-size:12px;font-family:arial,verdana,sans-serif !important;color:#999;position:relative;top:0;text-decoration:line-through}
.cur_price2{font-size:12px;font-family:arial,verdana,sans-serif !important;color:#999;position:relative;left:6px;text-decoration:line-through}
@keyframes bottomFadeIn {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes topFadeIn {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes leftFadeIn {
    0% {
        opacity: 0;
        transform: translateX(-10px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes rightFadeIn {
    0% {
        opacity: 0;
        transform: translateX(10px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes popup {
    0% {
        transform: scale(0)
    }
    60% {
        transform: scale(1.1)
    }
    to {
        transform: scale(1)
    }
}

@keyframes flipInX {
    0% {
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }
    40% {
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        transform: perspective(400px) rotateX(10deg)
    }
    to {
        opacity: 1;
        transform: perspective(400px) rotateX(0)
    }
}

@keyframes flipInY {
    0% {
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }
    40% {
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        transform: perspective(400px) rotateY(10deg)
    }
    to {
        opacity: 1;
        transform: perspective(400px) rotateY(0)
    }
}