html,body,div,
form,object,iframe,p,table,th,td,ul,li,dl,dt,dd,
h1,h2,h3,h4,h5,h6,
button,input,span,em,s,textarea,b,u,a,img,select,header,footer,nav,menu,article,aside,main,section,time{ margin:0; padding:0}
input,select,label,img{ vertical-align:middle}
img{border:none}
s,u{text-decoration:none}
em,i{font-style:normal}
ul,li{ list-style:none}
table{ border-collapse:collapse;border-spacing:0}
span.clear{ display: block; clear: both; height: 0px; overflow: hidden;}
.clear{zoom:1}
.clear:after{ clear:both; overflow:hidden;zoom:1; height:0px;  font-size:0; line-height:0;content:".";display:block;}
.clear-l{ clear: left;}
.none{ display:none}
.block{ display:block}
.fn-left{ float: left;}
.fn-right{float: right;}

input::-ms-clear{display: none;}
input[type=checkbox],input[type=radio]{border:1px solid rgba(221, 221, 221,1);
    -webkit-appearance: none;
    display: inline-block;
    width: 14px;
    height: 14px; outline: none;vertical-align: middle; background: #fff; margin-top: 0px;}
input[type=radio]{ border-radius: 50%; margin-right: 6px; position: relative; border:1px solid #3493fd; border/*\**/: none\9;}
input[type=radio]:after{ width: 4px; height: 4px; background:#3493fd; content: ""; position: absolute; left: 50%; top: 50%; margin: -2px 0 0 -2px; display: none;border-radius: 50%;}
input[type=radio]:checked{border-color: #3493fd;outline: none;}
input[type=radio]:checked:after{ display: block;}
input[type=checkbox]{margin-right: 6px;}
input[type=checkbox]:checked{ background:url(../images/checked.png) no-repeat; border-color: #3493fd !important;outline: none;}


a{ color:#333;text-decoration:none}
a:hover{color: #3e95ff; text-decoration:underline}

body{font-family:\5FAE\8F6F\96C5\9ED1,\5B8B\4F53, Arial, Helvetica, sans-serif; font-size:14px;color:#333; line-height:normal;}
button,select,input,textarea{font-family:\5FAE\8F6F\96C5\9ED1,\5B8B\4F53, Arial, Helvetica, sans-serif;}
input:focus,button:focus{ outline: none;}

.placeholder_wrap{ position: relative; display:inline-block}
.placeholder_tip{position:absolute; color:#c8c8c8; top:0px; left:0px; width:100%; height:100%; font-size:14px; overflow: hidden;}
.placeholder_tip em{ position: absolute; height:30px; line-height: 30px; top: 50%; margin-top: -15px; left: 10px;}
.placeholder_wrap_textarea .placeholder_tip em { top: 5px; left:5px; margin-top: 0px; height: auto; line-height: normal;}
.placeholder_wrap_left{ float: left;}
.placeholder_wrap_right{ float: right;}
.placeholder_wrap_none{ float: none;}


.select{ position: relative;}
.select .up-trigger{ border: 1px solid #c0cad2; position: relative; cursor: pointer;}
.select .up-text{ text-indent: 10px;}
.select .up-icon-down{ position: absolute; top: 50%; margin-top: -5px; right: 5px; border-top: 8px solid #ccc; border-right: 5px solid transparent; border-left: 5px solid transparent;}
.select ul{ display: none; position: absolute; width: 100%; border: 1px solid #ccc; background-color: #fff; z-index: 100;overflow:auto;}
.select li{ line-height: 30px; text-indent: 10px; cursor: pointer;}
.select li:hover{ background-color: #2e8ded; color: #fff;}
.select li.on{ background-color: #2e8ded; color: #fff;}

.page-bg-blue{background: #3e95ff; color: #fff;}
.page-bg-white{background: #fff;}
.page-bg-grey{background: #eff1f2;}
.page-bg-green-light {background: #f3f8fb;}

.page-border-grey{ border: 1px solid #e6e6e6; }

.page-input{ border:1px solid #c0cad2; height: 36px; padding-left: 10px; line-height: 36px;}
.page-input:focus{
    border: 1px solid #2b93ed;
    -webkit-box-shadow: 0 0 1px #2b93ed;
    -moz-box-shadow: 0 0 1px #2b93ed;
    box-shadow: 0 0 1px #2b93ed;
}
.page-input-small{ height: 26px; line-height: 26px;}
.page-input-big{ height: 46px; font-size: 14px; line-height: 46px;}
.page-input-keyboard{ background: url(../images/keyboard-icon.gif) no-repeat 95% center; padding-right: 40px;}
.page-input-calendar{ background: url(../images/calendar.png) no-repeat 94% center; padding-right: 40px;}
.page-input-percent{background: url(../images/percent.png) no-repeat 94% center; padding-right: 40px;}

.page-button{overflow: visible; height: 38px;  font-size: 14px; padding: 0 10px; cursor: pointer; text-decoration: none; border-radius: 4px;}
.page-button:hover{ opacity: 0.8;}
.page-button-file:hover{ opacity: 0.8;}
.page-button-shadow{ box-shadow: 0 1px 3px rgba(0,0,0,0.3)}
.page-button-radius{ border-radius: 3px;}
a.page-button{line-height: 38px; display: inline-block; outline: none;}
a.page-button:hover{text-decoration: none;}
.page-button-min{ height: 30px; line-height: 30px; font-size: 14px;}
.page-button-big{ height: 48px; font-size: 18px; padding: 0 20px;}
a.page-button-big{ line-height: 48px;}
.page-button-small{ height:24px;padding: 0 10px; font-size: 12px;}
a.page-button-small{ line-height: 24px;}
.page-button-main{ background:#3a90f8; border:1px solid #2880eb; color: #fff;box-shadow: 0 1px 3px rgba(0,0,0,0.2)}
.page-button-red{ background: #ff665d; border:1px solid #f31211; color: #fff;}
.page-button-blue{ background: #A6A600; border:none; color: #fff;}
.page-button-blue-o{ background: #fff; border:1px solid #3b91fa; color: #3b91fa;}
.page-button-blue-o:hover{ opacity: 1; background-color: #3b91fa; color: #fff;}
.page-button-blue-wb{ background: #3b91fa; border:1px solid #b2d5ff; color: #fff;}
.page-button-gray{ background: #f4f7f9; border:1px solid #c0cad2; color: #666}
.page-button-gray2{ background: #edf0f2 -webkit-gradient(linear, left top, left bottom, from(#f4f7f9), to(#e8ebec)); border:1px solid #c0cad2; color: #666666;}
.page-button-orange{background: #fba552; color: #fff; border:#e19852 solid 1px;}
.page-button-white-orange{background: #fff; color: #fba552; border:#fff solid 1px;}
.page-button-file{ position: relative; width: 84px; height: 32px; border-radius: 4px; background-color: #3b91fa; color: #fff; border: none; overflow: hidden; cursor: pointer;}
.page-button-file input{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.page-button-file.up-diable{ opacity: 1; background-color: #b0bac1; cursor: default;}
.page-button-file.up-diable input{ opacity: 1; display: none; cursor: default; }
.page-button-link{ border: none; background-color: transparent; color: #2880eb; cursor: pointer;}
.page-button-white-o{ background: transparent; color: #fff; border:1px solid #fff;}

.page-button-disabled{ background: #f4f7f9;border:1px solid #c0cad2; color: #999; font-size: 14px; box-shadow: none; cursor: pointer;}


.page-select{ border: 1px solid #c0cad2; padding: 7px;}

.fn-text-left{ text-align: left;}
.fn-text-right{ text-align: right;}
.fn-text-center{ text-align: center;}
.fn-font-16{ font-size: 16px}
.fn-font-12{ font-size: 12px}
.fn-font-14{ font-size: 14px;}
.fn-font-18{ font-size: 18px;}
.fn-font-20{ font-size: 20px;}
.fn-font-24{ font-size: 24px;}
.fn-font-30{ font-size: 30px;}
.fn-font-40{ font-size: 40px;}
.fn-text-weak{opacity: 0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}
.fn-font-bold{ font-weight: bold;}
.fn-font-nobold{ font-weight: normal;}

.fn-color-gray{ color: #d4d6d8}
.fn-color-9{ color: #999}
.fn-color-6{ color: #666}
.fn-color-3{ color: #333;}
.fn-color-orange{ color: #ff8f28}
.fn-color-red{color: #ff635a;}
.fn-color-y{ color: #FBA652;}
.fn-color-green{ color: #0fbd4e;}
.fn-color-blue{ color: #3b91fa;}
.fn-color-white{ color: #fff;}

.of-h{ overflow: hidden;}

.position-r{ position: relative;}

.text-decoration{text-decoration: underline;}

.hr{ display: block; width: 100%; height: 1px; background-color: #eff1f2;}
.hr{ display: block; width: 100%; height: 1px; background-color: #eff1f2;}

.display-i{ display: inline !important;}
.display-b{ display: block !important;}
.display-n{ display: none;}
.display-ib{ display: inline-block !important;}

/*padding*/
.pd5{padding: 5px;}
.pd10{padding: 10px}
.pd20{padding: 20px;}
.pd30{padding: 30px;}

.pd-l-5{padding-left: 5px}
.pd-r-5{padding-right: 5px}
.pd-t-5{padding-top: 5px}
.pd-b-5{padding-bottom: 5px}

.pd-l-10{padding-left: 10px}
.pd-r-10{padding-right: 10px}
.pd-t-10{padding-top: 10px}
.pd-b-10{padding-bottom: 10px}

.pd-l-20{padding-left: 20px}
.pd-r-20{padding-right: 20px}
.pd-t-20{padding-top: 20px}
.pd-b-20{padding-bottom: 20px}

.pd-l-30{padding-left: 30px}
.pd-r-30{padding-right: 30px}
.pd-t-30{padding-top: 30px}
.pd-b-30{padding-bottom: 30px}

/*margin*/
.mg5{margin: 5px;}
.mg10{margin: 10px}
.mg-center{margin: 0 auto;}

.mg-l-5{margin-left: 5px}
.mg-r-5{margin-right: 5px}
.mg-t-5{margin-top: 5px}
.mg-b-5{margin-bottom: 5px}

.mg-l-10{margin-left: 10px}
.mg-r-10{margin-right: 10px}
.mg-t-10{margin-top: 10px}
.mg-b-10{margin-bottom: 10px}

.mg-l-20{margin-left: 20px}
.mg-r-20{margin-right: 20px}
.mg-t-20{margin-top: 20px}
.mg-b-20{margin-bottom: 20px}

.mg-l-30{margin-left: 30px}
.mg-r-30{margin-right: 30px}
.mg-t-30{margin-top: 0px}
.mg-b-30{margin-bottom: 30px}

.mg-l-40{margin-left: 40px}
.mg-r-40{margin-right: 40px}
.mg-t-40{margin-top: 40px}
.mg-b-40{margin-bottom: 40px}

.mg-l-70{margin-left: 70px}
.mg-r-70{margin-right: 70px}
.mg-t-70{margin-top: 70px}
.mg-b-70{margin-bottom: 70px}

.mg-l-90{margin-left: 90px}
.mg-r-90{margin-right: 90px}
.mg-t-90{margin-top: 90px}
.mg-b-90{margin-bottom: 90px}

/*width*/
.w60{width: 60px;}
.w80{width: 80px;}
.w100{width: 100px;}
.w120{width: 120px;}
.w140{width: 140px;}
.w160{width: 160px;}
.w170{width: 170px;}
.w180{width: 180px;}
.w386{width: 386px;}
.w780{width:780px;}
input.w160{width:148px;}
input.w300{width:288px;}

/*height*/
.h80{height: 80px;}

/*border*/
.border-gray{border:#dcdfe0 solid 1px;}

/*header*/
.header{ height: 73px; line-height: 73px; background-color: #fff; /* border-bottom: 2px solid #dcdfe1; */}
.header>div{ height: 100%;}
.header .up-title{ float: left; height: 100%; padding-left: 200px; font-size: 20px; color: #333; background: url("../images/logo-gf.png") left center no-repeat;}
.header .up-menu{ float: right;}
.header .up-menu li{ float: left;}
.header .up-menu a{ font-size: 16px; color: #666; margin-right: 30px;}
.header .up-menu a:hover{ text-decoration: none;}
.header .up-menu .icon-header-menu{ float: left; margin-top: 19px; margin-right: 7px;}
.header .up-menu .on a{ color: #2b93ed; }
.header .up-menu .on .icon-header-menu{ background-position-y: -85px;}
.icon-header-menu{ width: 36px; height: 36px; background: url("../images/icon-menu-header.png") no-repeat; display: block; }
.icon-header-menu.up-1{ background-position: -25px -15px;}
.icon-header-menu.up-2{ background-position: -134px -15px;}
.icon-header-menu.up-3{ background-position: -271px -15px;}
.icon-header-menu.up-4{ background-position: -415px -15px;}
.icon-header-menu.up-5{ background-position: -566px -15px;}
.icon-header-menu.up-6{ background-position: -704px -15px;}
.icon-header-menu.up-7{ background-position: -864px -15px;}

/*top bar*/
.top{ height: 30px; line-height: 30px; background-color: #f9f9f9; color: #666;}
.top a{ color: #666;}


/*index-robot*/
.index-robot{  position: relative; }
.index-robot .up-wrap{ height: 120px; background-color: #2f3848;}
.index-robot .up-item{ position: relative; width: 33.3%; text-align: center; float: left; margin-top: 30px; font-size: 14px; color: #fff; }
.index-robot .up-item .icon-ups-downs{ position: absolute; right: 10px; top: 8px;}
.index-robot .up-ups{color: #ff665d; font-size: 30px; font-family: Arial;}
.index-robot .up-downs{ color: #50ba2a; font-size: 30px; font-family: Arial;}
.index-robot .up-left{ float: left; width: 540px; height: 100%; }
.index-robot .up-right{ float: right; width: 540px; height: 100%; }
.index-robot .up-right{ float: right; width: 540px; height: 100%; }
.index-robot .up-robot{cursor:pointer; position: absolute; left: 50%; width: 90px;  height: 120px;  margin-left: -45px; background: url("../images/robot.png") center no-repeat; }
.index-robot .up-robot>span{ border-radius: 100px; width: 20px; height: 20px; background-color: #ff665d; display: block; line-height: 20px; text-align: center; color: #fff; position: relative; left: 62px; top: 20px; }
.index-robot .up-trigger{ position: absolute; top: 0; right: -54px; background: url("../images/handle.png") center no-repeat; height: 54px; width: 32px; }
.index-robot .up-trigger div{ font-size: 14px; color: #cad3d9; text-align: center; margin-top: 24px; line-height: 26px; cursor: pointer; height: 30px;}

.icon-ups-downs{ display: block; width: 20px; height: 20px; background: url("../images/icon-ups-downs.png") no-repeat;}
.icon-ups-downs.up-ups{ background-position: -1px 0; }
.icon-ups-downs.up-downs{ background-position: -19px 0; }



/*footer*/
.footer{ height: 108px; background:#353e48; color: #fff; overflow: hidden; clear: left; }
.footer .up-left{ float: left; margin-left: 44px; margin-top: 45px;}
.footer .up-right{ float: right; margin-top: 36px;}
.footer .up-right .up-col-1{ float: left; margin-right: 20px;}
.footer .up-right .up-col-2{ float: left; margin-right: 40px;}
.footer .up-right .icon-footer{ float: left; margin-right: 10px;}
.icon-footer{ width: 22px; height: 22px; display: block; background: url("../images/icon-footer.png") no-repeat;}
.icon-footer.up-1{ background-position: -19px -9px;}
.icon-footer.up-2{ background-position: -79px -9px;}


.simple-tip{ position: fixed; top: 0; left: 50%; width: 300px; margin-left: -150px; background-color: #3E95FF; text-align: center; font-size: 14px; color: #fff; line-height: 30px;}
.simple-tip-success{ background-color: #3E95FF;}
.simple-tip-fail{ background-color: #fd4b1e;}





html{ min-width: 1200px;}
.main-min-height{ min-height: 600px; background-color: #fff;}
.main-area{margin-left: auto; margin-right: auto;width:1200px; }
.main-area-2-1{ width: 590px; }
.main-area-content{padding:20px  30px;}
.panel-box-title{ display: block; position: relative; padding-top: 12px; padding-bottom: 12px; font-size: 16px; border-bottom: 2px solid #dfe4e8; color: #333;}
.panel-box-title.up-pure{ border-bottom: none;}
.panel-box-title:hover{ text-decoration: none;}

.panel-box-title-filter li{ float: left; padding: 0 16px; margin-right: 10px; border-radius: 100px; font-size: 12px; line-height: 24px; cursor: pointer;}
.panel-box-title-filter li.on{ background: #2b93ed; color: #fff;}

.panel-box-title-filter-2 li{ float: left; padding: 0 16px; margin-right: 10px; border: 1px solid transparent; border-radius: 100px; font-size: 12px; line-height: 22px; cursor: pointer;}
.panel-box-title-filter-2 li.on{ border: 1px solid #2b93ed; color: #2b93ed;}

.report-list li{ border-bottom: 1px dashed #ddd; position: relative; padding: 18px 8px; background: #fff;}
.edit-value{ height: 30px; line-height: 30px; padding-left: 5px; width: 380px; background:none; color: #666; text-align: right;}
.report-list li.edit .notice-icon{ background-position-y:0px;}
.report-list li.edit .in-edit{display: block; right: 70px}
.report-list li.edit .item-actions{ display: block;}
.report-list li.edit .notice-edit{ background: #fff; border-color: #ccc; text-align: left;color: #000}
.report-list li:hover{ background: #f9f9f9;}
.report-list li:hover .item-actions{display: block;}
.report-list li *{vertical-align: middle;}
.report-list .icon.up-point-orange{ float: left; margin-right: 10px; margin-top: 6px;}
.title-icon{ background: url(../images/r2.png) no-repeat; width: 33px; height: 33px; display: inline-block;vertical-align: middle;}
.title-icon1{ background-position: 0px 0px; margin-right: 15px;}
.title-icon2{ background-position: 0px -41px; margin-right: 8px;}
.point{background: url(../images/r2.png) no-repeat; width: 6px; height: 6px; overflow: hidden; background-position:-97px -16px; display: inline-block; margin-right: 10px;}
.item-link{color: #333;}
.item-link span{ margin-right: 8px;}
.action-icon{ background: url(../images/report-icon.png) no-repeat; width: 20px; height: 20px; font-size: 0px; line-height: 0px; overflow: hidden; display: inline-block;}
.action-icon.on,.action-icon:hover{ background-position-y:0px;}
.go-top-icon{ background-position: 0px -53px;}
.fav-icon{ background-position: -30px -53px;}
.notice-icon{ background-position: -60px -53px}
.dy-icon{ background-position: -92px -52px}
.item-actions{ position: absolute; right: 10px;  height: 22px; top: 50%; margin-top: -11px; display: none;}
.item-actions .action-icon{margin-left: 8px;}
.new-icon{background: url(../images/r2.png) no-repeat -129px -12px; width: 24px; height: 12px; overflow: hidden; display: inline-block; margin-left: 5px;}

.in-edit{ position: absolute;right: 100px; height: 32px;top: 50%; margin-top: -16px;}
.notice-edit{ border:1px solid transparent; height: 30px; line-height: 30px; padding-left: 5px; width: 380px; background:none; text-align: right; color: #666; display: none;}

.normal-report{margin-bottom: 35px;}
.normal-report .report-list{ position: relative;}


.page-tabs-1{ display: block; position: relative; height: 33px; padding-top: 12px; padding-bottom: 12px; font-size: 16px; border-bottom: 2px solid #dfe4e8; color: #333;}
.page-tabs-1>ul{ position: absolute; left: 10px; top: 0px;}
.page-tabs-1 li{ float: left; display: inline; margin-right: 30px;padding: 12px 0;color: #666; cursor: pointer;}
.page-tabs-1 li .icon-tabs{ margin-right: 6px;}
.page-tabs-1 li.on{ border-bottom: 2px solid #3c94ff}
.page-tabs-1 li.on .title-icon2{background-position: 0px 0px}
.page-tabs-1 li.on a{color: #333;}
.page-tabs-1 li.on .icon-tabs{ background-position-y:-56px;}

.page-tabs-2{ display: block; position: relative; height: 33px; padding-top: 12px; padding-bottom: 12px; font-size: 16px; border-top: 2px solid #dfe4e8; color: #333;}
.page-tabs-2>ul{ position: absolute; left: 10px; top: -2px;}
.page-tabs-2 li{ float: left; padding: 12px 0; color: #666; display: inline; margin-right: 30px; border-top: 2px solid transparent; cursor: pointer;}
.page-tabs-2 li .icon-tabs{ margin-right: 6px;}
.page-tabs-2 li.on{ border-top: 2px solid #3c94ff}
.page-tabs-2 li.on a{color: #333;}

.page-tabs-3{ overflow: hidden; padding-bottom: 14px; padding-top: 14px;}
.page-tabs-3 li{ float: left; height: 30px; padding: 0 16px; line-height: 30px; border-radius: 6px; cursor: pointer; margin-right: 20px;}
.page-tabs-3 li.on{ background-color: #3c94ff; color: #fff;}

.page-tabs-4{ border: 1px solid #dfe4e8; font-size: 16px; color: #666; height: 50px; background-color: #f3f8fb;}
.page-tabs-4 li{ float: left; border-left: 1px solid transparent; border-right: 1px solid transparent; cursor: pointer;}
.page-tabs-4 li.on{ border-left: 1px solid #dfe4e8; border-right: 1px solid #dfe4e8;}
.page-tabs-4 li.on span{ background-color: #fff; color: #3c94ff; border-top: 3px solid #3c94ff; border-bottom: 1px solid #fff; }
.page-tabs-4 li>span{ display: block; padding: 0 27px; border-top: 3px solid transparent; line-height: 47px;}
.page-tabs-4 li.up-first{ border-left: none;}

.icon-tabs{ display: block; width: 33px; height: 33px; display: inline-block; vertical-align: middle; background: url("../images/icon-tabs.png") no-repeat;}
.icon-tabs.up-1{ background-position: -13px -11px;}
.icon-tabs.up-2{ background-position: -151px -11px;}
.icon-tabs.up-3{ background-position: -273px -11px;}
.icon-tabs.up-4{ background-position: -393px -11px;}
.icon-tabs.up-5{ background-position: -516px -11px;}
.icon-tabs.up-6{ background-position: -632px -11px;}
.icon-tabs.up-7{ background-position: -743px -11px;}
.icon-tabs.up-8{ background-position: -856px -11px;}
.icon-tabs.up-9{ background-position: -960px -11px;}
.icon-tabs.up-10{ background-position: -1060px -11px;}
.on .icon-tabs{ background-position-y:-56px;}


.report-tab-list li{ border-bottom: 1px dashed #c0c0c0; padding-bottom: 9px;background: #fff;}
.report-tab-list li dl dt{ position: relative; padding: 15px 0 18px 0}
.list-action{ position: absolute; right: 0px; top: 0px; height: 24px; top: 50%;margin-top: -12px;}
.list-action .action-icon{margin-right: 10px;}
.list-link{ color: #333;}
.report-tab-list li dl dd{ background: #f9f9f9;padding: 15px; line-height: 1.5}

.report-tabs-contents{ min-height: 360px;}
.report-list li.move{ position:absolute; border-top:1px dashed #ddd;}
.report-list li.move .item-actions{display: none;}
.report-list li.movebg{background: #F7F3E8;}

.report-tab-list li.move{ position: absolute;border-top:1px dashed #c0c0c0;}
.report-tab-list li.movebg{background: #F7F3E8;}



.icon-link-to-right{ font-family: serif; font-weight: bold; color: #c0c8ce;}
.icon-link-to-right:hover{ text-decoration: none;}

.icon-message{ width: 24px; height: 24px; display: block; background: url("../images/icon-message.png") no-repeat;}
.icon-message.up-tixing{ background-position: 0 -14px;}
.icon-message.up-daiban{ background-position: 0 -87px;}
.icon-message.up-tongzhi{ background-position: 0 -168px;}
.icon-message.up-pilu{ background-position: 0 -247px;}

.message-list{ margin-top: 10px;}
.message-list li{ overflow: hidden; padding: 10px 0 16px; border-bottom: 1px dashed #cacaca; cursor: pointer;}
.message-list .up-icon{ margin-right: 5px;}
.message-list .icon.up-point-red{ margin-top: 10px; margin-left: 6px;}
.message-list [data-read="true"] .icon.up-point-red{ display: none;}
.message-list .up-title{ line-height: 24px; font-size: 12px; color: #666; margin-bottom: 4px; }
.message-list .up-right{ width: 500px; float: right;}
.message-list .up-text{ float: left; color: #333;}
.message-list .up-time{ float: right; font-size: 12px; color: #666;}


.pagination{ line-height: 32px;}
.pagination>ul{ margin-left: 14px;}
.pagination li{ float: left; width: 32px; height: 32px; margin-left: 1px; border: 1px solid #c0cad2; text-align: center; line-height: 32px; background-color: #fff; color: #666; cursor: pointer;}
.pagination li.on{background-color: #3b91fa; color: #fff;}

.page-table table{ width: 100%;}
.page-table .col-left{ text-align: left; padding-left: 20px;}
.page-table th{ height: 53px; background-color: #DDDDDD; color: #999; font-size: 14px; font-weight: normal; }
.page-table td{ height: 76px; text-align: center; border-bottom: 1px solid #eceff1;}
.page-table .icon-ups-downs{ position: relative; top: 5px;}

.page-table1 table{ width: 100%;}
.page-table1 .col-left{ text-align: left; padding-left: 20px;}
.page-table1 th{ height: 23px; background-color: #f4f7f9; color: #999; font-size: 14px; font-weight: normal; }
.page-table1 td{ height: 32px; text-align: center; border-bottom: 1px solid #eceff1;}
.page-table1 .icon-ups-downs{ position: relative; top: 5px;}

.col-fixed{table-layout:fixed;word-wrap:break-word;}

.page-table-min table{ width: 100%;}
.page-table-min .col-left{ text-align: left; padding-left: 20px;}
.page-table-min td{ height: 5px; text-align: left; border-bottom: 0px; }


.icon{background: url("../images/icon.png") no-repeat; display: block;}
.icon.up-point-red{ width: 10px; height: 10px; background-position: -16px -14px;}
.icon.up-point-orange{ width: 10px; height: 10px; background-position: -52px -14px;}
.icon.up-slide-step{ width: 36px; height: 36px; background-position: -17px -52px; }
.icon.up-go-top{ width: 36px; height: 36px; background-position: -17px -97px; }
.icon.up-tel{ display: inline-block; width: 26px; height: 26px; background-position: -104px -54px; }

.icon-caret-up{ width: 0; height: 0; border: 6px solid #3c94ff; border-top: none; border-left: 4px solid transparent; border-right: 4px solid transparent;}
.icon-caret-down{ width: 0; height: 0; border: 6px solid #3c94ff; border-bottom: none; border-left: 4px solid transparent; border-right: 4px solid transparent;}

.icon-tops{ display: block; width: 20px; height: 20px; background: url("../images/icon-tops.png") no-repeat;}
.icon-tops.up-up{ background-position: -8px 0;}
.icon-tops.up-down{ background-position: -38px 0;}
.on .icon-tops.up-up{ background-position: -8px -24px;}
.icon-tops.up-down{ background-position: -38px -24px;}


.icon-btn{ display: inline-block; background: url("../images/icon-btn.png") no-repeat;}
.icon-btn.up-refresh{ width: 20px; height: 20px; background-position: -4px -2px;}


.tag-orange{ display: inline-block; padding-left: 17px; padding-right: 17px; min-width: 28px; height: 24px; line-height: 24px; background-color: #ff9740; color: #fff; text-align: center;}
.tag-orange-o{ display: inline-block; padding-left: 17px; padding-right: 17px; min-width: 28px; height: 24px; line-height: 24px; border: 1px solid #ff9740; color: #ff9740; text-align: center;}


.step,.step-cnt{}
.step{ padding-top:10px}
.step-cnt{ background-position:0 bottom; padding-bottom: 20px; margin-left: 6px; border-left: 3px solid #D1D1D1;}
.step-cnt ul{ padding-top: 1px;}
.step-cnt ul li{ margin-left: -6px; background:url(../images/step-points.png) no-repeat 0px -44px; padding-left:20px; font-size:14px; margin-top:15px; cursor:pointer}
.step-cnt ul li.current{ background-position:0px -7px; color:#3184cb}
.step .up-top,
.step .up-bottom{ width: 16px; height: 16px; background: url("../images/step-bg.png") center no-repeat;}
.step .icon.up-slide-step,
.step .icon.up-go-top{ margin-top: 10px; cursor: pointer;}


.img-result-success{ height: 171px; background: url("../images/result-success.jpg") center no-repeat;}
.img-result-fail{ height: 171px; background: url("../images/result-fail.jpg") center no-repeat;}



.icon-main-left-menu{ display: block; width: 26px; height: 26px; background: url("../images/icon-main-left-menu.png") no-repeat;}
.icon-main-left-menu.up-1{ background-position: 0 -13px;}
.icon-main-left-menu.up-2{ background-position: 0 -63px;}
.icon-main-left-menu.up-3{ background-position: 0 -123px;}
.icon-main-left-menu.up-4{ background-position: 0 -181px;}
.main-left-menu{ position: absolute; left: 0; top: 0; bottom: 0; width: 180px; background: #2f3848;}
.main-left-menu .up-logo{ height: 146px; background-position: center; background-repeat: no-repeat;}
.main-left-menu .up-menu{}
.main-left-menu .up-menu li{}
.main-left-menu .up-menu li>a{ display: block; width: 184px; height: 44px; line-height: 44px; font-size: 14px; color: #fff;}
.main-left-menu .up-menu li>a:hover{ text-decoration: none; background-color: #2b93ed;}
.main-left-menu .icon-main-left-menu{ float: left; margin: 10px 4px 0 22px;}
.main-left-menu .up-menu li.on>a{ text-decoration: none; background-color: #2b93ed;}


.main-right-wrap{ width: 950px; float: right; min-height: 700px;}
.icon-types{ display: block; background: url("../images/icon-types.png") no-repeat;}
.icon-types.up-1{ width: 36px; height: 36px; background-position: 0 0; color: #fff; line-height: 36px;}
.icon-types.up-2{ width: 36px; height: 36px; background-position: -46px 0; color: #fff; line-height: 36px;}

.page-index .report-list li{ padding: 16px 8px;}
.page-index .up-report-list,
.page-index .up-message-list { height: 350px; overflow: hidden;}
.page-index .up-netvalue { height: auto; overflow: hidden;}
.page-index .up-products{ height: 450px; overflow: hidden;}
.page-index .up-products .panel-box-title{ position: relative; height: 33px; border: none; border-top: 2px solid #dfe4e8;}

.page-panoramic{}
.page-panoramic .up-four-blocks{ height: 190px;}
.page-panoramic .up-four-blocks ul{ height: 100%;}
.page-panoramic .up-four-blocks li{ float: left; width: 298px; height: 100%;}
.page-panoramic .up-four-blocks li.up-border{ border-right: 1px dotted #333;}
.page-panoramic .up-four-blocks .up-left{ float: left; width: 74px; height: 74px; margin-left: 25px; margin-top: 58px; margin-right: 16px; background: url("../images/icon-ups-downs-bg.png") no-repeat; color: #fff; text-align: center; font-size: 24px; line-height: 86px; overflow: hidden;}
.page-panoramic .up-four-blocks .up-left span{ font-size: 14px;}
.page-panoramic .up-four-blocks .up-right{ float: left; margin-top: 54px;}
.page-panoramic .up-four-blocks .up-row-1{ font-size: 40px;}
.page-panoramic .up-four-blocks .up-row-2{ font-size: 18px; color: #666;}
.page-panoramic .up-four-blocks .up-ups .up-left{ background-position: -50px 0;}
.page-panoramic .up-four-blocks .up-downs .up-left{ background-position: -177px 0;}
.page-panoramic .up-four-blocks .up-ups .up-row-1{ color: #ff963f;}
.page-panoramic .up-four-blocks .up-ups .up-row-2{ color: #333;}
.page-panoramic .up-netvalue{ height: 560px; overflow: hidden;}
.page-panoramic .up-bottom-tab{ height: 700px; overflow: hidden;}


.page-apply-reg .up-table-wrap{ margin-left: 20px; margin-right: 150px;}
.page-apply-reg table{ width: 100%;}
.page-apply-reg table .up-top-v{ vertical-align: top; padding-top: 17px;}
.page-apply-reg th{ width: 170px; height: 56px; text-align: right; font-size: 14px; font-weight: normal; color: #333;}
.page-apply-reg .up-td-1-2{ width: 320px; }
.page-apply-reg td{ padding: 11px 0;}
.page-apply-reg td input[type="text"],
.page-apply-reg td input[type="password"],
.page-apply-reg td select,
.page-apply-reg td textarea { width: 315px; height: 32px; line-height: 32px; border: 1px solid #c0cad2; text-indent: 10px; }
.page-apply-reg td input:focus,
.page-apply-reg td select:focus,
.page-apply-reg td textarea:focus{
    border: 1px solid #2b93ed;
    -webkit-box-shadow: 0 0 1px #2b93ed;
    -moz-box-shadow: 0 0 1px #2b93ed;
    box-shadow: 0 0 1px #2b93ed;
}
.page-apply-reg td textarea{ width: 100%; height: 64px; resize: none;}
.page-apply-reg .step{ position: absolute; top: 100px; right: 20px; background: #fff; z-index: 1; padding-left: 20px;}



.icon-flower{ display: inline-block; width: 20px; height: 20px; background: url("../images/icon-flower.png") no-repeat;}
.icon-flower{ background-position: -29px 0;}
.icon-flower.up-on{ background-position: -3px 0;}
.icon-flower.up-gray{ background-position: -80px 0;}
.icon-flower.up-gray.up-on{ background-position: -54px 0;}


.server-request-list{ line-height: 45px;}
.server-request-list>li{ border-bottom: 1px dashed #bfbfbf; padding-bottom: 10px;}
.server-request-list .up-row-1{}
.server-request-list .up-row-1 .up-td-1{ padding-left: 15px; width: 775px; color: #333;}
.server-request-list .up-row-1 .up-td-2{ width: 165px; font-size: 12px; color: #666;}
.server-request-list .up-row-1 .up-td-3{ color: #2b93ed;}
.server-request-list .up-row-1 .up-td-3.up-disable{ color: #666;}
.server-request-list .up-row-1 .up-td-3 .up-flowers{ vertical-align: middle; cursor: pointer;}
.server-request-list .up-row-1 .up-td-3.up-disable .icon-flower.up-on{ background-position: -54px 0;}
.server-request-list .up-row-1 .up-td-3.up-disable .icon-flower{ background-position: -80px 0; cursor: default;}
.server-request-list .up-row-2{ background-color: #f9f9f9;}
.server-request-list .up-row-2 .up-td-1{ padding-left: 15px; width: 775px; color: #666;}
.server-request-list .up-row-2 .up-td-2{ width: 165px; font-size: 12px; color: #666;}


.page-server-request .up-filter-bar{ padding: 20px 0; border-bottom: 1px solid #ccc; vertical-align: middle;}
.page-server-request .up-filter-bar .up-input-search{ width: 180px; height: 28px; line-height: 28px; margin-right: 10px;     border: 1px solid #c0cad2;}
.page-server-request .up-filter-bar .up-time-start,
.page-server-request .up-filter-bar .up-time-end{ width: 120px; height: 28px; line-height: 28px; text-indent: 10px;}
.page-server-request .up-filter-bar button{ height: 30px; margin-left: 10px; position: relative; top: 2px;}



.icon-server-requset-detail{ width: 12px; height: 12px; display: inline-block; background: url("../images/icon-server-request-detail.png") no-repeat;}
.icon-server-requset-detail.up-done{ background-position: -22px -7px;}
.icon-server-requset-detail.up-undone{ background-position: -5px -7px;}

.server-request-details{}
.server-request-details li{ clear: left;}
.server-request-details .up-axis{ float: left; width: 35px; position: relative;}
.server-request-details .up-axis i{ margin-left: 8px; margin-top: 45px;}
.server-request-details .up-axis .up-line{ position: absolute; top: 69px; left: 13px; width: 1px; height: 70px; background: #eff1f2; }
.server-request-details .up-logo{ width: 42px; height: 42px; border-radius: 100px; overflow: hidden; background-position: center; background-size: 100%;}
.server-request-details table{ float: left; width: 1105px; border-bottom: 1px dashed #eee;}
.server-request-details .up-td-1{ width: 112px; padding-top: 20px; padding-bottom: 20px;}
.server-request-details .up-td-2{ width: 200px;}
.server-request-details .up-td-3{ width: auto;}
.server-request-details .up-td-4{ width: 210px;}
.server-request-details .up-last .up-line{ display: none;}





.page-product-reg .up-table-wrap{ margin-left: 20px; margin-right: 150px;}
.page-product-reg table{ width: 100%;}
.page-product-reg table .up-top-v{ vertical-align: top; padding-top: 17px;}
.page-product-reg th{ width: 170px; height: 56px; text-align: right; font-size: 14px; font-weight: normal; color: #333;}
.page-product-reg .up-td-1-2{ width: 320px; }
.page-product-reg td{ padding: 11px 0;}
.page-product-reg td input[type="text"],
.page-product-reg td select,
.page-product-reg td textarea { width: 315px; height: 32px; line-height: 32px; border: 1px solid #c0cad2; text-indent: 10px; }
.page-product-reg td input[type="text"]:focus,
.page-product-reg td select:focus,
.page-product-reg td textarea:focus{
    border: 1px solid #2b93ed;
    -webkit-box-shadow: 0 0 1px #2b93ed;
    -moz-box-shadow: 0 0 1px #2b93ed;
    box-shadow: 0 0 1px #2b93ed;
}
.page-product-reg td input[type="text"].page-input-calendar{ width: 105px;}
.page-product-reg td label{ margin-right: 30px;}
.page-product-reg td textarea{ width: 100%; height: 64px; resize: none;}
.page-product-reg .step{ position: absolute; top: 100px; right: 20px; background: #fff; z-index: 1; padding-left: 20px;}
.page-product-reg .up-tip-hor{ position: relative; line-height: 34px; }
.page-product-reg .up-tip-hor span{ position: absolute; left: 15px; white-space: nowrap; }



.icon-slide{ background: url("../images/icon-slide.png") 0 -42px no-repeat; display: block; float: left; width: 16px; height: 16px;}
.icon-slide.up-shown{ background-position-y:0;}



.page-login{}
.page-login .up-bac{ background: url("../images/login-bac.jpg") top center no-repeat;}
.page-login .header{ background-color: transparent; border-bottom: none; color: #fff;}
.page-login .header .up-title{color: #fff; background-image: url("../images/logo-gf.png");}
.page-login .header .up-tel{ float: left; margin-top: 24px; margin-right: 10px; }
.page-login .header span{ float: left; font-size: 24px; margin-right: 10px; }
.page-login .header a{ float: left; font-size: 14px; color: #b9e0fe; text-decoration: underline; }
.page-login .up-body { height: 545px; position: relative;}
.page-login .up-info { margin-bottom: 30px; height: 81px;}
.page-login .up-info ul{ margin-left: 120px;}
.page-login .up-info li{ float: left; width: 330px;}
.page-login .up-info .up-left{ float: left;}
.page-login .up-login-form{ padding: 30px; position: absolute; top: 20px; right: 0; background: url("../images/login-form-bac.png")}
.page-login .up-login-form-wrap{ width: 340px;}
.page-login .up-login-form-wrap h3{ color: #fff;}
.page-login .up-login-form-wrap button{ width: 100%; font-size: 18px; height: 48px;}
.page-login .up-login-form-wrap .up-input{ background: #fff; height: 48px; line-height: 48px;}
.page-login .up-login-form-wrap .up-input span{ float: left; font-size: 14px; color: #666; margin-left: 10px;}
.page-login .up-login-form-wrap .up-input input{ float: left; border: none; width: 260px; height: 48px; line-height: 48px; margin-left: 5px; font-size: 16px; color: #666;}
.page-login .up-login-form-wrap>div{ margin: 20px 0; }
.page-login .up-login-form-wrap a:hover{ color: #fff; }
.page-login .up-qr-code{ position: absolute; left: 600px; top: 310px;}
.page-login .up-qr-code .up-img{ background: url("../images/qr-code.jpg") center no-repeat; width: 110px; height: 110px; }
.page-login .up-qr-code p{ color: #fff; font-size: 12px; line-height: 30px; text-align: center;}

.switch{ width: 40px; height: 21px; background: url("../images/switch.png") no-repeat; cursor: pointer;}
.switch.up-on{ background-position-y: -39px;}


.icon-login-info{ width: 81px; height: 81px; background: url("../images/icon-login-info.png") no-repeat;}
.icon-login-info.up-1{background-position: 0 0;}
.icon-login-info.up-2{background-position: -329px 0;}
.icon-login-info.up-3{background-position: -689px 0;}

.icon-criteria{ display: inline-block; width: 60px; height: 60px; background: url("../images/icon-criteria.png") no-repeat;}
.icon-criteria.up-1{ background-position: -7px -127px;}
.icon-criteria.up-2{ background-position: -97px -127px;}
.icon-criteria.up-3{ background-position: -189px -127px;}
.icon-criteria.up-4{ background-position: -279px -127px;}
.icon-criteria.up-5{ background-position: -370px -127px;}

.page-criteria{}
.page-criteria .up-table{ width: 100%; border: 1px solid #dfe4e8;}
.page-criteria .up-table td{ width: 20%; border: 1px solid #dfe4e8;}
.page-criteria .up-criteria{ background-color: #fff; cursor: pointer;}
.page-criteria .up-criteria .icon-criteria{ display: block; margin: 42px auto 0;}
.page-criteria .up-criteria .up-value{ margin-top: 13px; text-align: center; font-size: 32px; color: #ff963f;}
.page-criteria .up-criteria .up-text{ margin-top: 10px; margin-bottom: 45px; text-align: center; font-size: 14px; color: #666;}
.page-criteria .up-criteria .up-precent{ position: relative; height: 84px; font-size: 16px; background-color: #f9fbfd; }
.page-criteria .up-criteria .up-precent .up-num{ float: left; margin-left: 80px; margin-top: 30px;}
.page-criteria .up-criteria .up-precent .up-angle{ position: absolute; bottom: -1px; left: 50%; margin-left: -23px; display: none; width: 0; height: 0; border-bottom: 15px solid #fff; border-left: 23px solid transparent; border-right: 23px solid transparent; }
.page-criteria .up-criteria .icon-ups-downs{ float: left; margin-top: 30px;}
.page-criteria .up-criteria.up-ups .icon-ups-downs{background-position: -1px 0;}
.page-criteria .up-criteria.up-downs .icon-ups-downs{background-position: -19px 0;}

.page-criteria .up-criteria:hover{ background-color: #eff1f2; }
.page-criteria .up-criteria.on .icon-criteria{background-position-y:-9px;}
.page-criteria .up-criteria.on {background-color: #3399ff;}
.page-criteria .up-criteria.on .up-value{ color: #fff;}
.page-criteria .up-criteria.on .up-text{ color: #fff;}
.page-criteria .up-criteria.on .up-precent{background-color: #72b9ff; color: #fff;}
.page-criteria .up-criteria.on .up-precent .icon-ups-downs{ background-position-y: -26px;}
.page-criteria .up-criteria.on .up-precent .up-angle{ display: block; }

.page-criteria .up-charts li{ display: none;}
.page-criteria .up-charts li.on{ display: block;}
.page-criteria .up-charts{  margin-top: 40px; margin-bottom: 20px;}
.page-criteria .up-charts img{ min-height: 322px; margin-left: 30px; }

.page-report-running .up-top10{ height: 634px; }
.page-report-running .up-top10 .panel-box-content{ display: none;}
.page-report-running .up-top10 .panel-box-content.on{ display: block;}

.page-report-running .up-trend{ height: 528px;}
.page-report-running .up-trend .page-tabs-1 ul{ left: 150px;}

.page-product-index .up-info-left{ float: left; width: 510px; }
.page-product-index .up-info-right{ float: right; width: 50%; }
.page-product-index .up-info-left .up-color-area{ padding: 34px 0; background-color: #f3f8fb; text-align: center; overflow: hidden;}
.page-product-index .up-info-left .up-color-area>div{ width: 253px; float: left;}
.page-product-index .up-info-left .up-color-area-row-1{ margin-bottom: 17px; }
.page-product-index .up-info-left .up-color-area-left{ border-right: 1px dashed #ccc; }

.page-product-index .up-tabs{ width: 900px;}
.page-product-index .up-tabs .main-area-content{ border-top: none; height: 373px;}
.page-product-index .page-tabs-4-contents>li{ display: none;}
.page-product-index .page-tabs-4-contents>li.on{ display: block;}
.page-product-index .up-jbxx table{ margin-left: 50px; margin-top: 20px;}
.page-product-index .up-jbxx td{ height: 48px; width: 340px; }
.page-product-index .up-lsjz table{ margin-top: 30px; margin-left: 50px; width: 742px; text-align: center;}
.page-product-index .up-lsjz th{ height: 52px; background-color: #f4f7f9; color: #666; }
.page-product-index .up-lsjz td{ height: 66px; border-bottom: 1px solid #eff1f2;}

.page-product-index .up-disclosure{ width: 276px; height: 463px;}
.page-product-index .up-disclosure li{ padding: 17px 0; border-bottom: 1px dashed #b2b2b2;}
.page-product-index .up-disclosure li.up-last{ border-bottom: none;}


.index-tab-items{ height: 24px; position: relative; width: 80%}
.index-tab-items ul{ position: absolute; top: 0px; left: 0px;}
.index-tab-items ul li{float: left;padding: 0 20px; border-bottom: 2px solid transparent;padding-bottom: 15px;color: #666}
.index-tab-items ul li.on{border-color: #2b93ed;color: #000}

.funs-list li{float: left;  width: 110px; height: 120px; text-align: center; margin-top: 36px;margin-right: 22px;}
.funs-list li i{  width: 72px; height: 72px; display: block; margin:0 auto; margin-bottom: 15px;-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}
.fun-icon{background: url(../images/always-fun.png) no-repeat;}
.fun-icon-1{ background-position: 0px 0px}
.fun-icon-2{ background-position: -150px 0px}
.fun-icon-3{ background-position: -300px 0px}
.fun-icon-4{ background-position: -450px 0px}


.fun-icon-5{ background-position: 0px -152px}
.fun-icon-6{ background-position: -150px -152px}
.fun-icon-7{ background-position: -300px -152px}
.fun-icon-8{ background-position: -450px -152px}

.funs-list li a:hover{ color: #2b93ed;text-decoration: none;}
.funs-list li a:hover i{  
 -webkit-transform: translate3d(0,5px,0);
-ms-transform: translate3d(0,5px,0);
-o-transform: translate3d(0,5px,0);
transform: translate3d(0,5px,0);}

.Validform_checktip{
	margin-left:8px;
	line-height:20px;
	height:20px;
	overflow:hidden;
	color:#999;
	font-size:12px;
}
.Validform_right{
	color:#71b83d;
	padding-left:20px;
	background:url(../images/images/right.png) no-repeat left center;
}
.Validform_wrong{
	color:red;
	padding-left:20px;
	white-space:nowrap;
	background:url(../images/images/error.png) no-repeat left center;
}
.Validform_loading{
	padding-left:20px;
	background:url(../images/images/onLoad.gif) no-repeat left center;
}
.Validform_error{
	background-color:#ffe7e7;
}
pre {
	white-space: pre-wrap;
	word-wrap: break-word;
	text-indent:2em; 
	line-height:150%;
}
.index-tab-content{
	height:280px;
	overflow-x:auto;
}

.table-left th{text-align: left; padding-left: 20px;}
.table-left td{text-align: left; padding-left: 20px;}

.proces_step { width:960px; margin:0 auto; position:relative; padding:20px 0; height:20px; }
.proces_step ul { margin-left:300px;margin-top:10px;}
.proces_step ul li { float:left; height:30px; width:100px; color:#808080; text-align:center; line-height:18px; }
.proces_step ul li em { display:block; margin-right:5px; height:8px; line-height:0;font-size:0; background:#e4e4e4; margin-top:4px; }
.proces_step .current { background-color:#37c1c8; }
.proces_step_body{margin-top:10px;}
.proces_step_body .row{margin:20px;}
.proces_step_body .border-center{text-align: center;margin-top:20px;}
.proces_step_body .proces_step_2{margin:20px;overflow-x: auto;height:500px;width:98%;}
.proces_step_body table th{width:100px;}


.searchable-select-hide {
  display: none;
}

.searchable-select {
  display: inline-block;
  min-width: 100%;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
  vertical-align: middle;
  position: relative;
  outline: none;
}

.searchable-select-holder{
  padding: 6px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  min-height: 30px;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.searchable-select-caret {
  position: absolute;
  width: 0;
  height: 0;
  box-sizing: border-box;
  border-color: black transparent transparent transparent;
  top: 0;
  bottom: 0;
  border-style: solid;
  border-width: 5px;
  margin: auto;
  right: 10px;
}

.searchable-select-dropdown {
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 4px;
  border-top: none;
  top: 28px;
  left: 0;
  right: 0;
  z-index: 9999; 
}

.searchable-select-input {
  margin-top: 5px;
  border: 1px solid #ccc;
  outline: none;
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.searchable-scroll {
  margin-top: 4px;
  position: relative;
}

.searchable-scroll.has-privious {
  padding-top: 16px;
}

.searchable-scroll.has-next {
  padding-bottom: 16px;
}

.searchable-has-privious {
  top: 0;
}

.searchable-has-next {
  bottom: 0;
}

.searchable-has-privious, .searchable-has-next {
  height: 16px;
  left: 0;
  right: 0;
  position: absolute;
  text-align: center;
  z-index: 10;
  background-color: white;
  line-height: 8px;
  cursor: pointer;
}

.searchable-select-items {
  max-height: 100%;
  overflow-y: scroll;
  position: relative;
}

.searchable-select-items::-webkit-scrollbar {
  display: none;
}

.searchable-select-item {
  padding: 5px 5px;
  cursor: pointer;
  min-height: 30px;
  box-sizing: border-box;
}

.searchable-select-item.hover {
  background: #555;
  color: white;
}

.searchable-select-item.selected {
  background: #28a4c9;
  color: white;
}

/*2016-10-21*/
.new-menu{position: absolute;left: 0;top: 105px; width: 75px;background: #2f3848;}
.new-menu ul li{height: 45px;cursor: pointer;padding: 15px 0;}
.new-menu ul li em{display: block;width: 25px;height: 25px;margin: 0px auto; background: url(../images/new-menu.png) no-repeat;}
.new-menu ul li>a{display: block;line-height: 25px;font-size: 12px;text-align: center;color: #fff;text-decoration: none;}
.new-menu ul li em.newmenu-zy{background-position: 0px 0px;}
.new-menu ul li em.newmenu-cp{background-position: 0px -25px;}
.new-menu ul li em.newmenu-bg{background-position: 0px -50px;}
.new-menu ul li em.newmenu-dd{background-position: 0px -75px;}
.new-menu ul li em.newmenu-db{background-position: 0px -100px;}
.new-menu ul li em.newmenu-tz{background-position: 0px -125px;}
.new-menu ul li em.newmenu-yh{background-position: 0px -150px;}
.new-menu ul li em.newmenu-xx{background-position: 0px -175px;}

.new-menu ul li.on{background: #151e2e;}
/*2016-11-28广发登录页*/
.page-login .up-login-form-wrap>div.up-login-form-wrap-head{height: 25px;position: relative;margin: 0;}
.up-login-form-wrap-hmain{position: absolute;width: 400px;height: 55px;left: -30px;top: -30px;}
.up-login-form-wrap-hmain span{float: left; display: block;width: 50%;line-height: 55px;color: #026ac4;font-size: 16px;text-align: center;font-weight: bold;cursor: pointer;}
.up-login-form-wrap-hmain span.on{color: #d2eaff;background: #2483d5 url(../images/gf-newlogin.png) no-repeat 0px 0px;}
.page-login .up-login-form-wrap .up-input-spal input{width: 173px;}
.up-yzm{display: block;width: 100px;height: 40px;background: url(../images/login-yzm.png) no-repeat;}


.login-tab-cont{display: none;}
.login-tab-cont-on{display: block;}


.gf-banner{height: 678px;width: 100%;}
.gf-banner .banner,.gf-banner .banner .imgbox{height: 678px;}
.gf-banner .imgbox{ height: 550px;width: 100%;overflow: hidden;}
.gf-banner .banner-bg1{width: 100%;height: 678px;background: url(../images/gf-banner1.png) no-repeat center center;}
.gf-banner .banner-bg2{width: 100%;height: 678px;background: url(../images/gf-banner2.png) no-repeat center center;}
.gf-container .login-cont{width: 1200px;margin: 0 auto;height: 0px;position: relative;}
.gf-container .login-main{width: 406px;position: absolute;top: -556px;right:55px;height: 400px;background: rgba(255,255,255,.3);
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#4CFFFFFF,endColorStr=#4CFFFFFF);zoom: 1;} 
.gf-container .login-main h3{width: 340px;margin: 0 auto;line-height: 80px;color: #fff;font-size: 16px;}
.gf-container .import-mod{width: 340px;margin: 0 auto 25px;height: 48px;background: #fff;}
.gf-container .user-input{width: 280px;line-height: 48px;border: none;font-size: 16px;height: 48px;color: #333;float: left;}
.gf-container .yzm-mod>span{display: block;float: left; width: 65px;line-height: 48px; text-align: center;font-size: 16px;color: #666;}
.gf-container .yzm-mod{width: 340px;height: 48px;margin: 0 auto 10px;background: #fff;}
.gf-container .yzm-input{width: 130px;line-height: 48px;float: left;height: 48px;border: none;font-size: 16px;}
.gf-container span.yzm-icon{display: block;float: right; width: 100px;height: 40px;background: url(../images/gf-yzm.png) no-repeat center center;}
.gf-container .login-btn{width: 340px;margin: 0 auto;}
.gf-container .login-btn button{height: 50px;width: 340px;line-height: 50px;color: #fff;border: none;background: #f99023;font-size: 20px;border-radius: 5px;}
.gf-container .forget-mod{width: 340px; height: 30px;line-height: 30px;margin: 0 auto 10px;}
.gf-container .import-mod>span{display: block;float: left; width: 50px;line-height: 48px; text-align: center;font-size: 14px;color: #666;}
.gf-login-body .gf-logincont{position: absolute;top: -678px;width: 1200px;}
.gf-login-body .header a{color: #fff;}
.gf-login-body .forget-mod a:hover{color: #fff;}
.gf-login-body .gf-logincont .up-title{padding-left: 140px;margin-left: 63px;}
.gf-login-body .gf-logincont .fn-right{margin-right: 55px;}
.gf-login-body .gf-foot{height: 222px;width: 100%;background: url(../images/gf-footbg.png) no-repeat center center;}
.gf-login-body .gf-footcont{width: 1200px;height: auto;margin: 0 auto;padding-top: 35px;}
.gf-login-body .gf-foot-js{margin: 0px 55px 0 63px;border-bottom: 1px solid #4d8fc2;height: 115px;}
.gf-login-body .gf-foot-mod{width: 270px;margin-right: 35px;height: 90px;float: left;}
.gf-login-body .gf-icon{display: block;float: left;width: 92px;height: 86px;margin-top: 4px;}
.gf-login-body .gf-icon1{background: url(../images/gf-icon_06.png) no-repeat;}
.gf-login-body .gf-icon2{background: url(../images/gf-icon_08.png) no-repeat;}
.gf-login-body .gf-icon3{background: url(../images/gf-icon_10.png) no-repeat;}

.gf-login-body .gf-foot-mod-font{margin-left: 15px;float: left;width: 160px;}
.gf-login-body .gf-foot-mod-font>h3{font-size: 18px;color: #fff;margin-bottom: 10px;vertical-align: top;}
.gf-login-body .gf-foot-mod-font>p{font-size: 14px;line-height: 20px;color: #fff;}
.gf-foot-ewm{width: 88px;height: 93px;float: right;background: url(../images/gf-icon_03.png) no-repeat;}
.gf-login-body .footer{height: 70px;background: none;}
.gf-login-body .footer .up-left{margin: 26px 0 0 63px;color: #7ec7fa;}
.gf-login-body .footer .up-right{margin: 16px 35px 0 0;}
.gf-login-body .up-right .up-col-1,.gf-login-body .up-right .up-col-2{color: #7ec7fa;}
.gf-login-body .icon-footer.up-1{background: url(../images/gf-icon_22.png) no-repeat 1px 4px;}
.gf-login-body .icon-footer.up-2{background: url(../images/gf-icon_19.png) no-repeat 3px 3px;}
.gf-login-body .qq-talk{display: block;float: right;margin-right: 10px; width: 78px;height: 18px;background: url(../images/gf-icon_17.png) no-repeat;}

/*2017-04-14广发指令登录页*/
.tg-login-bottom{clear: both;height: 140px;background: url(../images/image_tg/tg-bg.jpg) no-repeat;}
.tg-login-bmain{height: 140px;background: rgba(255,255,255,.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8ffffff,endColorstr=#c8ffffff);}
.tg-login-bcont{width: 1085px;margin: 0 auto;}
.tg-login-bmod{width: 33.33%;float: left;padding-top: 0px;}
.tg-login-pic{display: block;height: 70px;float: left;width: 70px;margin: 22px 25px 0 85px;}
.tg-login-pic1{background: url(../images/image_tg/tg-mod1.png) no-repeat center center;}
.tg-login-pic2{background: url(../images/image_tg/tg-mod2.png) no-repeat center center;}
.tg-login-pic3{background: url(../images/image_tg/tg-mod3.png) no-repeat center center;}
.tg-login-bright>span{display: block;line-height: 28px;font-size: 14px;color: #333;}
.tg-login-bright>span.tg-big{font-size: 20px;margin-top: 10px;line-height: 40px;}
.tg-login-bright{float: left;}


.oldPpos{
		position:absolute;
		top:0;
		left:0;
		right:0;
		height:30px;
		z-index:9999;
}
.back-link{
	    display:block;
	    width:25%;
	    height:30px;
	    text-align:center;
	    background:rgba(225,225,225,.3);
		filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#4CE1E1E1,endColorStr=#4CE1E1E1);
		margin-left:auto;
		margin-right:auto;
		border-radius: 0 0 35px 35px;
		box-shadow: 2px 2px 5px #e9e9e9;
		zoom: 1;
	    }
	    
/*长江个性化页面*/
html,body{height: 100%;width: 100%;margin:0;padding:0;}
@media screen and (min-height: 855px){
	.cj-login-body-bac{background:url(../images/image_cjzq/back_cjzq.png) no-repeat;width:100%;top:0px;bottom:230px;background-size:100% 100%;position:absolute;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/back_cjzq.png',sizingMethod='scale');}
    .cj-footcont{position:absolute;width: 100%;height: 230px;bottom:0px;margin:0px auto;}
}
@media screen and (max-height: 855px){
	.cj-login-body-bac{background:url(../images/image_cjzq/back_cjzq.png) no-repeat;width:100%;top:0px;bottom:0px;background-size:100% 100%;position:absolute;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/back_cjzq.png',sizingMethod='scale');}
    .cj-footcont{position:absolute;width: 100%;height: 230px;bottom:-230px;margin:0px auto;}
}
.cj-banner{/* height: 530px; */width: 100%;}
.cj-banner .banner,.cj-banner .banner .imgbox{/* height: 530px; */}
.cj-banner .imgbox{ /* height: 530px; */width: 100%;overflow: hidden;}
.cj-container .login-cont{width: 1200px;margin: 0 auto;height: 0px;position: relative;}
.cj-container .login-main{width: 406px;position: absolute;top: 80px;left:120px;height: 400px;background: rgba(255,255,255,.3);
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#4CFFFFFF,endColorStr=#4CFFFFFF);zoom: 1;} 
.cj-container .login-main h3{width: 340px;margin: 0 auto;line-height: 80px;color: #fff;font-size: 16px;}
.cj-container .import-mod{width: 340px;margin: 0 auto 25px;height: 48px;background: #fff;}
.cj-container .user-input{width: 280px;line-height: 48px;border: none;font-size: 16px;height: 48px;color: #333;float: left;}
.cj-container .yzm-mod>span{display: block;float: left; width: 65px;line-height: 48px; text-align: center;font-size: 16px;color: #666;}
.cj-container .yzm-mod{width: 340px;height: 48px;margin: 0 auto 10px;background: #fff;}
.cj-container .yzm-input{width: 130px;line-height: 48px;float: left;height: 48px;border: none;font-size: 16px;}
.cj-container span.yzm-icon{display: block;float: right; width: 100px;height: 40px;background: url(../images/cj-yzm.png) no-repeat center center;}
.cj-container .login-btn{width: 340px;margin: 0 auto;}
.cj-container .login-btn button{height: 50px;width: 340px;line-height: 50px;color: #fff;border: none;background: #f99023;font-size: 20px;border-radius: 5px;}
.cj-container .forget-mod{width: 340px; height: 30px;line-height: 30px;margin: 0 auto 10px;}
.cj-container .import-mod>span{display: block;float: left; width: 50px;line-height: 48px; text-align: center;font-size: 14px;color: #666;}
.cj-login-body .cj-logincont{position: absolute;top: 0px;left:0px;right:0px;}
.cj-login-body .header a{color: #fff;}
.cj-login-body .forget-mod a:hover{color: #fff;}
.cj-login-body .cj-logincont .up-title{margin-left: 63px;background:url(../images/image_cjzq/cjzq_logo.png) no-repeat 0px 16px;}
.cj-login-body .cj-logincont .fn-right{float:left;margin-left: 50px;}
.cj-login-body .cj-foot{height: 230px;width: 100%;}
.cj-login-body .cj-foot-js{width:1115px;margin: 0px auto;height: 110px;padding-top:20px;}
.cj-login-body .cj-foot-mod{width: 270px;margin-top:5px;margin-right: 35px;height: 90px;float: left;}
.cj-login-body .cj-icon{display: block;float: left;width: 92px;height: 86px;margin-top: 4px;}
.cj-login-body .cj-icon1{background: url(../images/image_cjzq/teams.png) no-repeat;}
.cj-login-body .cj-icon2{background: url(../images/image_cjzq/serviceall.png) no-repeat;}
.cj-login-body .cj-icon3{background: url(../images/image_cjzq/fastpow.png) no-repeat;}
.cj-login-body .cj-foot-mod-font{margin-left:2px;float: left;width: 160px;}
.cj-login-body .cj-foot-mod-font>h3{font-size: 18px;color: #333;vertical-align: top;}
.cj-login-body .cj-foot-mod-font>p{margin-top:8px;font-size: 14px;line-height: 20px;color: #333;}
.cj-foot-ewm{width: 110px;height: 110px;float: right;margin-left:10px;background: url(../images/image_cjzq/cjzq_er.jpg) no-repeat;}
.cj-login-body .footer{height: 100px;background: #353e48;}
.cj-login-body .footer .up-left{margin: 40px 0 0 50px;color: #fff;}
.cj-login-body .footer .up-right{margin: 40px 20px 0 0;}
.cj-login-body .up-right .up-col-1,.cj-login-body .up-right .up-col-2{color: #fff;}
.cj-login-body .icon-footer.up-1{background: url(../images/image_cjzq/icon-footer.png) no-repeat -20px -8px;}
.cj-login-body .icon-footer.up-2{background: url(../images/image_cjzq/icon-footer.png) no-repeat -77px -8px;}