﻿::-webkit-scrollbar  

{  

    width: 6px;  

    height: 6px;  

    background-color: #f7f7f7;  

}  

/*定义滚动条轨道 内阴影+圆角*/  

::-webkit-scrollbar-track  

{  

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  

    background-color: #f7f7f7;  

}    

/*定义滑块 内阴影+圆角*/  

::-webkit-scrollbar-thumb  

{  

    border-radius: 10px;  

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  

    background-color:#ff7497;  

}  

/*IE滚动条颜色*/

html {

    scrollbar-face-color:#bfbfbf;/*滚动条颜色*/

    scrollbar-highlight-color:#000;

    scrollbar-3dlight-color:#000;

    scrollbar-darkshadow-color:#000;

    scrollbar-Shadow-color:#adadad;/*滑块边色*/

    scrollbar-arrow-color:rgba(0,0,0,0.4);/*箭头颜色*/

    scrollbar-track-color:#eeeeee;/*背景颜色*/

}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,/* structural elements 结构元素 */
dl,dt,dd,ul,ol,li,/*  list elements 列表元素*/
pre,/* text formatting elements 文本格式元素 */
fieldset,lengend,button,input,textarea, /* form elements 表单元素 */
th,td{margin:0;padding:0;}
body,button,input,textarea{font:12px SF Pro SC,SF Pro Text,PingFang SC,Helvetica, Arial, "\5b8b\4f53", sans-serif;border:none; }
address,cite,dfn,em,var{font-style: normal;}
code,kbd,pre,samp,tt{ font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small{font-size: 12px;}/* 小于 12px 的中文很难阅读，让 small 正常化 */
img,input{vertical-align: middle; border:none;}
ul,ol,li{list-style: none;}
a{text-decoration:none;outline:none}a:hover{text-decoration: underline;}
table{border-collapse: collapse;border-spacing: 0;}
html,body{-webkit-text-size-adjust:none;}
*{padding:0;margin:0;-webkit-tap-highlight-color:transparent;}
font{font-size:12px;}
.clear{height:1px;clear:both;margin-bottom:-1px;overflow:hidden;visibility:hidden;display:block;}
.left{ float:left;display: inline-block;}.right{float:right;display: inline-block;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;overflow:hidden;}
.clearfix{*zoom:1;}
.hide{display: none;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-left{text-align: left;}
i,em{font-style: normal;vertical-align: middle;display: inline-block;}
input,button,select,textarea{font-size: .24rem; outline:none;height: auto;line-height: normal;-webkit-appearance: none;font-family: 'Microsoft Yahei';}
.hide{display: none;}
button{cursor:pointer;outline: none;background: none;}
.c66{color: #666;}.c88{color: #888;}
.c99{color: #999;}
.f26{font-size: .26rem;}
.f28{font-size: .28rem;}
.f30{font-size: .30rem;}
.f32{font-size: .32rem;}
.f34{font-size: .34rem;}
.f36{font-size: .36rem;}
.f40{font-size: .4rem;}
.cf00{color: #f00;}
.cyellow{color: #fe9e1f;}
.bgf5{background: #f5f5f5;}
.c1{color: #f85c55}
/* 黄色 */
.c2{color: #f8d907}
/* 地黄色 */
.c2_1{color: #db8304;}
.bdnone{border-bottom: none;}
.yichu{overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
/*垂直水平居中*/
.vm{top: 50%;left: 50%; position: absolute;-webkit-transform: translate(-50%, -50%);transform:translate(-50%, -50%);}
/*垂直居中*/
.vtm{top: 50%; position: absolute;-webkit-transform: translate(0, -50%);transform:translate(0, -50%);}
.vt{left: 50%; position: relative;-webkit-transform: translate(-50%, 0);transform:translate(-50%, 0);}
/*元素均分*/
.my-bar{bottom: 0;display: table; width: 100%;height: 50px; padding: 0;table-layout: fixed;border-top: 0;border-bottom: 0;-webkit-touch-callout: none;}
.my-bar .my-bar-item{display: table-cell;overflow: hidden;width: 1%; height: 50px; text-align: center; vertical-align: middle; white-space: nowrap;text-overflow: ellipsis;color: #929292;}
.my-bar .my-bar-item.mui-active{color: #007aff;}
.p_relative{position: relative;}
.icon{display: inline-block;background-repeat: no-repeat;background-size: 100% 100%;overflow: hidden;vertical-align: middle;}
.text-ellipsis{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
h1,h2,h3,h4,h5{font-weight: normal;}
.c78{color: #787878;}
.f22{font-size: .22rem;}
.f24{font-size: .24rem;}
.f28{font-size: .28rem;}
.f38{font-size: .38rem;}
.f40{font-size: .4rem;}
.img-responsive{display: block;width: 100%;height: auto;}
.t-line{text-decoration: underline;}
.bgf{background: #fff;}
.bgf4{background: #f4f4f4;}
.line{height: .2rem;}
.line1{background: #f5f5f5;height: .1rem;}
.cred_a{color: #b7030f;}
table{width: 100%;border-collapse: collapse;}
span,em{display: inline-block;}
.int::-webkit-input-placeholder { /* WebKit browsers */
    color:#959595;
}
.int:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #959595;
}
.int::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#959595;
}
.int:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#959595;
}
/* Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0 !important!}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 20px; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; color: #666; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;z-index: 200; }

.slick-prev { left: -25px; }

.slick-next { right: -25px; }

/* Dots */
.slick-slider {}

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; }

.flex,.dflex{
	display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
	webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;
}
.flex_vtop{
	display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
	-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start
}
.flex_center{
	display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
	webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;
	-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center
}
.flex_justify,.djustify{
	display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
	-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;
	-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.flex_box_1{
	-webkit-box-flex:1;
	-webkit-flex-grow:1;
	-ms-flex-positive:1;
	flex-grow:1;
	-webkit-flex-shrink:1;
	-ms-flex-negative:1;
	flex-shrink:1
}

@font-face {
	font-family:'SF Pro SC';
	font-style:normal;
	font-weight:400;
	src:url("font/PingFangSC-Regular.eot");
	src:url("font/PingFangSC-Regular.woff")format("woff"), url("font/PingFangSC-Regular.ttf") format("truetype");
}

@font-face {
	font-family:'SF Pro Text';
	font-style:normal;
	font-weight:400;
	src:url("font/sf-pro-text_regular.eot");
	src: url("font/sf-pro-text_regular.woff")format("woff"), url("font/sf-pro-text_regular.ttf") format("truetype");
}
