@charset "utf-8";
/* CSS Document */

@import url("iconfont/iconfont.css");

html {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body { min-width:1400px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;line-height:1;color: #333;background-color: #fff;}
/* html,body,.xt-wrap{ height:100%;} */
body, button, caption, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hr, html, input, legend, li, menu, ol, p, pre, table, td, textarea, th, ul {margin: 0;padding: 0;}
ul,li{ list-style:none;}
a, a:hover{text-decoration: none;}
a{color:#333;text-decoration:none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-appearance:none;-webkit-touch-callout:none;}
a{ text-decoration:none;}
input,button,a {outline:0 none !important; blr:expression(this.onFocus=this.blur());}
input,button,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
a:focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
input::-webkit-input-placeholder{ color:#999;}
img {vertical-align: middle; max-width:100%}
i,em,cite{ font-style:normal;}
/*---滚动条默认显示样式--*/
::-webkit-scrollbar-thumb{background-color:#e7eff7;  height:50px;  outline-offset:-2px;  /*outline:2px solid #fff;*/-webkit-border-radius:4px;-moz-border-radius:4px;/*border: 1px solid #fff;  */}
/*---鼠标点击滚动条显示样式--*/
::-webkit-scrollbar-thumb:hover{  background-color:#ff6d6a;  height:50px;  -webkit-border-radius:4px; -moz-border-radius:4px; }
/*---滚动条大小--*/
::-webkit-scrollbar{  width:4px;  height:4px;  }
/*---滚动框背景样式--*/
::-webkit-scrollbar-track-piece{  background-color:#fff; -webkit-border-radius:2px; -moz-border-radius:2px;}
.clear{ clear:both;}
.clear:after {content:'';clear: both;*zoom: 1;display: block;height: 0;}
body{
	position: relative;
}
.xt-padding-0{padding: 0px !important}
.xt-padding-5{padding: 5px !important}
.xt-padding-10{padding: 10px !important}
.xt-padding-15{padding: 15px !important}
.xt-padding-20{padding: 20px !important}
.xt-padding-25{padding: 25px !important}
.xt-padding-30{padding: 30px !important}
.xt-padding-35{padding: 35px !important}
.xt-padding-40{padding: 40px !important}
.xt-padding-45{padding: 45px !important}
.xt-padding-50{padding: 50px !important}
.xt-padding-100{padding: 100px !important}

.xt-padding-l-0{padding-left: 0px !important}
.xt-padding-l-5{padding-left: 5px !important}
.xt-padding-l-10{padding-left: 10px !important}
.xt-padding-l-15{padding-left: 15px !important}
.xt-padding-l-20{padding-left: 20px !important}
.xt-padding-l-25{padding-left: 25px !important}
.xt-padding-l-30{padding-left: 30px !important}
.xt-padding-l-35{padding-left: 35px !important}
.xt-padding-l-40{padding-left: 40px !important}
.xt-padding-l-45{padding-left: 45px !important}
.xt-padding-l-50{padding-left: 50px !important}
.xt-padding-l-100{padding-left: 100px !important}

.xt-padding-r-0{padding-right: 0px !important}
.xt-padding-r-5{padding-right: 5px !important}
.xt-padding-r-10{padding-right: 10px !important}
.xt-padding-r-15{padding-right: 15px !important}
.xt-padding-r-20{padding-right: 20px !important}
.xt-padding-r-25{padding-right: 25px !important}
.xt-padding-r-30{padding-right: 30px !important}
.xt-padding-r-35{padding-right: 35px !important}
.xt-padding-r-40{padding-right: 40px !important}
.xt-padding-r-45{padding-right: 45px !important}
.xt-padding-r-50{padding-right: 50px !important}
.xt-padding-r-100{padding-right: 100px !important}

.xt-padding-t-0{padding-top: 0px !important}
.xt-padding-t-5{padding-top: 5px !important}
.xt-padding-t-10{padding-top: 10px !important}
.xt-padding-t-15{padding-top: 15px !important}
.xt-padding-t-20{padding-top: 20px !important}
.xt-padding-t-25{padding-top: 25px !important}
.xt-padding-t-30{padding-top: 30px !important}
.xt-padding-t-35{padding-top: 35px !important}
.xt-padding-t-40{padding-top: 40px !important}
.xt-padding-t-45{padding-top: 45px !important}
.xt-padding-t-50{padding-top: 50px !important}
.xt-padding-t-100{padding-top: 100px !important}

.xt-padding-b-0{padding-bottom: 0px !important}
.xt-padding-b-5{padding-bottom: 5px !important}
.xt-padding-b-10{padding-bottom: 10px !important}
.xt-padding-b-15{padding-bottom: 15px !important}
.xt-padding-b-20{padding-bottom: 20px !important}
.xt-padding-b-25{padding-bottom: 25px !important}
.xt-padding-b-30{padding-bottom: 30px !important}
.xt-padding-b-35{padding-bottom: 35px !important}
.xt-padding-b-40{padding-bottom: 40px !important}
.xt-padding-b-45{padding-bottom: 45px !important}
.xt-padding-b-50{padding-bottom: 50px !important}
.xt-padding-b-100{padding-bottom: 100px !important}


.xt-margin-0{margin: 0px !important}
.xt-margin-5{margin: 5px !important}
.xt-margin-10{margin: 10px !important}
.xt-margin-15{margin: 15px !important}
.xt-margin-20{margin: 20px !important}
.xt-margin-25{margin: 25px !important}
.xt-margin-30{margin: 30px !important}
.xt-margin-35{margin: 35px !important}
.xt-margin-40{margin: 40px !important}
.xt-margin-45{margin: 45px !important}
.xt-margin-50{margin: 50px !important}

.xt-margin-l-0{margin-left: 0px !important}
.xt-margin-l-5{margin-left: 5px !important}
.xt-margin-l-10{margin-left: 10px !important}
.xt-margin-l-15{margin-left: 15px !important}
.xt-margin-l-20{margin-left: 20px !important}
.xt-margin-l-25{margin-left: 25px !important}
.xt-margin-l-30{margin-left: 30px !important}
.xt-margin-l-35{margin-left: 35px !important}
.xt-margin-l-40{margin-left: 40px !important}
.xt-margin-l-45{margin-left: 45px !important}
.xt-margin-l-50{margin-left: 50px !important}

.xt-margin-r-0{margin-right: 0px !important}
.xt-margin-r-5{margin-right: 5px !important}
.xt-margin-r-10{margin-right: 10px !important}
.xt-margin-r-15{margin-right: 15px !important}
.xt-margin-r-20{margin-right: 20px !important}
.xt-margin-r-25{margin-right: 25px !important}
.xt-margin-r-30{margin-right: 30px !important}
.xt-margin-r-35{margin-right: 35px !important}
.xt-margin-r-40{margin-right: 40px !important}
.xt-margin-r-45{margin-right: 45px !important}
.xt-margin-r-50{margin-right: 50px !important}

.xt-margin-t-0{margin-top: 0px !important}
.xt-margin-t-5{margin-top: 5px !important}
.xt-margin-t-10{margin-top: 10px !important}
.xt-margin-t-15{margin-top: 15px !important}
.xt-margin-t-20{margin-top: 20px !important}
.xt-margin-t-25{margin-top: 25px !important}
.xt-margin-t-30{margin-top: 30px !important}
.xt-margin-t-35{margin-top: 35px !important}
.xt-margin-t-40{margin-top: 40px !important}
.xt-margin-t-45{margin-top: 45px !important}
.xt-margin-t-50{margin-top: 50px !important}

.xt-margin-b-0{margin-bottom: 0px !important}
.xt-margin-b-5{margin-bottom: 5px !important}
.xt-margin-b-10{margin-bottom: 10px !important}
.xt-margin-b-15{margin-bottom: 15px !important}
.xt-margin-b-20{margin-bottom: 20px !important}
.xt-margin-b-25{margin-bottom: 25px !important}
.xt-margin-b-30{margin-bottom: 30px !important}
.xt-margin-b-35{margin-bottom: 35px !important}
.xt-margin-b-40{margin-bottom: 40px !important}
.xt-margin-b-45{margin-bottom: 45px !important}
.xt-margin-b-50{margin-bottom: 50px !important}



/** 字体设置 **/
.f-size-0{font-size:0px!important;}
.f-size-10{font-size: 10px!important;}
.f-size-11{font-size: 11px!important;}
.f-size-12{font-size: 12px!important;}
.f-size-13{font-size: 13px!important;}
.f-size-14{font-size: 14px!important;}
.f-size-15{font-size: 15px!important;}
.f-size-16{font-size: 16px!important;}
.f-size-17{font-size: 17px!important;}
.f-size-18{font-size: 18px!important;}
.f-size-19{font-size: 19px!important;}
.f-size-20{font-size: 20px!important;}
.f-size-21{font-size: 21px!important;}
.f-size-22{font-size: 22px!important;}
.f-size-23{font-size: 23px!important;}
.f-size-24{font-size: 24px!important;}
.f-size-25{font-size: 25px!important;}
.f-size-26{font-size: 26px!important;}
.f-size-27{font-size: 27px!important;}
.f-size-28{font-size: 28px!important;}
.f-size-29{font-size: 29px!important;}
.f-size-30{font-size: 30px!important;}
.f-size-31{font-size: 31px!important;}
.f-size-32{font-size: 32px!important;}
.f-size-38{font-size: 38px!important;}
.f-size-39{font-size: 39px!important;}
.f-size-40{font-size: 40px!important;}
.f-size-50{font-size: 50px!important;}
.f-bold{font-weight: bold;}
.xt-t1{ font-size:16px;line-height:1.2}
.xt-t2{ font-size:13px; margin-top:5px; line-height:1.2; color:#9badba;}

.t-left{text-align: left !important;}
.t-center{text-align:center !important}
.t-right{text-align:right !important}

.c-main{color:#13dbec !important;}
.c-main2{ color:#daf0ff !important;}
.c-blue{ color:#1291f8 !important;}
.c-red{color:#ff6d6a !important;}
.c-yellow{color:#ffae00 !important;}
.c-white{color:#ffffff !important;}
.c-grey{color:#9badba !important;}
.c-grey2{color:#6f7c87 !important;}
.c-black{color:#000 !important;}
.c-green{ color: #19be6b !important;}
.c-orange{ color: #ff5500 !important;}
/*截字*/
.xt-ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.xt-ellipsis-1 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.xt-ellipsis-2 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/*背景*/
.bg-none{ background:none;}
.bg-white{ background:#fff;}
.bg-grey{ background:#f6f6f6;}
.bg-yellow{ background:#ffc664; color:#fff;}
.bg-red{background-color: #ff6d6a; color:#fff;}
.bg-main{background-color: #ff6d6a; color:#fff;}
.bg-main2{background-color: #fea8a6; color:#fff;}
.bg-blue{background-color: #1e92fe; color:#fff;}
.bg-green{background-color: #19be6b; color:#fff;}
.bg-purple{background-color: #85b0ff; color:#fff;}
.bg-orange{background-color: #ff5500; color:#fff;}

/*线*/
.xt-border{ border:1px solid #efeff4;}
.xt-hr-t{ border-top:1px solid #efeff4;}
.xt-hr-b{ border-bottom:1px solid #efeff4;}
.xt-hr-l{ border-left:1px solid #efeff4;}
.xt-hr-r{ border-right:1px solid #efeff4;}
.b-b-none{border-bottom:none !important;}
.b-t-none{border-top:none !important;}
.b-l-none{border-left:none !important;}
.b-r-none{border-right:none !important;}
.b-none{border:none !important;}
/*显示，隐藏等*/
.xt-show{display:block}
.xt-hide{display:none}
.xt-invisible {visibility: hidden;}

/*布局*/
.f-none{float: none;}
.fl,.xt-fl{float:left;}
.fr,.xt-fr{float:right;}
.xt-display-inline{ display:inline}
.xt-hidden{ overflow:hidden ;}
.xt-display-flex{display: flex;}
.xt-display-ac{display: flex;align-items: center;}
.xt-display-ab{display: flex;align-items: flex-end;}
.xt-display-jc{display: flex;justify-content:center;}
.xt-display-ajc{display: flex;align-items: center;justify-content:center;}
.xt-flex-wrap{display: flex;flex-wrap: wrap;}
.xt-flex-nowrap{display: flex;flex-wrap: nowrap;}
.xt-flex-column{display: flex;flex-direction: column;}
.xt-margin-left-auto{ margin-left:auto;flex-shrink: 0;}
.xt-flex1{flex:1;}

/*栅格*/
.xt-row{overflow:hidden;}
.xt-grids{overflow:hidden;}
.xt-col-1,.xt-col-2,.xt-col-3,.xt-col-4,.xt-col-5,.xt-col-6,.xt-col-7,.xt-col-8,.xt-col-9,.xt-col-10,.xt-col-11,.xt-col-12{float: left; box-sizing:border-box;}
/*.col-12{ float:none}*/
.xt-col-12 {width: 100%;}
.xt-col-11 {width: 91.66666667%;}
.xt-col-10 {width: 83.33333333%;}
.xt-col-9 {width: 75%;}
.xt-col-8 {width: 66.66666667%;}
.xt-col-7 {width: 58.33333333%;}
.xt-col-6 {width: 50%;}
.xt-col-5 {width: 41.66666667%;}
.xt-col-4 {width: 33.33333333%;}
.xt-col-3 {width: 25%;}
.xt-col-2 {width: 16.66666667%;}
.xt-col-1 {width: 8.33333333%;}

/*布局、页面顶部*/
.xt-fw{ width:1400px; margin:auto;}
#xt-sidebar{flex-shrink: 0; display:flex; height:100%;}
#xt-main{flex:1; padding:10px 20px; height:100%; overflow-y:scroll; box-sizing:border-box;background: #f5f5f5;}
.xt-login-wrap{ flex:1;padding-bottom:20px;display:flex;align-items:center;justify-content:space-around;}
#xt-logo{padding:0 15px;}
#xt-wrap{ position:relative;}
#xt-header{height: 80px;line-height: 80px; position:relative; z-index:2;}
#xt-body{ position:relative; z-index:3;}
#xt-footer{ padding:20px 0; text-align:center; color:#6f7c87; font-size:14px; z-index: 3; }
#xt-footer p{ padding-top:15px;}
#xt-footer a{ padding:0 8px; color:#6f7c87; font-size:14px;}
.xt-cont{ padding:40px 80px;}
/*翻页*/
.xtpage{ padding:40px 20px 20px;text-align:center;}
.xtpage a,.xtpage span{ display:inline-block; height:26px; line-height:26px; padding:0 10px; border-radius:3px; color:#666; font-size:14px;}
.xtpage-spr{}
span.xtpage-curr,a.xtpage-curr{ background:#13dbec; color:#fff;}

/*面包屑*/
.xt-breadcrumb{font-size:14px;}
.xt-breadcrumb span{margin: 0 10px;color: #999;}
.xt-breadcrumb a {color: #999!important;}
.xt-breadcrumb cite {color: #666;font-style: normal;}

/*按钮和标签*/
.xt-btn{ display:inline-block;font-size: 15px; margin:6px 3px;padding:10px 20px; line-height:1;border:1px solid #e4e4e4;background: #fff;color: inherit;border-radius: 3px;color: #333; text-align:center; box-sizing: border-box; position:relative;}
.btn-icon {padding-left: 10px;padding-right: 10px;}
.xt-btn.btn-icon .iconfont{ margin:0;}
.xt-btn .iconfont{ margin:0 2px;line-height: normal;font-size: inherit; display:inline-block;}
.xt-btn-xxs{font-size: 12px;padding: 3px 6px;}
.xt-btn-xs{font-size: 13px;padding: 4px 8px;}
.xt-btn-s {font-size: 14px;padding: 7px 15px;}
.xt-btn-m {font-size: 16px;padding: 13px 25px;}
.xt-btn-l {font-size: 17px; min-width: 60px; padding: 16px 40px;}
.xt-btn-xl {font-size: 18px; min-width: 60px;padding: 20px 70px;}
.xt-btn-xxl {font-size: 20px; min-width: 60px;padding: 26px 80px;}
.has-ys16 {border-color: #13dbec;color:#13dbec;}
.has-ys16.bgs {background: #13dbec;color:#fff;}
.xt-btn.disable{opacity: .6!important;pointer-events: none;cursor: default;}


/*模块标题*/
.xt-modular{margin:20px 10px 0; background:#fff; border-radius:10px;}
.xt-modular-middle{ padding:0 0 20px}
.xt-modular-header{padding:20px 0;padding-bottom:10px;border-bottom: 1px solid #f6f6f6;color: #333;font-size: 16px; display:flex;align-items: center;}
.xt-modular-header-line{width:4px; height:18px; border-radius:2px; margin:0 10px 0 0; background:#ff6d6a;}
.xt-modular-header-text{ font-size:17px;}
.xt-modular-header-more,.xt-modular-header-more a{ color:#999;}
.xt-modular-header .fr{ margin-left:auto;}
.xt-modular-header-right{margin-left:auto;}
.xt-modular-footer{padding:0 20px 20px;display:flex;align-items: center;}
.xt-line {display: inline-block;margin: 0 10px;width: 1px;height: 10px;background: #5b616d;}


/*登陆*/
.tux-01,.tux-02,.mascot{ position:absolute; z-index:2;}
.tux-01{ right:30px; top:0;}
.tux-02{ left:30px; bottom:0;}
.mascot{ right:80px; bottom:120px;}
.banner-mascot{position:absolute;z-index:1;left: 50%; top:0; transform: translate(-168%,0) scale(1);animation: Bmascot 0.5s 0.1s both;}
.banner-time{position:absolute;z-index:3;left: 50%; top:150px; transform: translate(-320px,0);animation: Btime 1s .8s both;}
.banner-text{position:absolute;z-index:1;left: 50%; top:286px; transform: translate(-320px,0);animation: Btext 1s 1.3s both;}
.banner-btn{ position:absolute;z-index:3;left: 50%; top:360px; transform: translate(-260px,0);animation: Bbtn 1s 1.8s both;border-radius: 10px !important; }
.banner-code{position:absolute;z-index:1;left: 50%; top:190px; transform: translate(65px,0);animation: Bbtn 1s 2s both;}
@keyframes Bmascot {
	0%{
		left:30%;
		opacity:.6;
	}
	100%{
		left:50%;
		opacity:1;
	}
}
@keyframes Btime {
	0%{
		top:180px;
		opacity:0;
	}
	100%{

	}
}
@keyframes Btext {
	0%{
		top:310px;
		opacity:0;
	}
	100%{

	}
}
@keyframes Bbtn {
	0%{
		top:400px;
		opacity:0;
	}
	100%{

	}
}

.line-bot { -moz-animation: lineBot 0.5s 0.1s both; -webkit-animation: lineBot 0.5s 0.1s both; animation: lineBot 0.5s 0.1s both; }
.line-top { -moz-animation: lineTop 0.5s 0.1s both; -webkit-animation: lineTop 0.5s 0.1s both; animation: lineTop 0.5s 0.1s both; }
@-moz-keyframes lineBot { 0% { -moz-transform: translate(-230px, 200px); transform: translate(-230px, 200px); }
	100% { -moz-transform: translate(0px, 0px); transform: translate(0px, 0px); } }
@-webkit-keyframes lineBot { 0% { -webkit-transform: translate(-330px, 200px); transform: translate(-330px, 200px); }
	100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } }
@keyframes lineBot { 0% { -moz-transform: translate(-230px, 200px); -ms-transform: translate(-230px, 200px); -webkit-transform: translate(-230px, 100px); transform: translate(-230px, 100px); }
	100% { -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } }
@-moz-keyframes lineTop { 0% { -moz-transform: translate(330px, -400px); transform: translate(330px, -400px); }
	100% { -moz-transform: translate(0px, 0px); transform: translate(0px, 0px); } }
@-webkit-keyframes lineTop { 0% { -webkit-transform: translate(330px, -400px); transform: translate(330px, -400px); }
	100% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } }
@keyframes lineTop { 0% { -moz-transform: translate(330px, -400px); -ms-transform: translate(330px, -400px); -webkit-transform: translate(330px, -400px); transform: translate(330px, -400px); }
	100% { -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); } }

.xt-login{ width:350px;border-radius:8px;background:#fff;box-sizing: border-box; position:absolute;z-index:4;left: 50%; top:50%; transform: translate(90%,-50%) scale(1);}
.xt-login-hd{}
.xt-login-hd li {display: inline-block;padding: 0 50px;height: 50px;line-height: 50px;font-size: 18px;color: #666;position: relative;}
.xt-login-hd li.line:before {content:''; position:absolute; left:0; top:15px; bottom:15px; width:1px; background:#dfe3e8;}
.xt-login-hd li.line:first-child:before{ background:none;}
.xt-login-hd li a{ color:#6f7c87;}
.xt-login-hd li.active a{ color:#00c3d4;}
.xt-login-hd li.active:after {content:''; position:absolute;left:50%; bottom:-1px; width:80px; margin-left:-40px; height:2px; background:#00c3d4;}
.xt-login-md{ padding:20px;}
.xt-login-md .content{ display:none}
.login-item{ margin-top:20px; padding-right:6px; border-radius:3px; border:1px solid #efeff4; overflow:hidden; display:flex;align-items: center; background:#fff;}
.login-item .iconfont{ display:inline-block; width:46px; height:46px; margin-right:10px; background:#cfd9df; color:#fff; text-align:center; line-height:46px; font-size:22px}
.login-inline{flex:1;}
.login-input{ width:100%;display: block;height:46px; border:none;background-color: #fff; font-size:15px;}
.xt-login-wrap i{ color:#999; font-size:18px;}
.xt-login-bd{ padding:20px;}
.xt-login-bd a{ padding:0 10px; color:#9badba}

/*首页*/
#xt-body>.xt-modular{ min-height:700px; -webkit-animation: scaleDraw .8s;}
@keyframes scaleDraw {
	0% {transform: scale(.9);}
	100% {transform: scale(1);}
}
.xt-top-right{}
.xt-top-right-item{ float:left; padding-left:40px; font-size:18px;}
.xt-text{ padding-top:10px; height:90px; line-height:1.5; color:#9badba; font-size:16px;}
/*开店*/
.kaidian-box{position: fixed;z-index: 998;left: 50%;top: 50%;border-radius:20px; transform: translate(-50%, -50%) scale(1);}
.kaidian-hd{ padding:20px 0; font-size:24px; text-align:center; color:#333;}
.kaidian-md{padding:80px;width: 450px;border-radius: 8px;background: #fff;box-sizing: border-box;}
.code-pic{ width:290px; height:290px; margin:auto;}
.code-text{ padding:35px 0; font-size:20px; color:#333333; text-align:center;}
/*新闻列表*/
.newsList{}
.newsList li{ height:78px; line-height:78px; border-bottom:1px dashed #dee2e7; display:flex; font-size:18px;}
.newsList li a{flex:1; margin-right:100px;}
.newsList li .time{ color:#9badba;}
/*单页*/
.xt-modular-tit{ font-size:30px; color:#333;}
.xt-modular-time{ padding-top:20px; color:#9badba;}
.danye{ padding:30px 0 0; min-height:700px; line-height:2.5; font-size:18px;}


/*左侧*/
.xt-line-h{ line-height:1.2;}
.xt-pageLeft{ float:left; width:300px;}
.xt-pageLeft + .xt-cont {margin-left: 310px;}
.xt-arrow{display: inline-block;width: 8px;height: 8px;border-top: 1px solid #999;border-right: 1px solid #999;}
.xt-arrow-up {transform: rotate(-45deg);}
.xt-arrow-down {transform: rotate(135deg);}
.xt-arrow-left {transform: rotate(-135deg);}
.xt-arrow-right {transform: rotate(45deg);}

.xt-left-nva {}
.xt-left-nva .first-li{color:#000}
.xt-left-nva .first-li>a {display: block;padding:15px;font-size:17px;color:#000; position: relative;}
.xt-left-nva .first-li>a .xt-arrow { position:absolute; left:-5px; top:18px;}
.xt-left-nva .first-li>a.active{ font-weight:bold;}
.xt-left-nva .first-li>a.active .xt-arrow { top:16px;transform: rotate(135deg); border-color:#333;}
.xt-left-nva .first-li>a.active + .second-ul{ display:block}
.xt-left-nva .second-ul{display: none;}
.xt-left-nva .second-li{ margin-left:5px; padding:5px;font-size: 14px; line-height: 20px; color:#444; display:flex;align-items: center;}
.xt-left-nva .second-li>a{ display:flex;align-items: center; color:#444}
.xt-left-nva .second-li>a.active{ color:#13dbec;}
.xt-left-nva .second-li .spot{ display:inline-block; margin-right:10px; width:4px; height:4px; border-radius:2px; background:#999;}
.xt-left-nva .second-li .c-main .spot{ background:#13dbec;}

@media screen and (max-width:750px) {
	body{
		width: 100%;
		min-width: auto;
	}
	.xt-fw{
		width: 100%;
	}
	#xt-header{
		height: 60px;
		line-height: 60px;
	}
	
  #xt-logo img{
		height: 50px;
	}
	.xt-top-right-item{
		padding:0 10px;
		font-size: 14px;
	}
	.xt-modular{
		margin-top: 10px;
	}
	.kaidian-box{
		padding-bottom: 80px;
	}
	.kaidian-md{
		width: 360px;
		padding: 20px !important;
	}
	#xt-footer{
		padding-bottom: 0;
	}
	.xt-col-4{
		width: 100%;
	}
	.xt-col-4.xt-padding-15{
		padding: 2px !important;
	}
	.tux-01{
		right: 0;
	}
	.tux-02{
		left: 0;
	}
	.xt-login{
		transform: translate(-50%,-50%) scale(1);
	}
	.banner-time{
		height: 70px;
		top:40px;
		transform: translate(-50%,0);
	}
	.banner-code,.banner-text{
		display: none;
	}
	.banner-btn{
		top:510px;
		width: 200px;
		transform: translate(-50%,0);
	}
	#xt-body>.xt-modular.xt-padding-l-100.xt-padding-r-100{
		padding-left: 12px!important;
		padding-right: 12px!important;
	}
	.xt-modular-time{
		padding-top: 10px;
	}
	.xt-modular-tit{
		font-size: 24px;
		font-weight: bold;
	}
	.xt-cont{
		padding: 12px;
	}
	.xt-modular-header-text {
		font-size: 24px;
		font-weight: bold;
	}
	.xt-pageLeft{
		width:100px ;
		
	}
	.xt-pageLeft + .xt-cont {
	    margin-left: 110px;
	}
	.xt-pageLeft .xt-padding-l-20{
		padding-left: 10px !important;
	}
	.xt-pageLeft .xt-padding-r-20{
		padding-right: 10px !important;
	}
	.xt-pageLeft .xt-padding-20{
		padding: 10px !important;
	}
	.xt-pageLeft .xt-modular{
		margin:12px 0
	}
	.m-block{
		display: block;
		padding: 4px 5px;
	}
}