@charset "utf-8";
/* CSS Document    txt w487 mt3*/
/*-------------------------
# 	[Master Stylesheet] 
# 	Project:		
# 	Version:		1.0.1
#   Last Change:    2016-01-29 by monkeyg
-------------------------*/
/*== reset style ==*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td,i { margin:0; padding:0; }
pre { white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; }
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
article, aside, dialog, figure, footer, header, hgroup, nav, section, figcaption, details, summary { display:block; }
body, button, input, select, textarea { font:12px/1.5 arial,tahoma, \5b8b\4f53, sans-serif; }
h1, h2, h3, h4, h5, h6, b,button, input, select, textarea{ font-weight:normal; font-size:100%; }
address, cite, dfn, em, var, i { font-style:normal; }
code, kbd, pre, samp { font-family:courier new, courier, monospace; }
small { font-size:12px; }
ul, ol { list-style:none; }
a:link, a:visited, a:hover, a:active {text-decoration: none;}
a{color: #333;}
dt{font-weight: normal;}
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }

table { border-collapse:collapse; border-spacing:0; }
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.eot');
    src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light-webfont.ttf') format('truetype'),
         url('../fonts/roboto-light-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body{ font-family:'robotoregular';background-color: #f6f6f6;}
b,strong{font-family:'robotobold'; font-weight: normal;}
.light{font-family: 'robotolight';} 
/*input, select, textarea { font:12px/1.5 Helvetica, sans-serif, \5b8b\4f53, sans-serif; }
b,strong{font-family:Helvetica, sans-serif;font-weight: bold;}*/
.table-bor,.table-bor tr,.table-bor td{ border:1px solid #e6e6e6;}
.table-bor-no,.table-bor-no tr,.table-bor-no td{border:0;}
.tr-bor,.td-bor{ border:1px solid #e6e6e6;}
.tr-bor-no,.td-bor-no,.table-bor-no{border:0;}
.table-p5,.tr-p5,.td-p5,.th-p5{padding:5px;}
.table-p5-all,.table-p5-all td,.table-p5-all th{ padding:5px;}


* html, * html body { background-image:url(about:blank);background-attachment:fixed; }
* html { zoom:expression(function(ele){ele.style.zoom="1";document.execCommand("BackgroundImageCache", false, true);}(this)); }
* html pre { word-wrap:break-word; white-space:normal; }
/*== common style ==*/
.ipc{ font-family:Impact;}
.bold {font-family:'robotobold';font-weight: bold;}
/*字体大小*/
.f12{font-size:12px;}
.f14 { font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f24{font-size:24px;}
.f28{font-size:28px;}
/*字体颜色*/
.cly{color:#ffa722;}
.cly2{color:#fe6702}
.clw{color:#fff;}
.clc{color:#ccc;}
.clc0{color: #000;}
.clc3{ color:#333;}
.clc6{ color:#666;}
.clc9{ color:#999;}
.clg{ color:#8ec11f;}
.cl_f63{color: #ff6633;}
.cl-lb{color: #337ab7;}
.error{ color:#CC0000;}
.warn{ color:#CC0000;}
.cl_c0f{color: #cc00ff;}
.clred{color: #ff0000;}
.tip{color: #FF0000;}
a.txt:hover{color: #fe6702;}
.bg-f{background-color:#fff;}
.bg-3{background-color:#333;}
.bg-y{background-color:#fe6702;}
.bg-y2{background-color:#ffa722;}
.bg-c{background-color:#ccc;}
.bg-e6{background-color: #E6E6E6;}
.bg-f6{background-color: #f6f6f6;}
.bg-black{background-color: #1a1a1a;}
.bg-gray{background-color: #f0f0f0;}
.m12 { margin:12px; }
.m18 { margin:18px; }
.p5{padding: 5px;}
.p12 { padding:12px; }
.p18 { padding:18px; }
.mt6{margin-top:6px;}
.mt12 {margin-top:12px; }
.mt18 {margin-top:18px; }
.mt24 {margin-top:24px; }
.mb6 { margin-bottom:6px; }
.mb10 { margin-bottom:10px; }
.mb12 { margin-bottom:12px; }
.mb18 { margin-bottom:18px; }
.mb24 { margin-bottom:24px; }
.ml6{margin-left:6px;}
.ml12{margin-left:12px;}
.ml18{margin-left: 18px;}
.ml24{margin-left: 24px;}
.mr6{ margin-right:6px;}
.mr10{margin-right: 10px;}
.mr12{ margin-right:12px;}
.mr18{margin-right:18px;}
.mr24{margin-right:24px;}
.pt4{ padding-top:4px;}
.pt6{ padding-top:6px;}
.pt8{ padding-top:8px;}
.pt12{ padding-top:12px;}
.pt14{padding-top: 14px;}
.pt18{padding-top:18px;}
.pt24{ padding-top:24px;}
.pb6 { padding-bottom:6px; }
.pb8 { padding-bottom:8px; }
.pb12 { padding-bottom:12px; }
.pb18 { padding-bottom:18px; }
.pb24 { padding-bottom:24px; }
.pl6{ padding-left:6px;}
.pl8{ padding-left:8px;}
.pl12{ padding-left:12px;}
.pl18{ padding-left:18px;}
.pl24{ padding-left:24px;}
.pr6{ padding-right:6px;}
.pr8{ padding-right:8px;}
.pr12{ padding-right:12px;}
.pr18{ padding-right:18px;}
.pr24{ padding-right:24px;}
.w100{width: 100%;}
/*.correct:before {content: '\2714';}*/
/*.incorrect:before{content: '\2716';}*/
/*.checkbox-yes:before{content: '\2714'; color: #fff; line-height: 14px; margin-right: 10px; text-align: center; border: 1px solid #999; border-radius: 2px; background-color: #fff; display: inline-block; width: 16px; height: 16px;}*/
/*.checkbox-yes:before{content: '\2714'; cursor: pointer; color: #fff; line-height: 14px; margin-right: 10px; text-align: center; border: 1px solid #999; border-radius: 2px; background-color: #fff; display: inline-block; width: 16px; height: 16px;}*/
/*.cur .checkbox-yes:before{ background-color: #8fc31f; border-color: #8fc31f;}*/
.ra3{ border:none 3px #000000;  -moz-border-radius: 3px;    -webkit-border-radius: 3px;    border-radius: 3px;}
.ra5{ border:none 5px #000000;  -moz-border-radius: 5px;    -webkit-border-radius: 5px;    border-radius: 5px;}
.bor-c{border:1px solid #ccc;}
.bor-e{border:1px solid #e6e6e6;}
.bor-d6{border:1px solid #d6d6d6;}
.bor-green{border: 1px solid #739f13;}
.bor-y{border:1px solid #ffdaa1;}
.bor-c2{border-bottom:1px solid #ccc;}
.bor-e6{border-bottom:1px solid #e6e6e6;}
.bor-80{border-bottom:1px solid #808080;}
.tal { text-align:left !important; }
.tac { text-align:center !important; }
.tar { text-align:right !important; }
.clear { clear:both; font-size:0; visibility:hidden; line-height:0; height:0; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { *zoom:1; }
.relative { position:relative; }
.absolute { position:absolute; }
.inline-block{ display:inline-block;}
.block{ display:block;}
.hidden { display:none; }
.button-s{ display:inline-block;background-color:#f3f3f3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:1px solid #ccc;height:26px; line-height:26px; padding:0 10px; color:#333;}
.ul,.uline,.underline,a.ul,a.ul:hover,a.uline,a.uline:hover,a.underline,a.underline:hover { text-decoration:underline; }
.noul,a.noul,a.noul:hover,.nouline,a.nouline,a.nouline:hover { text-decoration:none; }
.wordwrap { word-wrap:break-word; overflow:hidden; }
textarea{border:1px solid #cecece; resize: none}
select.xiala{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.short01{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.short02{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;/*（行数）*/-webkit-box-orient: vertical;}
.short03{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;/*（行数）*/-webkit-box-orient: vertical;}
.icon {width: 1em;height: 1em;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}
.button{background-color: #F6F6F6;color: #999;border-radius: 3px;border: 1px solid #ccc;text-align: center;cursor: pointer;transition: all .2s;}
.button-action{border: 1px solid #739f13;background-color: #8ec11f;color: #fff;}
.button-action:hover{background-color: #739f13;border:1px solid #739f13;color: #fff;}
.button-gray:hover{border:1px solid #739f13;color: #739f13;}
.button.disabled, .button.disabled:hover, input.button:disabled, button.button:disabled {background: #F6F6F6;border: 1px solid #E6E6E6;color: #e5e5e5;cursor: default;}
.button-highlight{background-color: #ff6633;color: #fff;border: 1px solid #ff6633;}
.button-highlight:hover{opacity: .9;filter: Alpha(opacity=90);box-shadow: 0px 0px 4px #ac664f;}
.button-null{background-color: #ffffff;color: #ff6633;border: 1px solid #ff6633;}
.button-null:hover{opacity: .9;filter: Alpha(opacity=90);color: #ffa722;border: 1px solid #ffa722;box-shadow: 0px 0px 4px #ff6633;}
.file-btn{position: relative;display: inline-block;overflow: hidden;}
.file-btn input {position: absolute;right: 0;top: 0;opacity: 0;filter: Alpha(opacity=0);}
/*自定义select下拉框start*/
.opt select{width: 100%;padding-right: 28px;}
.opt-title{cursor: pointer;height: 36px;line-height: 34px;background-color: #fff;}
.opt-bot{position: absolute;width: 100%;background-color: #fff;display: none;z-index: 1;}
.opt-xiala li{height: 30px;line-height: 30px;padding: 0 6px;cursor: pointer;}
.opt-xiala li.cur,.opt-xiala li:hover{background-color: #E6E6E6;}
.xl-jt{position: absolute;right: 10px;top: 7px;font-size: 14px;color: #666;pointer-events: none;cursor: pointer;transition: all 0.2s;}
.xl-jt.active{transform: rotate(180deg);top: 9px;}
/*自定义select下拉框end*/
select.opt{border: 1px solid #e6e6e6;border-radius: 3px;height: 36px;line-height: 36px;}
.input-col input,.input-col textarea{width: 100%;}
input[type="text"].txt,input[type="password"].txt,input[type="tel"].txt{font-size: 12px;border-radius: 3px;border: 1px solid #E6E6E6;padding: 8px 12px;outline: none;}
textarea.word{font-size: 12px;border-radius: 3px;border: 1px solid #E6E6E6;outline: none;padding: 8px 12px;}
.error-bor{border: 1px solid #cc0000 !important;transition: all .4s;}
input[type="text"]:focus,input[type="password"]:focus,input[type="tel"]:focus,textarea:focus{border: 1px solid #739f13;transition: all .4s;}
.modal-title{font-size: 14px;}
button.close{opacity: .7;outline: none;}
.fenye-l .button{width: 36px;height: 36px;line-height: 36px;margin: 0 0 0 6px;}
.fenye-l a.button-gray{background-color: #f0f0f0;}
.fenye-l a.button-gray.cur{border: 1px solid #739f13;color: #739f13;}
.fenye-ll li{width: 36px;height: 36px;line-height: 36px;margin: 0 0 0 6px;}
.fenye-ll li.button-gray{background-color: #f0f0f0;}
.fenye-ll li.button-gray.cur{border: 1px solid #739f13;color: #739f13;}
.fenye-ll .button-gray a,.fenye-li .button-gray span{color:#999; display: block}
.fenye-ll .button-action a,.fenye-li .button-action span{color:#fff}
/* 自定义下拉框通用改版 */
.opt-bot-j { display: none; }
.select-j { width: 130px; position: relative; }
.opt-title-j { cursor: pointer; height: 36px; line-height: 34px; background-color: #fff; position: relative; border: 1px solid #e6e6e6;}
.opt-title-j .xl-jt-j.active { transform: rotateZ(180deg); }
.xl-jt-j { position: absolute; right: 10px; top: 0px; font-size: 14px; color: #666; pointer-events: none; cursor: pointer; transition: all 0.2s; }
.opt-bot-j { position: absolute;width: 100%; background-color: #fff; display: none; z-index: 99; border: 1px solid #e6e6e6; overflow-y: auto;max-height: 130px;}
/* .select-j ::-webkit-scrollbar-thumb {
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 10%);
 background-color: black;
 }
 .select-j ::-webkit-scrollbar-track {
 background-color: #ffff;
 } */
.opt-list-j { max-height: 180px; overflow: auto; }
.opt-list-j li.cur, .opt-list-j li:hover { background-color: #E6E6E6; }
.opt-list-j li { height: 30px; line-height: 30px; cursor: pointer; }
/*header01*/
.login-head{width:100%;height: 80px;background-color: #0d0d0d;text-align: center;padding-top: 20px;}
.login-head .login-logo{width: 188px;height: 40px;display: inline-block;}
.login-head .login-logo img{height: 100%;}
.fenye-cont{padding: 24px 0px;}
@media screen and (max-width:1200px){
	body, button, input, select, textarea { font:12px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; }
	b,strong{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: bold;}
	.login-head{height: 45px;padding-top: 8px;}
	.login-head .login-logo{height: 30px;}
}
@media screen and (min-width:320px) and (max-width:767px) {
	.fenye-l{text-align: left !important;padding-top: 12px;}
    .fenye-l .button{width: 36px;height: 36px;line-height: 36px;margin: 0 0 0 6px;}
	.fenye-ll{text-align: left !important;padding-top: 12px;}
    .fenye-ll li{width: 36px;height: 36px;line-height: 36px;margin: 0 2px 0 0;}
	.fenye-cont{padding: 24px 0px;}
}