/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
body{background:#f8f8f8;font-family:arial,Microsoft YaHei,"\5fae\8f6f\96c5\9ed1";font-size:14px;margin:0;text-align:left}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}
audio:not([controls]){display:none;height:0}
progress{vertical-align:baseline}
[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:inherit;font-weight:bolder}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}
optgroup{font-weight:700}
button,input{overflow:visible}
button,select{text-transform:none}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:0;margin:0 2px;padding:.35em .625em .75em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
.clearfix:after,.clearfix:before{content:"";display:table;line-height:0}
.clearfix:after{clear:both}
p{margin:0}
img{border:0;height:auto;max-width:100%;vertical-align:middle;-ms-interpolation-mode:bicubic}
dd,dl,dt,h1,h2,h3,h4,h5,h6,ol,ul{margin:0;padding:0}
ol li,ul li{list-style:none}
.f-dlfl dd,.f-dlfl dt,.f-fl,.f-lifl li{display:inline;float:left}
.f-fr{display:inline;float:right}
a,a:visited{color:#2a2a2a;text-decoration:none}
a:hover{color:#37b1fa;cursor:pointer;transition:color 160ms ease 0s,background-color .2s ease 0s,border-color 160ms ease 0s,transform .5s ease 0s}
em{font-style:normal}
*{transition:color .1s ease 0s,background 160ms ease 0s,border-color 160ms ease 0s}
.g-all{width:100%}
.g-w1200{margin:0 auto;width:1170px}
.m-top-top{background-color:#f9f9f9;border-bottom:1px solid #dedede;height:40px}
.m-top-top a,.m-top-top span.f-fl{line-height:39px}
.m-top-top a{margin:0 10px}
.m-top-top i{color:#aaa;float:right;line-height:36px}
.m-top-logo{background-color:#fff;height:90px}
.m-top-logo span.f-fl{margin:15px 0 0}
.m-top-logo .m-search{border:3px solid #67809f;margin:17px 0 0}
.m-top-logo .m-search i{color:#919191;display:none;font-size:12px;font-style:normal;height:34px;line-height:34px;text-align:center;width:60px}
.m-top-logo .m-search input{background:#fff;border:none;font-size:12px;height:34px;line-height:34px;margin:0;padding:0;text-indent:10px;width:460px}
.m-top-logo .m-search input:focus{border:none;outline:0}
.m-top-logo .m-search .m-ssbtn{background-color:#67809f;color:#fff;font-size:16px;height:34px;line-height:34px;text-align:center;width:97px}
.m-top-logo .m-hotsearch{height:34px;line-height:34px;overflow:hidden}
.m-top-logo .m-hotsearch span{color:#a9afbc}
.m-top-logo .m-hotsearch a{margin-right:10px}
.m-top-logo .m-hotsearch a.m-hot{color:#67809f}
.g-nav1{background-color:#67809f;position:relative}
.g-nav1 ul li{margin-right:3px}
.g-nav1 ul li a{border-top:3px solid #67809f;color:#fff;display:block;font-size:16px;height:49px;line-height:49px;text-align:center;width:150px}
.g-nav1 ul li a:hover,.g-nav1 ul li.m-hover a{background-color:#f8f8f8;border-top-left-radius:8px;border-top-right-radius:8px;color:#0080cc}
.g-nav1 ul li.m-hover a{font-weight:800}
.g-nav2{background-color:#fff}
.g-nav2 p{border:1px solid #67809f;border-top:none;height:39px;line-height:39px;overflow:hidden;text-align:center}
.g-nav2 p a{margin:0 20px}
.g-nav2 p a.m-hover{color:#39f;font-weight:700}
body .m-nav-float{box-shadow:0 2px 3px 0 hsla(0,0%,49%,.3);left:0;position:fixed;top:0;z-index:99}
.g-divbg{margin-bottom:13px;width:1168px}
.g-divbg,.m-divbg{background:#fff;border:1px solid #dbdbdb}
.m-divbg{margin-bottom:12px}
.g-weizhi{background:url(../images/wz.png) no-repeat 2px;font-size:14px;height:42px;line-height:42px;padding-left:30px;width:1150px}
.g-weizhi,.g-weizhi a{color:#898989}
.g-weizhi a:hover{color:#37b1fa}
.g_foot{background:#fbfbfb;border-top:1px solid #cecece;color:#666;font-size:12px;line-height:24px;margin:0 0 0;padding:10px 0}
.g_foot,.g_foot p{text-align:center}
.g_foot a{color:#333;font-size:12px}
.g_foot b,.g_foot span{color:red}
.g-location{height:42px;line-height:42px}
.g-location span{margin-right:5px}
.g-float{bottom:10px;cursor:pointer;height:auto;left:50%;margin-left:610px;position:fixed;width:60px;z-index:100}
.g-float a{display:block;height:60px;margin:1px 0 0;overflow:hidden;width:100%}
.g-float #m-top-back{background:url(../images/gotopb.gif) no-repeat;display:block;float:left;height:0;overflow:hidden;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2}
.g-float #m-top-back:hover{background-position:-60px 0}
.g-foot{background-color:#333;border-top:5px solid #67809f}
.g-foot div{padding:15px 0;text-align:center}
.g-foot div p{color:#666;line-height:30px}
.g-foot div p span{margin:0 10px}
.g-foot div p a{color:#666}
.g-foot div p a:hover{color:#37b1fa}
.m-page{overflow:hidden}
.m-page .tspage{background:0 0;display:block;height:54px;overflow:hidden;text-align:center;width:100%}
.m-page .tspage .tsp_change,.m-page .tspage .tsp_count{display:none}
.m-page .tspage .tsp_nav{display:inline-block;height:auto;overflow:hidden;text-align:center;width:100%}
.m-page .tspage .tsp_nav i{display:none}
.m-page .tspage .tsp_nav a i{color:#333;padding:0 15px}
.m-page .tspage .tsp_nav a i,.m-page .tspage .tsp_nav b{display:inline-block;font-size:14px;font-weight:400;height:25px;line-height:25px;margin:10px 0 0 10px;overflow:hidden;width:auto}
.m-page .tspage .tsp_nav b{background:#0af;color:#fff;padding:0 12px}
.m-page .tspage .tsp_nav a{background-color:#e9e9e9;color:#555;display:inline-block;font-size:14px;font-weight:400;height:25px;line-height:25px;margin:10px 0 0 10px;overflow:hidden;padding:0 10px;width:auto}
.m-page .tspage .tsp_nav a i{margin:0;padding:0}
.m-page .tspage .tsp_nav a:hover{background:#0af;color:#fff;text-decoration:none}
.m-page .tspage .tsp_nav a:hover i{color:#fff}
@keyframes move_wave{0%{transform:translateX(0) translateZ(0) scaleY(1)}
50%{transform:translateX(-25%) translateZ(0) scaleY(.55)}
to{transform:translateX(-50%) translateZ(0) scaleY(1)}
}
@-webkit-keyframes move_wave{0%{-webkit-transform:translateX(0) translateZ(0) scaleY(1)}
50%{-webkit-transform:translateX(-25%) translateZ(0) scaleY(1)}
to{-webkit-transform:translateX(-50%) translateZ(0) scaleY(1)}
}
.canvas-wave{display:inline-block;height:37px;position:absolute;width:100%}
.waveWrapper{border-radius:4px;bottom:0;height:80px;left:0;margin:auto;right:0;transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg)}
.waveWrapper,.waveWrapperInner{overflow:hidden;position:absolute;width:100%}
.waveWrapperInner{background-color:#67809f;height:50px;padding-top:1px}
.bgTop{opacity:.5;z-index:15}
.bgMiddle{opacity:.75;z-index:10}
.bgBottom{z-index:5}
.wave{background-position:0 bottom;background-repeat:repeat-x;height:100%;left:0;position:absolute;transform-origin:center bottom;width:200%}
.waveTop{background-size:50% 100px}
.waveMiddle{background-size:50% 120px}
.waveAnimation .waveTop{animation:move_wave 5s linear infinite;-webkit-animation:move_wave 5s linear infinite}
.waveAnimation .waveMiddle{animation:move_wave 13s linear infinite;-webkit-animation:move_wave 13s linear infinite}
.waveBottom{background-size:50% 100px}
.waveAnimation .waveBottom{animation:move_wave 20s linear infinite;-webkit-animation:move_wave 20s linear infinite}
.wave-main{bottom:-50px;height:50px;position:absolute}
.bolang-wave{left:0;position:absolute;top:130px;width:100%}
.h5_nav{background:#67809f;float:left;height:70px;line-height:30px;width:100%}
.h5_nav li{float:left;text-align:center;width:130px}
.h5_nav li a{box-sizing:border-box;color:#fff;display:block;font-size:16px;height:34px;line-height:34px;margin-top:24px;width:110px}
.h5_nav li.on a,.h5_nav li:hover a{background:#fff;border-radius:20px;color:#67809f;text-decoration:none}
.h5_nav li.on a{box-shadow:0 4px 8px 0 rgba(92,206,255,.59)}
.waveTop{background-image:url(../images/wave-top.png)}
.waveMiddle{background-image:url(../images/wave-mid.png)}
.waveBottom{background-image:url(../images/wave-bot.png)}
.footer{background-color:#28282a;color:#666;height:auto;padding:20px 0;text-align:center;width:100%}
.footer .ft_sc{font-size:14px;line-height:24px}
.footer .ft_sc a{color:#666;padding:0 6px}
.g-gotop{bottom:10px;display:none;height:40px;left:50%;margin-left:585px;position:fixed;width:40px}
.g-gotop p a.gotop{background-color:#3f3f3f;background-position:-2px -235px;display:block;height:40px;width:40px}
.g-gotop p a.gotop:hover{background-color:#000}
.g-foot{background-color:#28282a;padding-top:0;text-align:center}
.g-foot section p{color:#555;line-height:30px}
.g-foot section p a{color:#555;margin:0 5px}
.g-pl-cont .inner-title{margin-bottom:0}
.m-comment{display:block;font-family:microsoft yahei;height:auto;margin:0 auto;overflow:hidden;padding:12px 0}
.m-comment .comment-title{display:none;height:26px;overflow:hidden;width:100%}
.m-comment .comment-title .title{display:block;float:left;height:26px;overflow:hidden;width:102px}
.m-comment .comment-text{border:1px solid #eee;color:#666;display:block;height:80px;line-height:24px;padding:4px 8px;width:97%}
.m-comment #imageField{background-color:#5895f0;background-image:none;border:0;border-radius:4px;color:#fff;cursor:pointer;float:left;font-size:16px;height:45px;line-height:45px;margin:15px 15px 0 0;text-align:center;width:145px}
.m-comment #imageField:hover{background-color:#ee2e3d}
.m-comment .comment-sm{color:#333;display:block;height:45px;line-height:45px;margin-top:15px;overflow:hidden;width:400px}
.m-comment .comment-body{display:block;height:auto;overflow:hidden;width:100%}
.m-comment .comment-body li{background-color:#fafafa;border-radius:4px;display:block;height:auto;margin:10px 0 0;overflow:hidden;padding:10px;width:auto}
.m-comment .comment-body li .combd-title{border-bottom:1px solid #d3d3d3;display:block;height:26px;overflow:hidden;width:auto}
.m-comment .comment-body li .combd-title .title{color:#333;display:block;float:left;height:20px;overflow:hidden;width:auto}
.m-comment .comment-body li .combd-title .time{color:#999;display:block;float:right;font-size:13px;height:20px;overflow:hidden;width:auto}
.m-comment .comment-body li .combd-bd{color:#6d6d6d;line-height:20px;margin:10px 0}
.m-comment .comment-body li .comment-button{background-color:#fff;border:1px solid #a0a0a0;border-radius:5px;display:block;float:right;height:26px;overflow:hidden;padding:0 10px;width:auto}
.m-comment .comment-body li .comment-button a{display:block;float:left;height:26px;overflow:hidden;width:auto}
.m-comment .comment-body li .comment-button a i{display:block;float:left;height:18px;margin:5px 3px 0 0;overflow:hidden;width:18px}
.m-comment .comment-body li .comment-button a.a1 i{background-position:-2px -26px}
.m-comment .comment-body li .comment-button a.a2 i{background-position:0 -1px}
.m-comment .comment-body li .comment-button a span{color:#a7a7a7;display:block;float:left;font-size:13px;line-height:26px;overflow:hidden;width:auto}
.m-comment .comment-body li .comment-button a:hover span{color:#f55}
.m-comment .comment-body li .comment-button b{height:13px}
.m-comment .comment-more{background-color:#5895f0;border-radius:4px;color:#fff;cursor:pointer;display:block;height:38px;line-height:38px;margin:25px auto 0;overflow:hidden;text-align:center;width:358px}
.m-comment .comment-more:hover{background:red}
.m-comment .comment-body li .comment-button b{background-color:#eee;display:block;float:left;height:19px;margin:4px;overflow:hidden;width:2px}
#s_comment textarea{border:1px solid #ececec;font-size:14px;height:60px;line-height:24px;margin:10px 0;padding:3px 0;text-indent:5px;width:100%}
#s_comment .comment_btn{padding:0 0 20px;text-align:left}
#s_comment .comment_btn input{background:#349eec;border:0;color:#fff;cursor:pointer;font-size:16px;height:40px;line-height:40px;padding:0;width:146px}
#s_comment .comment_btn span{color:#4d4d4d;font-size:14px;margin-left:20px}
.lookpl a{background:#f8f8f8;border-radius:20px;color:#7e7e7e;display:block;font-size:13px;font-weight:400;height:30px;line-height:30px;margin:10px auto;text-align:center;width:65%}
.lookpl a i{color:#f77}
#comment_list h2 span{color:#f60}
#comment_list .quote,#comment_list .quote span{text-align:left;text-indent:0}
#comment_list{color:#2f2f2f;font-size:12px;overflow:hidden;padding:0 20px;zoom:1}
#comment_list dt{height:28px;line-height:28px;overflow:hidden;padding:0}
#comment_list h2{border-bottom:1px solid #ddd;height:30px;margin-bottom:10px;padding:0}
#comment_list h2 em{background:#e0e0e0;border-radius:2px;float:left;height:17px;margin-right:8px;margin-top:4px;width:4px}
#comment_list h2 span{color:#333;font-size:16px;font-weight:400}
#comment_list dl{padding:0;text-align:left}
#comment_list dd{word-wrap:break-word;border-bottom:1px dashed #e5e5e5;font-size:14px;line-height:20px;margin:0 0 10px;padding:10px 0}
#comment_list dd img{margin-top:-5px}
#comment_list .quote,#comment_list blockquote{background:#fffde9;border:1px solid #bfbfbf;color:#000;margin:0 0 5px;padding:3px 3px 5px}
#comment_list .quote span,#comment_list blockquote h4{background:0 0;color:#666;display:block;font-size:12px;font-weight:400;padding:0 3px}
#comment_list blockquote h4 cite{font-style:normal}
#comment_list blockquote div{padding:0 7px}
#comment_list dt i{font-family:verdana;font-style:normal}
#comment_list dt b{color:#d92227;font-weight:400;margin:0 6px}
#comment_list p{font-size:12px;line-height:1;margin-top:10px;padding:5px 0;text-align:right}
#comment_list p a{color:#7e7e7e;margin-left:10px}
#comment_list dt span{float:left}
#comment_list dt em{float:right;font-style:normal}

/* �������� */
.comment-new{padding:15px}
li,ul{list-style:none}
.container{margin:0 auto;padding:40px 0;width:1200px}
h2.section-title{border-left:4px solid #2979ff;color:#000;font-size:24px;font-weight:500;margin-bottom:20px;padding-left:12px}
.write-review-box{background:#fff;border-bottom:1px solid #eee;border-radius:12px;border-radius:0;margin-bottom:40px;padding:0 10px 30px}
.write-header{align-items:center;display:flex;margin-bottom:20px}
.write-header span{font-size:16px;font-weight:500;margin-right:12px}
.interactive-stars{cursor:pointer;display:flex}
.interactive-stars .i-star{color:#e0e0e0;font-size:24px;margin-right:5px;transition:color .2s}
.interactive-stars .i-star.active{color:#f90}
.rating-text{color:#999;font-size:15px;margin-left:10px}
.input-wrapper{display:block;overflow:hidden;position:relative}
.review-textarea{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;color:#333;display:block;font-size:14px;height:120px;overflow:hidden;padding:15px;resize:none;transition:border-color .3s,background-color .3s;width:calc(100% - 32px)}
.review-textarea:focus{background-color:#fff;border-color:#2979ff}
.write-footer{align-items:center;display:flex;justify-content:space-between;margin-top:15px}
.btn-submit{background-color:#2979ff;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 30px;transition:background-color .2s}
.btn-submit:hover{background-color:#1c68eb}
.btn-submit:disabled{background-color:#ccc;cursor:not-allowed}
.rating-summary{justify-content:center;align-items:center;background-color:#f6f7f9;border-radius:12px;display:flex;margin-bottom:30px;padding:30px 40px}
.score-box{margin-right:60px;min-width:120px;text-align:center}
.score-box .score{color:#2979ff;font-size:64px;font-weight:700;line-height:1}
.score-box .count{color:#999;font-size:12px;margin-top:5px}
.bars-box{flex:1;max-width:600px}
.bar-row{margin-bottom:6px}
.bar-row,.star-label{align-items:center;display:flex}
.star-label{justify-content:flex-end;margin-right:15px;width:80px}
.star-label span{color:#ccc;font-size:14px;margin-left:2px}
.progress-bg{background-color:#e0e0e0;border-radius:4px;flex:1;height:8px;overflow:hidden}
.progress-fill{background-color:#2979ff;border-radius:4px;height:100%}
.filter-tabs{display:flex;gap:15px;margin-bottom:5px;padding-bottom:15px}
.filter-btn{background-color:#f5f5f5;border:none;border-radius:20px;color:#333;cursor:pointer;font-size:14px;padding:6px 20px;transition:all .2s}
.filter-btn.active{background-color:#2979ff;color:#fff}
.filter-btn:hover:not(.active){background-color:#e8e8e8}

.review-list{background:#f7f7f7;border-radius:10px;display:flex;flex-direction:column;gap:20px;padding:15px}
.review-item{animation:fadeIn .5s ease;border-bottom:1px solid #f8f8f8;display:flex;padding-bottom:10px}
@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.user-avatar{background-color:#eee;border-radius:50%;flex-shrink:0;height:40px;margin-right:10px;overflow:hidden;width:40px}
.user-avatar img{height:100%;object-fit:cover;width:100%}
.review-content{flex:1}
.user-name{color:#000;font-size:14px;font-weight:500;line-height:22px;margin-bottom:0}
.star-rating{color:#f90;font-size:12px;letter-spacing:1px;padding:4px 0}
.star-rating .gray{color:#e0e0e0}
.star-rating img{display:block;height:12px}
.user-model{    color: #aaa;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 2px 0;
    display: flex;
    align-items: center;
    gap: 6px;}
.user-model img{display:block;height:12px}
.review-text{color:#333;font-size:14px;line-height:1.6;margin-bottom:9px;margin-top:13px;position:relative}
.text-body.collapsed{display:block;overflow:hidden}
blockquote{background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.01);border-radius:6px;color:#000;margin:10px 0;padding:10px 12px}
blockquote h4{background:0 0;color:#999;display:block;font-size:12px;font-weight:400;padding:0; margin-top: 6px;}
blockquote h4 cite{font-style:normal}
blockquote div{padding:0 7px}
.expand-btn{color:#2979ff;cursor:pointer;display:inline-block;font-size:14px;margin-left:5px}
.review-footer{align-items:center;color:#999;display:flex;font-size:12px;margin-bottom:0}
.review-footer .date{margin-right:auto}
.review-footer .action{align-items:center;background:0 0;cursor:pointer;display:flex!important;height:auto;margin-left:20px;min-width:0;padding:0;position:relative;width:auto}
.review-footer .action.liked,.review-footer .action:hover{color:#2979ff}
.review-footer .action svg{fill:currentColor;height:14px;margin-right:4px;width:14px}
.reply-box{background-color:#efefef;border-radius:6px;display:none;font-size:14px;line-height:22px;margin-right:15px;margin-top:10px;padding:10px}
.reply-user{color:rgba(0,0,0,.5);font-weight:400}
.reply-link{color:#2979ff;display:inline-block;font-size:13px;margin-top:5px}
.comment-showmore{color:#0080ff;display:block;font-size:12px;overflow:hidden;padding:12px 0;text-align:center;width:100%; cursor: pointer;}
.avatar-selector-box{align-items:center;display:flex;margin-top:15px}
.avatar-label{color:#666;font-size:14px;margin-right:15px}
.avatar-list{display:flex;gap:12px}
.avatar-option{border:2px solid transparent;border-radius:50%;cursor:pointer;height:40px;object-fit:cover;opacity:.7;transition:all .2s;width:40px}
.avatar-option.selected,.avatar-option:hover{opacity:1;transform:scale(1.1)}
.avatar-option.selected{border-color:#2979ff;box-shadow:0 0 0 2px rgba(41,121,255,.2)}
.toast-message{background-color:rgba(0,0,0,.75);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;display:none;font-size:15px;left:50%;padding:12px 30px;pointer-events:none;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:9999}
.newcommen-morelink{
  float: right;
    font-size: 12px;
    font-weight: normal;

    margin: 0 12px;
}
.newcommen-morelink a{
color: #2979ff;
}
.newcommen-morelink a i{
  font-style: normal;
}

#foot-beian{
  margin: 0 10px 0 0;
}
#foot-beian img{
      height: 25px;
    margin-right: 4px;
}
.pagecode{padding:0 0 24px;text-align:center;font-size:18px;color: #949799;margin-top: 30px}
.pagecode a{position: relative;padding:8.5px 18px;margin:0 5.5px;color:#999;text-decoration:none;border: 1px solid #eaeaea;background-color:#fff;border-radius: 4px;}
.pagecode>span{display: inline-block;line-height: 38px;height: 38px;border-radius: 4px;}
.pagecode span a{display: block;padding:0;min-width: 38px;line-height: 38px;text-align: center;border-radius: 4px;font-size: 18px;}
.pagecode a:hover{color:#fff;background: #23a7f1 !important;}
.pagecode a.current,.pagecode a.current:hover{top: 1px;color:#fff;background: #23a7f1 !important;border-color: transparent;padding:5px 10px;font-weight: normal;}
.pagecode a.disabled,.pagecode a.disabled:hover{color:#999;background-color:#efefef !important;cursor:default;}
.pagecode>a{padding:5px 10px;font-size: 14px;}
.pagecode .pre,.pagecode .next{padding: 7px 19px;}
.pagecode .pre:before,.pagecode .next:before{content: '';position: absolute;top: 9px;left: 0;right: 0;margin: auto;vertical-align: top;display: inline-block;width: 12px;height: 20px; background-size: 1000px 1000px;background-position:-284px -4px;}
.pagecode .pre:hover:before,.pagecode .next:hover:before{background-position:-300px -4px;}
.pagecode .next:before{transform: rotate(-180deg);}

.mgdTagList{width:100%;overflow:hidden;margin:10px 0}
.mgdTagList > a{display:inline-block;margin:5px;padding:3px 10px;color:#999;border-radius:5px;border:1px solid #EDEEF0;font-size: 12px;}
.mgdTagList > a > i{color:#23a7f1;margin-right:5px}.mContTab{width: 100%;box-sizing: border-box;background-color: #fff;height: 40px;border-bottom: 1px solid #efefef;display: -webkit-box;overflow: hidden;border-top: 1px solid #efefef;}

.pWebSiteMapWrap{padding-bottom:25px}
.pWebSiteMapWrap > div{padding:10px 20px 25px 20px;background-color:white}
.pWebSiteMapWrap > div > strong{display:block;font-weight:500;font-size:26px;line-height:36px;color:var(--defcolor);padding-bottom:10px;border-bottom:1px solid #e5e5e5}
.sitemapListBox{padding:10px 15px 0 0px}
.sitemapListBox > p{padding:10px 0 0 18px;font-size:16px;color:#000;font-weight:bold;line-height:16px;position:relative}
.sitemapListBox > p::after{content:"";width:7px;height:20px;position:absolute;left:0;top:9px;background-color:var(--defcolor)}
.sitemapListBox > ul{padding:0px 15px 0 15px;display:flex;flex-wrap:wrap}
.sitemapListBox > ul > li{width:auto;margin:20px 20px 0 0}
.sitemapListBox > ul > li > a{width:auto;display:block;padding:5px 15px;font-size:14px;line-height:20px;color:#6f6f6f;position:relative;border:1px solid #e9e9e9;background-color:#fff;transform:translate3d(0,0,0);transition:.35s ease-out}
.sitemapListBox > ul > li > a:hover{background-color:#23a7f1;color:#fff}

.page-col{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:1200px;margin:0 auto;padding-bottom:25px}
.page-col > main{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;width:70%;background:#fff;padding:15px;border-radius:5px}
.page-col > aside{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;width:25%;padding:10px;background:#fff;border-radius:5px}
.news-list li{border-radius:4px;padding:16px 0}
.news-list-card{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px}
.news-list-card .cover{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;width:210px;height:140px;overflow:hidden;border-radius:4px}
.news-list-card .cover img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.news-list-card .cont{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;overflow:hidden}
.news-list-card .cont .h3{font-size:20px;line-height:28px;font-weight:700;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-list-card .cont .h3:hover{color:#20A0FF}
.news-list-card .cont .desc{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:27px;-moz-column-gap:27px;column-gap:27px}
.news-list-card .cont .desc span{font-size:12px;line-height:16px;color:#999}
.news-list-card .cont .desc span.time{padding-left:18px;background-repeat:no-repeat;background-size:auto;background-position:left center}
.news-list-card .cont .p3{color:#666;font-size:14px;line-height:24px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.aside-title{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:2px solid #f0f0f0;margin-bottom:16px}
.aside-title .h3{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;position:relative;margin-left:12px;color:#333;font-weight:700;font-size:18px;line-height:44px}
.aside-title .h3::after{content:"";display:block;position:absolute;left:-12px;top:13px;width:3px;height:20px;border-radius:50px;background-color:#20A0FF}
.pp-aside1{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px 20px}
.pp-aside1 li{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;width:140px}
.card-wz{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:8px}
.card-wz .cover{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;flex:1;position:relative;height:0;padding-bottom:66.666666%;overflow:hidden;border-radius:4px}
.card-wz .cover img{position:absolute;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;display:block;width:100%;height:100%;object-fit:contain}
.card-wz .cover img:hover{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.1);transform:scale(1.1)}
.card-wz .txt-a1{color:#333;text-align:center;font-size:15px;line-height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card-wz .txt-a1:hover{color:#05a69f}
.card-wz .txt-a2{color:#333;font-size:14px;line-height:21px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all}
.card-wz .txt-a2:hover{color:#20A0FF}
.card-h-txt{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 0}
.card-h-txt::before{content:"";-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;flex:none;display:-webkit-inline-flex;display:-moz-inline-box;display:inline-flex;margin-right:10px;width:5px;height:5px;background-color:#aaa;border-radius:100px}
.card-h-txt .txt-p1{color:#333;font-size:15px;line-height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card-h-txt:hover::before{background-color:#20A0FF}
.card-h-txt:hover .txt-p1{color:#20A0FF}
.pp-aside3{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:16px}
.card-h-tw{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.card-h-tw::after{content:"";-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;margin-left:auto;display:inline-flex;width:20px;height:20px}
.card-h-tw .cover{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;width:32px;height:32px;overflow:hidden;border-radius:8px;margin-right:12px}
.card-h-tw .cover img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.card-h-tw .txt-p1{margin-right:4px;color:#333;font-size:15px;line-height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card-h-tw:hover::after{background-position:center bottom}
.card-h-tw:hover .txt-p1{color:#20A0FF}
.pp-aside4{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:12px}
.pp-aside2{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:16px}
.card-game-h{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px}
.card-game-h .cover{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;width:72px;height:72px;overflow:hidden;border-radius:12px}
.card-game-h .cover img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.card-game-h .cont{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-moz-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}
.card-game-h .btn{display:block;position:absolute;right:0;top:10px;margin-top:24px;background-color:#20A0FF;border-radius:4px;width:60px;padding:5px 0;color:#fff;text-align:center;font-size:13px;line-height:19px}
.pp-area{margin-bottom:20px}
.article-head{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;row-gap:16px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e2e8f0}
.article-head .h1{font-size:30px;line-height:36px;font-weight:700;color:#333}
.article-head .infos{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-column-gap:31px;-moz-column-gap:31px;column-gap:31px}
.article-head .infos span{font-size:12px;line-height:16px;color:#666}
.article-head .infos span:nth-child(n+2){position:relative}
.article-head .infos span:nth-child(n+2)::after{content:"";display:block;position:absolute;top:2px;left:-16px;width:0;height:12px;border-left:1px solid #ccc}
.article-module{overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:16px}
.article-module>h3{padding:8px 12px;color:#20A0FF;font-weight:700;font-size:16px;line-height:1.5;background-color:#f8f8f8;border-left:3px solid #20A0FF;border-radius:4px}
.article-module>p{color:#333;font-size:16px;line-height:1.8;word-wrap:break-word}
.article-module>p a{color:#3877ff}
.article-module>p a:hover{text-decoration:underline;color:#ff5a5a}
.article-module>p img{display:block;margin:0 auto;max-width:90%;max-height:500px}
.article-module>p embed{display:block;margin:0 auto}
.article-module iframe{display:block;min-width:80%;max-width:100%;min-height:207px;max-height:350px;height:auto;margin:0 auto}
.article-module table{width:100%!important;border-collapse:collapse;border-spacing:0;table-layout:fixed;empty-cells:show}
.article-module table th{background-color:#e0e0e0;padding:.8em 1em;color:#333;text-align:center;font-size:15px}
.article-module table td a{color:#2563eb}
.article-module table td a:hover{text-decoration:underline;color:#f43f5e}
.article-module table td img{display:block;max-width:100%;margin:3% auto}
.turnPage{display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;margin-top:24px}
.turnPage a{-webkit-box-flex:1;-webkit-flex:1 1 45%;-moz-box-flex:1;-ms-flex:1 1 45%;flex:1 1 45%;height:44px;max-width:50%;padding:0 16px;background-color:#f8f8f8;border-radius:4px;color:#333;text-align:center;font-size:14px;line-height:44px}
.turnPage a span{color:#999;font-weight:700}
.turnPage a:active,.turnPage a:hover{color:#20A0FF}
.turnPage a:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g-title{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:2px solid #f0f0f0;margin-bottom:20px}
.g-title .h3{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;color:#20A0FF;font-weight:bolder;font-size:22px;line-height:44px;border-bottom:2px solid #20A0FF;margin-bottom:-2px}
.g-title .g-subclass{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;margin-left:32px;margin-top:4px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;color:#bbb}
.g-title .g-subclass span{font-size:16px;line-height:24px;color:#333;padding:4px 16px;cursor:pointer}
.g-title .g-subclass span.active{position:relative;color:#fff;background-color:#20A0FF;border-radius:4px}
.g-title .g-subclass span.active::after{content:"";display:block;position:absolute;left:50%;bottom:-8px;-webkit-transform:translateX(-8px);transform:translateX(-8px);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #20A0FF}
.g-title .hd{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;margin-left:32px;margin-top:4px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.g-title .hd p{font-size:14px;line-height:20px;text-align:center;color:#333;padding:4px 16px;border-radius:4px;cursor:pointer}
.g-title .hd p.active{position:relative;background-color:#ffd83f}
.g-title .hd p.active::after{content:"";display:block;position:absolute;left:50%;bottom:-7px;-webkit-transform:translateX(-8px);transform:translateX(-8px);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #ffd83f}
.g-title .feedback{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;margin-left:auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:3px 11px;border:1px solid #20A0FF;border-radius:6px;cursor:pointer}
.g-title .feedback:hover{background-color:#e6f7f6}
.g-title .feedback span{margin:auto;font-size:14px;line-height:20px;color:#20A0FF;padding-left:18px;background-image:url(../images/icon-fk.png);background-repeat:no-repeat;background-size:14px;background-position:left center}
.g-title .more{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;margin-left:auto;font-size:14px;line-height:20px;color:#999}
.g-title .more:active,.g-title .more:hover{color:#20A0FF}
.about-news-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px 20px}
.about-news-list li{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;width:195px}