@charset "utf-8";
html, body {overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,code,pre,form,fieldset,legend,input,button,textarea,area,blockquote,th,td,p {margin:0; padding:0;}
.xtiper {position:relative;}
.xtiper_msg {transition-duration:0.2s; transition-timing-function:ease-out; transition-property:transform,opacity;}
.xtiper_msg {max-width:752px; position:fixed; left:50%; height:50px; line-height:50px; font-size:14px; border-radius:3px; overflow:hidden; z-index:99999; opacity:0; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.xtiper_msg_black {background-color:rgba(0,0,0,0.6); color:#fff;}
.xtiper_msg_white {background-color:rgba(255,255,255,0.96); color:#222;}
.xtiper_msg_middle {top:50%; margin-top:-25px; transform:scale(0,0);}
.xtiper_msg_top {transform:translate(0, -100%) scale(1, 1); top:0;}
.xtiper_msg_bottom {transform:translate(0, 100%) scale(1, 1); bottom:0;}
.xtiper_msg.xon {opacity:1;}
.xtiper_msg_middle.xon {transform:scale(1,1);}
.xtiper_msg_top.xon {transform:translate(0, 0) scale(1, 1);}
.xtiper_msg_bottom.xon {transform:translate(0, 0) scale(1, 1);}
.xtiper_msg p {padding:0 24px; word-spacing:nowrap;}
.xtiper_danmu {border:3px solid transparent; left:0; transition-property:none; opacity:1; background-origin:content-box; font-size:16px; font-weight:bold;}
.xtiper_danmu_animate {animation:danmu_animate 6s 1 linear; -webkit-animation:danmu_animate 6s 1 linear;}
.xtiper_danmu_light {border:3px solid red;}

@keyframes danmu_animate
{
	100% {transform:translate(-102%, 0);}
}

.xtiper_tips {position:absolute; z-index:99999; max-width:200px; opacity:0; transform:scale(0,0); transition-duration:0.1s; transition-timing-function:ease-in; transition-property:opacity,transform; box-shadow:0 0 5px rgba(0,0,0,0.3);}
.xtiper_tips.xon {transition-duration:0.2s; opacity:1; transform:scale(1,1);}
.xtiper_tips p {padding:10px 16px; background-color:#000; border-radius:3px; color:#fff; line-height:18px; font-size:12px; position:relative; z-index:2;}
.xtiper_tips em {display:block; position:absolute; width:10px; height:10px; background-color:#000; transform: rotate(45deg); box-shadow:0 0 5px rgba(0,0,0,0.3); z-index:1;}
.xtiper_tips_left em {top:12px; right:-4px;}
.xtiper_tips_right em {top:12px; left:-4px;}
.xtiper_tips_top em {left:12px; bottom:-4px;}
.xtiper_tips_bottom em {left:12px; top:-4px;}

.xtiper_win {z-index:99999;}
.xtiper_win_fixed {width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999;}
.xtiper_bg {width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; background-color:rgba(0,0,0,0); transition:0.2s ease-in; transition-property:background-color;}
.xtiper_bg_white {background-color:rgba(255,255,255,0); transition:0.05s ease-in;}
.xtiper_win.xon .xtiper_bg {background-color:rgba(0,0,0,0.5);}
.xtiper_win.xon .xtiper_bg_white {background-color:rgba(255,255,255,0.5);  transition:0.05s ease-in;}
.xtiper_main {width:300px; background-color:#fff; position:absolute; box-shadow:0 0 10px rgba(0,0,0,0.2); z-index:2; opacity:0; transition:0.15s ease-in; transform:scale(0,0); transition-property:opacity,transform;}
.xtiper_main.xapp {background-color:transparent;}
.xtiper_main_photo {transition-property:opacity,transform,height,top;}
.xtiper_main_photo.xon {transition-property:opacity,transform,height;}
.xtiper_win.xon .xtiper_main {transform:scale(1,1); opacity:1;}
.xtiper_win.xon .xtiper_main, .xtiper_win.xon .xtiper_bg {transition-duration:0.2s; transition-timing-function:ease-in;}
.xtiper_tit {height:40px; line-height:40px; color:#222; font-size:14px; background-color:#f8f8f8; padding:0 18px; position:relative; user-select:none; cursor:move;}
.xtiper_tit:after {content:""; display:block; width:100%; height:1px; background-color:#eee; position:absolute; bottom:0; left:0;}
.xtiper_tit_none {height:8px; background-color:#f0f0f0;}
.xtiper_tit.xminmax {cursor:default;}
.xtiper_tit p {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-right:28px;}
.xtiper_tit.xmcss1 p {margin-right:62px;}
.xtiper_tit.xmcss2 p {margin-right:96px;}
.xtiper_tit.xmin p {margin-right:62px;}

.xtiper_minmax {position:absolute; top:5px; right:6px;}
.xtiper_close {z-index:10;}
.xtiper_close, .xtiper_min, .xtiper_max {width:30px; height:30px; cursor:pointer; box-sizing:border-box; margin-right:4px; float:left; background-size:18px; background-repeat:no-repeat; background-position:center center; position:relative;}
.xtiper_minmax div:last-child {margin-right:0;}
.xtiper_close:before, .xtiper_close:after {content:""; display:block; width:14px; height:2px; background-color:#2d2c3b; position:absolute; top:14px; left:8px;}
.xtiper_close:before {transform:rotate(45deg);}
.xtiper_close:after {transform:rotate(-45deg);}
.xtiper_close:hover, .xtiper_min:hover, .xtiper_max:hover {opacity:0.8;}
.xtiper_close:before, .xtiper_close:after {transition-duration:0.2s; transition-timing-function:ease-in; transition-property:transform;}
.xtiper_close:hover:before {transform:rotate(135deg);}
.xtiper_close:hover:after {transform:rotate(45deg);}
.xtiper_close_notit {margin-right:0; background-color:#333; border:3px solid #fff; position:absolute; top:-10px; right:-10px; border-radius:50%; transition-duration:0.2s; transition-timing-function:ease-in; transition-property:background-color;}
.xtiper_close_notit:before, .xtiper_close_notit:after {background-color:#fff; top:11px; left:5px;}
.xtiper_close_notit:hover {opacity:1; background-color:#2b84d0;}

.xtiper_photo {position:relative; overflow:hidden; transition-property:transform,opacity;}
.xtiper_photo_ul {padding:0 60px; height:100%;}
.xtiper_photo_ul ul {height:calc(100% - 26px); position:relative; overflow:hidden;}
.xtiper_photo_li {width:100%; height:100%; position:absolute; top:0; left:0; text-align:center; opacity:0; transform:scale(0, 0); transition-duration:0.3s; transition-timing-function:ease-out; transition-property:transform,opacity;}
.xtiper_photo_li.xon {opacity:1; transform:scale(1, 1);}
.xtiper_photo_li.xold_prev {transform:scale(1, 1) translate(100%, 0);}
.xtiper_photo_li.xold_next {transform:scale(1, 1) translate(-100%, 0);}

.xtiper_sheet {width:100%; background-color:#fff; bottom:0; left:0; position:absolute; z-index:2; transition:0.1s ease-in; transition-property:transform; transform:translate(0, 100%);}
.xtiper_sheet_ul, .xtiper_sheet_tit {background-color:#efeff4;}
.xtiper_win.xon .xtiper_sheet {transition:0.2s ease-in; transform:translate(0, 0);}
.xtiper_sheet_left {text-align:left;}
.xtiper_sheet_right {text-align:right;}
.xtiper_sheet_center {text-align:center;}
.xtiper_sheet_tit {padding:15px; font-size:15px; color:#222; line-height:20px; font-weight:bold;}
.xtiper_sheet_li {font-size:14px; height:48px; line-height:48px; background-color:#fff; border-top:1px solid #d9d9d9; cursor:pointer; color:#222; user-select:none; -ms-user-select:none;}
.xtiper_sheet_li a {display:block; width:100%; color:#222; text-decoration:none;}
.xtiper_sheet_li a:hover {color:#222; text-decoration:none;}
.xtiper_sheet_li p {padding:0 15px;}
.xtiper_sheet_li.xlast {margin-top:8px; border-top:0;}

.xtiper_min {background-image:url();}
.xtiper_min.xon {margin-right:0; background-image:url();}
.xtiper_max {background-image:url();}
.xtiper_max.xon {background-image:url();}
.xtiper_times {color:#e85445;}
.xtiper_pad {padding:15px;}
.xtiper_tip {font-size:14px; line-height:20px; min-height:60px; overflow:hidden;}
.xtiper_btn ul {text-align:center; display:flex; overflow:hidden; border-top:1px solid #eaeaea;}
.xtiper_btn ul:after {content:""; display:block; clear:both;}
.xtiper_btn li {float:left; overflow:hidden; position:relative;}
.xtiper_btn li:after {content:""; display:block; width:1px; height:40px; overflow:hidden; position:absolute; top:0; right:0; background-color:#eaeaea;}
.xtiper_btn li.active:after {background-color:rgba(255,255,255,0.2);}
.xtiper_btn1 li {width:100%; float:none;}
.xtiper_btn2 li {width:50%;}
.xtiper_btn3 li {width:33.3%; -webkit-box-flex:1; -ms-flex:1; flex:1;}
.xtiper_btn4 li {width:25%; -webkit-box-flex:1; -ms-flex:1; flex:1;}
.xtiper_btn li button {width:100%; height:40px; background-color:#fff; cursor:pointer; color:#222; font-size:14px; border:0;}
.xtiper_btn li.active button {color:#fff;}
.xtiper_btn li.active button {background-color:#a8a8a8;}
.xtiper_btn_success li.active button, .xtiper_btn_hello li.active button, .xtiper_btn_success .xtiper_btnbor, .xtiper_btn_hello .xtiper_btnbor {background-color:#37b72c;}
.xtiper_btn_error li.active button, .xtiper_btn_error .xtiper_btnbor {background-color:#e75445;}
.xtiper_btn_warning li.active button, .xtiper_btn_ask li.active button, .xtiper_btn_warning .xtiper_btnbor, .xtiper_btn_ask .xtiper_btnbor {background-color:#f89310;}
.xtiper_btn1 li.active button {background-color:#fff; color:#222;}
.xtiper_btn li:last-child:after {display:none;}
.xtiper_btn li button:hover {opacity:0.9;}
.xtiper_btnbor {width:100%; height:4px; overflow:hidden; background-color:#c3c3c3; position:relative;}
.xtiper_btnbor:after {content:""; display:block; width:100%; height:4px; background-color:rgba(0,0,0,0.1); position:absolute; top:0; left:0;}
.xtiper_btn1 .xtiper_btnbor:after {display:none;}
.xtiper_btn3 li:nth-child(1) {opacity:0.84;}
.xtiper_btn3 li:nth-child(2) {opacity:0.92;}
.xtiper_btn4 li:nth-child(1) {opacity:0.76;}
.xtiper_btn4 li:nth-child(2) {opacity:0.84;}
.xtiper_btn4 li:nth-child(3) {opacity:0.92;}
.xtiper_pr {position:relative;}
.xtiper_content {height:100%; overflow:auto; position:relative;}
.xtiper_content.xtit {height:calc(100% - 40px);}
.xtiper_content.xmin {height:calc(100% - 8px);}
.xtiper_over {overflow:hidden;}
.xtiper_content .zw {width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0; display:none;}
.xtiper_main.xon .xtiper_content .zw {display:block;}
.xtiper_con {padding-top:8px; padding-bottom:12px;}
.xtiper_con_icon {padding-left:42px;}
.xtiper_conin {max-height:400px; overflow-x:hidden; overflow-y:auto;}
.xtiper_conin::-webkit-scrollbar {width:5px;}
.xtiper_conin::-webkit-scrollbar-track {background-color:#f1f1f1; border-radius:3px;}
.xtiper_conin::-webkit-scrollbar-thumb {background-color:#c1c1c1; border-radius:3px;}
.xtiper_loadin {width:34px; height:34px; display:block; position:absolute; top:50%; margin-top:-17px; left:50%; margin-left:-17px; opacity:0; transition:0.1s ease-in; transition-property:opacity; z-index:2;}
.xtiper_loadin span {width:280px; position:absolute; top:36px; left:50%; margin-left:-140px; text-align:center; height:24px; line-height:24px; font-size:14px; color:#222; white-space:nowrap;}
.xtiper_win.xon .xtiper_loadin {opacity:1; transition:0.2s ease-in;}
.xtiper_icon {width:34px; height:34px; display:inline-block; background-size:100% 100%; background-repeat:no-repeat; position:absolute; top:0; left:0; vertical-align:middle;}
.xtiper_icon img {width:34px; height:34px;}
.xtiper_icon_min {width:20px; height:20px; position:static; top:auto; left:auto; transform:translateY(-1px); margin-right:5px;}
.xtiper_icon_min img {width:20px; height:20px;}
.xtiper_icon_success {background-image:url();}
.xtiper_icon_error {background-image:url();}
.xtiper_icon_warning {background-image:url();}
.xtiper_icon_ask {background-image:url();}
.xtiper_icon_hello {background-image:url();}
.xtiper_icon_load {background-image:url();}
.xtiper_icon_load {animation:revolve 1.5s infinite linear; -webkit-animation:revolve 1.5s infinite linear;}
@keyframes revolve
{
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}

@media (max-width: 760px) {
	.xtiper_msg {max-width:80%;}
}
@media (max-width: 480px) {
	.xtiper_msg {max-width:300px;}
	.xtiper_photo_ul {padding:0;}
	.xtiper_photo_btn {display:none;}
}

.xtiper_photo_li p {width:100%; max-height:100%; min-height:100px; position:absolute; top:50%; transform:translate(0, -50%); background-position:center center; background-repeat:no-repeat; background-size:contain; background-color:#fff;}
.xtiper_photo_li a {display:block; width:100%; height:100%; position:relative; z-index:2;}
.xtiper_photo_load {position:absolute; top:50%; left:50%; margin-left:-17px; margin-top:-17px; z-index:1;}
.xtiper_photo_li img {max-width:100%; visibility:hidden;}
.xtiper_photo_li.xapp img {width:100%; visibility:visible;}
.xtiper_photo_btn {position:absolute; top:50%; transform:translate(0, -50%); width:32px; height:46px; overflow:hidden; cursor:pointer; z-index:2;}
.xtiper_photo_prev {left:16px;}
.xtiper_photo_next {right:16px;}
.xtiper_photo_btn:before, .xtiper_photo_btn:after {content:""; display:block; width:26px; height:4px; background-color:#666; position:absolute; border-radius:4px;}
.xtiper_photo_btn:hover {opacity:0.7;}
.xtiper_photo_prev:before {transform:rotate(-45deg); top:13px; left:3px;}
.xtiper_photo_prev:after {transform:rotate(45deg); top:29px; left:3px;}
.xtiper_photo_next:before {transform:rotate(45deg); top:13px; right:3px;}
.xtiper_photo_next:after {transform:rotate(-45deg); top:29px; right:3px;}
.xtiper_words {padding-right:8px;}
.xtiper_photo_num {display:inline-block; position:absolute; bottom:0; text-align:center; left:50%; transform:translate(-50%, 0); font-size:13px; z-index:10; height:26px; line-height:26px; overflow:hidden; user-select:none; -ms-user-select:none;}

/*2021*/
.loginbox {padding:15px; font-size:14px;}
.loginbox div {padding-bottom:10px;}
/*****表单控件*****/
label {cursor:pointer;}
input, textarea, select, button {outline:none;}
.xinput, .xtext {border:1px solid #bebebe; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:14px; color:#333; width:200px; border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.xinput, .xtext, .xselect {-webkit-transition:0.2s ease-in; transition:0.2s ease-in;}
.xinput, .xtext {transition-property:box-shadow,border-color;}
.xselect {transition-property:box-shadow;}
.xinput::-webkit-input-placeholder, .xtext::-webkit-input-placeholder {color:#a9a9a9;}
.xinput {height:34px;  padding:0 8px;}
.xtext {height:80px; padding:4px 8px; line-height:20px;}
.xinput.xunder, .xtext.xunder {border-top:0; border-left:0; border-right:0; border-bottom:1px solid #bebebe; background-color:transparent;}
.xinput:focus, .xtext:focus, .xselect:hover {border-color:#7a9cd3; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(122,156,211,0.6);}
.xinput.xunder:focus, .xtext.xunder:focus {border-color:#7a9cd3; -webkit-box-shadow:inset 0 0 0 rgba(0,0,0,0),0 0 0 rgba(0,0,0,0); box-shadow:inset 0 0 0 rgba(0,0,0,0),0 0 8px rgba(0,0,0,0);}
.xinput.xwidth1, .xtext.xwidth1, .xselect.xwidth1 {width:250px;}
.xinput.xwidth2, .xtext.xwidth2, .xselect.xwidth2 {width:300px;}
.xinput.xwidth3, .xtext.xwidth3, .xselect.xwidth3 {width:350px;}
.xinput.xwidth4, .xtext.xwidth4, .xselect.xwidth4 {width:400px;}
.xinput.xwidth5, .xtext.xwidth5, .xselect.xwidth5 {width:450px;}
.xinput.xwidth6, .xtext.xwidth6, .xselect.xwidth6 {width:500px;}
.xinput.xheight1, .xselect.xheight1 {height:38px;}
.xinput.xheight2, .xselect.xheight2 {height:42px;}
.xinput.xheight3, .xselect.xheight3 {height:46px;}
.xinput.xheight4, .xselect.xheight4 {height:50px;}
.xtext.xheight1 {height:100px;}
.xtext.xheight2 {height:120px;}
.xtext.xheight3 {height:140px;}
.xtext.xheight4 {height:160px;}
.xtext.xheight5 {height:180px;}
.xtext.xheight6 {height:200px;}
.xinput.xful, .xtext.xful, .xbutton.xful, .xselect.xful {width:100%;}
.xinput.xround, .xtext.xround, .xbutton.xround, .xselect.xround, .xtable.xround, .xtablein.xround>table, .xtablein.xtableall.xround table {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.xinput.xreadonly {background-color:#eee; cursor:not-allowed; color:#a9a9a9;}
.xinput.xreadonly:focus {border-color:#bebebe; box-shadow:inset 0 0 0 rgba(0,0,0,0),0 0 0 rgba(0,0,0,0);}
.xbutton {box-shadow:inset 0px 0px 2px #fff; -webkit-box-shadow:inset 0px 0px 2px #fff; -moz-box-shadow:inset 0px 0px 2px #fff; padding:0 18px; height:38px; cursor:pointer; font-size:14px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.xbutton.xmin {min-width:72px;}
.xselect {width:200px; height:34px; border:1px solid #bebebe; padding:0 16px 0 6px; -webkit-box-sizing:border-box; box-sizing:border-box; border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; background-image:url(); background-repeat:no-repeat; background-position:right center; background-color:#fff;}
.xselect.xblack {background-image:url(); background-color:#333; border-color:#333; color:#fff;}
/*xblue*/
.xbutton.xblue{ display:block; text-align:center; line-height:38px;}
.xbutton.xblue, .xfile.xblue span {background-image:none; color:#fff; border:1px solid #0e73e9; background-color:#0e73e9;}
.xbutton.xblue:hover, .xfile.xblue:hover span {background-color:#005ecd;}