@charset "UTF-8";
body {
    font-size: 14px;
    font-family: "微软雅黑";
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #333;
}
a.cont-tag{
    color:#0f9fff;
}

a.cont-tag:hover,a.cont-tag:visited{
    color:#0f9fff;
    text-decoration: underline;
}
p {
    margin: 0;
    color: #333;
}

h1, h2, h3, h4, h5{
    margin: 0;
    padding: 0;
    font-weight: normal;
}

/* #region universal common css */
.ellipsis {
    /* max-width: 300px; */
    line-height: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.m-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* useful css class */
.auto0 {
    margin: 0 auto;
}

.tc {
    text-align: center;
}

.bb {
    border-bottom: 1px solid #e9e9e9;
}

.mt {
    margin-top: 20px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.ml {
    margin-left: 20px;
}

.ml10 {
    margin-left: 10px;
}

.mr {
    margin-right: 20px;
}

.mr10 {
    margin-right: 10px;
}

.mb {
    margin-bottom: 20px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb16 {
    margin-bottom: 16px;
}

.re {
    position: relative;
}

.ab {
    position: absolute;
}

.mt1 {
    margin-top: 10px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.pd {
    padding: 20px;
}

.pb20 {
    padding-bottom: 20px;
}

.ov {
    overflow: hidden;
}

.ov-auto {
    overflow: auto;
}

.hide {
    display: none;
}

.w100 {
    width: 100%;
}

.b-b {
    box-sizing: border-box;
}

.radius {
    border-radius: 20px;
}

.bold {
    font-weight: bold;
}

.flex {
    display: flex;
}

.v-h-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.h-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.v-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.table-v-h-center {
    text-align: center;
}

.table-v-h-center td,
.table-v-h-center th {
    vertical-align: middle;
}

.i-b {
    display: inline-block;
}

.block {
    display: block;
}

.font12 {
    font-size: 12px;
}

.font10 {
    font-size: 10px;
}

.font14 {
    font-size: 14px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}

.clearfix {
    zoom: 1;
}

/* // 灰色半透明遮罩 */
.gray-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    background: #000;
    z-index: 199;
    top: 0;
    left: 0;
}

.w1200 {
    width: 1200px;
}

.com-w100 {
    width: 100%;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.c-p {
    cursor: pointer;
}

/* #endregion */
.lh_22 {
    line-height: 22px;
}

.mt5 {
    margin-top: 5px;
}

/* #region sass vars */
/* #endregion */
/* #region app common css */
.u-box {
    padding: 20px;
    background-color: #fff;
}

.b-bot {
    border-bottom: 1px solid #E9E9E9;
}

.u-box-s {
    -webkit-box-shadow: -1px 0 21px -3px rgba(122, 116, 122, 0.69);
    box-shadow: -1px 0 21px -3px rgba(122, 116, 122, 0.69);
}

.u-div {
    width: 100%;
    height: 1px;
    background-color: #E9E9E9;
}

.u-label-blue {
    padding: 2px 4px;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    background-color: #0f9fff;
}

.u-label-red {
    padding: 2px 4px;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    background-color: red;
}

.u-label-green {
    padding: 2px 4px;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    background-color: #01A2AE;
}

.u-label-bor {
    font-size: 12px;
    color: #f46300;
    background: rgba(244,99,0,.12);
    line-height: 20px;
    border-radius: 100px;
    padding: 3px 12px;
    margin-right: 2px;
    display: inline-block;
    transition: all .3s ease;
    font-weight: 500;
}
.u-label-bor:last-child{
    margin-right: 0;
}
.u-label-bor a {
    color: #f46300;
}

.u-label-bor a:hover {
    transition: all .3s ease;
    opacity: .72;
}

._mt16 {
    margin-top: 16px;
}

._mt24 {
    margin-top: 24px;
}

.bac-img-c {
    background-position: center;
    background-size: cover;
}

.cl-gray {
    color: #919191;
}

.cl-gray2 {
    color: #666666;
}

.cl-gray3 {
    color: #BFBFBF;
}

.cl-blue {
    color: #0f9fff;
}

.cl-oran {
    color: #F90;
}

.cl-whi {
    color: #fff;
}

.cl-black {
    color: #555555;
}

.cl-red {
    color: red;
}

.m-pagebread {
    height: 50px;
    line-height: 50px;
    display: flex;
    align-items: center;
    color: #999;
}

.m-pagebread .icon {
    width: 18px;
    height: 16px;
    color:  #0f9fff;
}

.m-pagebread i {
    color: #0f9fff;
    font-size: 24px;
    margin-right: 12px;
    display: inline-block;
}

.m-pagebread a {
    font-size: 14px;
    color: #999;
}

.com-page {
    padding: 30px 0;
}

.com-page ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.com-page ul a {
    display: inline-block;
    padding: 4px 11px;
    color: #666;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    margin: 0 4px;
}

.com-page span {
    color: #919191;
}

.com-page span b {
    color: #666;
    font-weight: normal;
}

.com-page .is-active {
    background-color: #0f9fff;
    color: #fff;
}

.m-title.clearfix {
    height: 48px;
    line-height: 48px;
    box-sizing: border-box;
}

.m-title.clearfix ._tit-l {
    color: #333333;
}

.m-title-bar.clearfix {
    height: 48px;
    line-height: 48px;
    box-sizing: border-box;
    color: #333;
}

.m-title-bar.clearfix ._tit-l:before {
    content: "";
    width: 3px;
    height: 16px;
    background-color: #0f9fff;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 7px;
}

.ui-tab-tabs {
    height: 48px;
    line-height: 48px;
    border-bottom: none;
    position: relative;
}

.ui-tab-tab {
    font-size: 16px;
}

.ui-tab-tabs .checked, .ui-tab-tabs .checked a {
    line-height: 44px;
    padding-top: 2px;
    margin-bottom: -1px;
    border-bottom: 3px solid;
    color: #0f9fff;
    cursor: default;
    font-size: 16px;
    font-weight: bold;
}

.ui-tab-tab:hover, .ui-tab-tab:hover a {
    color: #0f9fff;
}

.social-share .icon-weibo {
    color: #F04134;
    border-color: #F04134;
}

.social-share .icon-weibo:hover {
    background: #F04134;
}

.social-share .icon-wechat {
    color: #00A853;
    border-color: #00A853;
}

.social-share .icon-wechat:hover {
    background: #00A853;
}

.ui-tab-line {
    border-bottom: 2px solid #0f9fff;
}

.ui-input:focus, .ui-input > input:focus {
    border-color: #0f9fff;
}

.ui-tab-tabs .checked, .ui-tab-tabs .checked a, .ui-tab-tabs .checked:hover {
    color: #0f9fff;
}


.gotop {
    cursor: pointer;
    position: fixed;
    right: 100px;
    width: 50px;
    height: 42px;
    padding: 8px 0 0;
    color: #fff;
    line-height: 18px;
    background-color: #b2b2b2;
    bottom: 290px;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: none
}

.gotop:hover {
    background: #0f9fff;
}

.gotop:hover span {
    display: block
}

.gotop span, .gotop:hover i {
    display: none
}

.gotop i {
    display: inline-block;
    background: url('../images/up.png')no-repeat top center;
    -webkit-background-size: 100%;
    background-size: 100%;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    margin-top: 8px
}


.wanganB{
    display: inline-block;
    padding-left: 17px;
    background: url(../images/beianb.png) no-repeat left center;
    background-size: contain;
    margin-left: 6px;
}

._tit_block{
    width: 80px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background-color: #0f9fff;
    color: #fff;
    margin: 0;
}

.rwzl-content a{
    display: block;
    max-width: 320px;
    line-height: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.rwzl-content a:hover{
    color: #0f9fff;
}

.detail-content{
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}

.detail-panel{
    width: 50%;
    box-sizing: border-box;
}

.detail-penel-title,
.detail-content-title{
    line-height: 44px;
    border-bottom: 1px solid #eee;
    font-size: 16px;
    font-weight: bold;
}

.detail-panel .pr20{
    padding-right: 20px;
}

.detail-panel .pl20{
    padding-left: 20px;
}

.detail-penel-list{
    padding: 0;
}

.detail-penel-list li{
    width: 100%;
    line-height: 34px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.detail-penel-list li a:hover{
    color: #0f9fff;
}

.detail-content-list{
    overflow: hidden;
    margin-left: -20px;
    padding: 0;
}

.detail-content-list li{
    float: left;
    margin-left: 20px;
    width: 269px;
    list-style: none;
}

.detail-content-list li .img{
    display: block;
    width: 100%;
    height: 160px;
    background-size: cover;
}

.detail-content-list .name{
    margin: 10px 0;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.detail-content-list p.num{
    margin-bottom: 10px;
}

.detail-content-list p.desc{
    color: #999;
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 可以设置多行 */
    -webkit-box-orient: vertical;
    white-space: normal !important;
    word-wrap: break-word;
}

/* #endregion app common css */

/*# sourceMappingURL=common.css.map */