@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;font-family: 'robotoregular'; }
h1, h2, h3, h4, h5, h6, b,button, input, select, textarea{ font-weight:normal; font-size:100%; font-family: 'robotoregular';}
address, cite, dfn, em, var { 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;
}
@font-face {
    font-family: 'RobotoSlab-Bold';
    src: url('../fonts/RobotoSlab-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'RobotoSlab-Light';
    src: url('../fonts/RobotoSlab-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'RobotoSlab-Regular';
    src: url('../fonts/RobotoSlab-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'RobotoSlab-Thin';
    src: url('../fonts/RobotoSlab-Thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: '微软雅黑';
    src: url('../fonts/msyh.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: '微软雅黑-bold';
    src: url('../fonts/msyhbd.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body{ font-family:'robotoregular';background-color: #fff; box-sizing: border-box;}
*{box-sizing: inherit;}
b,strong{font-family:'robotobold'; font-weight: normal;}
.light{font-family: 'robotolight';} 
.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;}
.icon {
     width: 1em;
     height: 1em;
     vertical-align: -0.15em;
     fill: currentColor;
     overflow: hidden;}

* 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; }
button{outline: none;}
.cursor{cursor: pointer;}
/*== common style ==*/
.ipc{ font-family:Impact;}
.f_slab{font-family: 'RobotoSlab-Regular';}
.f_robo{font-family: 'robotoregular';}
.f_ping{font-family: PingFang;}
.bold {font-family:'robotobold';font-weight: bold;}

/*字体大小*/
.f12{font-size:12px;}
.f14 { font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f28{font-size:28px;}
.f36{font-size:36px;}
.f40{font-size:40px;}
/*字体颜色*/
.cly{color:#ffa722;}
.cly2{color:#fe6702}
.clw{color:#fff;}
.clc{color:#ccc;}
.clc0{color: #000;}
.clc3{ color:#333;}
.clc6{ color:#666;}
.clc9{ color:#999;}
.cle5{ color:#e5e5e5;}
.clg{ color:#8ec11f;}
.cl_f63{color: #ff6633;}
.cl-lb{color: #337ab7;}
.cl-lb2{color: #0092d8;}
.cl-42{color: #425466;}
.cl-0a{color: #0a2540;}
.error{ 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%;}
.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;font-family: "robotoregular";}
.button-action{border: 1px solid #0092d8;background-color: #0092d8;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;}