﻿
/*更新时间2019年1月27日*/
@charset"utf-8";
/*格式化样式*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, address, cite, code, em, img, ins, small, strong, sub, sup, i, dl, dt, dd, ol, ul, li, form, label, table, tbody, tr, th, td, article, aside, footer, header, menu, nav, section, time, mark, audio, video, details {
    margin: 0;
    padding: 0;
}

body {
    font-family: "微软雅黑";
    font-size: 14px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    border: 0
}

ul, li, ol, dl, dt, dd {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}
/*取消斜体*/
i, em {
    font-style: normal;
}
/* 去除a下划线 */
a {
    text-decoration: none;
    cursor: pointer;
}

    a, a:link, a:visited, a:hover, a:active {
        text-decoration: none;
    }

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.w {
    width: 100%
}

.h {
    height: 100%
}
/*按钮*/
.btn {
    display: inline-block;
    padding: 0px 16px;
    height: 100%;
    border-radius: 4px;
    cursor: pointer;
}

.btn_min {
    display: inline-block;
    padding: 0px 8px;
    height: 100%;
    border-radius: 3px;
    cursor: pointer;
}
/*浮动*/
.f-l {
    float: left;
}

.f-r {
    float: right;
}

.clear {
    clear: both;
}
/*定位*/
.p-r {
    position: relative
}

.p-a {
    position: absolute
}

.p-f {
    position: fixed;
}
/* 显示隐藏元素 */
.d-n {
    display: none;
}

.d-i {
    display: inline-block;
}

.d-b {
    display: block;
}

.o-visible {
    overflow: visible;
}
/* 溢出隐藏 */
.o-hidden {
    overflow: hidden;
}
/* 文本对齐方式   */
.t-l {
    text-align: left;
}

.t-r {
    text-align: right;
}

.t-c {
    text-align: center;
}
/*位置*/
.center-text {
    text-align: center;
}

.center-block {
    margin: 0 auto;
}

.center {
    margin: 0 auto;
    text-align: center;
}
/*字体大小*/
.f12 {
    font-size: 12px;
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.f18 {
    font-size: 18px;
}

.f20 {
    font-size: 20px;
}

.f22 {
    font-size: 22px;
}

.f24 {
    font-size: 24px;
}

.f26 {
    font-size: 26px;
}

.f28 {
    font-size: 28px;
}

.f30 {
    font-size: 30px;
}

.f32 {
    font-size: 32px;
}
/* 背景色 */
.bg_red {
    background: #e84044
}
/* 红色 */
.bg_blue {
    background: #3f9cfb
}
/* 蓝色 */
.bg_orange {
    background: #f36e21
}
/* 橙色 */
.bg_green {
    background: #53b234
}
/* 绿色 */
.bg_white {
    background: #fff
}
/* 白色 */
.bg_gray1 {
    background: #eaeaea
}
/* 一级灰色 */
.bg_gray2 {
    background: #f0f0f0
}
/* 二级灰色 */
.bg_gray3 {
    background: #f5f5f5
}
/* 三级灰色 */
.bg_gray4 {
    background: #efefef
}
/* 四级灰色 */
.bg_gray5 {
    background: #f2f2f2
}
/* 五级灰色 */
/*文字溢出*/
.p-eclipse {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url(‘ellipsis.xml#ellipsis‘);
}

.p-eclipse-2 {
    line-height: 20px;
    max-height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.p-eclipse-3 {
    line-height: 20px;
    max-height: 60px;
    　　word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/*边距*/
.m10 {
    margin: 10px
}

.m15 {
    margin: 15px
}

.m20 {
    margin: 20px
}

.m30 {
    margin: 30px
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px;
}

.mt50 {
    margin-top: 50px
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.mb50 {
    margin-bottom: 50px
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml15 {
    margin-left: 15px
}

.ml20 {
    margin-left: 20px
}

.ml30 {
    margin-left: 30px
}

.ml50 {
    margin-left: 50px
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr15 {
    margin-right: 15px
}

.mr20 {
    margin-right: 20px
}

.mr50 {
    margin-right: 50px
}

.p10 {
    padding: 10px;
}

.p15 {
    padding: 15px;
}

.p20 {
    padding: 20px;
}

.p30 {
    padding: 30px;
}

.pt5 {
    padding-top: 5px
}

.pt10 {
    padding-top: 10px
}

.pt15 {
    padding-top: 15px
}

.pt20 {
    padding-top: 20px
}

.pt30 {
    padding-top: 30px
}

.pt50 {
    padding-top: 50px
}

.pb5 {
    padding-bottom: 5px
}

.pb10 {
    padding-bottom: 10px
}

.pb15 {
    padding-bottom: 15px
}

.pb20 {
    padding-bottom: 20px
}

.pb30 {
    padding-bottom: 30px
}

.pb50 {
    padding-bottom: 50px
}

.pl5 {
    padding-left: 5px
}

.pl10 {
    padding-left: 10px
}

.pl15 {
    padding-left: 15px
}

.pl20 {
    padding-left: 20px
}

.pl30 {
    padding-left: 30px
}

.pl50 {
    padding-left: 50px
}

.pr5 {
    padding-right: 5px
}

.pr10 {
    padding-right: 10px
}

.pr15 {
    padding-right: 15px
}

.pr20 {
    padding-right: 20px
}

.pr30 {
    padding-right: 30px
}

.pr50 {
    padding-right: 50px
}
/***********************设置滚动条样式**************************/
/*.scroll{overflow: scroll;}*/
/*滚动条整体部分，

  /*滚动条*/
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    overflow: auto;
}

::-webkit-scrollbar-thumb {
    background-color: #e6e6e6;
    min-height: 25px;
    min-width: 25px;
    border: 1px solid #e0e0e0;
}

::-webkit-scrollbar-track {
    background-color: #f7f7f7;
    border: 1px solid #efefef;
}
/*****************************渐变背景颜色*********************/
.bg-lr {
    /*火狐*/
    background: -moz-linear-gradient(left, #F68E06, #F45408);
    /*Safari5.1 Chrome 10+*/
    background: -webkit-linear-gradient(left, #F68E06, #F45408);
    /* Safari 4-5, Chrome 1-9*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F68E06), to(#F45408));
    /*Opera 11.10+*/
    background: -o-linear-gradient(left, #F68E06, #F45408);
    /* IE 10 */
    background: -ms-linear-gradient(left, #F68E06, #F45408);
    /*IE 6 7 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#F68E06, endColorstr=#F45408)";
    background: linear-gradient(left, #F68E06, #F45408);
    +background:#FA7002;
}

.bg-tb {
    /*火狐*/
    background: -moz-linear-gradient(top, #F68E06, #F45408);
    /*Safari5.1 Chrome 10+*/
    background: -webkit-linear-gradient(top, #F68E06, #F45408);
    /* Safari 4-5, Chrome 1-9*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F68E06), to(#F45408));
    /*Opera 11.10+*/
    background: -o-linear-gradient(top, #F68E06, #F45408);
    /* IE 10 */
    background: -ms-linear-gradient(top, #F68E06, #F45408);
    /*IE 6 7 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#F68E06, endColorstr=#F45408)";
    background: linear-gradient(top, #F68E06, #F45408);
    +background:#FA7002;
}

/* 去掉点击后边框 */
.out_none {
    outline: none !important;
}
/* 黑色阴影 */
.shadow_black {
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}
/* 白色阴影 */
.shadow_white {
    -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, 0.5);
    box-shadow: 0 5px 5px rgba(255, 255, 255, 0.5);
}
/* 去掉边框线 */
.bor_none {
    border: none !important;
}

.bor_t_none {
    border-top: none !important;
}

.bor_l_none {
    border-left: none !important;
}

.bor_r_none {
    border-right: none !important;
}

.bor_b_none {
    border-bottom: none !important;
}
