/* 页面初始化 */
body{font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei UI','Microsoft YaHei','微软雅黑',Arial,sans-serif;margin:0; padding:0;line-height:normal}/*commom style*/
*,*:before,*:after {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,
details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,form,ul,li
{margin:0;padding:0;border:0;outline:none;}
li{list-style:none;}
a,ins,a:hover,a:active{text-decoration:none;}
*:focus{outline:none;}
a{color:#333;}

img {
    display:block;
    border:0;
    pointer-events:none;
}
img[src=""],img:not([src]) {
    opacity:0;
}
button,input,optgroup,select,textarea {
    margin:0;
    border:0;
    font:inherit;
    color:inherit;
    outline:none;
    -webkit-appearance:none;
}
.all {width:100%;,max-width: 1920px; margin:0 auto;}

.w1920{width: 1920px; margin: 0 auto;}

.w1200 {width:1200px; margin:0 auto;}
.w1300 {width:1300px; margin:0 auto;}
.w1400 {width:1400px; margin:0 auto;}
.w1500{width: 1500px; margin: 0 auto;}


/*清除浮动*/

.cf::after {
    content:'';
    display:block;
    height:0;
    visibility:hidden;
    clear:both;
}
.left,.fl {
    float:left;
}
.right,.fr{
    float:right;
}

/*row and column 行和列*/




/*常用字体 标准1.5倍行间距既是行高*/
.bt_size_12{font-size:.12rem;line-height: .18rem}
.bt_size_14{font-size:.14rem;line-height: .21rem}
.bt_size_16{font-size:.16rem;line-height: .24rem}
.bt_size_18{font-size:.18rem;line-height: .27rem}
.bt_size_20{font-size:.20rem;line-height: .3rem}
.bt_size_22{font-size:.22rem;line-height: .33rem}
.bt_size_24{font-size:.24rem;line-height: .36rem}
.bt_size_26{font-size:.26rem;line-height: .39rem}
.bt_size_28{font-size:.28rem;line-height: .42rem}
.bt_size_30{font-size:.30rem;line-height: .45rem}
.bt_size_32{font-size:.32rem;line-height: .48rem}
.bt_size_34{font-size:.32rem;line-height: .51rem}
.bt_size_36{font-size:.36rem;line-height: .54rem}
.bt_size_40{font-size:.40rem;line-height: .6rem}
.bt_size_44{font-size:.44rem;line-height: .66rem}
.bt_size_48{font-size:.48rem;line-height: .72rem}
.bt_size_52{font-size:.52rem;line-height: .78rem}
.bt_size_64{font-size:.64rem;line-height: .96rem}



/*常用字体 标准2倍行间距既是行高*/
.bt2_size_14{font-size:.14rem;line-height: .28rem}
.bt2_size_16{font-size:.16rem;line-height: .32rem}
.bt2_size_18{font-size:.18rem;line-height: .36rem}
.bt2_size_20{font-size:.20rem;line-height: .4rem}
.bt2_size_22{font-size:.22rem;line-height: .44rem}
.bt2_size_24{font-size:.24rem;line-height: .48rem}


/*PC */
.pc_size_14{font-size: 14px;}
.pc_size_16{font-size: 16px;}
.pc_size_18{font-size: 18px;}
.pc_size_20{font-size: 20px;}
.pc_size_22{font-size: 22px;}
.pc_size_24{font-size: 24px;}
.pc_size_26{font-size: 26px;}
.pc_size_28{font-size: 28px;}
.pc_size_32{font-size: 32px;}
.pc_size_34{font-size: 32px;}
.pc_size_36{font-size: 36px;}
.pc_size_38{font-size: 38px;}
.pc_size_42{font-size: 40px;}
.pc_size_44{font-size: 44px;}
.pc_size_48{font-size: 48px;}
.pc_size_52{font-size: 52px;}

/*mobile */
.mb_size_14{font-size: .14rem;}
.mb_size_16{font-size: .16rem;}
.mb_size_18{font-size: .18rem;}
.mb_size_20{font-size: .20rem;}
.mb_size_22{font-size: .22rem;}
.mb_size_24{font-size: .24rem;}
.mb_size_26{font-size: .26rem;}
.mb_size_28{font-size: .28rem;}
.mb_size_32{font-size: .32rem;}
.mb_size_34{font-size: .32rem;}
.mb_size_36{font-size: .36rem;}
.mb_size_38{font-size: .38rem;}
.mb_size_42{font-size: .40rem;}
.mb_size_44{font-size: .44rem;}
.mb_size_48{font-size: .48rem;}
.mb_size_52{font-size: .52rem;}




/*字体加粗*/
.bt_weight_100{font-weight: 100}
.bt_weight_200{font-weight: 200}
.bt_weight_300{font-weight: 300}
.bt_weight_400{font-weight: 400}
.bt_weight_500{font-weight: 500}
.bt_weight_600{font-weight: 600}
.bt_weight_700{font-weight: 700}
.bt_weight_800{font-weight: 800}
.bt_weight_900{font-weight: 900}
.bt-weight{font-weight:bold;}


/*****CSS==控制字数/加省略号*****/
/*单行超出隐藏*/
.bt_nowrap{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*多行超出隐藏*/
.bt_nowrap_2{

overflow: hidden;      // 溢出隐藏

text-overflow: ellipsis;  // 溢出用省略号显示

display:-webkit-box;    // 作为弹性伸缩盒子模型显示。

-webkit-box-orient:vertical; // 设置伸缩盒子的子元素排列方式：从上到下垂直排列

-webkit-line-clamp:2;    // 显示的行数

}