/** New:  v_1.0.1  by  LQ  2021-02-05
 *  contents:  base + button + header
 */	

/* reset */
* { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0; } 
html { font-size: 5.3334vw; }
@media screen and (min-width: 750px){
    html { font-size: 40px; }
}
html,body { height: 100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,button { margin:0; padding:0; }
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; font-size: 0.8rem; line-height: 1.1rem; /*max-width: 750px;*/ margin: auto; } 
input, textarea, select, button, h1, h2, h3, h4, h5, h6 { font-size: 100%; font-family: inherit; }
input, textarea, select, button {
    border: none; background: none; resize: none; border-radius: 0; 
    -webkit-appearance: none; -moz-appearance: none; appearance: none; 
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bbb; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bbb; }
input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #bbb; }
input::placeholder, textarea::placeholder { color: #bbb; }
input:-webkit-autofill, 
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active { 
    -webkit-box-shadow: 0 0 0px 1000px white inset !important; 
            box-shadow: 0 0 0px 1000px white inset !important;
}
em, i { font-style:normal; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; text-align: center; }
img { border: 0; vertical-align: middle; }
ol, ul, li { list-style: none; }
a { color: #333; text-decoration: none; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; line-height: 0; }

/* background */
.bg-ff { background-color: #fff !important; }
.bg-f8 { background-color: #f8f8f8 !important; }
.bg-black { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; background-color: rgba(0,0,0, .5); }
.box-shadow { -webkit-box-shadow: 0 0.15rem 0.5rem rgba(0,0,0, .1); box-shadow: 0 0.15rem 0.5rem rgba(0,0,0, .1); }
.bg-shut { position: absolute; left: 0; right: 0; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#FFFFFF)); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); }

/* color */
.s-primary { color: #0057ff !important; }
.s-warn { color: #ec3b3b !important; }
.s-success { color: #11bb65 !important; }
.s-c0 { color: #000; }
.s-c3 { color: #333; }
.s-c6 { color: #666; }
.s-c9 { color: #999; }
.s-cb, .is-disabled { color: #bbb !important; }

/* ico */
.ico-vip { width: 0.8rem; height: 0.8rem; background: url('../images/ico-vip.png') no-repeat; background-size: cover; }
.ico-trophy { width: 0.6rem; height: 0.6rem; background: url('../images/ico-trophy.png') no-repeat; background-size: cover; }
.iconfont, .vm, .ico-vip, .ico-trophy, .ico-caret, .ico-dot, .ico-badge { display: inline-block; vertical-align: middle; }
.iconfont { font-size: 0.8rem; margin-top: -0.1rem; }
.ico-caret, .ico-triangle { border: 0.25rem solid transparent; }
.caret-right { border-right-color: #333; border-left-width: 0; }
.caret-left { border-left-color: #333; border-right-width: 0; }
.caret-top { border-top-color: #333; border-bottom-width: 0; }
.caret-bottom { border-bottom-color: #333; border-top-width: 0; }
.ico-dot { width: 0.4rem; height: 0.4rem; border-radius: 50%; }
.ico-badge { padding: 0 0.25rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.6rem; color: #fff; background-color: #ec3b3b; border-radius: 0.4rem; }
	/* ico-play */ 
.ico-play { display: inline-block; vertical-align: middle; width: 1rem; height: 1rem; line-height: 1rem; text-align: center; background-color: rgba(255,255,255, .8); border-radius: 50%; } 
.ico-play .iconfont { font-size: 0.45rem; color: #333; margin: -0.1rem 0 0 1px; } 
	/* loading */
.icon-loading { font-size: 1.1rem; margin-top: -0.1rem; }
.spin { -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite;  }
@-webkit-keyframes spin { 
    0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg); } 
    100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } 
}
@keyframes spin { 
    0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg); } 
    100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } 
}

/* numfont */
@font-face { 
	font-family:"DIN-Bold"; 
	src:url('../../fonts/numfont/TG-TYPE-Bold.eot?#iefix') format("embedded-opentype"),
		url('../fonts/tg-type-bold.woff') format("woff"),
		url('../fonts/tg-type-bold.ttf') format("truetype"),
		url('../fonts/tg-type-bold.svg') format("svg");
	font-weight:normal;
	font-style:normal;
}
@font-face { 
	font-family:"DIN-Medium"; 
	src:url('../fonts/tg-type-regular.eot') format("embedded-opentype"),
		url('../fonts/tg-type-regular.woff') format("woff"),
		url('../fonts/tg-type-regular.ttf') format("truetype"),
		url('../fonts/tg-type-regular.svg') format("svg");
	font-weight:normal;
	font-style:normal;
}
.din-b { font-family:"DIN-Bold"; }
.din-m { font-family:"DIN-Medium"; }

/* font */
.fb { font-weight: bold; } 
.fn { font-weight: normal; }
.fg { font-weight: 300; }
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.un { text-decoration: underline; }
.ect{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.ect-clamp { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.f16 { font-size: 0.8rem !important; }
.f14 { font-size: 0.7rem !important; }
.f13 { font-size: 0.65rem; }
.f12 { font-size: 0.6rem; }
.f11 { font-size: 0.55rem; }

/* line */
.hr-line, .hr-dashed, .hr-dotted { position: relative; }
.hr-line:after, .hr-dashed:after, .hr-dotted:after { 
	position: absolute; left: 0; right: 0; bottom: 0; content: ''; 
	border-bottom: 1px solid #d9d9d9; -webkit-transform: scaleY(.5); transform: scaleY(.5);
}
.hr-dashed { border-bottom-style: dashed; }
.hr-dotted { border-bottom-style: dotted; }
.line-vertical { position: relative; height: 1em; margin: 0 .4rem } 
.line-vertical:after { position: absolute; right: 0; top: 0; bottom: 0; content: ''; width: 1px; border-right: 1px solid #e8e8e8; transform: scaleX(0.5) }
.gap-line { height: 8px; background-color: #f8f8f8; }

/* img-block */
.img-block { position: relative; }
.img-block img { display: block; width: 100%; height: 100%; }
.radius-8, .radius-8 img, .radius-m, .radius-m img { border-radius: 0.4rem; }
.radius-4, .radius-4 img, .radius-s, .radius-s img { border-radius: 0.2rem; }
.is-round img { border-radius: 50%; }
.img-block .ico-play { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.img-block .ico-vip { position: absolute; right: 0; bottom: 0; }

/* more-block */
.more-block { display: block; text-align: center; line-height: 2.5rem; font-size: 0.7rem; }
.more-block .u-btn { 
    min-width: 8.4rem; height: 1.6rem;
    background-color: #f5f5f5; border-color: #f5f5f5; font-size: 0.7rem; line-height: 1.5rem; 
}
.more-block.h72 { line-height: 3.6rem; }

/* li-borb1 */
.li-borb1 li { position: relative; }
.li-borb1 li:after { position: absolute; left: 0; right: 0; bottom: 0; content: ''; height: 1px; background-color: #e8e8e8; -webkit-transform: scaleY(.5); transform: scaleY(.5); }
.li-borb1 li:last-child:after { height: 0; }

/* */
.ma { margin-left: auto; margin-right: auto; }
.fl { float: left; }
.fr { float: right; }
.ptb10-lr16 { padding: 0.5rem 0.8rem; }
.plr16 { padding-left: 0.8rem; padding-right: 0.8rem; }
.pb0 { padding-bottom: 0 !important; }
.pb5{ padding-bottom: 0.25rem !important; }
.pb10{ padding-bottom: 0.5rem !important; }
.pb20{ padding-bottom: 1rem; }
.pb50 { padding-bottom: 2.5rem; }
.mt5 { margin-top: 0.25rem !important; }
.mt10 { margin-top: 0.5rem !important; }
.mt15 { margin-top: 0.75rem !important; }
.mt20 { margin-top: 1rem; }
.mb5 { margin-bottom: 0.25rem; }
.mb10 { margin-bottom: 0.5rem; }
.mb15 { margin-bottom: 0.75rem; }
.mb20 { margin-bottom: 1rem; }
.ml5  { margin-left: 0.25rem; }
.ml10 { margin-left: 0.5rem; }
.ml15 { margin-left: 0.75rem; }
.ml20 { margin-left: 1rem; }
.mr5 { margin-right: 0.25rem; }
.mr10 { margin-right: 0.5rem; }
.mr15 { margin-right: 0.75rem; }
.mr20 { margin-right: 1rem; }

/* */
.none { display: none !important; }
.block { display: block !important; width: -webkit-fill-available; }
.ovh { overflow: hidden !important; }
.hidden { visibility: hidden; }
.scroll-bar::-webkit-scrollbar { display: none; }
/* v_1 */
/* .page-box { position: fixed; top: 0; width: 100%; max-width: 750px; height: 100%; overflow-y: auto; }
.content-box, .pr { position: relative; } */
/* v_2 */
.page-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; }
.page-box .content-box { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow-y: auto; }
.page-box .cont-bar { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

/* nav-f20 */
.nav-f20 { line-height: 1.4rem; padding-top: 0.5rem; padding-left: 0.8rem; padding-right: 0.8rem; }
.nav-f20 strong, .nav-f20 .tit { font-size: 1rem; display: inline-block; }
.nav-f20 .more { font-size: 0.7rem; }
.nav-f20 .more .iconfont { font-size: 0.6rem; line-height: 0.8rem; margin: -0.1rem 0 0 0.15rem; }

/* tab-nav */
.tab-nav { overflow: hidden; position: relative; }
.tab-nav .tab-link { float: left; margin-right: 1rem; text-align: center; color: #666; }
.tab-nav .tab-link .nv { display: inline-block; line-height: 2rem; position: relative; }
.tab-nav .tab-link .nv:after { position: absolute; left: 50%; bottom: 0; content: ''; width: 2rem; height: 0.15rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.tab-nav .tab-link.is-this .nv { color: #333; font-weight: 700; }
.tab-nav .tab-link.is-this .nv:after { background-color: #0057ff; }
    /**/
.tab-nav.f20 .tab-link .nv { font-size: 1rem; line-height: 2.5rem; height: 2.5em; }
    /* */
.tab-color { background-color: #0057ff; }
.tab-color .tab-link .nv { color: #fff; opacity: .6; }
.tab-color .tab-link.is-this .nv { color: #fff; opacity: 1; }
.tab-color .tab-link.is-this .nv:after { background-color: #fff; }
    /**/
.tab-nav-flex { display: -webkit-box; display: -ms-flexbox; display: flex; }
.tab-nav-flex .tab-link { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 0; }

/* u-popup-box */
.u-popup-box { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1002; }
.u-popup-box .bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0, .5); }
.u-popup-box.popup-show .popup-bar, .popup-show.popup-bar { -webkit-animation: scale .2s linear forwards; animation: scale .2s linear forwards; }
@-webkit-keyframes scale {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(.8);
                transform: translateX(-50%) translateY(-50%) scale(.8);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
                transform: translateX(-50%) translateY(-50%) scale(1);
    }
}
@keyframes scale {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(.8);
                transform: translateX(-50%) translateY(-50%) scale(.8);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
                transform: translateX(-50%) translateY(-50%) scale(1);
    }
}

/* button */
.u-btn { 
	display: inline-block; vertical-align: middle; padding: 0 0.7rem; text-align: center;
	border-width: 0.025rem; border: 1px solid #d9d9d9; border-radius: 2.5rem;
	height: 2.2rem; line-height: 2.1rem;
}
.btn-primary { border-color: #0057ff !important; background-color: #0057ff !important; color: #fff !important; }
.btn-warn  { border-color: #ec3b3b; background-color: #ec3b3b; color: #fff; }
.btn-success { border-color: #11bb65; background-color: #11bb65; color: #fff; }
.btn-primary-plain { border-color: #e0ebff; background-color: #e0ebff; color: #0057ff; }
.btn-warn-plain  { border-color: #ffdede; background-color: #ffdede; color: #ec3b3b; }
.btn-primary-line  { background-color: transparent; border-color: #0057ff; color: #0057ff; }
.btn-warn-line  { background-color: transparent; border-color: #ec3b3b; color: #ec3b3b; }
	/**/
.btn-white { background-color: #fff; border-color: #fff; }
.u-btn.is-disabled { background-color: #e8e8e8 !important; border-color: #e8e8e8 !important; color: #bbb !important; }
.u-btn .iconfont { font-size: 0.8rem; }
	/**/
.u-btn:active { opacity: .8; }
.u-btn.is-disabled:active { opacity: 1; }
	/**/
.btn-xl { height: 2.4rem; line-height: 2.3rem; }
.btn-n { height: 2rem; line-height: 1.9rem; }
.btn-l { height: 1.6rem; line-height: 1.5rem; font-size: 0.7rem; }
.btn-m { height: 1.4rem; line-height: 1.3rem; font-size: 0.7rem; }
.btn-s { height: 1.2rem; line-height: 1.1rem; font-size: 0.7rem; }
.btn-mini { height: 1rem; line-height: 0.9rem; font-size: 0.6rem; }
	/**/
.btn-s .iconfont { font-size: 0.7rem; }
.btn-mini .iconfont { font-size: 0.6rem; }
.btn-block { display: block; width: -webkit-fill-available; }

/* icon-menu */
.icon-menu, .icon-menu:before, .icon-menu:after { width: 1rem; height: 0.1rem; background-color: #fff; }
.icon-menu { display: inline-block; vertical-align: middle; margin-top: -0.2rem; position: relative; }
.icon-menu:before, .icon-menu:after { position: absolute; left: 0;  content: ''; }
.icon-menu:before { top: -0.3rem; }
.icon-menu:after  { bottom: -0.3rem; }

/* hd-bar */
.hd-bar { position: relative; z-index: 300; width: 100%; height: 2.2rem;  color: #fff; }
.hd-bar .hd-nav { position: relative; width: 100%; height: 2.2rem; background-color: #0057ff; overflow: hidden; font-size: 0.8rem; }
.menu-all-show .hd-nav { background-color: #000; }
	/*hd-abs-top*/
.hd-abs-top { position: relative; z-index: 300; }
.hd-abs-top .hd-bar { position: absolute; }
.hd-abs-top .hd-bar .hd-nav { background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(0,0,0,.2)),color-stop(40%, rgba(0,0,0,.1)),to(rgba(0,0,0,0))); background: linear-gradient(to bottom,rgba(0,0,0,.2) 0,rgba(0,0,0,.1) 40%,rgba(0,0,0,0) 100%); }
	/*hd-fixed-top*/
.hd-fixed-top .hd-bar { position: fixed; }
/* .hd-abs, .hd-fixed { left: 0; top: 0; right: 0; } */
	/**/
.hd-bar .hd-nav .iconfont { font-size: 1rem; margin-top: -0.1rem; }
.hd-bar .back .iconfont { font-size: 0.8rem; }
.hd-bar .hd-link { position: absolute; top: 0; }
.hd-bar .hd-link .item { float: left; height: 2.2rem; position: relative; }
.hd-bar .hd-link .item:active { background-color: #004ada; }
.hd-bar .hd-link .tap { float: left; height: 2.2rem; padding: 0 0.5rem; color: #fff; line-height: 2.2rem; position: relative; }
.hd-bar .hd-link .back { padding: 0 0.25rem; }
.hd-bar .hd-link .icon-logo { font-size: 3rem; line-height: 2.5rem; }
.hd-bar .hd-link .tap.news { -webkit-animation: bellshake 2s ease-in-out 0s infinite; animation: bellshake 2s ease-in-out 0s infinite; }
.hd-bar .hd-link .tap.news:after { 
	position: absolute; top: 50%; left: 50%; content: ''; margin: -0.75rem 0 0 0.25rem;
	width: 0.45rem; height: 0.45rem; background-color: #ef5858; border-radius: 50%; 
}
@-webkit-keyframes bellshake {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
	5% { -webkit-transform: rotate(18deg); transform: rotate(18deg) }
	15% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg) }
	25% { -webkit-transform: rotate(12deg); transform: rotate(12deg) }
	35% { -webkit-transform: rotate(-9deg); transform: rotate(-9deg) }
	45% { -webkit-transform: rotate(6deg); transform: rotate(6deg) }
	55% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg) }
	60% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
	100% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
}
@keyframes bellshake {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
	5% { -webkit-transform: rotate(18deg); transform: rotate(18deg) }
	15% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg) }
	25% { -webkit-transform: rotate(12deg); transform: rotate(12deg) }
	35% { -webkit-transform: rotate(-9deg); transform: rotate(-9deg) }
	45% { -webkit-transform: rotate(6deg); transform: rotate(6deg) }
	55% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg) }
	60% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
	100% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
}
.hd-bar .hd-l { left: 0.3rem; }
.hd-bar .hd-r { right: 0.3rem; }
.hd-bar .hd-title { display: block; padding: 0 4.75rem; line-height: 2.2rem; }
.hd-bar .hd-title .ico-online { 
    display: inline-block; vertical-align: middle; margin: -0.2rem 0.45rem 0 0;
	width: 0.45rem; height: 0.45rem; background-color: #0057ff; border-radius: 50%; 
}
	/* hd-area */
.hd-bar .hd-link .item .hd-area { margin-left: 0; }
.hd-area { 
	position: relative; float: left; margin: 0.6rem 0 0 0.8rem;
	max-width: 7.3rem; height: 1rem; line-height: 1rem; padding: 0 1.15rem 0 0.4rem; background-color: #fff; border-radius: 0.5rem; 
	font-size: 0.7rem; color: #333;
}
.hd-area::after { 
	position: absolute; top: 50%; right: 0.4rem; content: ''; margin-top: -0.1rem;
	border: 0.25rem solid transparent; border-top-color: #666;
}
	/* hd-mu-all */
.hd-mu-all { position: fixed; top: 2.2rem; bottom: 0; z-index: 300; width: 100%; /*max-width: 750px;*/ background-color: #000; visibility: hidden; opacity: 0; }
.hd-mu-all .scroll-bar { height: 100%; overflow-y: auto; }
.hd-mu-list { padding: 0.35rem 0.45rem; }
.hd-mu-list li { float: left; width: 25%; text-align: center; -webkit-transition: all .2s linear; transition: all .2s linear; -webkit-transform: scale(.8) translateY(-10%); transform: scale(.8) translateY(-10%); }
.hd-mu-list li a { display: block; padding: 0.35rem 0; font-size: 0.7rem; color: #666; }
.hd-mu-list li p { display: block; margin: 0 auto 0.25rem; width: 2.2rem; height: 2.2rem; border: 0.1rem solid #bbb; border-radius: 50%; color: #bbb; line-height: 2rem; }
.hd-mu-list li .iconfont { display: inline-block; vertical-align: middle; font-size: 1.2rem; margin-top: -0.1rem; }
.hd-mu-list li.bg1 p { background-color: #29b2fa; border-color: #29b2fa; color: #fff; }
.hd-mu-list li.bg2 p { background-color: #60c86f; border-color: #60c86f; color: #fff; }
.hd-mu-list li.bg3 p { background-color: #9b66d2; border-color: #9b66d2; color: #fff; }
.hd-mu-list li.bg4 p { background-color: #fc6151; border-color: #fc6151; color: #fff; }
	/* mu-all-show */
.act-menu { -webkit-transition: top .2s linear; transition: top .2s linear; }
.act-menu:active{ background: none; }
.act-close { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .15s linear; transition: all .15s linear; }
	/* mu-all-show */
.mu-all-show .hd-nav { position: fixed; top: 0; background-color: #000 !important; /*max-width: 750px;*/ }
.mu-all-show .r-def { opacity: 0; }
.mu-all-show .act-close { -webkit-transform: translateX(0); transform: translateX(0); }
.hd-mu-list li a:active,
.mu-all-show .act-close .tap:active { background-color: #111; }
.mu-all-show .hd-mu-all { visibility: visible; opacity: 1; }
.mu-all-show .hd-mu-all .hd-mu-list li { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); }
	/* hd-white */
.hd-white .hd-nav{ background-color: #fff; }
.hd-shadow { -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0, .3); box-shadow: 0 0 1px 0 rgba(0,0,0, .3); }
.hd-white .hd-title { color: #333; }
.hd-white .hd-link .tap { color: #666; line-height: 2.2rem; }
.hd-white .hd-link .item:active { background-color: #f8f8f8; }
    /**/
.hd-menu { 
	position: absolute; top: 3rem; right: 0.45rem; opacity: 0; visibility: hidden; -webkit-transition: all .2s linear; transition: all .2s linear;
	background-color: #4c4c4c; border-radius: 0.1rem; -webkit-box-shadow: 0 0.1rem 0.5rem 0 rgba(0,0,0, 0.1); box-shadow: 0 0.1rem 0.5rem 0 rgba(0,0,0, 0.1); 
}
.hd-menu::after { 
	position: absolute; top: -0.5rem; right: 0.5rem; content: '';
	border: 0.25rem solid transparent; border-bottom-color: #4c4c4c;
}
.hd-menu a { 
	display: block; height: 2.7rem; overflow: hidden; padding: 0 0.75rem 0 2.5rem; position: relative;
	color: #fff; line-height: 2.7rem; white-space: nowrap;
}
.hd-menu a:active { background-color: #444; }
.hd-menu a:after { 
	position: absolute; left: 0.7rem; right: 0.7rem; bottom: 0; content: '';
	height: 1px; background-color: #5e5e5e; -webkit-transform: scaleY(.5); transform: scaleY(.5);
}
.hd-menu a:last-child:after { height: 0; } 
.hd-menu a .iconfont { position: absolute; left: 0.8rem; top: 0; font-size: 1rem; color: #fff; line-height: 2.7rem; margin-top: 0; }
.hd-menu-show { top: 2.5rem; opacity: 1; visibility: visible; }

/* ft-bar */
.ft-bar .ft-mn { padding: 0 0.8rem 1rem; background-color: #fff; position: relative; }
.ft-bar .ft-mn .go-top { 
	position: absolute; top: 1.1rem; right: 0.8rem; text-align: center;
	width: 1.2rem; height: 1.2rem; line-height: 1.1rem; 
	/* border: 1px solid #e8e8e8; border-radius: 50%; */
}
.ft-bar .ft-mn .go-top .iconfont { font-size: 0.7rem; margin-top: -0.2rem; }
.ft-bar .ft-mn .ft-user { height: 2.75rem; padding: 1rem 0 0.25rem; font-size: 0.7rem; line-height: 1.5rem; }
.ft-bar .ft-mn .ft-user a { float: left; color: #999; margin-right: 0.8rem; }
.ft-bar .ft-mn .ft-user .wechat {
	background: url('../images/ico_wechat.png') no-repeat 0 .3rem; 
	background-size: .9rem .9rem; padding-left: 1rem; 
}
.ft-bar .ft-mn .ft-user img { float: left; width: 1.5rem; height: 1.5rem; border-radius: 50%; margin-right: 0.5rem; }
.ft-bar .ft-mn .ft-user .iconfont { margin: -0.1rem 0.15rem 0 0; }
.ft-bar .ft-mn .ft-nv { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1rem 2rem 0; border-top: 1px; border-top: 0.025rem solid #e8e8e8; margin: 1.25rem 0 1rem; }
.ft-bar .ft-mn .ft-nv li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; }
.ft-bar .ft-mn .ft-nv li a { font-size: 0.65rem; color: #666; }
.ft-bar .ft-mn .ft-f10 { font-size: 0.5rem; } 
.ft-bar .ft-mn .ft-link a { margin: 0 0.25rem; }
.ft-bar .ft-mn .ft-logo { display: block; height: 1.5rem; margin: 1.5rem auto 0; }
	/**/
.ft-bar .ft-brief { padding: 0.75rem; font-size: 0.6rem; color: #bbb; text-align: center; }
.ft-bar .ft-brief .line { display: inline-block; vertical-align: middle; margin-top: -0.2rem; width: 1.5rem; height: 1px; background-color: #e8e8e8; }
.ft-bar .ft-brief .mlr10 { margin: 0 0.5rem; }

/* crumbs */
.crumbs { padding: 0.8rem; font-size: 0.6rem; line-height: 0.9rem; }
.crumbs, .crumbs a { color: #666; }
.crumbs span { color: #bbb; }

/* bottom-bar */
/* .bottom-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 200; } */
.bottom-bar { position: relative; z-index: 200; }
	/*fb-convert-link*/
.fb-convert-link { height: 2.5rem; text-align: center; background-color: #fff; -webkit-box-shadow: 0 0 0.5rem 0 rgba(0,0,0, .15); box-shadow: 0 0 0.5rem 0 rgba(0,0,0, .15); }
.fb-convert-link .ctk-link { position: relative; float: left; width: 20%; height: 2.5rem; padding-top: 0.6rem; font-size: 0.6rem; line-height: 0.9rem; }
.fb-convert-link .ctk-link:after { position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background-color: #e8e8e8; content: ''; }
.fb-convert-link .ctk-link:first-child:after { width: 0; } 
.fb-convert-link .ctk-link .iconfont { display: block; color: #999; }
.fb-convert-link .ctk-warn { float: left; width: 60%; height: 2.5rem; line-height: 2.5rem; background-color: #ef5858; color: #fff; font-size: 0.9rem; }
.fb-convert-link .ctk-warn:active { background-color: #e72d2d; }
		/**/
.convert-flex { display: -webkit-box; display: -ms-flexbox; display: flex; }
.convert-flex .ctk-link { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

/* hd-pic */
.hd-pic, .hd-pic .swiper-container { height: 5rem; position: relative; }
.hd-pic .close { 
	position: absolute; top: 0; right: 0; z-index: 10; 
	width: 1.2rem; height: 1.2rem; background-color: rgba(0,0,0, .3);
	text-align: center; line-height: 1.2rem;
}
.hd-pic .close .iconfont { font-size: 0.7rem; color: #fff; margin-top: -2px; }
.hd-pic .img-block img { border-radius: 0; }
.hd-pic .swiper-pagination-bullets { left: auto; width: auto; right: 0.6rem; height: 0.3rem; }
.hd-pic .swiper-pagination-bullets .swiper-pagination-bullet { width: 0.3rem; height: 0.3rem; margin: 0 0.15rem; }

/* unfold-bar */
.unfold-bar { position: relative; }
.unfold-bar .unfd-ovh { overflow: hidden; -webkit-transition: height .2s ease-in-out; transition: height .2s ease-in-out; }
.unfold-bar .unfd-btn { height: 2.2rem; line-height: 2.2rem; text-align: center; color: #999; }
.unfold-bar .unfd-btn .ico-arrow { font-family: "iconfont"; font-size: 0.6rem; line-height:1rem; margin-left: 0.3rem; } 
.unfold-bar .unfd-btn .ico-arrow:before { content: "\e622"; }
.unfold-bar.is-show .unfd-btn .ico-arrow:before { content: "\e621"; }

/* #16127 2021-03-03 */
/* search-box */
.search-box { height: 1.6rem; line-height: 1.6rem; overflow: hidden; }
.search-box .input-bar { position: relative; z-index: 10; background-color: #f8f8f8; border-radius: 1.6rem; }
.search-box .input-txt { display: block; width: 100%; height: 1.6rem; line-height: inherit; padding: 0 2.75rem 0 1.8rem; font-size: 0.7rem; }
.search-box .icon-search { position: absolute; left: 0.8rem; top: 0.65rem; font-size: 0.6rem; color: #bbb; }
.search-box .btn-search { 
	position: absolute; top: 0; right: 0; z-index: 10; 
	padding: 0 0.8rem 0 0.4rem; font-size: 0.7rem; color: #0057ff; line-height: inherit; 
}
.search-box .search-keyword { 
	position: absolute; top: 0; z-index: -1; 
	width: 100%; padding: 0 2.75rem 0 1.8rem; 
	font-size: 0.7rem; color: #bbb; 
}
	/**/
.hd-nav	.search-pad { height: inherit; padding: 0.4rem 7.15rem 0.4rem 4.5rem; line-height: 1.4rem; }
.hd-nav .search-box { height: 1.4rem; line-height: 1.4rem; }
.hd-nav .search-box .input-txt { display: block; padding: 0.2rem 2rem 0.2rem 1.6rem; font-size: 0.55rem; height: 1.4rem; line-height: 1rem; color: #bbb; }
.hd-nav .search-box .input-txt.pr12 { padding-right: 12px; }
.hd-nav .search-box .icon-search { left: 0.6rem; top: 0.5rem; font-size: 0.6rem; line-height: 1; }
.hd-nav .search-box .btn-search { font-size: 0.55rem; color: #999; padding: 0 0.6rem; }
.hd-nav .search-box .search-keyword { padding: 0 2rem 0 1.6rem; font-size: 0.55rem; }
	/**/
.search-banner { 
	height: 5.5rem; padding: 1rem 2rem; background-size: cover;
	background: url('../images/search_h110.png') no-repeat;
}
.search-banner .tit { font-size: 0.8rem; color: #fff; line-height: 1.1rem; text-align: center; margin-bottom: 0.65rem; }
	/**/
.fixed-search { 
	position: fixed; right: 0.8rem; bottom: 3.75rem; z-index: 200; 
}
.fixed-search .search-box { width: 5.4rem; }
.fixed-search .search-box .input-bar { background: linear-gradient(131deg, #00b9ff 0%, #0057ff 100%); }
.fixed-search .search-box .input-txt { padding: 0 1.8rem 0 0.8rem; color: #fff; }
.fixed-search .search-box .btn-search .icon-search { position: initial; padding: 0; color: #fff; }
.fixed-search .search-box .search-keyword { padding: 0 1.8rem 0 0.8rem; color: #fff; }

/* HLX-1320 LQ 2021-08-09 */
/* qr-shequn-h100 */
.qr-shequn-h100 {
    margin-top: .8rem; border-radius: .4rem; overflow: hidden; 
    box-shadow: 0 .25rem 1.25rem rgba(0,0,0, .05);
}

/* ft-wechat */
.ft-wechat { padding-top: .5rem;} 
.ft-wechat .img-block { width: 8rem; height: 8rem; margin: 0 auto .4rem; }