/*
 +------------------------------------------
 | 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; }

/*弹窗样式*/
.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:90%; min-height:88px; z-index:889; }
.T-bo .JustBd .JustBd-bg{ position:absolute; background:#fff; left:0; right:0; top:0; bottom:0; z-index:0; border:1px solid #ccc; }
.T-bo .JustBd .JustBd-bg::after{ position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; z-index:1; /*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; border-radius:3px; }
.T-bo .JustBd.NotJustTitle .close{ background:none; color:#333; top:1px;right:0; }
.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 .close.close3{ background:#fff; color:#333; border-radius:50%; top:-10px;right:-10px;width:20px;height:20px;line-height:21px; }
.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.JustTitle .JustBd-bg{ }
.T-bo .JustBd.JustTitle .close{ height:40px; line-height:42px; font-size:16px; }
.T-bo .JustBd.JustTitle .JustTitle{ height:40px; line-height:40px; border-bottom:1px solid #ccc; background:#eee; position:relative; z-index:2; /*border-radius:3px 3px 0 0;*/ padding-left:18px; font-size:14px; margin:1px 1px 0; }
.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.iframe{ 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{ background:#333; }
.T-bo .JustBd.tv .JustCon{ width:1000px; height:100%; padding:0; margin:0; }
.T-bo .JustBd.tv .JustCon iframe{ width:100%; height:100%; }
/*.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 .JustMsg{ /*display:inline-block;*/ padding:7px 10px; color:#fff; /*min-width:100px; max-width:140px;*/ font-size:12px; }
.T-bo .JustBd.tip .JustBd-bg{ opacity:1;filter:alpha(opacity=100); background:#555; border:none; }
.T-bo .JustBd.tip .JustBd-bg:after{ display:none; }
.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 #555; 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 #555; 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 #555; 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 #555; 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 #555; 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:10px; }
.T-bo .JustBd .JustCon.JustIcon .just-icon{ width:1%; display:table-cell; font-size:46px; font-weight:100; 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; }
}
@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
}