/* CSS Document */
@charset "utf-8"; 
/*--primary: #198cff;*/
*{ margin:0; padding:0}
body{ color:#535353; background:#f4f4f4; position:relative; font-size:14px; font-family:'arial', 'MicroSoft YaHei'}
a{ text-decoration:none; color:#666; font-family:'arial', 'MicroSoft YaHei'}
a, body{ font-family:'MicroSoft YaHei'; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color:#fff;}
img{ border:0}
ol, ul, li{ list-style:none}
dl, dt, dd, ul, li{ margin:0; padding:0}
input, textarea{ outline:none}
input,button {
    -webkit-appearance: none;
}
em,i{ font-style:normal}
h3{ text-overflow:ellipsis;white-space:nowrap; overflow:hidden}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
.wrap{ margin:0 auto 15px auto; background:#fff; position:relative; overflow:hidden}
.top{ height:60px; background:#282832; color:#fff; position:relative}
.top__bg-white {background-color: #fff; height:45px;}
.toupiao{font-size:16px; color:#fff; }
.zizong_1{ float:right; padding:5px 10px; margin:12px 10px;}
.zz1{ background:#FF9900;}
.zz2{ background:#198cff;}
.zz3{ background:#FF0000;}
.zz4{background:#282832; color:#FF0000; font-size:14px;}

[v-cloak] {
    display: none;
}
.loader {
    position: relative;
    width: 2.5em;
    height: 2.5em;
    transform: rotate(165deg);
}
.loader:before, .loader:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0.5em;
    height: 0.5em;
    border-radius: 0.25em;
    transform: translate(-50%, -50%);
}
.loader:before {
    animation: before 2s infinite;
}
.loader:after {
    animation: after 2s infinite;
}

.loader {
    position: absolute;
    top: calc(50% - 1.25em);
    left: calc(50% - 1.25em);
}
.loading {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}
.hm-t-container {
    display: none;
}
.bar { background-color: #fff; position:relative; z-index:3; }
.category-selector { box-shadow:0 2px 12px rgba(100,101,102,0.12); position: sticky; z-index: 2; top: 0; background: #fff;}
.category-selector .category-selector--title { height: 48px; line-height:48px; text-align:center; font-weight:bold; }
.category-selector .van-dropdown-menu__bar { box-shadow: none; }

.return,.search,.user{ width:30px; height:30px; background:url("/mobile/images/top.png") 15px 0 no-repeat; background-size:30px 200px; padding:15px; display:inline-block; position:absolute; top:0;}
.return{ left:0}
.search{ background:url(../images/top.png) 15px -45px no-repeat; background-size:30px 200px; right:0}
.user{ background:url(../images/top.png) 15px -90px no-repeat; background-size:30px 200px; right:0}
.logo{ width:80px; padding:20px 8px; position:absolute; left:0; top:0}
.logo img{ width:100%;}
.title{ width:80%; font:normal 18px/60px 'MicroSoft YaHei'; text-align:center; padding:0 10%; overflow:hidden;}
.menu{ font:normal 16px/60px ''; text-align:center; padding:0 60px 0 95px}
.menu a{ color:#ccc; padding:0 8px; margin-left:8px; display:inline-block}
.sub_menu{ padding:16px 0; overflow:hidden}
.sub_menu li{ width:33%; border-left:1px solid #eee; text-align:center; margin-left:-1px; float:left}
.sub_menu li a{ width:100%; height:20px; font:normal 16px/20px ''; padding-top:38px; display:block}
.sm_ys,.sm_yz,.sm_hd{ width:32px; height:32px;}
.sm_ys{ background:url(../images/sm_01.png) top center no-repeat; background-size:32px 32px}
.sm_yz{ background:url(../images/sm_02.png) top center no-repeat; background-size:32px 32px}
.sm_hd{ background:url(../images/sm_03.png) top center no-repeat; background-size:32px 32px}

.tit_half{ height:60px; border-bottom:1px solid #eee;}
.tit_half a{ width:49%; font:normal 18px/56px ''; text-align:center; display:inline-block}
.tit_half a.hover{ border-bottom:4px solid #198cff; color:#198cff}

.tit_quarter{ height:50px; border-bottom:1px solid #eee;}
.tit_quarter a{ width:24%; font:normal 14px/47px ''; text-align:center; display:inline-block}
.tit_quarter a.hover{ border-bottom:3px solid #198cff; color:#198cff}

.list_match{}
.list_match li{ border-bottom:1px solid #eee; padding:20px 4%; overflow:hidden}
.list_match li img{ width:36%; margin-right:4%; float:left; overflow:hidden}
.list_match li section{ width:60%; float:left}
.list_match li h3{ font:normal 14px/20px ''; margin-bottom:6px; color:#333; white-space:normal;}
.list_match li em{ height:20px; font:normal 12px/20px '';}
.em_time,.em_pnum,.em_mnum{ height:20px; font:normal 12px/20px ''; color:#999; background:url(../images/icons.png) no-repeat; background-size:15px 150px; padding:0 12px 0 16px; display:inline-block}
.em_time{ background-position:0 2px}
.em_pnum{ background-position:0 -17px;}
.em_mnum{ background-position:0 -36px}
.em_time i{ color:#f33}
.list_match p{ font:normal 12px/30px ''; color:#999}
.a_tp{ width:40px; height:30px; background:#F90; color:#fff; text-align:center; display:inline-block}

.tg_info{ padding:10px 20px;}
.tg_info h1{ font:normal 20px/40px ''; color:#333}
.tg_info .pic{ text-align:center; padding:15px 0px;}
.tg_info .pic img{ width:90%;}
.tg_info p{ font:normal 12px/20px ''; padding:5px 0}

.focus{ overflow:hidden;}
.focus ul{ float:left;}
.focus li{ width:100%; float:left;}
.focus li img{ width:100%}

.tit{ height:20px; font:normal 16px/20px ''; border-left:6px solid #198cff; color:#333; padding:0 10px; margin:15px 0; text-overflow:ellipsis;white-space:nowrap; overflow:hidden}
.more{ font-size:14px; color:#198cff; float:right}

.list_submit{ overflow:hidden; margin-bottom:70px;}
.list_submit li{ width:44%; margin:0 0 4% 4%; float:left}
.list_submit li img{ width:100%}
.list_s{ overflow:hidden;}
.list_s li{ width:44%; margin:0 0 4% 4%; float:left}
.list_s li img{ width:100%}
.list_s li h3{ font:normal 14px/20px ''; color:#333; margin-top:8px;}
.list_s li p{ font:normal 12px/20px ''; color:#198cff}
.list_s li p em{ color:#999}

.btn{ width:100%; height:45px; background:url(../images/bg_black.png) repeat; text-align:center; padding:15px 0; position:fixed; bottom:0; left:0}
.btn a{ width:90%; height:45px; font:normal 18px/45px ''; background:#198cff; color:#fff; display:inline-block}
.btn a.btn_over{ background:#ccc; color:#666}

.tg_form{ width:100%; font:normal 14px/40px ''; padding:30px 10px;}
.tg_form th{ width:30%; text-align:right; white-space:nowrap; padding:10px 5px;}
.tg_form td{ width:70%; padding:10px 5px;}
.tg_form td img{ vertical-align:middle; margin-left:3px;}
.tg_form td span{ display:block}
.txt_tg{ width:100%; height:40px; box-sizing:border-box; border:1px solid #ddd; padding:0 2%;}
.btn_tg{ width:80%; height:45px; border-radius:23px; background:#198cff; border:none; font:normal 16px/45px 'MicroSoft YaHei'; color:#fff; text-align:center;}
.btn_wx{ width: 80%; height: 45px; color: #fff; border-radius:23px; border:none; font:normal 16px/45px 'MicroSoft YaHei'; text-align:center; background-color: #1aad19; }
.txt_yzm{ width:36%; height:40px; border:1px solid #ddd;;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.1);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.1);box-shadow:inset 0 2px 4px rgba(0,0,0,.1); padding:0 2%;}
.get_msg{ margin-left:3px; color:#0CF}
.link_login{ font-size: 16px; display: inline-block; color: #198cff; text-decoration: underline; margin-top: 30px; }
.tg_form {
    box-sizing: border-box;
}
.text-center { text-align: center; }
.flex-row { display:flex; }
.flex-row.justify-center { justify-content: center; }
.flex-1 { width: 20%; }
.flex-2 { width: 80%; }
input::placeholder {
    font-size: 14px;
    color: #cbc9d6;
}
img.sign-logo { height: 50px; }
.form-item--label {
    text-align: right;
    padding-right: 10px;
    box-sizing: border-box;
    font-weight: bold;
}
.form-item--el {
    position: relative;
    margin-bottom: 20px;
}
.form-item--el .err_msg {
    position: absolute;
    left: 0;
    width: 100%;
    top: 45px;
    font-size: 12px;
    color: red;
    line-height: 1;
}
/*page*/
.page{ height:35px; border-top:1px solid #E9E9E9; font:normal 14px/35px ''; text-align:center; padding:15px;}
.p_prev,.p_next{ width:100px; height:35px; font:normal 14px/35px ''; text-align:center; display:inline-block}
.p_prev{ background:#ddd; color:#666; float:left}
.p_next{ background:#198cff; color:#fff; float:right}

.ph_info{}
.ph_info img{ width:100%}
.ph_author{ font:normal 12px/20px ''; color:#198cff; padding-left:20px;}
.ph_author em{ color:#999}
.ph_intro{ font:normal 12px/20px ''; margin:20px;}
.ph_intro th{ color:#999; font-weight:normal; padding:3px 0; white-space:nowrap; vertical-align:top}
.ph_intro td{ padding:3px 0;}
.ph_intro td b{ color:#f33;}
.zan_btn,.share_btn{ width:41%; height:45px; font:normal 18px/45px ''; color:#fff; text-align:center; margin:5px 0 20px 6%; display:inline-block}
.zan_btn{ background:#f33}
.share_btn{ background:#198cff}

/**/
.list_article li{ border-bottom:1px solid #ddd; padding:20px 4%; overflow:hidden}
.list_article li img{ width:22%; margin-left:4%; float:left; overflow:hidden}
.list_article li section{ width:74%; float:left}
.list_article li h3{ height:40px; font:normal 15px/20px ''; margin-bottom:8px; color:#333; white-space:normal;}
.list_article li em{ height:20px; font:normal 12px/20px ''; padding-right:16px;}
.list_article li b{ height:20px; font:normal 12px/20px ''; color:#f33; padding-right:16px;}

.ar_con{ padding:10px; line-height:26px;}
.ar_con h1{ font:normal 22px/30px ''; color:#333; padding:10px 0;}
.ar_con p{ color:#333; margin:14px 0; line-height:26px;}
.ar_con img{ max-width:90%; height:auto;}
.ar_info{ font:normal 14px/20px ''; color:#999}

.list_show{}
.list_show li{ padding:20px 20px 12px 20px; border-bottom:1px solid #ddd;}
.show_pic{ text-align:center;}
.show_pic img{ width:100%;}
.list_show h3{ font:normal 15px/18px ''; margin:12px 0 8px 0; color:#333; white-space:normal;}
.list_show p{ height:20px; font:normal 12px/20px '';}
.list_show .em_num{ height:20px; background:url(../images/icons.png) 0 -25px no-repeat; padding-left:20px; float:left}
.list_show .em_zan{ height:20px; background:url(../images/icons.png) 0 -80px no-repeat; padding-left:18px; margin-left:12px; float:right}
.list_show .em_look{ height:20px; background:url(../images/icons.png) 0 -105px no-repeat; padding-left:22px; float:right}

.exhibition_info{ padding:10px 15px;}
.exhibition_info h1{ font:bold 16px/22px ''; color:#333; padding:10px 0;}
.exhibition_info p{ font:normal 12px/22px ''; color:#666; padding:6px 0}
.exhibition_info p em{ color:#333; padding-right:12px}

.exhibition_works{text-align: center;}
.exhibition_works li{ padding:20px 10%; border-bottom:1px solid #ddd;}
.exhibition_works li img{margin: 0 auto;display: inline-block;height: auto;max-width: 100%;}
.exhibition_works li p{ text-align:right; color:#333; padding-top:12px;}
.exhibition_works li p em{ color:#999; padding:0 6px;}

.list_video{}
.list_video li{ border-bottom:1px solid #ddd; padding:20px 0 20px 4%; overflow:hidden;height:146px;}
.list_video li img{ width:22%; margin-right:10%; float:left; overflow:hidden}
.list_video li section{ width:60%; float:left}
.list_video li h3{ height:20px; font:normal 16px/24px ''; padding-right:10px; margin-bottom:4px; color:#333;}
.list_video li table{ font:normal 12px/18px ''; width:100%}
.list_video li td{ padding:1px 0}

/**/
.index_video{}
.index_video dl{ width:47%; padding-left:2%; float:left}
.index_video dt{ position:relative}
.index_video dt img{ width:100%;}
.index_video dt em{ width:100%; height:100%; background:url(../images/play.png) center no-repeat; background-size:40px 40px; display:inline-block; position:absolute; left:0; top:0}
.index_video dd{ height:30px; font:normal 15px/30px ''; color:#333; margin:8px 0; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.index_pic{ width:100%}
.index_pic td{ padding:2px}
.index_pic td img{ width:100%}

.index_match li{ border-top:1px solid #eee; border-bottom:0;}

.index_article{ padding:0 12px 10px 12px}
.index_article li{ font:normal 16px/25px ''; padding:8px 0; overflow:hidden}
.index_article li a{ color:#333; display:block}
.index_article li em{ background:#eee; border-radius:25px; font:normal 14px/25px ''; color:#198cff; padding:0 12px; margin-right:12px; display:inline-block; float:left}
.index_article li p{ text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}

.index_yz{}
.index_yz img{ width:100%;}
.index_yz p{ height:45px; font:normal 16px/45px ''; border-bottom:1px solid #eee; padding:0 12px;}
.index_yz p em{ font:normal 12px/15px ''; color:#999; padding-left:18px; margin:15px 0 15px 15px; float:right}
.num_pic,.num_see,.num_zan{ background:url(../images/num.png) no-repeat; background-size:15px 45px;}
.num_see{ background-position:0 -15px}
.num_zan{ background-position:0 -30px}

.footer{ height:40px; background:#282832; font:normal 12px/40px ''; color:#666; text-align:center;}

/**/
.user_name{ text-align:center;}
.user_name img{ width:75px; height:75px; border-radius:100%; margin-top:20px}
.user_name p{ font:bold 16px/40px '';}
.u_info{ overflow:hidden; padding:8px 0 20px 0}
.u_info li{ width:33%; border-left:1px solid #eee; margin-left:-1px; float:left}
.u_info li a{ color:#aaa; display:block}
.u_info li b{ font-weight:normal; font-size:16px; color:#666; padding-top:5px; display:block}
.u_cash{ overflow:hidden}
.u_cash li{ width:50%; border-top:1px solid #eee; border-left:1px solid #eee; padding:15px 0; margin-left:-1px; float:left}

.u_sign{ width:90%; height:45px; font:normal 16px/45px ''; background:#198cff; color:#fff; margin:10px 5%; text-align:center; display:inline-block}

.u_mine{}
.u_mine li{ font:normal 16px/55px ''; border-bottom:1px solid #eee;}
.u_mine li a{ display:block; padding-left:15px}

.book{ text-align:center; padding:15px 0}
.book img{ max-width:80%; max-height:200px;}
.book_con{ line-height:26px; color:#333; padding:0 20px 20px 20px}
.book_con p{ margin:14px 0; }
.book_con p img{ width:100%}

.btn_blue{ height:45px; font:normal 16px/45px ''; background:#04ADF8; color:#fff; padding:0 15px; display:inline-block}
.btn_blue i{ font:normal 12px/45px ''; padding-left:5px;}

.ico_card{ text-align:center; padding-bottom:15px}
.ico_card img{ width:100px; height:100px;}
.ico_card h1{ font:bold 16px/20px ''; color:#333}
.ico_card p{ font:normal 12px/30px '';}

.jf_list{ overflow:hidden; padding-bottom:15px}
.jf_list li{ width:44%; padding:15px 0 0 4%; float:left}
.jf_list li img{ width:100%;}
.jf_list li h3{ font:normal 14px/30px ''; color:#333}
.jf_list li p{ font:normal 12px/20px '';}
.jf_list li p b{ font:bold 18px/20px ''; color:#f33}
.jf_list li p em{ width:70px; height:25px; text-align:center; background:#198cff; line-height:25px; color:#fff; margin-top:6px; display:inline-block}

.jf_menu{ overflow:hidden; padding:10px 0}
.jf_menu li{ width:25%; font:normal 14px/30px ''; color:#333; text-align:center; float:left}

/*pw*/
.pw_list{}
.pw_list dl{ border-bottom:10px solid #f4f4f4; padding-bottom:10px;}
.team_box{ padding:10px 15px; overflow:hidden}
.team_tg{ float:right}
.team_tg a{ width:80px; height:35px; font:bold 16px/35px 'MicroSoft YaHei'; background:#FEE227; border-bottom:3px solid #E59100; color:#C87D00; text-align:center; display:inline-block; margin-top:10px;}
.team_name{ float:left}
.team_name h3{ font:normal 16px/30px 'MicroSoft YaHei'; color:#222}
.team_name p span{ color:#f33;}
.team_name p span b{ font:normal 24px/30px 'MicroSoft YaHei'; color:#f33;}
.team_info{ font:normal 14px/20px 'MicroSoft YaHei'; color:#555; padding:5px 15px}
.pw_list ul{ overflow:hidden}
.pw_list li{ width:44%; float:left; margin:10px 0 0 4%;}
.pw_list li img{ width:100%}
.pw_list li p{ height:30px; font:normal 14px/30px 'MicroSoft YaHei'; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}

.shandong_box{width:100%; margin: 0 auto;}
.shandong_box img{ width:100%}

@keyframes before {
    0% {
        width: 0.5em;
        box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    }
    35% {
        width: 2.5em;
        box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
    }
    70% {
        width: 0.5em;
        box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
    }
    100% {
        box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
    }
}
@keyframes after {
    0% {
        height: 0.5em;
        box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    }
    35% {
        height: 2.5em;
        box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
    }
    70% {
        height: 0.5em;
        box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
    }
    100% {
        box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
    }
}
.spinner-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}
/*悬浮按钮

.side_wrap {
    width: 50px;
    position: fixed;
    right: 10px;
    bottom: 100px;
    z-index:1;
}

.side_wrap a i {
    width: 35px;
    height: 35px;
    display: inline-block;
}

.s_out {
    width: 40px;
    height: 40px;
    background: #4FA7B5;
    border-radius: 100%;
    margin-top: 5px;
    display: block;
    position: relative;
    overflow: hidden;
}

.s_index {
    width: 40px;
    height: 40px;
    background: #4FA7B5;
    border-radius: 100%;
    margin-top: 5px;
    display: block;
    position: relative;
    overflow: hidden;
}

.s_top {
    width: 40px;
    height: 40px;
    background: #4FA7B5;
    border-radius: 100%;
    margin-top: 5px;
    display: block;
    position: relative;
    overflow: hidden;
}

.s_out i img {
    width: 40px;
    height: 40px;
}

.s_index i img {
    width: 40px;
    height: 40px;
}

.s_top i img {
    width: 40px;
    height: 40px;
}
*/