/*V2~5*/
@charset "UTF-8";
*{ margin: 0; padding: 0; font-family: "Helvetica Neue",Helvetica,"Microsoft Yahei",sans-serif;
	-webkit-tap-highlight-color: transparent;
	/*-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-o-user-select:none;*/
}
/*@font-face {
  font-family: 'utc_icon'; 
  src: url('//at.alicdn.com/t/font_196111_4a5o7byqech.eot');
  src: url('//at.alicdn.com/t/font_196111_4a5o7byqech.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_196111_4a5o7byqech.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_196111_4a5o7byqech.woff') format('woff'),
  url('//at.alicdn.com/t/font_196111_4a5o7byqech.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_196111_4a5o7byqech.svg#utc_icon') format('svg');
}*/
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'utc_icon';
        src: url('../fonts/iconfont.svg?t=1483602031620#utc_icon') format('svg');
    }
}*/

table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul{list-style:none; overflow: hidden;}
li{ float: left;}
img{ display: inline-block; border:0;}
a{ display: inline-block; color: inherit; text-decoration: none; outline: none; cursor: pointer;}
i{ display: inline-block; font-style: normal;}
input,button,textarea{ border: none; background: transparent; vertical-align:middle; outline: none; overflow: visible;
	-webkit-user-select: auto;
}
h1{ height: 60px; line-height: 60px; font-size: 24px;}
object{display: none; width: 0; height: 0;}
html,body{ height: 100%;}
section{ position: relative; overflow: auto;}
button{ cursor: pointer;}
button:hover{ opacity: 0.9;}
button:active{ opacity: 1;}

a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	border: 0;
	outline : 0;
} 

i.icon,svg.icon{ font-family: 'utc_icon' !important; font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-stroke-width: 0px;
	text-rendering: optimizeLegibility;  
	font-weight: normal;
	font-style: normal;
	fill: currentColor;
}

i.icon_20{ font-family: 'utc_icon' !important; line-height: 20px; font-size: 20px; font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-stroke-width: 0px;
	text-rendering: optimizeLegibility;  
	font-weight: normal;
	font-style: normal;
}
i.icon_30{ font-family: 'utc_icon' !important; line-height: 30px; font-size: 30px; font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-stroke-width: 0px;
	text-rendering: optimizeLegibility;  
	font-weight: normal;
	font-style: normal;
}
i.icon_40{ font-family: 'utc_icon' !important; line-height: 40px; font-size: 40px; font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-smoothing:antialiased;
	-webkit-text-stroke-width: 0px;
	text-rendering: optimizeLegibility;  
	font-weight: normal;
	font-style: normal;
}
i.icon_60{ font-family: 'utc_icon' !important; line-height: 60px; font-size: 60px; font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-stroke-width: 0px;
	text-rendering: optimizeLegibility;  
	font-weight: normal;
	font-style: normal;
}
i.icon_80{ font-family: 'utc_icon' !important; line-height: 80px; font-size: 80px; font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-stroke-width: 0px;
	text-rendering: optimizeLegibility;  
	font-weight: normal;
	font-style: normal;
}

.jy_tran1 *{
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.jy_tran2 *{
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.jy_tran3 *{
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.jy_tran4 *{
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.jy_tran5 *{
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.jy_tran1{
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}
.jy_tran2{
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.jy_tran3{
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.jy_tran4{
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.jy_tran5{
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.jy_cube {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;
 
   -webkit-perspective: 1000;
   -moz-perspective: 1000;
   -ms-perspective: 1000;
   perspective: 1000;
   /* Other transform properties here */
}

button.jy_btn{ display: block; height: 30px; padding: 0 10px; font-size: 14px; color: #162336; border: 1px solid #6C8098; background-color: #FBFFFB; border-radius: 2px;}
button.jy_btn:hover{ opacity: 0.8;}
button.jy_btn:active{ opacity: 1;}
button.jy_btn.normal{ color: #FBFFFB; border-color: transparent; background-color: #00A0EA;}
button.jy_btn.import{ color: #FBFFFB; border-color: transparent; background-color: #35d474;}
button.jy_btn.warning{ color: #FBFFFB; border-color: transparent; background-color: #ee5555;}
button.jy_btn.tran{ border-color: #6C8098;}
button.jy_btn[disabled]{ background-color: #6C8098; cursor: auto;}

input.jy_text{ height: 28px; line-height: 28px; padding: 0 5px; font-size: 14px; border: 1px solid #6C8098; background-color: #FBFFFB; border-radius: 2px;}
input.jy_text:hover{ border-color: #35d474;}
input.jy_text:focus{ border-color: #35d474;}
input.jy_text.warning{ border-color: #EE5555;}
input.jy_text.underline{ padding: 0 5px; font-size: 14px; border: none; border-top: 1px solid transparent;  border-bottom: 1px solid #6C8098; border-radius: 0px;}
input.jy_text.underline:hover{ border-bottom-color: #35d474;}
input.jy_text.underline:focus{ border-bottom-color: #35d474;}
input.jy_text.underline.warning{ border-bottom-color: #EE5555;}
input.jy_text[readonly]{ border-color: transparent; background-color: transparent;}
input.jy_text[readonly]:hover{ border-color: transparent; background-color: transparent;}
input.jy_text[readonly]:focus{ border-color: transparent; background-color: transparent;}
input.jy_text.warning{ border-color: #EE5555;}
input.jy_text.underline.warning{ border-color: transparent; border-bottom-color: #EE5555;}
textarea.jy_text{ padding: 5px; min-height: 18px; font-size: 14px; border: 1px solid #6C8098; background-color: #FBFFFB; word-break: break-all; border-radius: 2px; resize: none;}
textarea.jy_text:hover{ border-color: #35d474;}
textarea.jy_text:focus{ border-color: #35d474;}
textarea.jy_text.warning{ border-color: #EE5555;}
textarea.jy_text[readonly]{ border-color: transparent; background-color: transparent; resize: none;}
textarea.jy_text[readonly]:hover{ border-color: transparent; background-color: transparent;}
textarea.jy_text[readonly]:focus{ border-color: transparent; background-color: transparent;}
textarea.jy_text.warning{ border-color: transparent; border-color: #EE5555;}

/*复选框*/
.jy_check{ display: block; position: relative; cursor: pointer;}
.jy_check i{  width: 18px; height: 18px; border: 1px solid #6C8098; border-radius: 2px;}
.jy_check i:hover{ border-color: #35d474;}
.jy_check i::after{ content: '✔'; display: block; height: 18px; line-height: 18px; color: transparent; text-align: center;}
.jy_check input[type=radio],.jy_check input[type=checkbox]{ display: none;}
.jy_check input[type=radio]:checked+i,.jy_check input[type=checkbox]:checked+i{ border-color: #35D474; box-shadow: inset 0 0 0 15px #35D474;}
.jy_check input[type=radio]:checked+i::after,.jy_check input[type=checkbox]:checked+i::after{ color: #ffffff;}
.jy_check input[type=radio].readonly:checked+i{ border-color: #6C8098; box-shadow: inset 0 0 0 15px #6C8098;}

dl.jy_select{ position: relative; height: 30px; border-radius: 2px; z-index: 1;}
dl.jy_select>dt{ height: 28px; line-height: 28px; margin-bottom: -1px; padding-left: 5px; font-size: 14px; border: 1px solid #6C8098; background-color: #FFFFFF; border-radius: 2px; cursor: pointer;}
dl.jy_select>dt:hover{ border-color: #35d474;}
dl.jy_select>dt:hover::after{ border-top-color: #35d474;}
dl.jy_select>dt::after{ content: ''; position: absolute; top: 12px; right: 10px; width: 0; height: 0; border: 6px solid #999; border-bottom: none; border-left-color: transparent; border-right-color: transparent;}
dl.jy_select>dd{ display: none; height: 30px; line-height: 30px; padding-left: 5px; font-size: 14px; color: #999999; border-left: 1px solid #6C8098; border-right: 1px solid #6C8098; background-color: #FFFFFF; cursor: pointer;}
dl.jy_select>dd:last-child{ border-bottom: 1px solid #cccccc; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px;}
dl.jy_select.show{ z-index: 2;}
dl.jy_select.show>dt{ border-color: #35d474;}
dl.jy_select.show>dt::after{ border-top-color: #35d474;}
dl.jy_select.show>dd{ display: block; border-color: #35d474;}
dl.jy_select>dd:hover{ background-color: #F2F2F2;}

/*弹窗*/
.jy_popupbox{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3); z-index: 10;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}
.jy_popupbox .jy_popupbg{ width: 100%; height: 100%; background-color: #000000; background-color: rgba(0,0,0,0); filter:alpha(opacity=30);}
.jy_popupbox .jy_popup{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; background: #FBFFFB; border-radius: 4px; box-shadow: 0 5px 5px rgba(0,0,0,0.3);;}
.jy_popupbox .jy_popuptitle{ position: absolute; top: 0; left: 0; right: 0; height: 40px; margin: auto; line-height: 40px; padding: 0 10px; font-size: 14px; color: #6C8098; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.jy_popupbox .jy_popuptitle .close{ float: right; margin-top: 10px; cursor: pointer;}
.jy_popupbox .jy_popuptitle .close:hover{ opacity: 0.8;}
.jy_popupbox .jy_popuptitle .close:active{ opacity: 1;}
.jy_popupbox .jy_popupcon{ position: absolute; top: 40px; left: 0; right: 0; bottom: 50px; margin: auto; padding: 0 10px; color: #1A2738; word-break: break-all; overflow: auto;}
.jy_popupbox .jy_popupbtn{ position: absolute; left: 0; right: 0; bottom: 0; height: 50px; margin: auto;}
.jy_popupbox .jy_popupbtn button{ float: right; margin: 10px;}
/*提示*/
/*alert*/
.jy_popupbox.alert .jy_popup{ width: 300px; height: 150px;}
.jy_popupbox.alert .jy_popupcon{ top: 20px; bottom: 50px;}
.jy_popupbox.alert .jy_popupbtn{ height: 50px;}
.jy_popupbox.alert .jy_popupbtn button{ padding: 0 15px;}
/*confirm*/
.jy_popupbox.confirm .jy_popup{ width: 300px; height: 150px;}
.jy_popupbox.confirm .jy_popupcon{ top: 20px; bottom: 50px;}
.jy_popupbox.confirm .jy_popupbtn{ height: 50px;}
.jy_popupbox.confirm .jy_popupbtn button{ padding: 0 15px;}
/*prompt*/
.jy_popupbox.prompt .jy_popup{ width: 350px; height: 200px;}
.jy_popupbox.prompt .jy_popupcon{ bottom: 50px;}
.jy_popupbox.prompt textarea{ width: 318px; height: 98px;}
.jy_popupbox.prompt .jy_popupbtn{ height: 50px;}
.jy_popupbox.prompt .jy_popupbtn button{ padding: 0 15px;}

/*cipher*/
.jy_popupbox.cipher .jy_popup{ width: 300px; height: 150px;}
.jy_popupbox.cipher .jy_popupcon{ bottom: 50px;}
.jy_popupbox.cipher input{ width: 248px; margin-top: 10px; font-size: 24px;}
.jy_popupbox.cipher .jy_popupbtn{ height: 50px;}
.jy_popupbox.cipher .jy_popupbtn button{ padding: 0 15px;}

.jy_viewbox{ position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3); z-index: 10;}
.jy_viewbox .jy_viewbg{ width: 100%; height: 100%; background-color: #000000; background-color: rgba(0,0,0,0); filter:alpha(opacity=30);}
.jy_viewbox .jy_view{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-width: 100%; max-height: 100%; margin: auto; background: #FFFFFF; border-radius: 4px; box-shadow: 0 5px 5px rgba(0,0,0,0.3);}
.jy_viewbox .jy_viewtitle{ position: absolute; top: 0; left: 0; right: 0; height: 30px; margin: auto; line-height: 30px; padding: 0 10px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.jy_viewbox .jy_viewtitle .close{ float: right; margin-top: 5px; font-size: 16px; cursor: pointer;}
.jy_viewbox .jy_viewcon{ position: absolute; top: 30px; left: 0; right: 0; bottom: 70px; margin: auto; padding: 0 10px; overflow: auto;}
.jy_viewbox .jy_viewbtn{ display: flex; justify-content: center; position: absolute; left: 0; right: 0; bottom: 0; height: 70px; margin: auto;}
.jy_viewbox .jy_viewbtn button{ float: right; margin: 10px; height: 50px; padding: 0 20px;}
.jy_viewbox-enter-active, .jy_viewbox-leave-active {
  transition: opacity .3s;
}
.jy_viewbox-enter,.jy_viewbox-leave-to{
  opacity: 0;
}
.jy_viewbox.alert .jy_viewcon{ display: flex; justify-content: center; align-items: center; top: 0; bottom: 50px; word-break: break-all;}
.jy_viewbox.alert .jy_view{ width: 300px; max-width: 100%; height: 150px; max-height: 100%; color: #333333; border-radius: 4px;}
.jy_viewbox.alert .jy_viewbtn{ display: flex; height: 50px; border-top: 1px solid #D4D9D4; border-radius: 0 0 4px 4px; overflow: hidden;}
.jy_viewbox.alert .jy_viewbtn button{ flex: 1; margin: 0; height: 100%; border-radius: 0;}

.jy_viewbox.confirm .jy_viewcon{ display: flex; justify-content: center; align-items: center; top: 0; bottom: 50px; word-break: break-all;}
.jy_viewbox.confirm .jy_view{ width: 300px; max-width: 100%; height: 150px; max-height: 100%; color: #333333; border-radius: 4px;}
.jy_viewbox.confirm .jy_viewbtn{ display: flex; height: 50px; border-top: 1px solid #D4D9D4; border-radius: 0 0 4px 4px; overflow: hidden;}
.jy_viewbox.confirm .jy_viewbtn button{ flex: 1; margin: 0; height: 100%; border-radius: 0;}
.jy_viewbox.confirm .jy_viewbtn button.tran{ border-color: transparent;}

.jy_alertmb{ display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; pointer-events: none;}
.jy_alertmb>div{ margin: 1rem; padding: 0.5rem 1rem; font-size: 1.2rem; color: #FFFFFF; background-color: rgba(0,0,0,0.5); border-radius: 0.5rem; word-break: break-all;}