@charset "utf-8";
/**
@Author: yu_Wj
@Description：全站公用样式文件
*/

*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*取消链接高亮*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-family: Microsoft YaHei, simhei, Tahoma, Arial, sans-serif;
}
html {
    font-family: sans-serif;
    min-height: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    min-height: 100%;
    position: relative;
    background: #fff;
    -webkit-overflow-scrolling: touch;
}

/**
 * 自定义被选择文字的颜色
 */
/*webkit, opera, IE9*/
::selection{
    color: #fff;
    background:#7ebd64;
}
/*mozilla firefox*/
::-moz-selection{
    color: #fff;
    background:#7ebd64;
}

/**
 * 自定义input的颜色
 */
input::-webkit-input-placeholder{
    color:#cdcdcd;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#cdcdcd;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#cdcdcd;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#cdcdcd;
}

/**
 * 表格元素
 */
table { border-collapse: collapse; border-spacing: 0;}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * 重置超链接元素
 */
a,
a:hover,
a:link,
a:focus {text-decoration: none;}

/*
 * ios端和安卓端的样式显示不一样
 * 例如同一按钮(样式一样)会显示不一样的颜色,导致项目整体的搭配不是很好
*/
input,button,textarea{
    /*去除获得焦点时，出现的蓝框*/
    outline: none;
    /*去除浏览器默认样式*/
    -webkit-appearance: none;
}

/*
 * 解决输入框背景颜色
*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #262333 inset !important;
    -webkit-text-fill-color: rgba(255,255,255,1)!important;
}

/*
 * 默认hr样式
*/
hr {
    display: block;
    width: 1px;
    height: 1px;
    border: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #f1f1f1;
}

iframe, frame, frameset{border: 0;}

/**
 * 清除浮动
*/
.clearboth{
    clear: both;
    overflow: hidden;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
}
.clearfix {zoom: 1;}
.clearfix:after {
    content: " ";
    opacity: 0;
    display: block;
    clear: both;
    visibility: hidden;
}

/**
 * 左右浮动
*/
.yu_fl{float: left;}
.yu_fr{float: right;}
.yu_fc{overflow: hidden;}

/**
 * 左右对齐
*/
.yu_tl{text-align: left;}
.yu_tr{text-align: right;}
.yu_tc{text-align: center;}

/**
 * 相对绝对
*/
.yu_pf{position: fixed;}
.yu_pr{position: relative;}
.yu_pa{position: absolute;}

/**
 * 图片自适应
*/
img {
    height: auto;
    width: auto\9;
    border: none;
    /* ie8 */
    -ms-interpolation-mode: bicubic;
    /*为了照顾ie图片缩放失真*/
}

/**
 * 标题
*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

/**
 * 框架
*/
.container{
    width: 1200px;
    margin: 0px auto;
    clear: both;
}

/**
 * 字符限制
*/
.charLimit{
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/**
 * 右侧内容
*/
.rightBody{
    width: 100%;
    padding: 20px 20px 20px 240px;
}
.mainBody{
    width: 100%;
    position: relative;
}
/*高度*/
.h45{height: 45px;}
.h100{height: 100px;}