/*
 +------------------------------------------
 | By Zinn
 +------------------------------------------
*/
/*网上下载的字体图标*/
@font-face {
	font-family: 'just-icon';
	src: url('./font/iconfont.eot');
	src: url('./font/iconfont.eot?#iefix') format('embedded-opentype'),
	url('./font/iconfont.woff') format('woff'),
	url('./font/iconfont.ttf') format('truetype'),
	url('./font/iconfont.svg#iconfont') format('svg');
}
.just-icon{
	font-family:"just-icon", 'Microsoft Yahei', Arial, Helvetica, sans-serif !important;
	font-size:16px;font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

.JustNotCopy{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
.JustNotCopy *{ cursor:default !important; }

.JustPic{text-align:center;display:block;font-size:0;}
.JustPic b{display:inline-block;height:100%;vertical-align:middle;}
.JustPic img{vertical-align:middle;}

.JustBtn1{ display:block; margin-top:6px; padding:3px 12px; min-width:60px; border-radius:4px; border:1px solid #ff5a00; background:#ff5a00; color:#fff; }

/*弹窗样式*/
.T-bo *{ font-family:'Microsoft Yahei', Arial, Helvetica, sans-serif; }
.T-bo .JustBg{ background:#000; position:fixed; left:0; right:0; top:0; bottom:0; z-index:888; opacity:0.2;filter:alpha(opacity=20); }
.T-bo .JustBg.bg2{ background:none; }
.T-bo .JustBg.bg3{ background:#fff; }
.T-bo .JustBd{ position:fixed; max-width:86%; max-height:94%; min-height:88px; z-index:888; }
.T-bo .JustBd .JustBd-bg{ position:absolute; background:#fff; left:0; right:0; top:0; bottom:0; z-index:0; /*border-radius:3px;*/ border:1px solid #ccc; }
.T-bo .JustBd .JustBd-bg:after{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; /*border-radius:3px;*/ box-shadow:0 0 9px #999; content:''; /**/background:rgba(255,255,255,1); }
.T-bo .JustBd .close{ position:absolute; top:0; right:0; z-index:3; height:30px; width:30px; text-align:center; line-height:30px; font-size:12px; cursor:pointer; }
.T-bo .JustBd .justMin{ position:absolute; top:0; right:50px; z-index:3; height:30px; width:30px; text-align:center; line-height:30px; font-size:20px; cursor:pointer; }
.T-bo .JustBd.NotJustTitle .close{ background:none; color:#333; top:1px;right:1px; }
.T-bo .JustBd .close.closenone{ display:none; }
.T-bo .JustBd .close.close0{ display:none; }
.T-bo .JustBd .close.close2{ background:#333; color:#fff; border-radius:50%; top:-10px;right:-10px;width:20px;height:20px;line-height:21px; }
.T-bo .JustBd .justMin.close2{ background:#333; color:#fff; border-radius:50%; top:-10px;right:20px;width:20px;height:20px;line-height:19px; }
.T-bo .JustBd .close.close3{ background:#eee; }
.T-bo .JustBd .close.close4{ background:#fff; color:#333; border-radius:50%; top:-10px;right:-10px;width:20px;height:20px;line-height:21px; }
.T-bo .JustBd .close.close5{ top:10px;right:10px; font-size:30px; color:#666; }
.T-bo .JustBd .close.closenull{ display:none; }
.T-bo .JustBd .JustCon{ width:400px; max-width:100%; margin:0 1px 1px; position:relative; z-index:1; }
.T-bo .JustBd .JustCon .JustMsg{ position:relative; z-index:2; padding:18px; font-size:13px; line-height:28px; }
.T-bo .JustBd .JustTime{ position:absolute; z-index:6; left:1px; top:1px; width:99.8%; height:2px; background:#f44336; }

.T-bo .JustBd .JustBd-bg.isbg{ border-color:transparent; }
.T-bo .JustBd .JustBd-bg.isbg:after{ display:none; }

.T-bo .JustBd.btn{ padding-bottom:30px; }
.T-bo .JustBd.btn .btnclose{ background:#eee; height:48px; line-height:50px; font-size:14px; text-align:center; position:absolute; z-index:3; bottom:0; left:0; right:0; cursor:pointer; }

.T-bo .JustBd.img{ width:100%; height:100%; max-height:100%; max-width:100%; }
.T-bo .JustBd.img img{ max-width:94%; max-height:94%; text-align:center; }

.T-bo .JustBd.JustTitle{ max-width:94%; }
.T-bo .JustBd.JustTitle .JustBd-bg{  }
.T-bo .JustBd.JustTitle .close{ line-height:50px; width:32px; font-size:16px; color:#fff; }
.T-bo .JustBd.JustTitle .JustTitle{ line-height:50px; background:#e60000; position:relative; z-index:2; /*border-radius:3px 3px 0 0; border-bottom:1px solid #ccc;*/ padding-left:18px; font-size:14px; margin:1px 1px 0; color:#fff; font-size:16px; }
.T-bo .JustBd.JustTitle .JustBd-bg::after{ background:none; }
.T-bo .JustBd.JustTitle .JustCon{ margin:0 -1px 1px; }

.T-bo .JustBd.bar{ width:auto; min-height:inherit; }
.T-bo .JustBd.bar .JustBd-bg{ background:#333; opacity:0.8 !important;filter:alpha(opacity=80) !important; /*border-radius:3px;*/ border:none; }
.T-bo .JustBd.bar .JustBd-bg:after{ opacity:0;filter:alpha(opacity=0); }
.T-bo .JustBd.bar .JustCon{ width:auto; }
.T-bo .JustBd.bar .JustCon .JustMsg{ display:inline-block; padding:9px 26px; }
.T-bo .JustBd.bar.JustTitle .JustCon .JustMsg{ padding:9px 18px; }
.T-bo .JustBd.bar .close{ color:#fff; }
.T-bo .JustBd.bar.JustTitle .JustTitle{ background:none; border:none; color:#fff; border-bottom:1px solid #eee; }
/*.T-bo .JustBd.JustTitle .JustTitle .close{ color:#333; }*/

.T-bo .JustBd.none .JustBd-bg{ background:none; border:none; }
.T-bo .JustBd.none .JustBd-bg:after{ opacity:0;filter:alpha(opacity=0); }
.T-bo .JustBd.none .JustCon{ margin:0; }
.T-bo .JustBd.none .JustCon .JustMsg{ padding:0; }

.T-bo .JustBd.iframe{ max-width:94%; /*width:90%; height:90%;*/ }
.T-bo .JustBd.iframe .JustCon{ width:100%; height:100%; padding:0; }
.T-bo .JustBd.iframe .JustCon iframe{ width:100%; height:100%; }
/*.T-bo .JustBd.iframe .close{ width:40px; height:40px; background:#eee; border-radius:3px; margin:5px; line-height:40px; }*/

.T-bo .JustBd.tv{ max-width:94%; background:#333; }
.T-bo .JustBd.tv .JustCon{ width:1000px; height:0; padding:0; padding-top:56.25%; margin:0; position:relative; }
.T-bo .JustBd.tv .JustCon iframe{ width:100%; height:100%; position:absolute; left:0; top:0; }
.T-bo .JustBd.tv .JustBd-bg{ background:#333; }
.T-bo .JustBd.tv .JustBd-bg::after{ background:#333; }
/*.T-bo .JustBd.tv .close{ width:40px; height:40px; background:#eee; border-radius:3px; margin:5px; line-height:40px; }*/

.T-bo .JustBd.tip{ width:auto; min-height:inherit;/* -webkit-transition:all 300ms ease 0s; transition:all 300ms ease 0s;*/ }
.T-bo .JustBd.tip .JustCon{ width:auto; }
.T-bo .JustBd.tip .JustCon > div{ /*display:inline-block;*/ padding:7px 10px; /*min-width:100px; max-width:140px;*/ font-size:12px; }
.T-bo .JustBd.tip .JustBd-bg{ opacity:1;filter:alpha(opacity=100); }
.T-bo .JustBd.tip .close{ line-height:20px; }
.T-bo .JustBd.tip .icon-sjx,
.T-bo .JustBd.tip .icon-sjxi{ width:0; height:0; position:absolute; display:block; z-index:4; }
.T-bo .JustBd.tip .icon-sjxi{ border-right-color:#fff; }
.T-bo .JustBd.tip .icon-sjx.right,
.T-bo .JustBd.tip .icon-sjxi.right{ right:100%; top:10px; border-top:4px solid transparent; border-right:9px solid #ccc; border-bottom:4px solid transparent }
.T-bo .JustBd.tip .icon-sjxi.right{ border-right-color:#fff; margin-right:-2px; }
.T-bo .JustBd.tip .icon-sjx.top,
.T-bo .JustBd.tip .icon-sjxi.top{ border:none; border-left:4px solid transparent; border-top:9px solid #ccc; border-right:4px solid transparent; left:12px; top:100%; z-index:4; }
.T-bo .JustBd.tip .icon-sjxi.top{ border-top-color:#fff; margin-top:-2px; }
.T-bo .JustBd.tip .icon-sjx.left,
.T-bo .JustBd.tip .icon-sjxi.left{ border:none; border-top:4px solid transparent; border-left:9px solid #ccc; border-bottom:4px solid transparent; top:13px; left:100%; z-index:4; }
.T-bo .JustBd.tip .icon-sjxi.left{ border-left-color:#fff; margin-left:-2px; }
.T-bo .JustBd.tip .icon-sjx.bottom,
.T-bo .JustBd.tip .icon-sjxi.bottom{ border:none; border-left:4px solid transparent; border-bottom:9px solid #ccc; border-right:4px solid transparent; left:10px; bottom:100%; z-index:4; }
.T-bo .JustBd.tip .icon-sjxi.bottom{ border-bottom-color:#fff; margin-bottom:-2px; }
.T-bo .JustBd.tip .icon-sjx.bottom-left,
.T-bo .JustBd.tip .icon-sjxi.bottom-left{ border:none; border-left:4px solid transparent; border-bottom:9px solid #ccc; border-right:4px solid transparent; right:10px; bottom:100%; z-index:4; }
.T-bo .JustBd.tip .icon-sjxi.bottom-left{ border-bottom-color:#fff; margin-bottom:-2px; }

.T-bo .JustBd .JustCon.JustIcon{ display:table; width:400px; }
.T-bo .JustBd .JustCon.JustIcon .JustMsg{ display:table-cell; vertical-align:middle; padding:20px; }
.T-bo .JustBd .JustCon.JustIcon .just-icon{ width:1%; display:table-cell; vertical-align:middle; font-size:46px; /*font-weight:900;*/ padding:20px 10px 20px 20px; }
.T-bo .JustBd .JustCon.JustIcon1 .just-icon{ color:#FF9800; }
.T-bo .JustBd .JustCon.JustIcon2 .just-icon{ color:#E91E63; }
.T-bo .JustBd .JustCon.JustIcon3 .just-icon{ color:#2196F3; }
.T-bo .JustBd .JustCon.JustIcon4 .just-icon{ color:#00BCD4; }
.T-bo .JustBd .JustCon.JustIcon5 .just-icon{ color:#009688; }

.T-bo .JustBd.isAp{ position:absolute; }

@media only screen and (max-width: 900px){
	.T-bo .JustBd.tv{ width:100%; max-width:100%; margin:0 auto auto auto !important; top:0 !important; right:auto !important; left:auto !important; bottom:auto !important; }
	.T-bo .JustBd.tv .close{ width:100%; height:auto; background:#3F3F3F;/*#46D8AC;*/ border-radius:0; margin:0 !important; right:0 !important; top:100%; line-height:inherit; font-size:0;  padding:14px 0; }
	.T-bo .JustBd.tv .close:before{ content:'关闭'; font-size:14px; color:#fff; }
}

/*@media only screen and (max-width: 500px){
	.T-bo .JustBd .JustCon{ font-size:1.5rem; line-height:2.5rem; }
	.T-bo .JustBd .JustCon *{ font-size:1.5rem !important; line-height:2.5rem !important; }
}*/
@media only screen and (max-width: 500px){
	/*.T-bo .JustBd .JustCon{ font-size:12px; line-height:20px; }
	.T-bo .JustBd .JustCon *{ font-size:12px !important; line-height:20px !important; }*/
	.T-bo .JustBd .JustCon.JustIcon .just-icon{ font-size:40px !important; font-weight:100; }
	
	.T-bo .JustBd .close.close5{ font-size:20px; }
}
@media only screen and (min-width: 1px){
	.T-bo .JustBd .JustBd-bg{ border:none; }
	.T-bo .JustBd.JustTitle .JustTitle{ margin:0; }
	.T-bo .JustBd .JustCon{ margin:0; }/**/
}

.JustAnimate {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes JustInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(30deg);
		transform: perspective(400px) rotateX(30deg);
		opacity: 0
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(0deg);
		transform: perspective(400px) rotateX(0deg);
		opacity: 1
	}
}
@keyframes JustInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(30deg);
		-ms-transform: perspective(400px) rotateX(30deg);
		transform: perspective(400px) rotateX(30deg);
		opacity: 0
	}
	100% {
		-webkit-transform: perspective(400px) rotateX(0deg);
		-ms-transform: perspective(400px) rotateX(0deg);
		transform: perspective(400px) rotateX(0deg);
		opacity: 1
	}
}
.JustInX {
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: JustInX;
	animation-name: JustInX
}

@-webkit-keyframes JustOutDown {
	0% {
		z-index:111111111111;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		z-index:111111111111;
		opacity: 0;
		-webkit-transform: translateY(120px);
		transform: translateY(120px)
	}
}
@keyframes JustOutDown {
	0% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(120px);
		-ms-transform: translateY(120px);
		transform: translateY(120px)
	}
}
.JustOutDown {
	-webkit-animation-name: JustOutDown;
	animation-name: JustOutDown
}

@-webkit-keyframes Justoo {
	0% {}
	100% {
		opacity: 0;
	}
}
@keyframes Justoo {
	0% {}
	100% {
		opacity: 0;
	}
}
.Justoo {
	-webkit-animation-name: Justoo;
	animation-name: Justoo
}


/* 表单类 */
form{}
form input,
form select,
form textarea{ border:none; outline:none; background:none; display:inline-block; vertical-align:middle; -weibox-sizing:border-box; box-sizing:border-box; color:#333; }
form input:disabled,
form textarea:disabled{ color:#333; }
form .J-c > s{ display:block; float:left; font-size:0; height:100%; padding-right:4px; }
form .J-c{ height:20px; line-height:20px; display:inline-block; }
form .J-i,
form .J-t{ display:block; }
form .J-i.blue,
form .J-t.blue{ box-shadow:0 0 3px rgba(0, 102, 255, 0.3); border-color:#6fbdff !important; -webkit-transition:all 100ms ease 0s; transition:all 100ms ease 0s; }
form .J-i.green,
form .J-t.green{ box-shadow:0 0 3px rgba(0, 204, 0, 0.3); border-color:#9cca2c !important; -webkit-transition:all 100ms ease 0s; transition:all 100ms ease 0s; }

form .J-i{ font-size:0; cursor:text; }
form .J-i input,
form .J-i select{ width:100%; min-height:80%; }
form .J-c s:after,
form .J-i:after{ content:''; height:100%; display:inline-block; vertical-align:middle; }

form .J-t{ font-size:0; overflow-x:hidden; }
form .J-t textarea{ width:100%; max-width:100%; }

form .J-i.s{ position:relative; /*padding-right:24px;*/ /*cursor:pointer;*/ }
form .J-i.s > i{ position:absolute; top:50%; line-height:24px; margin-top:-12px; bottom:0; right:9px; display:block; font-size:14px; padding-left:4px; pointer-events:none }
form .J-i.s > div{ position:absolute; top:0; bottom:0; left:0; right:0; }
form .J-i.s.s1 > i{ font-size:12px; line-height:25px; }
form .J-i.s > dl{ display:none; max-height:200px; position:absolute; overflow-y:auto; overflow-x:hidden; top:100%; left:-1px; min-width:150px; /*min-width:100%;right:-1px;*/ white-space:nowrap; background:#fff; border:1px solid #67b2d4; text-overflow:ellipsis; z-index:24; }
form .J-i.s > dl dt,
form .J-i.s > dl dd{ padding:4px 9px; line-height:20px; z-index:1; position:relative; cursor:pointer; font-size:12px; }
form .J-i.s > dl dd:hover{ background:#eee; }
form .J-i.s.cur > dl{ display:inline-block; }
form .J-i.s.top > dl{ bottom:100%; top:auto; }

@media only screen and (min-width:1px){
	/*form .J-i.s > dl{ background:rgba(255,255,255,0.9); }*/
}