@charset "utf-8";
/* --------reset-------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,u,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;}
ol,ul{list-style:none;}
a{color:#333;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a img{border:none;}table{border-collapse:collapse;border-spacing:0;}
input,select,textarea,button{font:inherit;color:inherit;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,strong,th,var{font-style:normal;vertical-align:middle;}
em,i{font-style:normal;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
header,footer,article,section,menu,nav,aside,dialog,figure,figcaption,hgroup,details,summary{display:block;}
button,select,textarea,input:not([type="radio"]):not([type="checkbox"]){-webkit-appearance:none;-moz-appearance:none;appearance:none;}
:focus{outline:0;}/* Form selected style modification */

/* --------global-------- */
/*body{font:63%/1.5 "PingFangSC-Regular","微软雅黑",tahoma,arial,\5b8b\4f53;overflow-x:hidden;}*/
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Pingfang SC,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif;font-size:14px;line-height:1.5;overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;color:inherit;}
body{
  background-color: #f6f7fa;
  --normal: #F85E2E;
  --border: #F4F3F3;
  --red: #FF3333;
  --blue: #81c2ff;
  --green: #019734;
  --yellow: #ffcf00;
  --black: #333333;
  --darkGray: #666666;
  --gray: #999999;
  --ghostWhite: #f3f3f3;
  --white: #ffffff;
}
.container{width:1200px;margin-left:auto;margin-right:auto;}

/*字体自适应*/
.fs10{font-size:10px;}.fs11{font-size:11px;}.fs12{font-size:12px;}.fs13{font-size:13px;}.fs14{font-size:14px;}.fs15{font-size:15px;}.fs16{font-size:16px;}.fs18{font-size:18px;}.fs20{font-size:20px;}.fs24{font-size:24px;}.fs30{font-size:30px;}.fs40{font-size:40px;}
@media screen and (min-device-width:356px){
 .fs10{font-size:11px;}.fs11{font-size:12px;}.fs12{font-size:13px;}.fs13{font-size:14px;}.fs14{font-size:16px;}.fs15{font-size:17px;}.fs16{font-size:18px;}.fs18{font-size:20px;}.fs20{font-size:24px;}.fs24{font-size:28px;}.fs30{font-size:34px;}.fs40{font-size:46px;}
}
.bgf{background-color:#fff;}
.colred{color:#e13804;}.col0{color:#000;}.col3{color:#333;}.col6{color:#666;}.col9{color:#999;}.colc{color:#ccc;}.colf{color:#fff;}.red{color:var(--red);}.yellow{color:var(--yellow);}.blue{color:var(--blue);}.green{color:var(--green);}
.col_own{color:var(--normal)}
/* --------tools-------- */
.fl{float:left;}.fr{float:right;}
.tl{text-align:left;}.tc{text-align:center;}.tr{text-align:right;}.vt{vertical-align:top;}.vm{vertical-align:middle;}.vb{vertical-align:bottom;}
.relative{position:relative;}.block{display:block;}
img{max-width:100%;}
img.imgm{display:block;max-width:100%;height:auto;margin-left:auto;margin-right:auto;}

/*图片 - 列表*/
.pic-view{display:block;position:relative;z-index:2;overflow:hidden;}
.pic-view img{max-width:101%;width:101%;position:absolute;z-index:1;top:50%;left:50%;top:0 \9;left:0 \9;top:50% \9 \0;left:50% \9 \0;-moz-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);}
.pic-view img[aspectFit]{max-height:101%;height:101%;max-width:none;width:auto;}

/*清除浮动*/
.clearfix:after{content:"$";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix{display:inline-block;}/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}/* End hide from IE-mac */
.hidden{ display: none; }

/*文字截取*/
.single-line{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.multi-line{min-height:3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}
/*1px 边框*/
[class*='m-hairline']::after{ position: absolute; content: ' '; pointer-events: none; top: -50%; right: -50%; bottom: -50%; left: -50%; border: 0 solid var(--border); -webkit-transform: scale(0.5); transform: scale(0.5); }
.m-hairline,.m-hairline--top,.m-hairline--left,.m-hairline--right,.m-hairline--bottom,.m-hairline--surround,.m-hairline--top-bottom{ position: relative; }
.m-hairline--top::after{ border-top-width: 1px; }
.m-hairline--left::after{ border-left-width: 1px; }
.m-hairline--right::after{ border-right-width: 1px; }
.m-hairline--bottom::after{ border-bottom-width: 1px; }
.m-hairline--top-bottom::after,.m-hairline-unset--top-bottom::after{ border-width: 1px 0; }
.m-hairline--surround::after{ border-width: 1px; }

/*表单*/
.m-input{ display: block; width: 100%; min-width: 0; margin: 0; border: 0; padding: 0; color: #333; background-color: transparent; resize: none; }
.m-input::-moz-placeholder{color:#5F7A97;opacity:1;}
.m-input:-ms-input-placeholder{color:#5F7A97;}
.m-input::-webkit-input-placeholder{color:#5F7A97;}
.m-input-block{ padding: 12px 15px; background-color: #f0f0f0; -webkit-border-radius: 3px; border-radius: 3px; }

/*按钮*/
.m-button{ display: inline-block; margin-left: auto; margin-right: auto; height: 44px; padding: 0 15px; border: 1px #999 solid; background-color:#fff; color: #999; text-align:center; font-size:16px; line-height:42px; -webkit-border-radius:4px; border-radius:4px; }
button.m-button,input.m-button,
button.m-button:focus,input.m-button:focus{ outline:0; -webkit-appearance:none; }
.m-button--primary{ background: -webkit-linear-gradient(-46deg, #F8512F 0%, #F97A2D 100%); background: linear-gradient(-46deg, #F8512F 0%, #F97A2D 100%); box-shadow: 0 2px 6px 0 rgba(248,82,47,0.30); color: #fff; border: 0; }
.m-button--plain{ color: var(--normal); border-color: var(--normal); }
.m-button--square{ border-radius: 0 }
.m-button--round{ -webkit-border-radius: 999px; border-radius: 999px; }
.m-button--hairline{ border: 0; }
.m-button--hairline::after{ border-color: inherit; }
.m-button--small{ min-width: 60px; height: 30px; padding: 0 8px; font-size: 12px; line-height: 28px; }
.m-button--block{ display: block; width: 100%; }
.m-button--booking{ border: 0; color: #fff; -webkit-background-image: linear-gradient(-46deg, #FF9200 0%, #FFD02A 100%); background-image: linear-gradient(-46deg, #FF9200 0%, #FFD02A 100%); -webkit-box-shadow: 0 1px 6px 0 rgba(255,149,2,0.30); box-shadow: 0 1px 6px 0 rgba(255,149,2,0.30); -webkit-border-radius: 999px; border-radius: 999px; }
.m-button--booking:before{ content: ""; display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin-top: -3px; margin-right: 3px; background-image: url(../images/icon_button-booking.png); background-size: 100% 100%; }
.m-button--signing{ border: 0; color: #fff; -webkit-background-image: linear-gradient(-46deg, #F8512F 0%, #F97A2D 100%); background-image: linear-gradient(-46deg, #F8512F 0%, #F97A2D 100%); -webkit-box-shadow: 0 1px 6px 0 rgba(248,83,47,0.30); box-shadow: 0 1px 6px 0 rgba(248,83,47,0.30); -webkit-border-radius: 999px; border-radius: 999px; }
.m-button--signing:before{ content: ""; display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin-top: -3px; margin-right: 3px; background-image: url(../images/icon_button-signing.png); background-size: 100% 100%; }

/*模拟表格布局*/
.m-table{width:100%;display:table;table-layout:fixed;}
.m-table-cell{display:table-cell;vertical-align:middle;}
.m-table-cell.vt{vertical-align:top;}
.m-table-cell.vb{vertical-align:bottom;}

/*flex垂直对齐列表*/
.m-list-flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;}
.m-list-flex .m-cell-bd{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden;}

/* flex组件 - 箭头 */
[class^="m-arrow-"] .m-cell-rt:after,[class*="m-arrow-"] .m-cell-rt:after{display:inline-block;height:10px;width:10px;border-width:1px 1px 0 0;border-color:currentColor;border-style:solid;position:absolute;top:50%;right:2px;box-sizing: border-box;}
.m-arrow-right .m-cell-rt,.m-arrow-down .m-cell-rt,.m-arrow-up .m-cell-rt{padding-right:15px;position:relative;}
.m-arrow-right .m-cell-rt:after{content:"";-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);margin-top:-4px;}
.m-arrow-down .m-cell-rt:after{content:"";-webkit-transform:matrix(-.71,.71,-.71,-.71,0,0);transform:matrix(-.71,.71,-.71,-.71,0,0);margin-top:-8px;}
.m-arrow-up .m-cell-rt:after{content:"";-webkit-transform:matrix(.71,-.71,.71,.71,0,0);transform:matrix(.71,-.71,.71,.71,0,0);margin-top:-2px;}

/*富文本编辑器*/
.m-editor img{display:block;max-width:100%!important;height:auto;margin-left:auto;margin-right:auto;}

/*提示*/
.m-hint-num{position:relative;}
.m-hint-num em{position:absolute;top:0;right:-8px;z-index:9;display:block;min-height:6px;padding:0 3px;background:#e6001f;font-style:normal;text-align:center;font-size:12px;line-height:13px;color:#fff;border-radius:50px;-webkit-border-radius:50px;}
.m-hint-txt:after{content:"";display:inline-block;width:6px;height:6px;background-color:#e1454b;border-radius:50%;-webkit-border-radius:50%;vertical-align:top;margin-left:5px;}

/*暂无*/
.m-nothing{ padding: 50px; text-align: center; }
.m-nothing img{ display: block; width: 35%; margin: 0 auto; }
.m-nothing p{ margin-top: 20px; color: #D8D8D8; }

/*阴影*/
.m-shadow{ -webkit-box-shadow: 0 1px 6px 0 rgba(184,189,202,0.3); box-shadow: 0 1px 6px 0 rgba(184,189,202,0.3); }
.m-shadow-blur{position:relative;}
.m-shadow-blur::before{content:"";position:absolute;top:0;left:0;z-index:-1;display:block;width:100%;height:100%;background:inherit;border-radius:inherit;-webkit-filter:blur(10px);filter:blur(10px);opacity:0.4;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1, 1);transform:scale(1, 1);}

/*弹窗*/
.popup-wrap{position:fixed;top:50%;left:50%;z-index:1001;-webkit-transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transform:translate3d(-50%,-50%,0) scale(0.9);transform:translate3d(-50%,-50%,0) scale(0.9);opacity:0;visibility:hidden;}
.popup-wrap.popup-wrap_visible{-webkit-transition-duration:400ms;transition-duration:400ms;-webkit-transform:translate3d(-50%,-50%,0) scale(1);transform:translate3d(-50%,-50%,0) scale(1);opacity:1;visibility:visible;}
.popup-mask{width:100%;height:100%;background-color:rgba(0,0,0,0.5);position:fixed;top:0;left:0;z-index:1000;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;visibility:hidden;}
.popup-mask.popup-mask_visible{opacity:1;visibility:visible;}

/*.popup-wrap{ max-width: 300px; width: 85vw; background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px; }
.popup-title{ position: relative; padding: 20px 40px; }
.popup-title .title{ text-align: center; line-height: 24px; font-size: 16px; color: #000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.popup-main{ max-height: 70vh; padding: 15px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
.popup-close{ position: absolute; left: 50%; bottom: -50px; display: block; width: 25px; height: 25px; background: url(../images/icon-upload-close.png); background-size: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
*/
/* 清除按钮 输入框样式 */
button,input{border: 0;background: transparent;}

/**/
.g-menu-container{ position: fixed; bottom: 25vh; right: 0; z-index: 98; padding: 0 5px; width: 65px; background-color: rgba(28,34,55,.5); }
.g-menu-container a{ display: block; border-top: 1px #1C2235 solid; padding: 15px 0 10px; text-align: center; line-height: 14px; font-size: 10px; color: #A0BBD6; }
.g-menu-container a:first-child{ border-top: 0; }
.g-menu-container a:before{ content: ""; display: block; margin: 0 auto 5px; width: 20px; height: 20px; background-image: url(../images/icon_index-menu.png); background-size: auto 40px;  background-repeat: no-repeat; }
.g-menu-container .menu1:before{ background-position: 0 0; }
.g-menu-container .menu2:before{ background-position: -20px 0; }
.g-menu-container .menu3:before{ background-position: -40px 0; }
.g-menu-container .menu4:before{ background-position: -60px 0; }
.g-menu-container .menu5:before{ background-position: -80px 0; }
.g-menu-container .on,
.g-menu-container a:hover{ color: #42F8F9; }
.g-menu-container .on:before,
.g-menu-container a:hover:before{ background-position-y: -20px; }

.login-popup{ width: 475px; padding: 50px 65px; background-color: #1C2236; }
.login-popup .close{ position: absolute; top: 20px; right: 20px; display: block; width: 20px; height: 20px; }
.login-popup .title{ text-align: center; font-size: 30px; color: #A0BDD7; }
.login-popup .item-list{ margin-top: 50px; }
.login-popup .item-list li{ position: relative; margin-bottom: 20px; padding: 6px 40px; background-color: #5F7A97; border-radius: 99px; }
.login-popup .item-list li:before{ content: ""; position: absolute; left: 15px; top: 50%; margin-top: -10px; display: block; width: 20px; height: 20px; background-image: url(../images/m-icon.png); background-size: 200px auto; background-repeat: no-repeat; }
.login-popup .item-list .ico-1:before{ background-position: 0 -26px; }
.login-popup .item-list .ico-2:before{ background-position: -20px -26px; }
.login-popup .item-list .ico-3:before{ background-position: -40px -26px; }
.login-popup .item-list .m-input{ height: 28px; line-height: 28px; font-size: 14px; color: #42F8F9; }
.login-popup .item-list .m-input::-moz-placeholder{color:#A0BDD7;opacity:1;}
.login-popup .item-list .m-input:-ms-input-placeholder{color:#A0BDD7;}
.login-popup .item-list .m-input::-webkit-input-placeholder{color:#A0BDD7;}
.login-popup .item-list .word{ position: absolute; right: 10px; top: 50%; margin-top: -14px; display: block; border: 1px #43F7F8 solid; padding: 0 12px; line-height: 26px; font-size: 12px; color: #43F7F8; border-radius: 99px; }
.login-popup .item-info{ margin-top: -20px; padding: 10px 20px; font-size: 12px; color: #A0BBD6; }
.login-popup .item-info a{ color: #42F8F8; }
.login-popup .item-info a:hover{ text-decoration: underline; }
.login-popup .item-info a.fr{ font-size: 14px; color: #F35754; }
.login-popup .item-foot{ margin-top: 20px; }
.login-popup .item-foot .btn{ display: block; width: 100%; margin-bottom: 20px; background-color: #42F8F8; line-height: 40px; font-size: 15px; color: #1C2236; border-radius: 99px; cursor: pointer; }


.m-hover .pic-view img{ -webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;-webkit-transform:translate3d(-50%,-50%,0) scale(1);-moz-transform:translate3d(-50%,-50%,0) scale(1);-ms-transform:translate3d(-50%,-50%,0) scale(1);-o-transform:translate3d(-50%,-50%,0) scale(1);transform:translate3d(-50%,-50%,0) scale(1); }
.m-hover:hover .pic-view img{ -webkit-transform:translate3d(-50%,-50%,0) scale(1.2);-moz-transform:translate3d(-50%,-50%,0) scale(1.2);-ms-transform:translate3d(-50%,-50%,0) scale(1.2);-o-transform:translate3d(-50%,-50%,0) scale(1.2);transform:translate3d(-50%,-50%,0) scale(1.2); }
.m-hover:hover .title{ color: #43F7F8 !important; }
.home-page{ margin-top: 5px; margin-bottom: 20px; }
.home-page-left{ float: left; width: 180px; }
.home-page-right{ float: right; width: 270px; }
/*.home-page-center{ float: left; width: 720px; margin: 0 15px; }*/
.home-page-left ~ .home-page-center{ padding-left: 195px; }
.home-page-right ~ .home-page-center{ padding-right: 285px; }

.home-titlebox{ padding: 15px 0; text-align: center; line-height: 20px; font-size: 14px; color: #43F7F8; }
.home-titlebox:before,
.home-titlebox:after{ content: ""; display: inline-block; vertical-align: middle; margin-top: -3px; width: 45px; height: 5px; background-image: url(../images/m-icon.png); background-size: 200px auto; background-position: 0 -5px; background-repeat: no-repeat; }
.home-titlebox:after{ transform: rotate(180deg); }
.home-titlebox span{ padding: 0 6px; }
.home-titlebox--big:before,
.home-titlebox--big:after{ width: 111px; background-position: 0 0; }

.home-tabbox-header a{ display: block; padding: 5px 0 10px; font-size: 13px; color: #97AFC8; }
.home-tabbox-header a:hover,
.home-tabbox-header .active{ color: #42F8F8; }
.home-tabbox-body{ display: none; }

.home-block{ padding: 10px; background-color: rgba(28,34,54,0.5); border-radius: 3px; }

.home-block-news li{ margin-bottom: 15px; }
.home-block-news li:last-child{ margin-bottom: 0; }
.home-block-news .pic-view{ display: block; width: 160px; height: 100px; }
.home-block-news .title{ margin-top: 8px; line-height: 23px; font-size: 14px; color: #97AFC8; }
.home-block-news .title span{ display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 4px; padding: 0 4px; background-color: rgba(255,255,255,0.1); line-height: 16px; font-size: 9px; color: #fff; border-radius: 3px; }
.home-block-news .title span.on{ background-color: rgba(66,248,248,0.3); }

.home-block-sheet .sheet-title{ margin-bottom: 10px; border-bottom: 1px #1C2235 solid; padding: 5px 0 10px; text-align: center; line-height: 18px; font-size: 13px; color: #97AFC8; }
.home-block-sheet .sheet-items .item-title{ line-height: 20px; font-size: 12px; color: #A0BCD6; }
.home-block-sheet .sheet-items .item-title .logo{ display: inline-block; vertical-align: top; margin-right: 4px; width: 20px; height: 20px; }
.home-block-sheet .sheet-items .item-list{ margin-bottom: 10px; border-bottom: 1px #1C2235 solid; padding-bottom: 15px; }
.home-block-sheet .sheet-items .item-list a{ display: block; margin-top: 10px; line-height: 18px; font-size: 12px; color: #97AFC8; }
.home-block-sheet .sheet-items .item-list span{ display: inline-block; margin-left: 5px; color: #42F8F8; }
.home-block-sheet .sheet-items .item-list span:before{ content: ""; display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 4px; width: 1px; height: 10px; background-color: #97AFC8; }
.home-block-sheet .sheet-items .item-list a:hover{ color: #42F8F8; text-decoration: underline; }

.home-block-column li{ margin-bottom: 16px; }
.home-block-column li:last-child{ margin-bottom: 0; }
.home-block-column a{ display: block; border-radius: 3px; overflow: hidden; }

.home-block-match li{ margin-bottom: 5px; }
.home-block-match li:last-child{ margin-bottom: 0; }
.home-block-match a{ display: block; padding: 5px 10px; background-color: #1C2236; line-height: 30px; font-size: 12px; color: #A0BCD6; border-radius: 3px; }
.home-block-match .logo{ display: inline-block; vertical-align: top; margin-right: 5px; width: 30px; height: 30px; }

.home-block-ranking .m-table{ background-color: rgba(28,34,55,.5); color: #97AFC8; border-radius: 3px; }
.home-block-ranking .m-table-cell:nth-of-type(1){ width: 50px; text-align: center; }
.home-block-ranking .m-table-cell:nth-of-type(2){ padding-left: 10px; padding-right: 10px; }
.home-block-ranking .m-table-cell:nth-of-type(3){ width: 60px; text-align: center; }
.home-block-ranking .rank-head{ margin-bottom: 10px; line-height: 30px; }
.home-block-ranking .rank-body{ margin-bottom: 5px; }
.home-block-ranking .rank-body .m-table-cell{ padding-top: 10px; padding-bottom: 10px; }
.home-block-ranking .rank-body img{ display: inline-block; vertical-align: top; width: 20px; height: 20px; }
.home-block-ranking .rank-body span{ display: inline-block; vertical-align: top; max-width: 70px; padding: 0 5px; line-height: 20px; }

.home-block-about .about-info li{ padding: 10px; color: #A0BBD6; }
.home-block-about .about-info li:before{ content: ""; float: left; display: block; width: 20px; height: 20px; background-image: url(../images/m-icon.png); background-size: 200px auto; background-repeat: no-repeat; }
.home-block-about .about-info .ico-1:before{ background-position: 0 -26px; }
.home-block-about .about-info .ico-2:before{ background-position: -20px -26px; }
.home-block-about .about-info .ico-3:before{ background-position: -40px -26px; }
.home-block-about .about-info img{ float: left; display: block; width: 20px; height: 20px; }
.home-block-about .about-info p{ padding-left: 30px; line-height: 20px; }
.home-block-about .about-code{ margin-top: 10px; border-top: 1px #1C2235 solid; padding: 10px 0; }
.home-block-about .about-code img{ display: block; margin: 10px auto; width: 120px; height: 120px; }
.home-block-about .about-code p{ text-align: center; color: #A0BDD7; }

.home-toolbox{ overflow: hidden; }
.home-toolbox .tool-tabbar{ border-bottom: 1px #5F7A97 solid; }
.home-toolbox .tool-tabbar a{ float: left; display: block; margin-right: 28px; padding-bottom: 10px; height: 35px; line-height: 25px; font-size: 16px; color: #A0BDD7; }
.home-toolbox .tool-tabbar a:hover{ color: #43F7F8; }
.home-toolbox .tool-tabbar .active{ position: relative; font-size: 20px; color: #43F7F8; font-weight: 500; }
.home-toolbox .tool-tabbar .active:after{ content: ""; position: absolute; left: 0; bottom: -2px; display: block; width: 100%; height: 3px; background-color: currentColor; }
.home-toolbox .tool-tabbar2 a{ position: relative; float: left; display: block; margin-right: 35px; padding-right: 35px; height: 35px; line-height: 35px; font-size: 20px; color: #A0BDD7; }
.home-toolbox .tool-tabbar2 a:after{ content: ""; position: absolute; right: 0; top: 50%; margin-top: -8px; display: block; width: 1px; height: 16px; background-color: #1C2235; }
.home-toolbox .tool-tabbar2 a:last-child{ margin-right: 0; padding-right: 0; }
.home-toolbox .tool-tabbar2 a:last-child:after{ display: none; }
.home-toolbox .tool-tabbar2 a:hover{ color: #43F7F8; }
.home-toolbox .tool-tabbar2 .active{ color: #43F7F8; font-weight: 500; }
.home-toolbox .tool-search{ position: relative; margin-left: 30px; border: 1px #5F7997 solid; padding: 0 10px; width: 220px; border-radius: 3px; }
.home-toolbox .tool-search .m-input{ height: 33px; line-height: 33px; color: #43F7F8; }
.home-toolbox .tool-search .btn{ content: ""; position: absolute; right: 10px; top: 50%; margin-top: -8px; display: block; width: 16px; height: 16px; background-image: url(../images/m-icon.png); background-size: 200px auto; background-position: 0 -10px; background-repeat: no-repeat; cursor: pointer; }

.home-banner{ position: relative; padding: 20px 0; }
.home-banner .swiper-container{ border-radius: 3px; }
.home-banner .swiper-pagination{ position: relative; margin-top: 16px; width: 100%; font-size: 0; }
.home-banner .swiper-pagination-bullet{ vertical-align: top; margin: 0 4px; width: 20px; height: 2px; background-color: rgba(216,216,216,0.5); opacity: 1; border-radius: 9px; }
.home-banner .swiper-pagination-bullet-active{ background-color: rgba(66,248,248,0.5); }

.home-game{ margin-bottom: 20px; }
.home-game .swiper-container{ padding-bottom: 10px; }
.home-game .swiper-slide{ padding: 10px; overflow: hidden; }
.home-game .game-item{ position: relative; float: left; margin-right: 10px; margin-bottom: 10px; width: 335px; padding: 10px 15px; text-align: center; background-color: #1C2236; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; border-radius: 3px; }
.home-game .game-item:nth-of-type(2n){ margin-right: 0; }
.home-game .game-item .title{ font-size: 12px; color: #42F8F8; }
.home-game .game-item .info{ font-size: 12px; color: #97AFC8; }
.home-game .game-item .m-table{ padding: 13px 0; line-height: 20px; }
.home-game .game-item .score{ width: 45px; font-size: 14px; color: #42F8F8; }
.home-game .game-item .logo{ width: 20px; }
.home-game .game-item .logo img{ display: block; width: 20px; height: 20px; }
.home-game .game-item p{ padding: 0 10px; font-size: 12px; color: #97AFC8; }
.home-game .game-item .name{ position: absolute; top: 10px; left: 15px; font-size: 12px; color: #97AEC7; }
.home-game .game-item .name span{ display: inline-block; vertical-align: top; margin-right: 10px; max-width: 7em; }
.home-game .game-item .view{ position: absolute; bottom: 10px; left: 15px; font-size: 12px; color: #97AEC7; }
.home-game .swiper-pagination{ width: 100%; font-size: 0; }
.home-game .swiper-pagination-bullet{ vertical-align: top; margin: 0 4px; width: 20px; height: 2px; background-color: rgba(216,216,216,0.5); opacity: 1; border-radius: 9px; }
.home-game .swiper-pagination-bullet-active{ background-color: rgba(66,248,248,0.5); }

.home-zixun{ margin-top: 18px; }
.home-zixun .zixun-item{ display: block; border-top: 1px #1C2237 solid; padding: 15px 0; overflow: hidden; }
.home-zixun .zixun-item .thumb{ width: 185px; height: 110px; }
.home-zixun .zixun-item .thumb.fl + .item-con{ padding-left: 200px; }
.home-zixun .zixun-item .thumb.fr + .item-con{ padding-right: 200px; }
.home-zixun .zixun-item .title{ line-height: 22px; font-size: 16px; color: #A0BCD6; }
.home-zixun .zixun-item .info{ margin-top: 12px; height: 40px; line-height: 20px; font-size: 14px; color: #5F7A98; }
.home-zixun .zixun-item .view{ margin-top: 15px; overflow: hidden; }
.home-zixun .zixun-item .view span{ display: inline-block; vertical-align: top; margin-right: 20px; line-height: 20px; font-size: 12px; color: #5E7997; }
.home-zixun .zixun-item .view span:before{ content: ""; display: inline-block; vertical-align: top; margin-top: 2px; margin-right: 5px; width: 16px; height: 16px; background-image: url(../images/m-icon.png); background-size: 200px auto; background-repeat: no-repeat; }
.home-zixun .zixun-item .view .ico-1:before{ background-position: -16px -10px; }
.home-zixun .zixun-item .view .ico-2:before{ background-position: -32px -10px; }
.home-zixun .zixun-item .view .ico-3:before{ background-position: -48px -10px; }
.home-zixun .zixun-item .view .fr{ margin-right: 0; margin-left: 20px; }
.home-zixun .zixun-item .view .fr:before{ display: none; }
.home-zixun .zixun-card{ padding: 0 15px; background-color: rgba(28,34,54,0.5); border-radius: 3px; }
.home-zixun .zixun-head{ padding: 15px 0 10px; overflow: hidden; }
.home-zixun .zixun-head .title{ line-height: 28px; font-size: 16px; color: #A0BCD6; }
.home-zixun .zixun-head .title span{ display: inline-block; vertical-align: top; margin-right: 15px; font-size: 20px; color: #43F7F8; font-weight: 500;  }
.home-zixun .zixun-head .more{ float: right; margin-left: 30px; padding: 4px 0; line-height: 20px; font-size: 14px; color: #5F7A97; }
.home-zixun .zixun-head .more:hover{ color: #43F7F8; text-decoration: underline; }


.home-carousel{ position: relative; margin-top: 20px; margin-bottom: 60px; }
.home-carousel .swiper-container{ width: 915px; height: 310px; }
.home-carousel .swiper-wrapper{ -webkit-box-align:center;-webkit-align-items:center;align-items:center; }
.home-carousel .swiper-slide{ height: 215px; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: transform .8s; -moz-transition: transform .8s; -ms-transition: transform .8s; -o-transition: transform .8s; transition: transform .8s; }
.home-carousel .swiper-slide.swiper-slide-active{ z-index: 2; -webkit-transform: scale(1.44); -moz-transform: scale(1.44); -ms-transform: scale(1.44); -o-transform: scale(1.44); transform: scale(1.44); box-shadow: 0px 4px 12px #1b2235; }
.home-carousel .swiper-pagination{ bottom: -25px; width: 100%; font-size: 0; }
.home-carousel .swiper-pagination-bullet{ vertical-align: top; margin: 0 4px; width: 20px; height: 2px; background-color: rgba(216,216,216,0.5); opacity: 1; border-radius: 9px; }
.home-carousel .swiper-pagination-bullet-active{ background-color: rgba(66,248,248,0.5); }

.home-block-video li{ margin-bottom: 15px; }
.home-block-video li:last-child{ margin-bottom: 0; }
.home-block-video .item-hd{ width: 100%; height: 150px; border-radius: 3px; }
.home-block-video .item-hd:before{ content: ""; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: rgba(255,255,255,0.1); }
.home-block-video .view{ position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; padding: 0 10px; background: -webkit-linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background: -moz-linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); }
.home-block-video .view{ overflow: hidden; }
.home-block-video .view span{ display: inline-block; vertical-align: top; margin-right: 20px; line-height: 30px; font-size: 10px; color: #fff; }
.home-block-video .view span:before{ content: ""; display: inline-block; vertical-align: top; margin-top: 8px; margin-right: 5px; width: 14px; height: 14px; background-image: url(../images/m-icon.png); background-size: 200px auto; background-repeat: no-repeat; }
.home-block-video .view .ico-1:before{ background-position: -16px -10px; }
.home-block-video .view .ico-2:before{ background-position: -32px -10px; }
.home-block-video .view .ico-3:before{ background-position: -48px -10px; }
.home-block-video .view .fr{ margin-right: 0; margin-left: 20px; }
.home-block-video .view .fr:before{ display: none; }
.home-block-video .title{ margin-top: 10px; line-height: 24px; font-size: 14px; color: #A0BBD6; }