.w {
    width: 100%;
}

.w_50 {
    width: 50%;
}

.w_80 {
    width: 80%;
}
.h {
    height: 100%;
}

.ha {
    height: auto;
}

/* 颜色 */
.title_color {
    color: #3466d9;
}
.header_color {
    color: #010042;
}
.txt_color {
    color: #000;
}
.fu_color {
    color: #e98a44;
}
.g_color {
     color: #595757;
 }
.w_color {
    color: #fff;
}
.bl_color {
    color: #00ffff;
}
.gray_color {
    color: #595757;
}

.b_line {
    border-bottom: 1px solid #dcdddd;
}

/* 背景颜色 */
.title_bg_color {
    background-color: #3466d9;
}
.header_bg_color {
    background-color: #010042;
}
.txt_bg_color {
    background-color: #000;
}
.fu_bg_color {
    background-color: #e98a44;
}
.g_bg_color {
   background-color: #595757;
}
.w_bg_color {
    background-color: #fff;
}
.bl_bg_color {
    background-color: #00ffff;
}
.g_bg_color {
    background-color: #595757;
}

.gray_bg_color {
    background:rgba(247,248,248,1);
}

/*字体*/

.f_14 {
    font-size: 14px;
}
.f_16 {
    font-size: 16px;
}
.f_18 {
    font-size: 18px;
}
.f_20 {
    font-size: 20px;
}
.f_22 {
    font-size: 22px;
}
.f_24 {
    font-size: 24px;
}
.f_26 {
    font-size: 26px;
}
.f_28 {
    font-size: 28px;
}
.f_30 {
    font-size: 30px;
}
.f_32 {
    font-size: 32px;
}
.f_34 {
    font-size: 34px;
}
.f_36 {
    font-size: 36px;
}
.f_38 {
    font-size: 38px;
}
.f_40 {
    font-size: 40px;
}
.f_42 {
    font-size: 42px;
}
.f_44 {
    font-size: 44px;
}
.f_46 {
    font-size: 46px;
}

/* 标题 */
.t_txt {
    font-size: 32px;
    color: #010042;
    line-height: 30px;
    font-family: 微软雅黑R;
}
/* 二级标题 */
.t_txt2 {
    font-size: 20px;
    color: #010042;
    line-height: 24px;
    font-family: 微软雅黑R;
}
/*导航栏，底部标题*/
.nav_bottom_txt {
    font-size: 16px;
    color: #ffffff;
    line-height: 24px;
    font-family: 微软雅黑;
}
/*内文*/
.content {
    font-size: 16px;
    color: #595757;
    line-height: 24px;
    font-family: 微软雅黑;
}

/* 阴影 */
.b_shadow {
    box-shadow: 0px 6px 20px #fff ;
}

.radius8 {
    border-radius: 8px;
}
.radius16 {
    border-radius: 16px;
}
.radius24 {
    border-radius: 24px;
}
.radius32 {
    border-radius: 32px;
}
.radius50 {
    border-radius: 50%;
}

/* 省略 */
.d_ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.m_ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.m3_ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.m4_ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

/* position */
.f_position {
    position: fixed;
}

.s_position {
    position: sticky;
}

.r_position {
    position: relative;
}

.a_position {
    position: absolute;
}

/* 标签 */
.l_tab {
    height: 44px;
    line-height: 44px;
    padding: 0 50px;
    border-radius: 22px;
}

.x_tab {
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    border-radius: 24px;
}

.center_box {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.hidden {
    display: none;
}

.pull_left {
     float: left;
 }

.pull_right {
    float: right;
}

.of_hidden {
    overflow: hidden;
}

.x_center {
    margin: 0 auto;
}

.hidden {
    display: none;
}

.txt_align_center {
    text-align: center;
}

.x_display {
    display: inline-block;
}

.pd1 {
    padding: 1px;
}

/* 清除a标签的样式 */
a {
    text-decoration: none!important;
}
a:visited {
    text-decoration: none!important;
}
a:hover {
    text-decoration: none!important;
}

/* 缓慢出现过程 */
.hover_slowly:hover {
    transition-duration: .5s;
    -moz-transition-duration: .5s; /* Firefox 4 */
    -webkit-transition-duration: .5s; /* Safari 和 Chrome */
    -o-transition-duration: .5s; /* Opera */
}

.leave_slowly {
    transition-duration: .5s;
    -moz-transition-duration: .5s; /* Firefox 4 */
    -webkit-transition-duration: .5s; /* Safari 和 Chrome */
    -o-transition-duration: .5s; /* Opera */
}

.hover_line_showly {
    transition: width 0.3s linear;
    -moz-transition: width 0.3s linear; /* Firefox 4 */
    -webkit-transition: width 0.3s linear; /* Safari 和 Chrome */
    -o-transition: width 0.3s linear; /* Opera */
}

.leave_line_showly {
    transition: width 0.3s linear;
    -moz-transition: width 0.3s linear; /* Firefox 4 */
    -webkit-transition: width 0.3s linear; /* Safari 和 Chrome */
    -o-transition: width 0.3s linear; /* Opera */
}

.pointer {
    cursor: pointer!important;
}

/* 清除input type=number时的默认按钮 */
/*** 消除input元素 type="number" 时默认的 加减按钮*/

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/*** 消除input元素 type="number" 时默认的 加减按钮---moz版*/
input[type=number] {
    -moz-appearance:textfield;
}

.after-line{
    position: relative;
}

.after-line:after{
    position: absolute;
    content: '';
    height: 14px;
    width: 1px;
    background-color: #fff;
    right: 0;
    top: 50%;
    margin-top: -7px;
}

.after-line.black:after{
    background-color: #222;

}

.tijiao {
    background-color: #007aff!important;
    color: #fff!important;
}