/*web app 全局样式*/
html, body, div, span, applet,object,iframe,h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td,header,input,figure{
margin: 0; padding: 0;}



/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/* 设置图片视频等自适应调整 */
img {display:block;max-width: 100%; height: auto; width: auto\9; margin:auto;/* ie9以下 */ }
/*多媒体自适应*/
.video embed, .video object, .video iframe { width: 100%; height: auto; }

/* 公共库 */
a { text-decoration: none; cursor: pointer;color: #555756;outline: none;-moz-outline-style: none;-webkit-tap-highlight-color:transparent; }
ul,li { list-style: none; }
a:hover {text-decoration: none; }
a img { border: none; }
a > img { vertical-align: bottom; }

/*去掉 input 默认边框*/
input,button{outline:none;border:0;background: none;}

body {
    font-family: "microsoft yahei";
    overflow-x: hidden;
    margin: 0 auto;
    min-width: 1152px;
}

/* 头部 */
.head_img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
}
.headnav{
    border-bottom: 1px solid #bfbfbf;
    background: #FFF;
}
.head_title{
    font-size: 14px;
    position: absolute;
    left: 10%;
    top: 20px;
    z-index: 1;
}
.headtop {
    display: flex;
    align-items: center;
    height: 55px;
    margin: 0 auto;
    padding-top: 22px;
    width: 1152px;
    display: block;
    position: relative;
    z-index: 99;
    text-align: center;
}

.headtop img {
    margin: auto;
}

.head_content {
    /* width: 1152px; */
    height: auto;
    margin: 0 auto;
    text-align: center;
    margin-top: 27px;
    font-size: 14px;
    position: relative;
}

.head_content a {
    font-weight: 500;
    cursor: pointer;
}

.head_content span.sli {
    padding-left: 3px;
    padding-right: 4px;
}

.search {
    width: 226px;
    height: 21px;
    margin: 0 auto;
    border: 1px solid #313131;
    display: flex;
    position: relative;
    border-radius: 3px;
    margin-top: 15px;
}
.headnav_f .search{
    width: 112px;
    margin-top: 0;
}
.search .btn_search_1 {
    margin-top: 4px;
    cursor: pointer;
    position: absolute;
    right: 0;
}

.search input {
    width: 205px;
    height: 18px;
    line-height: 18px;
    border: none;
    text-align: center;
}
.headnav_f .search input{
    width: 89px;
    height: 21px;
}
.head_nav {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    padding-top: 38px;
    position: relative;
    /* display: flex;
    align-items: center; */
}

.nav_ul {
    display: inline-block;
    height: 38px;
    margin: 0px auto 0;
}

.nav_ul li {
    display: block;
    float: left;
    height: 38px;
    padding-left: 30px;
    padding-right: 30px;
    width: auto;
}
.headnav_f .nav_ul li{
    padding: 0 24px;
}
.headnav_f .nav_ul{
    margin-left: 86px;
    padding-top: 12px;
}
.nav_ul li a.bar_ct {
    display: block;
    font-size: 16px;
    height: 100%;
    line-height: 38px;
}

.nav_ul li.li_p {
    position: relative;
    width: 84px;
}

.nav_ul li a.bar_p {
    background-image: url('../img/select.png');
    background-position: center center;
    background-repeat: no-repeat;
}
.head_var{
    width: 1152px;
    position: relative;
    margin: auto;
}
.up_loadstreet {
    display: flex;
    align-items: center;
    position: absolute;
    right: 8px;
    bottom: 0;
    height: 38px;
}

.up_loadstreet a {
    color: #a6a6a6;
    font-size: 13px;
}
.up_loadstreet a:hover{
    color: #000;
}
.up_loadstreet span.sa_01 {
    color: #a6a6a6;
    font-size: 15px;
    padding-left: 10px;
    padding-right: 10px;
}

.up_loadstreet img {
    position: relative;
    top: 2px;
    right: 3px;
}
.headnav_f{
    position: fixed;
    width: 100%;
    z-index: 999;
    background: #fff;
    top: 0px;
    border-bottom: 1px solid #A0A0A0;
}
.headnav_f .head{
    width: 1152px;
    height: auto;
    margin: 0 auto;
    /* position: relative; */
    clear: both;
    display: flex;
    align-items: center;
    height: 55px;
}
.headnav_f  .head_r {
    position: relative;
    top: 5px;
    width: 240px;
    height: auto;
    display: flex;
    align-items: center;
}
.head_r .head_update {
    margin-right: 20px;
}
.head_update .up {
    cursor: pointer;
    font-size: 14px;
}
.head_r .head_up {
    width: 150px;
    height: 126px;
    background: #fff;
    border: 1px solid #A0A0A0;
    position: absolute;
    top: 31px;
    right: 150px;
    border-radius: 5px;
    z-index: 1;
    margin: 0 auto;
}
.head_r .head_up_01 {
    position: absolute;
    bottom: 122px;
    right: 60px;
    display: block;
    margin: 0;
    padding: 0;
}
.p_title .p_imgs {
    background-image: url('../img/z_act01.png');
    background-position: left center;
    background-repeat: no-repeat;
    width: 13px;
    height: 16px;
    display: inline-block;
    margin-right: 10px;
}
.p_line {
    width: 130px;
    height: 1px;
    border-bottom: 1px soloid #666;
    border-bottom: 1px solid #666;
    text-align: center;
    margin: 0 auto;
}
.p_title {
    width: 150px;
    height: 62px;
    text-align: center;
    line-height: 62px;
    font-size: 18px;
}

.p_imags {
    background-image: url('../img/z_bb01.png');
    background-position: left center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 10px;
}
.p_title:hover{
    background: #000;
}
.p_title:hover a{
    color: #fff;
}
.p_title:hover .p_imgs {
    color: #fff;
    background-image: url('../img/z_act02.png');
    width: 13px;
    height: 16px;
    display: inline-block;
}
.p_title:hover .p_imags {
    color: #fff;
    background-image: url('../img/z_bb02.png');
    width: 16px;
    height: 16px;
    display: inline-block;
}
.head_r .no_user {
    width: 70px;
    text-align: center;
    position: relative;
}
.head_r .no_user span.imgUrl {
    width: 100%;
    height: 20px;
    display: block;
    background: url('../img/g_user.png') no-repeat center;
    margin-bottom: 6px;
    position: relative;
    z-index: 1;
    top: 4px;
}
.head_r .no_user .lg_reg {
    width: 100%;
    height: 110px;
    position: absolute;
    top: 0px;
    left: 0px;
    padding-top: 26px;
    /* display: block; */
    background: rgba(255, 255, 255, 0.8);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(216, 216, 215);
    border-image: initial;
}
.no_user .lg_reg a {
    display: block;
    margin-top: 20px;
}
.no_user .lg_reg span {
    font-size: 14px;
}
.no_user .lg_reg span:hover{
    font-weight: bold;
    border-bottom: 2px solid #000;
}
/* 底部 */
.main_end {
    width: 100%;
    height: auto;
    background: #efefec;
    border-top: 1px solid #bfbfbf;
    clear: both;
    position: relative;
    z-index: 100;
    overflow: hidden;
}
.main_end .end {
    width: 1152px;
    margin: 0 auto;
    height: auto;
}
.end .f_l {
    float: left;
    margin-top: 100px;
    width: 288px;
    margin-bottom: 50px;
}
.end .f_center {
    width: 558px;
    height: auto;
    float: left;
    text-align: center;
    margin: 0 auto;
}
.end .f_center ul {
    width: 576px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 102px;
}
.f_center ul li {
    list-style-type: none;
    float: left;
    margin-right: 32px;
    height: 22px;
}
.f_center ul li a {
    color: #575756;
    text-decoration: none;
    font-size: 16px;
}
.f_center ul li a:hover{
    color: black;
    font-weight: bold;
    text-decoration: underline;
}
.f_center .f_c {
    width: 558px;
    height: auto;
    text-align: center;
    margin: 0 auto;
    margin-top: 44px;
}
.f_center .f_c p {
    font-weight: bold;
    font-size: 14px;
}
.f_center .f_c .f_href {
    width: 558px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
}
.f_c .f_href a {
    font-size: 14px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.main_end .end .f_r {
    float: left;
    margin-top: 90px;
    width: 288px;
}
.end .f_r span {
    float: left;
    margin-top: 32px;
    margin-right: 15px;
    margin-left: 123px;
}
.end .f_r img {
    float: left;
}
.foot_copy {
    width: 367px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    background: #efefec;
    color: #a7a7a6;
    font-size: 12px;
    padding-bottom: 8px;
}
/* 登录注册 */
.van-popup{
    background: #E1E1E1!important;
}
.van-overlay {
    background-color: rgba(0,0,0,.3)!important;
}
.t_login {
    width: 350px;
    border-top: 3px solid #000;
}
.t_login .login_title {
    height: 72px;
    background: url(../img/t_login.png) no-repeat #8b8787 center;
}
.login_title em {
    text-align: center;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
    position: absolute;
    right: 14px;
    top: 26px;
    cursor: pointer;
}
.tl_cont, .Retrieve {
    width: 280px;
    height: 390px;
    float: left;
    margin: 20px 35px 0 35px;
}
.tl_cont01 h2 {
    font-size: 16px;
    color: #333;
}
.tl_cont01 div.t_height {
    margin-top: 8px;
}
.hid {
    /* display: none; */
    font-size: 0.75em;
}
.tl_cont01 p {
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #bfbfbf;
}
.tl_cont01 p input {
    height: 35px;
    line-height: 35px;
    float: right;
}
.tl_cont01 p input.Btn1 {
    padding-left: 10px;
    width: 100%;
    border: none;
    font-size: 14px;
}
.tl_cont01 button {
    background: #000;
    width: 100%;
    color: #bfbfbf;
    height: 35px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 18px;
    margin-top: 15px;
}
.tl_cont01 h3 {
    color: #f76d77;
    text-align: center;
    font-size: 12px;
    margin: 0px;
}
.tl_cont01 h3 a.on {
    color: #b0b0b0;
}
#J_btn_get_pwd {
    display: inline-block;
    width: 80px;
    text-align: center;
    height: 25px;
}
.t_login .tlh_login {
    margin-top: 50px;
    position: relative;
}
.tlh_login01 {
    border-bottom: 1px solid #838282;
}
.tlh_login02 {
    position: absolute;
    top: -10px;
    background: rgb(224,224,224);
    width: 220px;
    text-align: center;
    margin-left: 30px;
    color: #838282;
}
.tlh_login03 {
    text-align: center;
    margin: 30px 0 10px 0;
    display: flex;
    justify-content: center;
}
.tlh_login03 a {
    margin: 0 10px;
    display: inline;
}
.login_in {
    width: 100%;
    height: 42px;
    background: #29292d;
    float: left;
    line-height: 42px;
    color: #999;
}
.login_in a {
    width: 48%;
    float: left;
    text-align: center;
    color: #999;
    font-size: 18px;
}
.login_in a.on {
    background: url(../img/list_conbg.png) center 0 no-repeat;
    color: #fff;
}
.login_in p {
    float: left;
}
.tl_cont01 h3 a {
    color: #5455df;
}
.tl_cont01 h3.on01 {
    display: flex;
    color: #333;
    /* align-items: center; */
    margin-top: 10px;
    justify-content: center;
}
/* 分页 */

.page {
    width: auto;
    height: auto;
    margin: 0 auto;
    margin-top: 100px;
    padding-bottom: 10px;
    clear: both;
    zoom: 1;
    display: table;
    line-height: 15px;
}
.page a {
    text-decoration: none;
    color: black;
    margin-right: 35px;
    float: left;
    font-weight: bold;
    position: relative;
}
.page a>img {
    border: none;
}
.page a .tip_page {
    position: absolute;
    top: -25px;
    left: -17px;
    padding: 0 8px;
    border-radius: 2px;
    background: #000000;
    white-space: nowrap;
    display: none;
}
.tip_page span {
    font-size: 14px;
    font-family: "microsoft yahei";
    color: #FFF;
}
.tip_page .triangle {
    width: 26px;
    height: 6px;
    background: url(../img/g_tip_page.png) no-repeat center;
    position: absolute;
    bottom: -5px;
    left: 6px;
}
.page a div.a_other {
    width: 5px;
    height: 5px;
    border-radius: 5px;
    border: 1px solid #222222;
    margin-top: 4px;
}
/* 头部下拉 */

.munu_box {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0px;
    bottom: 8px;
    z-index: 5;
}
/* .munu_box2{
    transform: translate(-25%,-25%);
} */
.down_list {
    width: 100%;
    height: auto;
    background: rgba(255,255,255,0.9);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#9FFFFFFF,endcolorstr=#9FFFFFFF);
    border-bottom: 1px solid #a0a0a0;
    border-top: 1px solid #a0a0a0;
    position: absolute;
    top: 0px;
    left: 0px;
}
.down_list {
    top: 5px;
}
.down_list_c {
    width: 1166px;
    height: 218px;
    margin: auto;
    position: relative;
    text-align: left;
}
.down_list_c .pull_down {
    width: 145px;
    float: left;
    border-right: 1px solid #a0a0a0;
    margin-top: 22px;
}
.pull_down li.pull_li {
    width: 100%;
    height: 29px;
    text-align: left;
    margin-right: 0px;
    padding-left: 30px;
}
.pull_li a {
    color: #a5a5a5;
}
.pull_li span {
    display: block;
    line-height: 30px;
    font-size: 14px;
}
.down_list_c .r_box {
    width: 1006px;
    height: auto;
    overflow: hidden;
    float: right;
    margin-top: 33px;
}
.r_box_over {
    width: 1200px;
    height: auto;
}
.r_box_over .ct {
    height: auto;
    float: left;
    border-right: 1px solid #a0a0a0;
}
.r_box_over .ct a {
    display: block;
    float: left;
    margin-left: 12px;
    margin-top: 12px;
}
.r_box_over .ct a img {
    width: 124px;
    height: 124px;
    float: left;
}
.r_box_over .ct .desc {
    margin-left: 5px;
    display: inline-block;
    float: left;
    width: 100px;
    height: auto;
    margin-top: 20px;
}
.ct .desc .type {
    font-size: 20px;
    font-family: '_gbk-webfont';
    width: 100px;
    display: inline-block;
    overflow: hidden;
    word-break: break-all;
}
.ct .desc .char_type {
    font-style: italic;
    display: inline-block;
    color: #b9995a;
    word-wrap: break-word;
    font-size: 20px;
    width: 96px;
    font-family: "DidotLH-ItalicOsF";
}
.pull_li a:hover{
    color: #000;
}

.all_head_hide{
    min-height: 241px;
}

[v-cloak]{
    display: none !important;
}