@font-face{font-family: Roboto;font-style: normal;font-weight: 300;src: url(/club/res/images/roboto.ttf);src: url(/club/res/images/roboto.ttf) format("embedded-opentype"),}
blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
iframe,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul{margin: 0;padding: 0;vertical-align: baseline}
body{--CR-BLACK: #000;--CR-GREY: #545454;--CR-GREEN: #000;--CR-RED: #000;--CR-WHITE: #fff;--CR-LIGHTGREY: #c9c9c9;font-family:Roboto ;background:#f0f4f7;font-size: 14px;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
img{max-width: 100%;}
ul,
li{list-style: none;}
.padding15{padding: 15px;}
.hidden{display: none;}
a{color: var(--CR-BLACK);text-decoration: none;}
a:hover{text-decoration: none;}
.fontsize14{font-size: 14px;}
.fontsize16{font-size: 16px;}
.scroll-tip{margin: 15px;}
.scroll-tip span{background: linear-gradient(top, var(--CR-GREEN), var(--CR-RED));background: -webkit-linear-gradient(top, var(--CR-GREEN), var(--CR-RED));color: var(--CR-WHITE);display: inline-block;border-radius: 2px;padding: 0 3px;height: 20px;line-height: 20px;margin-top: 5px;}
.scroll-tip .wzb-flex-item{height: 30px;line-height: 30px;overflow: hidden;position: relative;white-space: nowrap;text-overflow: ellipsis;}
.scroll-tip .wzb-flex-item li{margin-left: 10px;}
.scroll-tip .wzb-flex-item li a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_li,.swap{line-height:30px;display:inline-block;position:absolute;top:0;right: 0;left: 0;}
.swap{top:30px;}
.wzb-flex{display: -webkit-box;display: -webkit-flex;display: flex;}
.wzb-flex-item{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
.footBar{position: fixed;background-color:var(--CR-WHITE);border-top: 1px solid var(--CR-GREY);width: 100%;bottom: 0;left: 0;}
.tabBtn{display: block;font-size: 12px;text-align: center;padding: 8px 0;}
.tabBtn i{display: block;width: 24px;height: 24px;margin: 0 auto 2px;background: #f0f0f0;border-radius: 4px;}
.cell{text-align: center;}
.cell-btn{display: block;background-color:var(--CR-WHITE);border-bottom: 2px solid var(--CR-GREY);margin-bottom: 5px;}
.section{margin: 15px;}
.swiper-container img{display: block;}
.section>div{margin: 0 6px;}
.section>div:first-child{margin-left: 0;}
.section>div:last-child{margin-right: 0;}
.section img{display: block;}
.sectionPic img{border: 1px solid var(--CR-WHITE);border-bottom: none;}
.index-video{overflow: hidden;margin: 0 15px;}
.serviceSection img{width: 44px;height: 44px;margin: 0px auto 5px;display: block;}
.serviceSection .cell-btn{padding: 10px;}
.tabBtn.on{color:var(--CR-GREEN);}
.tabBtn i.homeTab{background: url(/club/res/images/home.png?a=1) no-repeat;background-size:100% 100%;}
.tabBtn.on .homeTab{background: url(/club/res/images/home-on.png?a=1) no-repeat;background-size:100% 100%;}
.tabBtn i.scanTab{background: url(/club/res/images/scan.png?a=1) no-repeat;background-size:100% 100%;}
.tabBtn.on .scanTab{background: url(/club/res/images/scan-on.png?a=1) no-repeat;background-size:100% 100%;}
.tabBtn i.accountTab{background: url(/club/res/images/account.png?a=1) no-repeat;background-size:100% 100%;}
.tabBtn.on .accountTab{background: url(/club/res/images/account-on.png?a=1) no-repeat;background-size:100% 100%;}
.scanBar{position: relative;}
.scanBar::before{content: " ";width: 64px;height: 64px;background: var(--CR-WHITE);position: absolute;top: -15px;left: 50%;margin-left: -32px;border-radius: 50%;box-shadow: 0 -1px 0.1px var(--CR-GREY);z-index: -1;}
.topBar{position: fixed;top: 0;left: 0;width: 100%;background: var(--CR-WHITE);padding: 10px 0;box-shadow: 0 1px 2px rgba(0,0,0,0.2);z-index: 9;}
.backHomeBtn{display: block;width:34px;height: 34px;background-image: url(/club/res/images/ico-backbtn.png);background-repeat: no-repeat;background-position: center center;background-size: 24px 24px;border-radius: 4px;margin-left: 15px;}
.backHomeBtn:active{background-color: #F0f0f0}
.dmgLogo{width:85px;height: 13px;background: url(/club/res/images/dmgLogo.png) no-repeat;background-size:100% 100%;position: absolute;top: 50%;right: 15px;margin-top: -7px;}
.content{margin: 15px;line-height: 30px;}
.content p a{font-weight: 700;}
.content p a:hover,.content a:active{text-decoration: underline;}
.content .ico-arrow{display: inline-block;width: 11px;height: 11px;background: url(/club/res/images/ico-arrow.png) no-repeat;background-size: 100% 100%;vertical-align: 0px;margin-left: 2px;}
.content-nav{background: url(/club/res/images/categoryBg.png) no-repeat top center /contain;position: relative;height: 322px;/* overflow: hidden;*/padding-bottom: 60px;}
.content-nav a label{position: absolute;}
.content-nav a img{border-radius: 50%;}
.categoryPic1 img{width: 70px;height: 70px;}
.categoryPic2 img{width: 72px;height: 72px;}
.categoryPic3 img{width: 80px;height: 80px;}
.categoryPic4 img{width: 70px;height: 70px;}
.categoryPic5 img{width: 85px;height: 85px;}
.content-nav a{position: absolute;z-index: 1;color: var(--CR-BLACK);}
.categoryPic1{top: 0px;right: 15px;}
.categoryPic1 label{left: -70px;top: 30%;}
.categoryPic2{top: 60px;left:10px;}
.categoryPic2 label{right: -70px;top: 40%;}
.categoryPic3{top: 120px;right: 100px;}
.categoryPic3 label{right: -50px;top: 40%;}
.categoryPic4{left: 85px;top: 220px;}
.categoryPic4 label{left: 0px;bottom: -20px;}
.categoryPic5{left: 45%;top: 290px;}
.categoryPic5 label{right: -70px;top: 40%;}
.circle{position: absolute;top: 0;left: 0;border: 1px solid var(--CR-GREY);border-radius: 50%;background:var(--CR-WHITE);}
.categoryPic1 .circle{width:70px;height: 70px;}
.categoryPic2 .circle{width:72px;height: 72px;}
.categoryPic3 .circle{width:80px;height: 80px;}
.categoryPic4 .circle{width:70px;height: 70px;}
.categoryPic5 .circle{width:85px;height: 85px;}
.categoryPic1 .circle_bottom{background:rgba(5,126,114,0.4);border-radius:100%;width:72px;height:72px;filter:alpha(opacity=40);z-index:-100;position:absolute;}
.categoryPic1 .circle_bottom2{background:rgba(5,126,114,0.2);border-radius:100%;width:82px;height:82px;filter:alpha(opacity=20);z-index:-110;position:relative;top: -5px;left: -5px;}
.categoryPic2 .circle_bottom{background:rgba(5,126,114,0.4);border-radius:100%;width:74px;height:74px;filter:alpha(opacity=40);z-index:-100;position:absolute;}
.categoryPic2 .circle_bottom2{background:rgba(5,126,114,0.2);border-radius:100%;width:84px;height:84px;filter:alpha(opacity=20);z-index:-110;position:relative;top: -5px;left: -5px;}
.categoryPic3 .circle_bottom{background:rgba(5,126,114,0.4);border-radius:100%;width:82px;height:82px;filter:alpha(opacity=40);z-index:-100;position:absolute;}
.categoryPic3 .circle_bottom2{background:rgba(5,126,114,0.2);border-radius:100%;width:92px;height:92px;filter:alpha(opacity=20);z-index:-110;position:relative;top: -5px;left: -5px;}
.categoryPic4 .circle_bottom{background:rgba(5,126,114,0.4);border-radius:100%;width:72px;height:72px;filter:alpha(opacity=40);z-index:-100;position:absolute;}
.categoryPic4 .circle_bottom2{background:rgba(5,126,114,0.2);border-radius:100%;width:82px;height:82px;filter:alpha(opacity=20);z-index:-110;position:relative;top: -5px;left: -5px;}
.categoryPic5 .circle_bottom{background:rgba(5,126,114,0.4);border-radius:100%;width:87px;height:87px;filter:alpha(opacity=40);z-index:-100;position:absolute;}
.categoryPic5 .circle_bottom2{background:rgba(5,126,114,0.2);border-radius:100%;width:97px;height:97px;filter:alpha(opacity=20);z-index:-110;position:relative;top: -5px;left: -5px;}
.animation{;-webkit-animation:twinkling 2.1s infinite ease-in-out;animation:twinkling 2.1s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animation2{;-webkit-animation:twinkling 2.1s infinite ease-in-out;animation:twinkling 2.1s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes twinkling{0%{opacity:0.2;filter:alpha(opacity=20);-webkit-transform:scale(1);}
50%{opacity:0.5;filter:alpha(opacity=50);-webkit-transform:scale(1.12);}
100%{opacity:0.2;filter:alpha(opacity=20);-webkit-transform:scale(1);}}@keyframes twinkling{0%{opacity:0.2;filter:alpha(opacity=20);-webkit-transform:scale(1);}
50%{opacity:0.5;filter:alpha(opacity=50);-webkit-transform:scale(1.12);}
100%{opacity:0.2;filter:alpha(opacity=20);-webkit-transform:scale(1);}}
.title{font-size: 18px;padding: 30px 0 15px;}
.tab-nav1 i{background: url(/club/res/images/tab-nav1.png) no-repeat;background-size: 100% 100%;}
.tab-nav1.on i{background: url(/club/res/images/tab-nav1-on.png) no-repeat;background-size: 100% 100%;}
.tab-nav2 i{background: url(/club/res/images/tab-nav2.png) no-repeat;background-size: 100% 100%;}
.tab-nav2.on i{background: url(/club/res/images/tab-nav2-on.png) no-repeat;background-size: 100% 100%;}
.tab-nav3 i{background: url(/club/res/images/tab-nav3.png) no-repeat;background-size: 100% 100%;}
.tab-nav3.on i{background: url(/club/res/images/tab-nav3-on.png) no-repeat;background-size: 100% 100%;}
.tab-nav i{display: inline-block;height: 16px;width: 65px;}
.tab-nav{text-align: center;border-bottom: 1px solid var(--CR-LIGHTGREY);}
.tab-nav a{display: block;line-height: 44px;position: relative;}
.tab-nav a::before{content: " ";width: 1px;height: 24px;background:var(--CR-LIGHTGREY) ;position: absolute;right: 0;top: 50%;margin-top: -12px;}
.tab-nav a:last-child::before{width: 0;}
.tab-nav a.on::after{content: " ";width:30px;height: 3px;position: absolute;bottom: 0;left: 50%;margin-left: -15px;background: linear-gradient(left, var(--CR-GREEN), var(--CR-RED));background: -webkit-linear-gradient(left, var(--CR-GREEN), var(--CR-RED));}
.panel-swiper{margin-top: 15px;position: relative;}
.panel-swiper span{position: absolute;top: 0;left: 0;z-index: 9;font-size: 14px;color: var(--CR-WHITE);height: 34px;background: var(--CR-BLACK);background: linear-gradient(45deg,transparent 10px,#000 0) 0 100%;overflow: hidden;padding: 0 20px;}
.swiper-button-next{right: 10px;left: auto;width: 34px;height: 34px;background: url(../images/next-btn.png) no-repeat;background-size: 34px 34px;margin-top: -17px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 10px;right: auto;width: 34px;height: 34px;background: url(/club/res/images/prev-btn.png) no-repeat;background-size: 34px 34px;margin-top: -17px;}
.newsPic{width: 120px;margin-left: 10px;}
.newsList li{border-bottom: 1px solid var(--CR-LIGHTGREY);padding: 10px 0;}
.more-btn{display: block;height: 44px;line-height: 44px;color: var(--CR-WHITE);background: var(--CR-BLACK);background: linear-gradient(-45deg,transparent 10px,#000 0) 0 100%;overflow: hidden;padding-left: 40px;font-size: 16px;margin-top: 15px;}
.more-btn i{display: inline-block;height: 24px;width: 24px;background: url(../images/arrow-right.png) no-repeat;background-size: 100% 100%;vertical-align: -6px;margin-left: 10px;}
.newsVideoList li{width: 50%;float: left;}
.newsVideoList{height: auto;overflow: hidden;}
.newsVideoList li:nth-of-type(odd) div{margin-right: 5px;padding: 10px 0;}
.newsVideoList li:nth-of-type(even) div{margin-left: 5px;padding: 10px 0;}
.video_li img{max-height:90px}
.vv-count span label {
background: -moz-linear-gradient(left, #000, #545a5f);
 background: -webkit-linear-gradient(left, #000, #545a5f);
background: linear-gradient(left, #000, #545a5f);
}
.btn-group a {
background: -moz-linear-gradient(left, #545a5f, #000);
 background: -webkit-linear-gradient(left, #545a5f, #000);
background: linear-gradient(left, #545a5f, #000);
 }
.meTop {
 background: -webkit-linear-gradient(left, #545a5f,#000);
background: linear-gradient(left, #545a5f,#000);
}
 .tagSearchArea {
 background: -webkit-linear-gradient(left, #545a5f,#000);
}