﻿@charset "utf-8";
/*****************************************************************
** Copyright © 南京奥派信息产业股份公司研发部
** 创建人:     李秋花
** 创建日期:   2014年4月15日
** 描 述:      base 样式模块 
** 修改人:      
** 修改日期:    
** 修改说明:
******************************************************************/

/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html { color:#333; }

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { margin:0; padding:0; word-break:break-all; word-wrap: break-word; }

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }

/* HTML5 媒体文件跟 img 保持一致 */
audio,canvas,video { display: inline-block; *display: inline; *zoom: 1; }

/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea { font:14px/1.5 微软雅黑; color: #333; }
input,select,textarea { font-size:100%; }
textarea { overflow: auto; resize: none; }
input,button,select,textarea,*:focus{ outline:none; }

/* 去掉各Table  cell 的边距并让其边重合 */
table { border-collapse:collapse; border-spacing:0; }

/* IE bug fixed: th 不继承 text-align*/
th { text-align:inherit; }

/* 去除默认边框 */
fieldset, img, html, body, iframe { border:0; }

/* ie6 7 8(q) bug 显示为行内表现 */
iframe { display:block; }

/* 去掉 firefox 下此元素的边框 */
abbr,acronym { border:0; font-variant:normal; }

/* 一致的 del 样式 */
del { text-decoration:line-through; }

address,caption,cite,code,dfn,th,var,i,small { font-style:normal; font-weight:400; }

strong, b { font-weight:700; }


/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,th { text-align:left; }

/* 让标题都自定义, 适应多个系统应用 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:500; }*/

q:before,q:after { content:''; }

/* 统一上标和下标 */
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* 正常链接 未访问 */
a { color: inherit; }
/* 正常链接访问过 */
a:visited { color: inherit; }

/* 鼠标悬停 */
a:hover { text-decoration: none; }

/* 默认不显示下划线，保持页面简洁 */
ins ,a { text-decoration:none; }

a, button { cursor: pointer; outline: 0; }

/* 代码字体 */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

/* 选中的文字设置 */
::selection { text-shadow: none; color: #fff; background-color: rgba(0,102,255,0.8); }
/* 含placeholder的input文字设置 */
::-webkit-input-placeholder {color:#ababab;}
:-moz-placeholder {color:#ababab;}
::-moz-placeholder {color:#ababab;}
:-ms-input-placeholder {color:#ababab;}

::-webkit-textarea-placeholder {color:#ababab;}
:-ms-textarea-placeholder {color:#ababab;}

/*不显示IE input自带按钮*/
input::-ms-clear, input::-ms-reveal{display: none;}

/* 清理浮动 */
.f-clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.f-clear { zoom:1; /* for IE6 IE7 */}

/* 隐藏, 通常用来与 JS 配合 */
.f-hide { display:none; }
.f-show { display:block; }

/*强制换行*/
.f-break { word-break:break-all; /*支持IE，chrome，FF不支持*/
    word-wrap:break-word; /*支持IE，chrome，FF*/}


/* 设置内联, 减少浮动带来的bug */
.f-left,.f-right { display:inline; }
.f-left { float:left; }
.f-right { float:right; }

/* 设置文字对齐方式 */
.f-tal { text-align:left; }
.f-tac { text-align:center; }
.f-tar { text-align:right; }

/* 单行文字溢出时出现省略号，需设定宽度 */ 
.f-toe { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* 文本的有无下划线 */ 
.f-tdu,.f-tdu:hover { text-decoration:underline; }
.f-tdn,.f-tdn:hover { text-decoration:none; }

/*浮动层的显示与隐藏*/
.x-hide { -webkit-transition-property: opacity,-webkit-transform; -moz-transition-property: opacity,-webkit-transform; -ms-transition-property: opacity,-webkit-transform; -o-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; -ms-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transform: scale(0.9); opacity: 0; pointer-events: none; display: none\9; visibility: hidden; }
.x-show { opacity: 1; -webkit-transform: scale(1); pointer-events: all; display: block\9; visibility: visible; }

/* 简单的渐变 */
.f-linear { background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f1f1f1)); background: -moz-linear-gradient(top, #fcfcfc, #f1f1f1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f1f1f1'); background:-o-linear-gradient(top, #fcfcfc, #f1f1f1); background:-ms-linear-gradient(top, #fcfcfc, #f1f1f1); background: linear-gradient(top, #fcfcfc, #f1f1f1); }

/* 浅色的渐变 */
.f-linear-light { background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f9f9f9)); background: -moz-linear-gradient(top, #fcfcfc, #f9f9f9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f9f9f9'); background:-o-linear-gradient(top, #fcfcfc, #f9f9f9); background:-ms-linear-gradient(top, #fcfcfc, #f9f9f9); background: linear-gradient(top, #fcfcfc, #f9f9f9); }

/* 人民币符号 */
.f-rmb { font-family: arial; font-style: normal; padding-right: 4px; }

/* chrome 下字体过小的问题 */
.f-webkit-adjust { -webkit-text-size-adjust: none; }

/*字体*/
@font-face { font-family: 'iconfont'; src: url('../../iconfont/iconfont.eot'); /* IE9*/
    src: url('../../iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../../iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
url('../../iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('../../iconfont/iconfont.svg#svgFontName') format('svg'); /* iOS 4.1- */}
[class^="icon-"],[class*=" icon-"]{ font-family:"iconfont"; font-size:16px; font-weight:normal; font-style:normal; text-decoration:inherit; -webkit-font-smoothing:antialiased; }
[class^="icon-"]:before,[class*=" icon-"]:before{ text-decoration:inherit; display:inline-block; speak:none}



@font-face {
    font-family: "iconfont"; /* Project id 3856787 */
    src: url('../../fonts/iconfont.woff2?t=1673246642487') format('woff2'),
         url('../../fonts/iconfont.woff?t=1673246642487') format('woff'),
         url('../../fonts/iconfont.ttf?t=1673246642487') format('truetype');
  }
  
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon-shiwu-gouwuche:before {
    content: "\e752";
  }
  
  .icon-wodefensi:before {
    content: "\e7d3";
  }
  
  .icon-good:before {
    content: "\e62a";
  }
  
  .icon-jia:before {
    content: "\e600";
  }
  
  .icon-douyin:before {
    content: "\e8db";
  }
  
  .icon-zhibofuwu:before {
    content: "\e658";
  }
  
  .icon-zhibo:before {
    content: "\e7d5";
  }

/*颜色*/
.f-cgreen, a.f-cgreen { color:#3daf5b; }
.f-cgray, a.f-cgray { color:#999; }
.f-cdgray, a.f-cdgray { color:#666; }
.f-cred, a.f-cred { color:#f00; }
.f-corg, a.f-corg { color:#f1752b; }
.f-cblue, a.f-cblue { color: #3d9ef9; }

/*通用*/
.f-h10 { height: 10px; line-height: 10px; overflow: hidden; }
.f-h15 { height: 15px; line-height: 15px; overflow: hidden; }
.f-h20 { height: 20px; line-height: 20px; overflow: hidden; }
.f-h30 { height: 30px; line-height: 20px; overflow: hidden; }
.f-pd20 { padding: 20px; }

