:root{
    --mcolor:#18D16F;
    --dcolor:#FF2828
}

/* CSS Document */
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0px;border:0;outline:none;}
caption,h1, h2, h3, h4, h5, h6, p{margin:0;padding:0px;}
html {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;}
html{font-size:14px;}
html.open{overflow:hidden;}
html.noscroll{overflow:hidden;scrollbar-gutter:stable}
body {font-family:"PingFang SC","Microsoft Yahei","Helvetica Neue","Helvetica","Arial",sans-serif;color:#333;background:#fff;-webkit-font-smoothing:antialiased;}
body:before {height:80px;display:block;content:"";}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
strong {font-weight:bold;}

img {border:0;}
input{outline:none;font-family:"PingFang SC","Microsoft Yahei","Helvetica Neue","Helvetica","Arial",sans-serif;appearance: none;-webkit-appearance: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] {appearance:none;-webkit-appearance:none;border-radius:0;}
textarea {appearance:none;-webkit-appearance:none;border-radius:0;outline:none;font-family:"PingFang SC","Microsoft Yahei","Helvetica Neue","Helvetica","Arial",sans-serif;box-sizing: border-box;border-radius:8px;padding:19px;resize: none;}
::-moz-selection {background:var(--mcolor);color:#fff;text-shadow:none;}
::selection {background:var(--mcolor);color:#fff;text-shadow:none;}
select{outline:none;}
select::-ms-expand {display:none;}
a{text-decoration:none;cursor:pointer;color:#333;}
a:hover{color:var(--mcolor)}

a:link, a:visited {text-decoration:none;}
a:active, a:hover {text-decoration:none;}
.clearfix:before, .clearfix:after {display:table;content:"";line-height:0px;}
.clearfix:after {clear:both;}
.overhide{overflow:hidden;}.overauto{overflow:auto;}

.fl{float:left;}
.fr{float:right;}

.bl{display:block;}.dl{display:inline-block;}.fw{font-weight:bold;}.hidden{display:none;}
.noflex{display:block!important;}.flex{display:flex;}.flex1{flex:1;}.vmid{vertical-align:middle;}.center{text-align:center;}.txtr{text-align:right;}.vtop{vertical-align:top;}.fvmid{display:flex;align-items:center;}
.align-vertical {height:100%;width:100%;position:relative;display:table;}
.vertical-inner {display:table-cell;vertical-align:middle;}
b,h1,h2,h3,h4{font-weight:normal}
i,em{font-style:normal}
.bbx{box-sizing: border-box;}
.container{position:relative;z-index:1;}
img{max-width:100%;}
.bgcover{background-position:center;background-repeat:no-repeat;background-size:cover;}

.relative{position:relative;}.z2{z-index:2;}.absolute{position:absolute;}.fixed{position:fixed;}
.r0{right:0;}.t0{top:0;}.b0{bottom:0;}.l0{left:0;}
.wp100{width:100%;}.hp100{height:100%;}
.lt50{top:50%;left:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position:absolute;}	
.tv50{top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);position:absolute;}
.lv50{left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);position:absolute;}

/**透明 **/
.opa0{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.opa50{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
.opa60{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.opa70{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;}
.opa30{filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#bbb;font-size:inherit;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#bbb;font-size:inherit;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#bbb;font-size:inherit;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#bbb;font-size:inherit;}
html.dark input::-webkit-input-placeholder,html.dark textarea::-webkit-input-placeholder{color:#6c6c6c;}
html.dark input:-moz-placeholder,html.dark textarea:-moz-placeholder{color:#6c6c6c;}
html.dark input::-moz-placeholder,html.dark textarea::-moz-placeholder{color:#6c6c6c;}
html.dark input:-ms-input-placeholder,html.dark textarea:-ms-input-placeholder{color:#6c6c6c;}

input[type="search"].txt:focus{border-color:var(--mcolor);background:#fff;}
input.txt,textarea.txt{border:1px solid #e6e6e6;}
input.txt:hover,textarea.txt:hover,input.txt:focus,textarea.txt:focus{border-color:var(--mcolor);}
.clearinput.txt{padding-right:41px;}
input[type="search"],input[type="text"],input[type="password"],input[type="number"],textarea{width:100%;box-sizing: border-box;}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;}
input,input:focus,input:active{user-select: text;}
input[disabled],input[disabled]:hover{background:#f8f8f8;border-color:#e6e6e6;}
input.txt{height:40px;line-height:40px;border-radius:8px;padding-left:19px;}
input.txt.h60{height:60px;line-height:60px;}
input.txt.h50{height:50px;line-height:50px;}
input.txt.h60:hover,input.txt.h60:focus{line-height:58px;}

input[type="search"].txt{border-radius:100px;border:1px solid #f6f6f6;background:#f6f6f6;padding-left:38px;}
input[type="search"].txt.sp2{padding-left:29px;padding-right:94px;}
input[type="search"].txt.sp2+.ico_inputclose{right:69px;}
.search_btn{position:absolute;padding:0 30px;height:60px;line-height:60px;text-align:center;top:0;right:0;border:none;background:transparent;cursor: pointer;}
.search_btn img{transform: translateX(-1000px);-webkit-filter: drop-shadow(1000px 0 0 #333);filter: drop-shadow(1000px 0 0 #333);}
input[type="number"] {-moz-appearance: textfield;appearance:textfield;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance: none;margin:0;}


.rotate90{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}
.rotate45{transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.rotate_45{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.rotate180{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.rotate270{transform:rotate(-90deg);-ms-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);}
.flipx{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);/*IE*/filter:FlipH;}
.flipy{-moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1);transform:scaleY(-1);/*IE*/filter:FlipV;}

.error{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:fixed;padding:15px 20px;line-height:24px;background:rgba(0,0,0,.7);z-index:999999;border-radius:10px;color:#fff;display:none;font-size:16px;max-width:90%;white-space:pre;}
.maskbg{position:fixed;top:0;left:0;bottom:0;right:0;z-index:999998;}
html.dark .error{background:rgba(255,255,255,.9);color:#313131;}

@keyframes downbit2 {0%{opacity:0;margin-top:-10px;}to{opacity:1;margin-top:0;}}
@keyframes opain50 {0%{opacity:0;}to{opacity:.5;}}

.bshadow{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);}

.hoverpop,.clickpop{position:relative}
.hoverpop .pop_content,.clickpop .pop_content{display:none;position:absolute;}
.hoverpop:hover .pop_content,.clickpop.show .pop_content{display:block;-webkit-animation-duration:.3s;-webkit-animation-fill-mode:both;animation-duration:.3s;animation-fill-mode:both;animation-name: downbit2;}
.header{padding:20px;height:40px;position:fixed;left:0;right:0;top:0;background:#fff;z-index:8;min-width:1280px}
.header .search{position:relative;}
.header .search:before,.search_ico:before{position:absolute;width:38px;height:40px;left:1px;top:50%;margin-top:-20px;background:url(../images/search_gray_ico.svg) no-repeat center center;background-size:14px auto;content:"";z-index:2;}
html.dark .header .search:before,html.dark .search_ico:before{background:url(../images/search_gray2_ico.svg) no-repeat center center;background-size:14px auto;}
.search_ico:before{top:0;margin-top:0;}
.search_ico input{padding-left:40px;}
.header .logo a{height:40px;}
.language .pop_content{top:50px;}
.language .pop_content:before{content:'';width:100%;height:10px;top:-10px;position:absolute;left:0;}
.language .pop_content a{padding:0 16px;}

#pop_search{display:none;position:absolute;top:50px;padding:20px;overflow:hidden;}
#pop_search .scrollcontnt{max-height:550px;overflow:hidden;overflow-y:auto;}
#pop_search.show{display:block;-webkit-animation-duration:.3s;-webkit-animation-fill-mode:both;animation-duration:.3s;animation-fill-mode:both;animation-name: downbit2;}

#pop_search .content{font-size:0;padding-top:8px;}
#pop_search .item{display:inline-block;background:#f6f6f6;border-radius:4px;line-height:32px;padding:0 10px;position:relative;margin-right:12px;margin-top:12px;font-size:14px;}
#pop_search .item i{position:absolute;padding:0 15px;font-size:0;right:0;top:0;height:44px;line-height:44px;cursor:pointer;opacity:0}

#pop_search .item:hover{background:var(--mcolor);color:#fff;}


.vwrap{display:flex;flex-direction:column;width:100%;height:100%;}
.vwrap .main{flex:1;width:100%;overflow-y:auto;}

.hoverimg{position:relative;overflow:hidden;}
.hoverimg:hover img{transform: translateX(-1000px);-webkit-filter: drop-shadow(1000px 0 0 var(--mcolor));filter: drop-shadow(1000px 0 0 var(--mcolor));}


.ico_inputclose{width:16px;height:16px;background:url(../images/input_close_ico.svg) no-repeat right center;background-size:16px auto;position:absolute;right:19px;margin-top:-8px;top:50%;display:none;cursor:pointer;}
html.dark .ico_inputclose{background:url(../images/input_close2_ico.svg) no-repeat right center;background-size:16px auto;}
.clearinput.txt.icor64{padding-right:90px;}
.clearinput.txt.icor100{padding-right:126px;}
input.txt.h60+.ico_inputclose{top:22px;margin-top:0;}
input.txt.h50+.ico_inputclose{top:17px;margin-top:0;}
.icor100+.ico_inputclose{right:100px;}
.icor64+.ico_inputclose{right:64px;}

.loading{font-size:0;display:none;padding:6px 0;}
.loading img{vertical-align:middle}
.loadover{padding:6px 0;color:#999;display:none;}
.linmore a{background:#f8f8f8;}
.linmore a:hover{background:#E7FAF0;}

.radio{position:absolute;left:0;top:0;width:100%;height:100%;border:none;}
.radio+label{height:auto;line-height:normal;min-width:18px;min-height:18px;padding-left:18px;position:relative;font-size:0;box-sizing:border-box;cursor:pointer;display:inline-block;vertical-align:middle;user-select:none;}
.radio+label i{position:absolute;left:0;top:0;width:16px;height:16px;border:1px solid #ddd;border-radius:18px;font-size:0;}
html.dark .radio+label i{border-color:#313131;}
.radio+label i:before{width:0;height:0;display:block;content:"";position:absolute;left:50%;top:50%;border-radius:100px;-webkit-transition:all 0.1s;-moz-transition:all 0.1s;transition:all 0.1s;}
.radio+label em{line-height:18px;display:inline-block;margin-left:10px;font-size:14px;}

.radio:checked+label i{border-color:var(--mcolor);}
.radio:checked+label i:before{width:10px;height:10px;margin-top:-5px;margin-left:-5px;background:var(--mcolor);}

.alltrans,.animate,.radio + label,input,a,#pop_search .item i,a:before,a:after,.swiper-pagination-bullet,input,textarea,.upload .item.add .content:before,.changeface:before,.changeface:after,.tag_list .item i,.market_table{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.noani{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;}
.opa0{opacity:0;}
.pointer{cursor:pointer;}

.container{width:1280px;margin:0 auto;}

.bg1,a.bg1{background:var(--mcolor);color:#fff;}

.bgf6f6f6{background:#f6f6f6;}.bgf8f8f8{background:#f8f8f8;}
.bgfff{background:#fff;}
.bgfff.hover{background:#E7FAF0;color:var(--mcolor)}
a.bgf6f6f6:hover,a.bgf8f8f8:hover{background:var(--mcolor);color:#fff;}
a.bgf8f8f8.noh{background:#f8f8f8;color:var(--mcolor)}

.cmcolor,a.c999:hover{color:var(--mcolor)}.c999{color:#999;}.c666{color:#666;}.c333{color:#333;}
.cdcolor{color:var(--dcolor)}
.brd100{border-radius:1000px;}.brd12{border-radius:12px;}.brd8{border-radius:8px;}.brd4{border-radius:4px;}.brd6{border-radius:6px;}.brd20{border-radius:20px;}
.f0{font-size:0}.f12{font-size:12px;}.f14{font-size:14px;}.f16{font-size:16px;}.f18{font-size:18px;}.f20{font-size:20px;}.f24{font-size:24px;}.f32{font-size:32px;}.f36{font-size:36px;}

.line40{line-height:40px;}.line32{line-height:32px;}.line20{line-height:20px;}.line22{line-height:22px;}.line24{line-height:24px;}.line36{line-height:36px;}.line28{line-height:28px;}.line44{line-height:44px;}.line38{line-height:38px;}.line60{line-height:60px;}.line50{line-height:50px;}.line48{line-height:48px;}.line80{line-height:80px;}.line50{line-height:50px;}

.w7{width:7px;}.w8{width:8px;}.w12{width:12px;}.w360{width:360px;}.w40{width:40px;}.w60{width:60px;}.w140{width:140px;}.w380{width:380px;}.w240{width:240px;}.w500{width:500px;}.w870{width:870px}.w160{width:160px;}.w32{width:32px;}.w122{width:122px;}.w44{width:44px;}.w100{width:100px;}.w70{width:70px;}.w1000{width:1000px;}

.h7{height:7px;}.h14{height:14px;}.h40{height:40px;}.h20{height:20px;}.h12{height:12px;}.h24{height:24px;}.h28{height:28px;}.h16{height:16px;}.h44{height:44px;}.h160{height:160px;}.h50{height:50px;}.h240{height:240px;}.h72{height:72px;}


.p24{padding:24px;}.p15{padding:15px;}.pt20{padding-top:20px;}.p20{padding:20px;}.p10{padding:10px;}.pt40{padding-top:40px;}.pb40{padding-bottom:40px;}.pl20{padding-left:20px;}.pr20{padding-right:20px;}.pb20{padding-bottom:20px;}.pt10{padding-top:10px;}.pl10{padding-left:10px;}.pr10{padding-right:10px;}.pt80{padding-top:80px;}.pb80{padding-bottom:80px;}.pt30{padding-top:30px;}.pb30{padding-bottom:30px;}.pt5{padding-top:5px;}.pl30{padding-left:30px;}.pr30{padding-right:30px;}.pr40{padding-right:40px;}.pb12{padding-bottom:12px;}
.mt6{margin-top:6px;}.mr20{margin-right:20px;}.mr40{margin-right:40px;}.ml40{margin-left:40px;}.mr40{margin-right:40px;}.mb20{margin-bottom:20px;}.ml30{margin-left:30px;}.mr30{margin-right:30px;}.mt30{margin-top:30px;}.ml5{margin-left:5px;}.mt10{margin-top:10px;}.ml10{margin-left:10px;}.mt20{margin-top:20px;}.mt8{margin-top:8px;}.mr10{margin-right:10px;}.mt40{margin-top:40px;}.ml6{margin-left:6px;}.mb_20{margin-bottom:-20px;}.mt15{margin-top:15px;}.mr12{margin-right:12px;}.mr28{margin-right:28px;}.mb10{margin-bottom:10px;}

.linebg{background: linear-gradient(180deg, #F8F8F8 0%, rgba(248, 248, 248, 0) 100%);}

.vwrap{display:flex;flex-direction:column;width:100%;height:100%;}
.vwrap .main{flex:1;width:100%;overflow-y:auto;}

.new_top_sticky,.scrollfix{position:sticky!important;position:-webkit-sticky!important;top:81px;}
.new_top_sticky.fixbar{top:auto;bottom:0;}

.aspect_61v34{aspect-ratio: 61/34;}
.aspect_3v2{aspect-ratio: 3/2;}
.aspect_16v9{aspect-ratio: 16/9;}
.aspect_5v3{aspect-ratio: 5/3;}


.tab_menu{height:40px;}
.tab_menu a.last_dom{margin-right:0;}
.tab_menu a{margin-right:40px;position:relative;padding-bottom:12px;display:inline-block;}
.tab_menu a:before{content:"";position:absolute;left:50%;margin-left:-15px;bottom:-5px;width:30px;height:5px;border-radius:100px;background:#fff;}
.tab_menu a.crently:before{background:var(--mcolor);bottom:0;}
.tab_menu a.crently{color:var(--mcolor);font-weight:bold;}


.bd1{border:1px solid #eee;}
a.bd1:hover,a.bd2{border:1px solid var(--mcolor);}
.bb1{border-bottom:1px solid #eee;}

.list_border .bitem{border-bottom:1px solid #eee;}
.list_border .bitem:last-child{border-bottom:none;}

@keyframes downbit2 {0%{opacity:0;margin-top:-10px;}to{opacity:1;margin-top:0;}}
@keyframes opain50 {0%{opacity:0;}to{opacity:.5;}}

@-webkit-keyframes rotate {0%,100% {-webkit-transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);}}
@-moz-keyframes rotate {0%,100% {-moz-transform: rotate(0deg);}100% {-moz-transform: rotate(360deg);}}
@-o-keyframes rotate {0%,100% {-o-transform: rotate(0deg);}100% {-o-transform: rotate(360deg);}}
@-ms-keyframes rotate {0%,100% {-ms-transform: rotate(0deg);}100%{-ms-transform: rotate(360deg);}}@keyframes rotate {0%,100% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}

#iframeloading{height:22px;width:22px;border-radius:100%;display:inline-block;margin-right:10px;border:2px solid var(--mcolor);border-bottom-color: transparent;vertical-align: middle;-moz-animation: rotate 75s linear infinite;-webkit-animation: rotate 75s linear infinite;-o-animation: rotate 75s linear infinite;-ms-animation: rotate 75s linear infinite;animation: rotate .75s linear infinite;box-sizing:border-box;margin:-11px 0 0 -11px;}

.fix_menuscroll{position:sticky;top:70px;z-Index: 999;}
.fix_datecroll{position:sticky;top:146px;z-Index: 999;}
.maskbgfff{background:#fff;}
html.dark .maskbgfff{background:#121212;}
html.dark .c666{color:#6c6c6c;}
html.dark .c666.sp999{color:#999}
html.dark .c333{color:#fff;}
html.dark a:hover .c333,a:hover .c333{color:var(--mcolor)}

.market_table{display:flex;border-radius:6px;}
.market_table .item{padding-left:20px;}
.market_table canvas{width:148px!important;height:72px!important;}
.market_table:hover{background: #F8F8F8;}
html.dark .market_table:hover{background: #1B1B1B;}

.sw208{width:238px;}
.sw168{width:238px;}
.sw182{width:212px;}
.sw187{width:217px;}

.no_data{text-align:center;padding:200px;}
.no_data div{font-size:0;}
.no_data p{margin-top:20px;line-height:24px;}

.row1{text-overflow:ellipsis;overflow:hidden;display:block;white-space:nowrap;}.wbreak{white-space: pre-wrap;}
.row2{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.row3{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}