/*@font-face{font-family: 'SourceHanSansCN';src: url('./../res/fonts/SourceHanSansCN/SourceHanSansCN-Light.otf');}*/
html{font-family: '微软雅黑'; line-height: 26px; letter-spacing: 1px;}
html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p{margin:0;border:0;padding:0;font-style:normal;}
html,body {-webkit-touch-callout:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);background-color: #f1f1f1;}
nav,article,aside,details,main,header,footer,section,fieldset,figcaption,figure{display: block;}
img,a,button,em,del,strong,var,label,cite,small,time,mark,code,textarea{display:inline-block;}
ol,ul{list-style:none;}
/*span{display:inline-block;}*/
a:active, a:hover {outline: 0;}
a, a:visited{text-decoration:none;}
* {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: none;}

/**** 文字排版 ****/
.san-one-text{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.san-two-text{overflow : hidden;display: -webkit-box;display: -moz-box;-webkit-line-clamp: 2;-moz-line-clamp: 2;-webkit-box-orient: vertical;-moz-box-orient: vertical;text-overflow: ellipsis; height: 52px;}
.san-three-text{overflow : hidden;display: -webkit-box;display: -moz-box;-webkit-line-clamp: 3;-moz-line-clamp: 3;-webkit-box-orient: vertical;-moz-box-orient: vertical;text-overflow: ellipsis; height: 78px;}
.san-tl {text-align: left !important;}
.san-tr {text-align: right !important;}
.san-tc {text-align: center !important;}
.san-font-12{font-size: 12px;}
.san-font-14{font-size: 14px;}
.san-font-16{font-size: 16px;}
.san-font-18{font-size: 18px;}
.san-font-20{font-size: 20px;}
.san-font-22{font-size: 22px;}
.san-font-24{font-size: 32px; margin-bottom: 10px;}
.san-font-26{font-size: 26px;}

/**** 布局方案 ****/
.san-clear:after{display: table; line-height: 0; content: ""; height:0; clear: both;}
.san-pr{position: relative !important;}
.san-pa{position: absolute !important;}
.san-fl{float:left !important;}
.san-fr{float: right !important;}
.san-xs-1, .san-xs-2, .san-xs-3, .san-xs-4, .san-xs-5, .san-xs-6, .san-xs-7, .san-xs-8, .san-xs-9, .san-xs-10, .san-xs-11, .san-xs-12{float: left !important;}
.san-xs-12 {width: 100% !important;}
.san-xs-11 {width: 91.66666667% !important;}
.san-xs-10 {width: 83.33333333% !important;}
.san-xs-9 {width: 75% !important;}
.san-xs-8 {width: 66.66666667% !important;}
.san-xs-7 {width: 58.33333333% !important;}
.san-xs-6 {width: 50% !important;}
.san-xs-5 {width: 41.66666667% !important;}
.san-xs-4 {width: 33.33333333% !important;}
.san-xs-3 {width: 25% !important;}
.san-xs-2 {width: 16.66666667% !important;}
.san-xs-1 {width: 8.33333333% !important;}
.san-xs-offset-12 {margin-left: 100% !important;}
.san-xs-offset-11 {margin-left: 91.66666667% !important;}
.san-xs-offset-10 {margin-left: 83.33333333% !important;}
.san-xs-offset-9 {margin-left: 75% !important;}
.san-xs-offset-8 {margin-left: 66.66666667% !important;}
.san-xs-offset-7 {margin-left: 58.33333333% !important;}
.san-xs-offset-6 {margin-left: 50% !important;}
.san-xs-offset-5 {margin-left: 41.66666667% !important;}
.san-xs-offset-4 {margin-left: 33.33333333% !important;}
.san-xs-offset-3 {margin-left: 25% !important;}
.san-xs-offset-2 {margin-left: 16.66666667% !important;}
.san-xs-offset-1 {margin-left: 8.33333333% !important;}
.san-main-content{width: 80%; margin: 0 auto; min-width: 1200px;}
.san-over-hidden{overflow: hidden;}
.san-mt-5{margin-top: 5px;}
.san-mt-10{margin-top: 10px;}
.san-mt-15{margin-top: 15px;}
.san-mt-20{margin-top: 20px;}
.san-mt-25{margin-top: 25px;}
.san-mr-5{margin-right: 5px;}
.san-mr-10{margin-right: 10px;}
.san-mr-15{margin-right: 15px;}
.san-mr-20{margin-right: 20px;}
.san-mr-25{margin-right: 25px;}
.san-mb-5{margin-bottom: 5px;}
.san-mb-10{margin-bottom: 10px;}
.san-mb-15{margin-bottom: 15px;}
.san-mb-20{margin-bottom: 20px;}
.san-mb-25{margin-bottom: 25px;}
.san-ml-5{margin-left: 5px;}
.san-ml-10{margin-left: 10px;}
.san-ml-15{margin-left: 15px;}
.san-ml-20{margin-left: 20px;}
.san-ml-25{margin-left: 25px;}
.san-pt-5{padding-top: 5px;}
.san-pt-10{padding-top: 10px;}
.san-pt-15{padding-top: 15px;}
.san-pt-20{padding-top: 20px;}
.san-pt-25{padding-top: 25px;}
.san-pr-5{padding-right: 5px;}
.san-pr-10{padding-right: 10px;}
.san-pr-15{padding-right: 15px;}
.san-pr-20{padding-right: 20px;}
.san-pr-25{padding-right: 25px;}
.san-pb-5{padding-bottom: 5px;}
.san-pb-10{padding-bottom: 10px;}
.san-pb-15{padding-bottom: 15px;}
.san-pb-20{padding-bottom: 20px;}
.san-pb-25{padding-bottom: 25px;}
.san-pl-5{padding-left: 5px;}
.san-pl-10{padding-left: 10px;}
.san-pl-15{padding-left: 15px;}
.san-pl-20{padding-left: 20px;}
.san-pl-25{padding-left: 25px;}
.san-flex{display:-webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}

/*显示与隐藏*/
.san-show{display: block !important;}
.san-hide{display: none !important;}

/*链接*/
a.san-a{display: block !important;}

/*颜色*/
.san-color-f{color: #fff !important;}
.san-color-2{color: #323232 !important;}
.san-color-3{color: #333 !important;}
.san-color-6{color: #666 !important;}
.san-color-9{color: #999 !important;}
.san-color-10{color: #999 !important;float: right;}
.san-bg-f{background-color: #fff !important;}
.san-bg-t{background-color: transparent !important;}
.san-bg-gray{background-color: #3b3b3b !important;}


/**** 图片格式 ****/
img{display: block; margin:0; padding:0; width: 100%;}
.san-img{background-color: #eee; overflow: hidden;}
.san-img > img{width:100%; height: auto; display: block; margin:0; border:none;}

/**** 过度 ****/
.san-tran{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}


.v-head{
    width:300px!important;
    color: #fff;
    font-size: 25px;
    margin-top: 30px!important;
}

/*浮动zindex规则:
    遮罩 10000-99999*（遮罩，等待框）
    弹窗 1000-9999* （共用弹窗，浮动窗口）
    浮动菜单栏 100-999 （菜单栏）
    浮动组件 10-99 （文档功能性组件）
    浮动内容 1-9 (文档布局)
*/