/** New:  UI_1.0.0  by  LQ  2020-06-28 */	
/* reset */
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0; } 
html { font-size: 5.333vw; /* 20px = 1rem; */ }
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; } 
@media screen and (min-width: 750px){
    html {
        font-size: 40px;
    }
}
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::placeholder, textarea::placeholder { color: #bbb; }
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; }
/* a:active { opacity: .8; } */
.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 { box-shadow: 0 0.15rem 0.5rem rgba(0,0,0, .1); }

/* 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; }

/* icon */
.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/base/ico-trophy.png') no-repeat; background-size: cover; }
.iconfont, .vm, .ico-vip, .ico-trophy, .ico-triangle, .ico-dot { display: inline-block; vertical-align: middle; }
.iconfont { font-size: 0.8rem; }
.ico-triangle { border: 0.25rem solid transparent; }
.ico-dot { width: 0.4rem; height: 0.4rem; border-radius: 50%; }
/* ico-play */ 
.ico-play { display: inline-block; vertical-align: middle; width: 1rem; height: 1rem; line-height: 1rem; text-align: center; background-color: #fff; border-radius: 50%; } 
.ico-play .iconfont { font-size: 0.45rem; color: #333; margin: -0.1rem 0 0 0.05rem; } 
.img-block .ico-play { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }

/* lab- */
.lab-you { 
    position: absolute; left: 0; top: 0; 
    background:linear-gradient(90deg,rgba(242,205,157,1) 0%,rgba(233,194,144,1) 100%); border-radius: 0.2rem 0 0.2rem 0;
    height: 0.7rem; line-height: 0.7rem; padding: 0 0.1rem; font-size: 0.5rem; color: #5b4f41;
}
.lab-yan { 
    position: absolute; left: 0; bottom: 0; right: 0; 
    height: 0.7rem; line-height: 0.7rem; background:rgba(239,88,88, 0.9); border-radius: 0 0 0.4rem 0.4rem;
    font-size: 0.5rem; color: #fff; text-align: center;
}
.lab-teyao,
.lab-koubei { 
    position: absolute; left: 0; top: 0;
    padding: 0 0.4rem; height: 1.1rem; background-color: rgba(0,0,0, .5); border-radius: 0.4rem 0 0.4rem 0; 
    font-size: 0.6rem; color: #f2cd9d;
}

/* 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; }
.f14 { font-size: 0.7rem; }
.f13 { font-size: 0.65rem; }
.f12 { font-size: 0.6rem; }
.f11 { font-size: 0.55rem; }

/* button */
.u-btn { 
	display: inline-block; vertical-align: middle; padding: 0 0.7rem; text-align: center;
	border-width: 0.025rem; border: 0.05rem solid #d9d9d9; transition: background .2s linear, color .2s linear;
}
.btn-primary { border-color: #0057ff; background-color: #0057ff; color: #fff; }
.btn-warn  { border-color: #ec3b3b; background-color: #ec3b3b; 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: #fff; border-color: #0057ff; color: #0057ff; }
.btn-warn-line  { background-color: #fff; border-color: #ec3b3b; color: #ec3b3b; }
	/**/
.btn-white { background-color: #fff; border-color: #fff; }
.u-btn.is-disabled { background-color: #e8e8e8; border-color: #e8e8e8; color: #bbb; }
.u-btn .iconfont { margin-top: -0.1rem; }
	/* */
.u-btn:active { opacity: .8; }
.u-btn.is-disabled:active { opacity: 1; }
	/**/
.btn-xxl { height: 2.4rem; line-height: 2.3rem; border-radius: 1.2rem; }
.btn-xl { height: 2.2rem; line-height: 2.1rem; border-radius: 1.1rem; }
.btn-l { height: 1.6rem; line-height: 1.5rem; border-radius: 0.8rem; }
.btn-m { height: 1.4rem; line-height: 1.3rem; border-radius: 0.7rem; font-size: 0.7rem; }
.btn-s { height: 1.2rem; line-height: 1.1rem; border-radius: 0.6rem; font-size: 0.7rem; }
.btn-mini { height: 1rem; line-height: 0.9rem; border-radius: 0.5rem; font-size: 0.6rem; }

/* */
.none { display: none !important; }
.block { display: block !important; width: -webkit-fill-available; }
.ovh { overflow: hidden; }
.hidden { visibility: hidden; }

.scroll-bar::-webkit-scrollbar { display: none; }
.img-block img { display: block; width: 100%; height: 100%; border-radius: 0.4rem; }
.more-block { display: block; height: 3.6rem; line-height: 3.6rem; text-align: center; }
.more-block .u-btn { 
    min-width: 8.4rem; height: 1.6rem; margin-top: -0.1rem;
    background-color: #f5f5f5; border-color: #f5f5f5; border-radius: 0.8rem; font-size: 0.7rem; line-height: 1.5rem; 
}
.spin { animation: spin 1.5s linear infinite;  }
@keyframes spin { 
    0%{ transform: rotate(0deg); } 
    100% { transform: rotate(359deg); } 
}

/* */
.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; }
.pb20{ padding-bottom: 1rem; }
.pb50 { padding-bottom: 2.5rem; }
.mt5 { margin-top: 0.25rem; }
.mt10 { margin-top: 0.5rem; }
.mt15 { margin-top: 0.75rem; }
.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; }

/* */
.page-box {  max-width: 750px; min-width: 320px; margin: auto; }
.content-box { position: relative; }

/* 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: 200; height: 2.2rem;  color: #fff; }
.menu-all-show { background-color: #000; }
.hd-abs { position: absolute; left: 0; top: 0; right: 0; background: transparent; }
.hd-fixed { position: fixed; left: 0; top: 0; right: 0; background: transparent; }
.hd-bar .hd-nav { position: relative; height: 2.2rem; background-color: #0057ff; overflow: hidden; font-size: 0.8rem; }
.hd-bar .hd-nav .iconfont { font-size: 1rem; margin-top: -0.1rem; }
.hd-bar .hd-nav .icon-arrow-left-o { 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 .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: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%; 
}
.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; left: 0; right: 0; top: 2.2rem; bottom: 0; z-index: 100; background-color: #000; visibility: hidden; transition: all .2s linear; 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; transition: all .2s linear; 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 */
#hd-link { transition: top .2s linear; }
#hd-close { transform: translateX(100%); transition: all .2s linear; }
#btn-mu-all:active{ background: none; }
.mu-all-show { background-color: #000; z-index: 220; }
.mu-all-show .hd-nav { position: fixed; left: 0; top: 0; right: 0; background-color: #000; }
.mu-all-show #hd-link { top: -100%; }
.mu-all-show #hd-close { transform: translateX(0); }
.hd-mu-list li a:active,
.mu-all-show #hd-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 { transform: scale(1) translateY(0); }

	/* hd-white */
.hd-white .hd-nav{ background-color: #fff; }
.hd-shadow { box-shadow: 0 0 0.05rem 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; transition: all .2s linear;
	background-color: #4c4c4c; border-radius: 0.1rem; 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: 0.05rem; background-color: #5e5e5e; 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: 0.05rem solid #999; 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: 0.65rem 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.9rem; }
.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: flex; padding: 1rem 2rem 0; border-top: 0.05rem; margin: 1.25rem 0 1rem; }
.ft-bar .ft-mn .ft-nv li { 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;
     padding: 0!important;;
    line-height: 2rem;
    color: #fff;
    opacity: 1!important;
    border-bottom : none!important;

}
/**/
.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: 0.05rem; background-color: #e8e8e8; }
.ft-bar .ft-brief .mlr10 { margin: 0 0.5rem; }

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

/* fb-convert-link */
.fb-convert-link { 
	position: fixed; left: 0; right: 0; bottom: 0; text-align: center;
	height: 2.5rem; background-color: #fff; box-shadow: 0 0 0.5rem 0 rgba(0,0,0, .15); 
}
.fb-convert-link .ctk-link { position: relative; float: left; width: 3.75rem; height: 2.5rem; padding-top: 0.4rem; font-size: 0.6rem; line-height: 0.9rem; }
.fb-convert-link .ctk-link:after { position: absolute; right: 0; top: 0; bottom: 0; width: 0.05rem; background-color: #e8e8e8; content: ''; }
.fb-convert-link .ctk-link:last-child:after { width: 0; } 
.fb-convert-link .ctk-link .iconfont { display: block; color: #999; }
.fb-convert-link .ctk-warn { float: left; width: 11.25rem; 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: flex; }
.convert-flex .ctk-link { 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);
	font-family: serif; font-size:1.3rem; color: #fff; text-align: center; line-height: 1.2rem;
}
.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; }

/* 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; 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; }
    /* */
.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: flex; }
.tab-nav-flex .tab-link { flex: 1; margin-right: 0; }

/* nav-f20 */
.nav-f20 { height: 1.4rem; line-height: 1.4rem; padding-top: 0.5rem; }
.nav-f20 strong { font-size: 1rem; }
.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; }

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

/** 2020-07-25  添加信息提示弹框 */
.popup-bar { position: fixed; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 1002; transition: all .1s linear; }
.popup-bar .pop-close { 
    position: absolute; top: 0.5rem; right: 0.5rem; z-index: 10; width: 1rem; height: 1rem;
    font-size: 1.2rem; color: #ccc; font-family: sans-serif; line-height: 0.8rem;
}
.popup-show { animation: scale .2s linear forwards; }
@keyframes scale {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-50%) scale(.8);
    }
    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(-50%) scale(1);
    }
}
/* popup-confirm */
.popup-confirm { width: 15rem; background-color: #fff; border-radius: 0.8rem; text-align: center; }
.popup-confirm .conts-box { padding: 1.1rem 1rem; }
.popup-confirm .pop-title { font-size: 0.8rem; line-height: 1.2rem; font-weight: 700; }
.popup-confirm .pop-conts { padding-top: 0.5rem; color: #666; position: relative; }
.popup-confirm .btn-group { height: 2.4rem; display: flex; position: relative; }
.popup-confirm .btn-group:after { position: absolute; left: 0; top: 0; right: 0; content: ''; height: 0.05rem; background-color: #e8e8e8; transform: scaleY(.5);}
.popup-confirm .btn-group .u-btn { flex: 1; font-size: 0.8rem; line-height: 2.4rem; height: 2.4rem; text-align: center; position: relative; border-radius: 0; border: none; }
.popup-confirm .btn-group .u-btn:after { position: absolute; top: 0; right: 0; bottom: 0; content: ''; width: 0.05rem; background-color: #e8e8e8; transform: scaleX(.5);}
.popup-confirm .btn-group .u-btn:last-child:after { width: 0; }
.s-rd {color: #fd5252 !important;}