@import"./custom.css";
* {
  box-sizing: border-box;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 14px;
  font: inherit;
  vertical-align: middle;
  font-family: Arial, Helvetica, sans-serif, "微软雅黑", "宋体";
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
input,
textarea,
select,
button {
  font-size: 14px;
}
body {
  line-height: 1.4;
}
html,
body {
  height: 100%;
}
ol,
ul {
  list-style: none;
  padding:0;
  margin:0;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}
button,
input,
select,
textarea {
  outline: none;
  font-family: Arial, Helvetica, sans-serif, "微软雅黑", "宋体";
}
input:-webkit-autofill {
      -webkit-box-shadow : 0 0 0px 1000px transparent inset !important;
      -webkit-text-fill-color: transparent !important;
}

body {
  background: #eee;
  color: #444;
  font-size: 14px;
}
input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
select {
  height: 30px;
  border: 1px solid #ddd;
  padding: 0 10px;
  background-color:transparent;
}

input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
	-webkit-text-fill-color: #7E7E7E !important;
	-webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;
    background-color:transparent;
    background-image: none;
    transition: background-color 50000s ease-in-out 0s;
}
input.placeholder,
textarea.placeholder {
  color: #999;
}
input.setvalue,
textarea.setvalue {
  color: #444;
}
.search-input input,
.search-input button {
  height: 30px;
  vertical-align: middle;
}
.search-input input {
  border: 1px solid #eee;
  width: 260px;
  padding: 5px 15px;
  line-height: 20px;
  margin-right: -5px;
}
.search-input button {
  width: 87px;
  background: #3787E2;
  font-size: 15px;
  line-height: 18px;
  border: none;
  color: #fff;
  transition: .3s all;
  cursor: pointer;
}
.search-input button i {
  margin-right: 10px;
}
.search-input button:hover {
  background: #0092e1;
}
.content-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ztree {
  margin-left: 15px;
  margin-top: 0;
  height: 300px;
  overflow-y: auto;
}
.layui-layer .layui-layer-btn a{
	margin-top:0;
	height:34px;
	line-height:34px;
	border-radius:0;
}
.layui-layer .layui-layer-btn .layui-layer-btn0{
	background:#3787E2;
	border-color:#3787E2;
}
.layui-layer .layui-layer-title {
  background: #3787E2;
  color: #fff;
}
.layui-layer .modal-content {
  padding: 15px;
}
.empty-data {
  background: #fff;
  padding: 10%;
}
.empty-data .info-text {
  text-align:center;
  color: #999;
}
.empty-data .info-text i{
	display:inline-block;
	margin-bottom:22px;
	width:100px;
	height:100px;
	background: url("../../images/wssb/wssb_empty.png;vpn_img") no-repeat center center;
}
.empty-data .tips{
	border: 1px solid #ddd;
    padding: 15px;
    border-radius: 5px;
	width:670px;
	margin:15px auto;
}
.empty-data .tips p{
	color:#999;
}
.unaudited .empty-data .info-text {
  background: none;
  text-align: center;
  width: 90%;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #ddd!important;
  height: 36px !important;
  border-radius: 0px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height:34px !important;
}

#go_top {
  position: fixed;
  LEFT: 85%;
  bottom: 50px;
  height: 80px;
  width: 80px;
  text-align: center;
  z-index: 100;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  border-radius: 10px;
  cursor: pointer;
  transition: all .3s;
}
#go_top h1 {
  padding: 9px;
}
#go_top h1 i {
  font-size: 35px;
}
#go_top:hover {
  background: rgba(0, 0, 0, 0.5);
}
.fixed-footer {
  min-height: 100%;
  padding-bottom: 110px;
  position: relative;
}
.fixed-footer .footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
/* #popup_container{
    font-size: 14px!important;
}
#popup_title{
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    color:#fff;
    background: @theme-color;
    &:after{
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
    }
}

#popup_title_name{
    display: inline-block;
    font-size: 18px;
}

#popup_close{
    float: right;
}

#popup_content{
    padding: 15px;
}

#close_button_div{
    text-align: right;
    button{
        background: none;
        height: 30px;
        border: 1px solid #ddd;
        line-height: 28px;
        padding: 0 15px;
        color: #444;
        transition: all .3s;
    }
}
#submit_button{
    background: @theme-color;
    border-color: @theme-color;
    color: #fff;
    margin-right: 10px;
    &:hover{
        background: darken(@theme-color,6);
    }
}

#close_button{
    &:hover{
        background: #ddd;
    }
}
 */
.primary {
  color: #01a5ff;
}
.primary-bg {
  background: #01a5ff;
}
.danger {
  color: #FF5722;
  font-size:14px;
}
.danger-bg {
  background: #FF5722;
}
.warming {
  color: #ffab3a;
}
.warming-bg {
  background: #ffab3a;
}
.info {
  color: #49bfea;
}
.info-bg {
  background: #49bfea;
}
.success {
  color: #4ae381;
}
.success-bg {
  background: #4ae381;
}
.btn {
  height: 30px;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all .3s;
}
.btn i {
  margin-right: 5px;
  font-size: 18px;
  vertical-align: text-bottom;
}
.btn.btn-primary {
  background: #3787E2;
  color: #fff;
  border-color: #3787E2;
}
.btn.btn-primary:hover {
  background: #87B7EE;
  border-color:#87B7EE;
}
.btn.btn-primary.disabled {
  background: #ddd;
  color: #999;
  border-color: #ddd;
}
.btn.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn.btn-outline {
  border-color: #3787E2;
  color: #3787E2;
  background: none;
}
.btn.btn-outline:hover {
  background: #3787E2;
  border-color:#3787E2;
  color: #fff;
}
.btn.btn-lg {
  height: 36px;
  line-height: 22px;
}
.btn.btn-fluid {
  width: 100%;
}
.table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.table thead tr {
  background: #D7EEFF;
}
.table td {
  padding: 10px;
}
.table.table-bordered td {
  border: 1px solid #ddd;
}
.clearfix:before,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.left {
  float: left;
}
.right {
  float: right;
}
.white-bg {
  background: #fff;
}
.container {
  width:100%;
  min-width: 1280px;
  margin: 0 auto;
  position: relative;
}
.container.container-bg {
  background: #fff;
}

.title-icon{
	position:relative;
	padding-left:18px;
	line-height:1;
	font-size:16px;
	border-bottom:1px solid #D8E1E5;
}
.title-icon:before{
	position:absolute;
	top:-1px;
	left:0;
	content:"";
	display:block;
	width:6px;
	height:18px;
	background:#3787E2;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 376px;
  padding: 1px;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  padding-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.15);
  bottom: -9px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.15);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.15);
  top: 0px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.15);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}
.tab {
  margin: 10px 0;
  text-align: left !important;
}
.tab .tab-title {
  position: relative;
  left: 0;
  height: 40px;
  white-space: nowrap;
  font-size: 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #eee;
  transition: all .2s;
  -webkit-transition: all .2s;
}
.tab .tab-title li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  font-size: 14px;
  transition: all .2s;
  -webkit-transition: all .2s;
  position: relative;
  line-height: 40px;
  min-width: 65px;
  text-align: center;
  margin-bottom: -1px;
  cursor: pointer;
}
.tab .tab-title li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  text-decoration: none;
  color: #1462AB;
 /*  border-radius: 4px 4px 0 0; */
  position: relative;
  display: block;
  padding: 10px 15px;
  cursor: pointer;
}

.tab .tab-title li.active > a,
.tab .tab-title li:hover > a {
  color: #3787E2;
  cursor: pointer;
  background-color: #fff;
}
.tab .tab-title.tab-title-bg {
  background: #E9F4FF;
}
.tab .tab-title.tab-subline {
  border: 0;
  height: 40px;
  background:#E9F4FF;
  box-shadow:0px -1px 0px 0px #D8E1E5;
}
.tab .tab-title.tab-subline li {
  margin-bottom: 0;
}
.tab .tab-title.tab-subline li:after {
  content: "";
  color: #ddd;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 18px;
}
.tab .tab-title.tab-subline li:last-child:after {
  display: none;
}
.tab .tab-title.tab-subline li > a {
  border: none;
  border-top: 2px solid transparent;
  border-radius: 0;
  padding: 9px 15px;
}
.tab .tab-title.tab-subline li.active > a,
.tab .tab-title.tab-subline li.active > a:hover {
  color:#3787E2;
  cursor: pointer;
  background: none;
  border: none;
}
.tab .tab-title.tab-topline {
  border: 0;
  height: 48px;
}
.tab .tab-title.tab-topline li {
  margin-bottom: 0;
}
.tab .tab-title.tab-topline li:after {
  content: "|";
  color: #ddd;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 18px;
}
.tab .tab-title.tab-topline li:last-child:after {
  display: none;
}
.tab .tab-title.tab-topline li > a {
  border: none;
  border-top: 2px solid transparent;
  border-radius: 0;
  padding: 13px 15px;
}
.tab .tab-title.tab-topline li.active > a,
.tab .tab-title.tab-topline li.active > a:hover {
  color: #01a5ff;
  cursor: pointer;
  background: none;
  border: none;
  border-top: 2px solid #01a5ff;
}
.tab .tab-content > .tab-item {
  display: none;
}
.tab .tab-content > .active {
  display: block;
}
.header {
  padding: 15px;
}
.header .logo .logo-img,
.header .logo .logo-name {
  display: inline-block;
  vertical-align: middle;
}
.header .logo .logo-img {
  height: 70px;
}
.header .logo .logo-img img {
  height: 100%;
  width: auto;
}
.header .logo .logo-name {
  text-align: center;
  color: #01a5ff;
}
.header .logo .logo-name .title-sm {
  font-size: 16px;
  font-weight: normal;
}
.header .logo .logo-name .title {
  font-size: 24px;
  font-weight: bolder;
}
.header .login-nav {
  padding: 35px 0 5px 0;
}
.header .login-nav .nav-item {
  position: relative;
  float: left;
}
.header .login-nav .nav-item a {
  display: inline-block;
  padding: 5px 12px;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  position: relative;
}
.header .login-nav .nav-item a:after{
    background: #fff;
    content: "";
    height: 1px;
    left: 0;
    opacity: 0;
    position: absolute;
    bottom: 0;
    transform: scaleX(0);
    -ms-transform:scaleX(0);
    -webkit-transform:scaleX(0);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    width: 100%;
}
.header .login-nav .nav-item>a:hover:after{
	 opacity: 1;
     transform: scaleX(1);
     -ms-transform:scaleX(1);
     -webkit-transform:scaleX(1);
}
.header .login-nav .nav-item i {
  font-size: 14px;
  margin-right: 10px;
}

.header .login-nav .nav-item p>i{
	font-size:18px;
}

.header .login-nav .nav-item:last-child {
  border: none;
}
.header .login-nav .nav-item .popover {
  top: 23px;
  display: block;
}
.header .login-nav .nav-item .popover .arrow{
	left:60px;
}
.header .login-nav .nav-item .popover .popover-content {
  padding: 30px 22px 17px;
  width: 266px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
  border-radius:0;
}
.header .login-nav .nav-item .popover .popover-content .icontfont{
	font-size:16px;
}
.header .login-nav .nav-item .popover .popover-content>p {
  padding-bottom:18px;
  line-height: 1;
  color: #1462AB;
  font-size:18px;
  border-bottom:1px solid #DCDCDC;
}
.header .login-nav .nav-item .popover .popover-content .user-desc {
  color:#565656;
  line-height:32px;
  border-bottom:1px solid #DCDCDC;
}
.header .login-nav .nav-item .popover .popover-content .user-desc span{
  color:#868686;
  line-height:32px;
  vertical-align: baseline;
}
.header .login-nav .nav-item .popover .popover-content .user-desc p {
  color:#565656;
  line-height:32px;
}
.header .login-nav .nav-item .popover .popover-content button {
  width: 100%;
  height:auto;
  text-align: left;
  padding:10px 0;
  color:#3787e2;
  border:none;
  border-bottom:1px solid #DCDCDC;
  transition:all .3s;
}
.header .login-nav .nav-item .popover .popover-content button:hover{
	background:#F5FBFF;
	padding-left:10px;
}
.header .login-nav .nav-item .popover .popover-content button .iconfont{
	font-size:16px;
	color:#3787e2;
	margin-right:12px;
}
.header .login-nav .nav-item.is-login a {
  color: #fff;
}
.header .login-nav .nav-item.is-login a:hover {
  color: #fff;
}
.header.header-bg {
  min-width:1280px;
  background: linear-gradient(268deg,rgba(83,197,196,1),rgba(55,135,226,1));
}
.main-nav {
  height: 50px;
  width:100%;
  min-width:1280px;
  margin:0 auto;
  background: #1368C8;
 /*  margin-bottom: 15px; */
}
.main-nav .container{
	width:1280px;
  	margin:0 auto;
}
.main-nav .nav-list .nav-item {
  float: left;
  cursor: pointer;
  padding: 10px 0;
}
.main-nav .nav-list .nav-item a {
  color: #fff;
  display: block;
  padding: 0 15px;
  font-size: 18px;
  line-height: 30px;
  width: 150px;
  text-align: center;
}
.main-nav .nav-list .nav-item i {
  margin-right: 5px;
  font-size: 22px;
  vertical-align: text-bottom;
}
.main-nav .nav-list .nav-item:last-child a {
  border: none;
}
.main-nav .nav-list .nav-item.selected,
.main-nav .nav-list .nav-item:hover {
  background: rgba(255,255,255,0.4);
}
.footer {
  text-align: center;
  padding: 20px 0;
  color: #555;
  line-height: 2;
}
.fresh-guider .guider-content{
	width:100%;
	min-width:1280px;
	background:#fff;
	padding:30px 0;
}
.laws .container,
.project-record .container,
.banjian-search .container,
.guider .container,
.guider-desc .container,
.fresh-guider .container,
.record-public .container,
.download .container,
.login-page .container,
.xzzq .container,
.forget-password-wrapper .container,
.register .container,
.index .container{
	width:1280px;
}
.index .header {
  /*border-bottom: 1px solid rgba(255, 255, 255, 0.5);*/
}
.index .header.header-bg {
  background: none;
}
.index .header .login-nav {
  color: #fff;
}
.index .header .login-nav .nav-item a {
  color: #fff;
}

.index .search-part {
  padding: 160px 0;
  width:100%;
  min-width:1280px;
}
.index .search-part .container {
  width: 1280px;
}
.index .search-part .container {
  /*padding: 0 25px;*/
}
.index .search-left-part{
	padding-left:30px;
}
.index .search-part .block {
  display: inline-block;
  position: relative;
}
.index .search-part .block .block-card{
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  width: 150px;
  height: 150px;
  display: inline-block;
  background:rgba(255,255,255,.9);
  color: #1D69BE;
  text-align: center;
  font-size: 18px;
  transition: .3s all ;
  cursor: pointer;
  position: relative;
  padding: 35px;
  border-radius:10px;
  float:left;
}
.icon-img{
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.index .search-part .block .onething-block-card{
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  width: 150px;
  height: 150px;
  display: inline-block;
  background:rgba(255,255,255,.9);
  color: #1D69BE;
  text-align: center;
  font-size: 18px;
  transition: .3s all ;
  cursor: pointer;
  position: relative;
  border-radius:10px;
  float:left;
}
.index .search-part .block:last-child {
	margin-left: 15px;
}
.index .search-part .block:last-child .block-card{
	color:#7DB61A;
}
.index .search-part .block:last-child .icon:before{
	color:#7DB61A;
}
.index .search-part .block .icon {
  font-size: 35px;
  display: block;
  padding: 5px;
}
.index .search-part .block .icon:before {
  color: #1D69BE;
}
.index .search-part .block .popover{
	width:1250px;
	max-width:1250px;
	height:130px;
	display:none;
	box-sizing:border-box;
}
.index .search-part .block .arrow:after{
	border-bottom-color:rgba(255,255,255,.9);
}
.index .search-part .block .card-content{
    background: rgba(255,255,255,.9);
    padding: 15px 0;
    border-radius: 5px;
}

.index .search-part .block .card-content button{
	border:none;
	background:transparent;
	color:#000;
	font-size:16px;
	cursor:pointer;
}

.index .search-part .block .block-name{
	font-size:24px;
}

.index .search-part .block .card-content button:hover{
	color:#3787E2;
}
.index .search-part .block:last-child .card-content button:hover{
	color: #7DB61A;
}
.index .search-part .block .card-content button:nth-of-type(n+3){
	margin-top:6px;
}
.index .search-part .block .popover {
   top: 150px;
}

.index .search-part .block:last-child .popover{
	left:-170px;
}

.index .search-part .block .popover .arrow {
  left: 6%;
}

.index .search-part .block:last-child .popover .arrow {
	left: 18%;
}

.index .search-part .block .popover button {
  background: none;
  border: none;
  margin: 5px 45px;
  color: #444;
  cursor: pointer;
  vertical-align: middle;
}

.index .search-part .block .popover button .icon-active{
	display:none;
}

/* .index .search-part .block .popover button i {
  color: #1D69BE;
  font-size: 20px;
  display: block;
  width: 45px;
  margin: 10px auto;
  height: 45px;
  background: #fff;
  line-height: 45px;
  border-radius: 100%;
  box-shadow: 0 5px 15px rgba(0,0,0,.1);
} */
/* .index .search-part .block:last-child .popover button i{
	color:#7DB61A;
}
.index .search-part .block .popover button:hover i {
  color: #fff;
  background: #3787E2;
}
.index .search-part .block:last-child .popover button:hover i {
  color: #fff;
  background: #7DB61A;
} */

.index .search-part .block .popover button .icon-img,
.index .search-part .block .popover button .icon-active{
	width:98px;
	height:98px;
}
.onething-block-card .icon-active{
  display:none;
}
.onething-block-card:hover .icon-img{
  display:none;
}
.onething-block-card:hover .icon-active{
  display:block;
}
.onething-block-card .icon-active{
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.index .search-part .block .popover button p{
	margin-top:-20px;
}

.index .search-part .block .popover button:hover .icon-img{
	display:none;
}
.index .search-part .block .popover button:hover .icon-active{
	display:block;
}
.index .search-part .block .popover .popover-content {
  width: 375px;
  font-size: 14px;
  line-height: 1.8;
  padding: 10px;
  text-align: left;
}
.index .search-part .block:hover .block-card{
   background:#1D69BE;
   color:#fff ;
}
.index .search-part .block:hover .icon:before {
  color: #fff;
}
.index .search-part .block:last-child:hover .block-card{
	 background:#7DB61A;
   	 color:#fff ;
}

.index .search-part .block:hover .popover{
	display:block;
}

.index .search-part .search-title {
  font-size: 24px;
  line-height: 1.6;
  margin-bottom: 15px;
  height: 38px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  color: #fff;
}
.index .search-part .search-input {
  background: rgba(255, 255, 255, 0.5);
  height: 70px;
  width:620px;
  padding-left:6px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.index .search-part .search-input .inner{
	 height: 58px;
	 display:inline-block;
	 background: #fff;
	 padding: 4px 0;
	 margin-right:-5px;
}
.index .search-part .search-input .select-area,
.index .search-part .search-input input {
  margin: 10px;
  height: 30px;
  border: none;
  vertical-align: middle;
}
.index .search-part .search-input .select-area {
  position: relative;
  display: inline-block;
  line-height: 30px;
  cursor: pointer;
  margin: 10px 0 10px 10px;
  width: 78px;
}

.index .search-part .search-input .select-area .area-name {
  display: inline-block;
  width: 60px;
  font-size:18px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index .search-part .search-input .select-area i {
  font-size: 18px;
}
.index .search-part .search-input .select-area .popover {
  top: 30px;
  left: -10px;
  padding-top: 20px;
}
.index .search-part .search-input .select-area .popover .arrow {
  top: 10px;
  left: 10%;
}
.index .search-part .search-input .select-area .popover-content{
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}
.index .search-part .search-input .select-area .areas {
  width: 300px;
}
.index .search-part .search-input .select-area .areas span {
  display: inline-block;
  width: 48px;
}
.index .search-part .search-input .select-area .areas ul {
  display: inline-block;
  vertical-align: top;
  width: 245px;
}
.index .search-part .search-input .select-area .areas ul li {
  float: left;
  margin: 0 3px;
  padding: 0 5px;
}
.index .search-part .search-input .select-area .areas ul li.active,
.index .search-part .search-input .select-area .areas ul li:hover {
  background: #3787e2;
  color: #fff;
}
.index .search-part .search-input input {
  border-left: 1px solid #ccc;
  margin-left: 15px;
  width: 398px;
  padding: 0 15px;
}
.index .search-part .search-input button {
  height: 70px;
  padding: 10px 15px;
  background: #01a5ff;
  color: #fff;
  font-size: 18px;
  border: none;
  cursor: pointer;
  width: 100px;
  transition: .3s all;
  background:url("../../images/wssb/search@2x.png;vpn_img") no-repeat top center;
}

.index .search-part .search-input button i{
	font-size:19px;
}

/* .index .search-part .search-input button:hover {
  background: #058dd6;
} */
.index .link-modules {
    background: #ffff;
    padding:60px 0;
}
.index .link-modules .arrow,
.index .link-modules .link-imgs {
  display: inline-block;
  vertical-align: middle;
}
.index .link-modules .arrow {
  padding: 0 5px;
  cursor: pointer;
}
.index .link-modules .arrow i {
  font-size: 33px;
  color: #bbb;
}
.index .link-modules .arrow:hover i{
	color:#3787E2;
}
.index .link-modules .link-imgs li a{
	display:block;
}
.index .link-modules .link-imgs li {
  float: left;
  margin: 5px;
  transition: all .3;
}
.index .link-modules .link-imgs li:hover {
  background: rgba(255, 255, 255, 0.3);
}
.msg-dialog {
  width: 90%;
  margin: 15px auto;
  line-height: 1.8;
}
.login-page {
  position: relative;
}
.login-page  .header{
	padding-top:50px;
}
.login-page .header .title-sm,
.login-page .header .title {
  color: #fff;
}
.login-page .login-content {
  margin:7% 0;
}
.login-page .login-content .container {
  width: 1200px;
}
.login-page .login-content .login-form .custom-login-method,
.login-page .login-content .login-form .more-login-methods {
  display: inline-block;
}
.login-page .login-content .login-form .custom-login-method {
  height: 400px;
  position: relative;
}
.login-page .login-content .container .login-form{
	overflow:hidden;
}
.login-page .login-content .login-form .more-login-methods {
  position: relative;
  height:356px;
  width:240px;
  display:inline-block;
  padding-top: 54px;
  box-sizing:border-box;
  float:right;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  overflow:hidden;
}
.login-page .login-content .login-form .more-login-methods .more-login-methods-box{
	width:240px;
	display:bolck;
}
.login-page .login-content .login-form .more-login-methods button {
  display: block;
  border: none;
  color: rgba(255,255,255,.8);
  margin: 0 0 22px 22px;
  cursor: pointer;
  transition: all .3s;
  width:176px;
  height:38px;
  background:rgba(255,255,255,0.15);
  border-radius:19px;
}
.login-page .login-content .login-form .more-login-methods .third-methods-title{
	margin-bottom:34px;
	padding-left:46px;
	font-size:16px;
	font-weight:400;
	color:#fff;
}
.login-page .login-content .login-form .more-login-methods button:hover {
  background: #01a5ff;
  color: #fff;
}
.login-page .login-content .login-form .more-login-methods:before {
  content: "";
  position: absolute;
  top: 10%;
  left: 0;
  border-right: 1px solid rgba(255,255,255,.3);
  height: 80%;
}
.login-page .login-content .user-type{
	width:490px;
}
.login-page .login-content .user-type li {
  width:50%;
  float: left;
  cursor: pointer;
  padding: 14px 0 13px;
  font-size: 16px;
  color: #fff;
  text-align:center;
  background: rgba(0,0,0,0.4);
}
.login-page .login-content .user-type li.selected {
  color: #fff;
  background:rgba(0,0,0,0.6);
}
.login-box{
	background:rgba(0,0,0,0.6);
}
.login-page .login-content .login-form .custom-login-method form{
	display:inline-block;
	width:490px;
	padding:40px 45px;
}
.login-page .login-content .form-cell {
  height:40px;
  line-height:40px;
  position: relative;
  margin-bottom: 17px;
}
.login-page .login-content .form-cell .iconfont{
	margin:0 11px 0 12px;
	font-size:16px;
	color: #666;
}
.login-page .login-content .form-cell span.icon {
  font-size: 24px;
  line-height: 30px;
  vertical-align: middle;
  color: #666;
}
.login-page .login-content .form-cell input {
  padding-left:0;
  border:none;
  background:transparent;
}
.login-page .login-content .form-cell .error-input{
	border:1px solid red;
}

.login-page .login-content .form-cell input.btn{
	height:45px;
	font-size: 18px;
}
.login-page .login-content .last-input  .form-cell-input{
  display:inline-block;
  width:288px;
}
.login-page .login-content .form-cell.error-cell {
  margin: 10px 0;
  border: none;
  height: 15px;
  line-height:1;
}
.login-page .login-content .form-cell.error-cell .iconfont{
	margin: 0 9px 0 4px;
	font-size:14px;
	color: red;
}
.login-page .login-content .form-cell .form-cell-input{
	background:#fff;
}
.login-page .login-content .form-cell.last-input {
  margin-bottom: 20px;
}
.login-page .login-content .form-cell.login-input-btn{
  margin-bottom:0;
}
.login-page .login-content .form-cell img {
  width: 105px;
  height: 40px;
  margin-left:3px;
}
.login-page .login-content .forget-password{
	height:auto;
	line-height:1;
	margin-bottom:10px;
}
.login-page .login-content .form-cell a {
  text-decoration: none;
  color: #fff;
}
.login-page .login-content .form-cell .js-login-btn{
	background:#00A0E9;
	border-radius:4px;
}
.login-page .footer {
  margin-top: 50px;
  background: rgba(0,0,0,.5);
  padding:25px 0;
  color: #999;
  border-top: 1px solid rgba(255,255,255,.3);
}
.personal-view .personal-content {
  padding: 0;
}
.personal-view .footer{
	background:#fff;
}
.personal-view .personal-content .menu-title {
  padding: 10px 27px;
  border-bottom: 1px solid #ddd;
  color: #37639F;
  cursor: pointer;
}
.personal-view .personal-content .menu-title .icon {
  display: inline-block;
  width: 25px;
  text-align: center;
  height: 25px;
  font-size: 25px;
  line-height: 25px;
  color: #01a5ff;
  margin-right: 10px;
}
.personal-view .personal-content .menu-title.selected,
.personal-view .personal-content .menu-title:hover {
  background: #68A9F1;
  color: #fff;
}
.personal-view .personal-content .menu-title.selected .icon,
.personal-view .personal-content .menu-title:hover .icon {
  color: #fff;
  border-color: #fff;
}
.personal-view .personal-content .menu {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: #F5FBFF;
  width: 200px;
  transition: all .3s;
  z-index:999;
}
.personal-view .personal-content .menu .menu-open{
	background:#fff;
}
.personal-view .personal-content .menu .menu-open ul{
	background:#E9F4FF;
	color:#576A86;
}
.personal-view .personal-content .menu .menu-content {
  overflow: hidden;
}
.personal-view .personal-content .menu .menu-list,
.personal-view .personal-content .menu .menu-title {
  opacity: 1;
  transition: all .3s;
  width: 200px;
}
.personal-view .personal-content .menu .menu-title i{
	margin-right:5px;
}
.personal-view .personal-content .menu li.menu-open .icon-wsbs-xianmiaojiantou-xia:before {
  content: "\e84b";
}
.personal-view .personal-content .menu li a {
  display: block;
  padding: 10px 15px 10px 27px;
  position: relative;
  cursor: pointer;
}
.personal-view .personal-content .menu li a i {
  font-size: 20px;
  vertical-align: text-bottom;
  color:#6b93ca;
}
.personal-view .personal-content .menu li a i.iconfont{
	font-size:12px;
	line-height: 17px;
}
.personal-view .personal-content .menu li a i:first-child {
  color: #37639F;
  margin-right:5px;
  font-size:16px;
}
.personal-view .personal-content .menu li a.active {
  color: #37639F;
}
.personal-view .personal-content .menu li.menu-item {
  border-bottom: 1px solid #D8E1E5;
  transition: all .5s;
  color:#37639F;
}
.personal-view .personal-content .menu li.menu-item > .sub-menu {
  display: none;
}
.personal-view .personal-content .menu li.sub-menu-item a {
  padding-left: 54px;
}
.personal-view .personal-content .menu li.sub-menu-item a:hover {
  background: #68A9F1;
  color: #fff;
}
.personal-view .personal-content .menu li.sub-menu-item.selected a {
  background: #68A9F1;
  color: #fff;
}
.personal-view .personal-content .menu li.sub-menu-item.selected {
  position:relative;
}
.personal-view .personal-content .menu.close {
  width: 50px;
}
.personal-view .personal-content .menu.close .menu-list,
.personal-view .personal-content .menu.close .menu-title {
  display: none;
  opacity: 0;
}
.personal-view .personal-content .menu.close .menu-icon-list {
  display: block;
  opacity: 1;
}
.personal-view .personal-content .menu .toggle-btn {
  display:none;
  position: absolute;
  left: 185px;
  top: 10px;
  transition: all .3s;
  cursor: pointer;
}
.personal-view .personal-content .menu .toggle-btn i {
  border-left: 13px solid #ccc;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  height: 34px;
  display: block;
  position: relative;
}
.personal-view .personal-content .menu .toggle-btn i:before {
  font-size: 16px;
  position: absolute;
  left: -12px;
  top: 2px;
  color: #fff;
}
.personal-view .personal-content .menu .toggle-btn i:hover {
  border-left: 13px solid #01a5ff;
}
.personal-view .personal-content .menu .toggle-btn.open {
  left: 50px;
}
.personal-view .personal-content .menu .toggle-btn.open i:before {
  content: "\f101";
}
.personal-view .personal-content .menu .menu-icon-list {
  display: none;
  width: 50px;
  text-align: center;
  transition: all .3s;
  opacity: 0;
}
.personal-view .personal-content .menu .menu-icon-list li {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  color: #01a5ff;
}
.personal-view .personal-content .menu .menu-icon-list li:last-child {
  border: none;
}
.personal-view .personal-content .menu .menu-icon-list li.active,
.personal-view .personal-content .menu .menu-icon-list li:hover {
  background: #01a5ff;
  color: #fff;
}
.personal-view .personal-content .menu .menu-icon-list i {
  font-size: 24px;
}
.personal-view .personal-content .content {
  position: relative;
  width: calc(100% - 260px);
  padding-top:30px;
  margin-left: 230px;
  margin-bottom: 30px;
  transition: all .3s;
}
.personal-view .personal-content .content .view {
  min-height: 600px;
}
.personal-view .personal-content .content.full {
  width: 1230px;
  margin-left: 65px;
}
.workbench .recent-project .title-text {
	line-height: 30px;
    height: 30px;
    position:relative;
}
.workbench .recent-project .title-text:before,
.workbench .workbench-content .charts .chart-item .chart-title:before{
	top:5px;
	left:15px;
}
.workbench .title-text .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #01a5ff;
  vertical-align: middle;
  text-align: center;
}
.workbench .title-text .icon i {
  color: #fff;
  line-height: 20px;
}
.workbench .workbench-header {
  background: #fff;
  padding: 8px 15px;
  margin-bottom: 20px;
  border-top:2px solid #3787E2;
  text-align:center;
}
.workbench .workbench-header .title {
  height: 14px;
  line-height: 14px;
  text-align:left;
}
.workbench .workbench-header .fold-btn {
  background: none;
  border: none;
  cursor: pointer;
  line-height: 14px;
  color: #3787E2;
}
.workbench .workbench-header .fold-btn:hover {
  color: #3787E2;
}
.workbench .workbench-header .fold-btn:after {
  margin-left: 10px;
  content: "\f102";
}
.workbench .workbench-header .fold-btn.up:after {
  content: "\f103";
}
.workbench .workbench-header .header-content {
  padding: 25px 0 0 0;
  display:inline-block;
  min-width:1400px;
}
@media screen and (max-width: 1600px) {
	.workbench .workbench-header .header-content {
	  min-width:1041px;
	}
}
.workbench .workbench-header .header-content .declaration-process .process-item {
  float: left;
  position: relative;
  color: #01a5ff;
  text-align:center;
  margin-bottom:10px;
}
.workbench .workbench-header .header-content .declaration-process .process-item:nth-child(2n){
	width:15%;
	position:relative;
	padding: 23px 10px;
}
@media screen and (max-width: 1600px) {
	.workbench .workbench-header .header-content .declaration-process .process-item:nth-child(2n){
		width:12%;
		position:relative;
	}
}
.workbench .workbench-header .header-content .declaration-process .process-item:nth-child(2n):before{
	content:"";
	display:block;
	width:100%;
	height:1px;
	background:#D8E1E5;
}
.workbench .workbench-header .header-content .declaration-process .process-item:nth-child(2n):after{
	content: "";
    display: block;
    width: 6px;
    height: 10px;
    background: url(../../images/wssb/wssb_jt1.png;vpn_img) no-repeat top center;
    background-size: 100%;
    position: absolute;
    right: 8px;
    top: 18px;
}
.workbench .workbench-header .header-content .declaration-process .process-item span {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #01a5ff;
  border-radius: 20px;
  vertical-align: middle;
  line-height: 16px;
  margin-right: 10px;
}
.workbench .workbench-header .header-content .declaration-process .process-item .icon {
  width: 60px;
  height: 50px;
  display: inline-block;

}
.workbench .workbench-header .header-content .declaration-process .process-item .icon img,
.workbench .workbench-header .header-content .declaration-process .process-success i{
	transition: all 0.3s;
}
.workbench .workbench-header .header-content .declaration-process .process-item .icon img:hover,
.workbench .workbench-header .header-content .declaration-process .process-success i:hover{
   transform: scale(1.2);
   -ms-transform:scale(1.2);
   -webkit-transform:scale(1.2);
}
.workbench .workbench-header .header-content .declaration-process .process-item .icon + p{
	display: inline-block;
	margin-left:10px;
	color:#000000;
}
.workbench .workbench-header .header-content .declaration-process .process-item .step-jt{
	width:200px;
	margin:0 10px;
}
/*.workbench .workbench-header .header-content .declaration-process .process-item:not(:last-child):after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  background: url("../../images/wssb/wssb_jt.png;vpn_img") 0 0 no-repeat;
  background-size:100% 100%;
  width:30%;
  height:12px;
  display:block;
  margin-top:-6px;
}*/

.workbench .workbench-header .header-content .declaration-process .process-success{
	float:left;
	margin-top: 10px;
}
.workbench .workbench-header .header-content .declaration-process .process-success i{
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background: #53C5C4;
    color: #fff;
    display: block;
    text-align: center;
}
.workbench .workbench-content .tables {
  width: 62.5%;
}
.workbench .workbench-content .tables .table-item {
  background: #fff;
  position: relative;
  /*padding: 0 15px;*/
}
.workbench .workbench-content .tables .table-item .title {
  height: 40px;
  padding: 5px 15px 5px 33px;
  border-bottom: 1px solid #eee;
  background:#E9F4FF;
}
.workbench .workbench-content .tables .table-item .tab {
  margin: 0;
}
.workbench .workbench-content .tables .table-item .tab .tab-title{
	background:#E9F4FF;
}
.workbench .workbench-content .tables .table-item .tab .tab-content{
  padding:20px 15px;
}
.workbench .workbench-content .tables .table-item .tab-item {
  height: 337px;
}
.workbench .workbench-content .tables .table-item table thead tr {
  color:#000;
  background: #F6F6F6;
}
.workbench .workbench-content .tables .table-item table tbody tr {
  cursor: pointer;
}
.workbench .workbench-content .tables .table-item table tbody tr:hover {
  background: #F5FBFF;
  box-shadow:0px 1px 0px 0px #D8E1E5;
}
.workbench .workbench-content .tables .table-item table tbody tr:hover td{
	color:#3787E2;
}
.workbench .workbench-content .tables .table-item table td {
  font-size:14px;
  color:#4D4D4D;
  padding: 14px 10px;
  box-shadow:0px 1px 0px 0px #D8E1E5;
}
.workbench .workbench-content .tables .table-item:first-child {
  margin-bottom: 20px;
  height: 484px;
}
.workbench .workbench-content .tables .table-item:last-child {
  height: 384px;
}
.workbench .workbench-content .tables .list-content {
  height: 420px;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
  padding:10px 15px;
}
.workbench .workbench-content .tables .list-item {
  padding: 8px 15px;
  cursor: pointer;
  border-bottom: 1px solid rgba(216,225,229,1);
}
.workbench .workbench-content .tables .list-item p{
	color:#576A86;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.workbench .workbench-content .tables .list-item p:first-child{
	margin-bottom:10px;
}
.workbench .workbench-content .tables .list-item .info {
  color: #4D4D4D;
}
.workbench .workbench-content .tables .list-item:hover {
  background: #F5FBFF;
}
.workbench .workbench-content .tables .list-item:hover .item-title{
  color: #3787E2;
}
.workbench .workbench-content .tables .list-item:hover .info {
  color: #4D4D4D;
}
.workbench .workbench-content .tables .toolbar {
  position: absolute;
  right: 15px;
  top: 10px;
  cursor: pointer;
  color: #576A86;
}
.workbench .workbench-content .tables .toolbar:hover{
	color:#3787e2;
}
.workbench .workbench-content .charts {
  width: 36%;
}
.workbench .workbench-content .charts .chart-item {
  background: #fff;
  margin-bottom: 20px ;
  clear:both;
}
.workbench .workbench-content .charts .chart-item:first-child {
  /*padding: 0 20px;*/
  height:84px;
}
.workbench .workbench-content .charts .chart-item:last-child {
  margin: 0;
}
.workbench .workbench-content .charts .chart-item .statistics-item {
  display: inline-block;
  width: 50%;
  padding: 17px 0 17px 40px;
  cursor: pointer;
  float:left;
  background:#FF9933;
}
.workbench .workbench-content .charts .chart-item .statistics-item .banjian-count,
.workbench .workbench-content .charts .chart-item .statistics-item .project-count{
	display:inline-block;
	width:50px;
	height:50px;
	margin-right:20px;
}
.workbench .workbench-content .charts .chart-item .statistics-item .banjian-count{
	background: url("../../images/wssb/banjian_count.png;vpn_img") no-repeat;
}
.workbench .workbench-content .charts .chart-item .statistics-item .project-count{
	background: url("../../images/wssb/project_count.png;vpn_img") no-repeat;
}
.workbench .workbench-content .charts .chart-item .statistics-item:last-child {
  background:#99CC66;
}
.workbench .workbench-content .charts .chart-item .statistics-item .icon {
  width: 50px;
  height: 50px;
  background: #01a5ff;
  border-radius: 60px;
  margin-right: 10px;
}
.workbench .workbench-content .charts .chart-item .statistics-item .icon.warmning {
  background: #ffab3a;
}
.workbench .workbench-content .charts .chart-item .statistics-item .icon i {
  line-height: 50px;
  font-size: 30px;
  color: #fff;
}
.workbench .workbench-content .charts .chart-item .statistics-item p {
  color: #fff;
  font-size:16px;
}
.workbench .workbench-content .charts .chart-item .statistics-item h3 {
  color: #fff;
  font-size: 32px;
  line-height: 26px;
}
.workbench .workbench-content .charts .chart-item .icon,
.workbench .workbench-content .charts .chart-item .statistics-text {
  display: inline-block;
  vertical-align: middle;
}
.workbench .workbench-content .charts .chart-item .chart-title {
  height: 40px;
  padding: 5px 15px 5px 33px;
  border-bottom: 1px solid #eee;
  background:#E9F4FF;
  position:relative;
}
.workbench .workbench-content .charts .chart-item .chart-title:before{
	top:10px;
}
.workbench .workbench-content .title-text{
	position:relative;
	color:#1462AB;
}
.workbench .workbench-content .title-text:before{
	content:"";
	display:block;
	width:6px;
	height:18px;
	background:#1a87df;
	position:absolute;
	left: -20px;
    top: 6px;
}
.workbench .workbench-content .charts .chart-item .chart-title .title-text{
  display: inline-block;
  height: 30px;
  line-height:30px;
}
.workbench .workbench-content .charts .chart-item .search {
  height: 30px;
  border: 1px solid #ccc;
}
.workbench .workbench-content .charts .chart-item #pie-chart {
  height: 340px;
  padding: 0 10px;
}
.workbench .workbench-content .charts .chart-item #histogram {
  height: 340px;
  padding: 0 10px;
}
.registration input:focus,
.registration select:focus,
.registration textarea:focus{
	border:1px solid #3787E2 !important;
}
/* .registration{
	min-height:530px;
} */
.registration .header {
  background: #fff;
  padding: 8px 15px 8px;
  margin-bottom: 20px;
}
.registration .header .flow-step {
  display: block;
  padding: 12px 0 6px;
}
.registration .header .flow-step .step-item{
	position:relative;
	width:16%;
}

.registration .header .flow-step.five .step-item{
	width:20%;
}
.registration .header .flow-step.four .step-item{
	width:25%;
}

.registration .header .flow-step .step-item a {
  color: #999;
}
.registration .header .flow-step .step-item a.current,
.registration .header .flow-step .step-item a.passed {
  color: #01a5ff;
}
.registration .header .flow-step .step-item span {
  margin: 0 auto;
  display: block;
  padding-top: 13px;
  text-align: center;
  color:#000;
}
.registration .header .flow-step .step-item .step-nums,
.registration .header .flow-step .step-item .step-finished{
	width:60px;
	height:60px;
	line-height:60px;
	margin-top:0;
	padding:0;
	border-radius:50%;
	font-size:24px;
	color:#fff;
	background:#D5DDE4;
	text-align:center;
}
.registration .header .flow-step .step-item .current .step-nums{
	background:#3787E2;
}
.registration .header .flow-step .step-item .step-finished{
	border:2px solid #3D95DC;
	color:#3D95DC;
	font-size:24px;
	background:#fff;
}
.registration .header .flow-step .step-item:not(:first-child):before{
	position:absolute;
	content:"";
	display:block;
	height:1px;
	width:calc(50% - 30px);
	top:30px;
	left:0;
	background:#D8E1E5;
}
.registration .header .flow-step .step-item:not(:last-child):after{
	position:absolute;
	content:"";
	display:block;
	height:1px;
	width:calc(50% - 30px);
	top:30px;
	right:0;
	background:#D8E1E5;
}
.registration .header{
	border-top:2px solid #3787E2;
}
.registration .header .flow-step .step-complete{
	margin-top:15px;
}
.registration .header .step-title{
	width:100%;
	height:18px;
}
.registration .header .step-title span{
	line-height:14px;
	font-size: 14px;
    color: #3787E2;
}
.registration .header .step-title span.iconfont{
	font-size:10px;
	cursor:pointer;
}
.registration .header .flow-step .step-complete span{
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:20px;
	border-radius:50%;
	color:#fff;
	background:#53C5C4;
}
.registration .registration-content {
  position: relative;
  background:#fff;
}
.registration .registration-content .step-1 {
  	background: #fff;
}
.registration .registration-content .step-1 .projects-list{
	padding:0 30px 30px;
}
.registration .registration-content .form-step.has-fixed-menu:before{
	content:"";
	position:absolute;
	top:0;
	left:193px;
	display:block;
	width:1px;
	height:calc(100% - 101px);
	background:#ddd;
}
.registration .registration-content .step-1 .search-input {
  padding: 24px;
  background: #F5FBFF;
}
.registration .registration-content .step-1 .search-input .input-wrapper {
  text-align:center;
}
.registration .registration-content .step-1 .search-input .input-wrapper .input{
	display:inline-block;
    box-shadow: 0px 0px 1px 1px rgba(216,225,229,1);
}
.registration .registration-content .step-1 .search-input .input-wrapper .new-project {
  color: #3787E2;
  cursor: pointer;
  border-bottom: 1px solid #3787E2;
}
.registration .registration-content .step-1 .search-input .input-wrapper .tip {
  display:inline-block;
  color:#3787E2;
  margin-left:32px;
}
.registration .registration-content .step-1 .search-input .input[type="text"] {
  margin-bottom: 20px;
}
.registration .registration-content .step-1 .search-input input,
.registration .registration-content .step-1 .search-input .seach-btn {
  vertical-align: middle;
}
.registration .registration-content .step-1 .search-input input[type="text"] {
  background: #fff;
  border: none;
  height: 42px;
  width: 505px;
  padding: 5px 15px;
  margin-right: -3px;
}
.registration .registration-content .step-1 .search-input .seach-btn {
  border: none;
  background: #3787E2;
  color: #fff;
  height: 42px;
  font-size: 16px;
  width: 146px;
  line-height: 42px;
  cursor: pointer;
}
.registration .registration-content .step-1 .search-input .seach-btn i {
  margin-right: 10px;
  vertical-align: text-top;
}
.registration .registration-content .step-1 .search-input .seach-btn:hover {
  background: #0092e1;
}
.registration .registration-content .step-1 .list-title {
  position:relative;
  padding: 30px 18px 15px 18px;
  line-height:1;
  font-size:16px;
  border-bottom:1px solid #D8E1E5;
  position:relative;
  color:#1462AB;
}
.registration .registration-content .step-1 .list-title:before{
	content:"";
	display:block;
	width:6px;
	height:18px;
	background:#3787E2;
	position:absolute;
	left:0;
	top:28px;
}
.registration .registration-content .step-1 .list-title > .icon {
  font-size: 24px;
  vertical-align: inherit;
  margin-right: 10px;
}
.registration .registration-content .step-1 .list-title > .icon:before {
  color: #01a5ff;
}
.registration .registration-content .step-1 .project-list {
  padding: 15px 0;
}
.registration .registration-content .step-1 .project-list li {
  padding: 15px 30px 15px 60px;
  border: 1px solid #EAEAEA;
  margin-bottom: 10px;
  cursor: pointer;
  background: url("../../images/wssb/select.png;vpn_img") 0 0 no-repeat;
  background-color:#F9F9F9;
  transition:all .3s;
}
.registration .registration-content .step-1 .project-list li:last-of-type{
	margin-bottom:0;
}
.registration .registration-content .step-1 .project-list li .project-name {
  font-weight: bold;
  line-height: 1.6;
  color: #565656;
}
.registration .registration-content .step-1 .project-list li .project-name .create-time {
  color: #565656;
  font-weight: normal;
}
.registration .registration-content .step-1 .project-list li .project-info {
  color: #565656;
}
.registration .registration-content .step-1 .project-list li:hover,
.registration .registration-content .step-1 .project-list li.selected {
  border-color: #3787E2;
  background: url("../../images/wssb/selected.png;vpn_img") 0 0 no-repeat;
  box-shadow: 0 3px 10px rgba(0,0,0,.3);
}
.registration .registration-content .step-1 .project-list li.selected .js-project-name{
	color:#576A86;
}
.registration .registration-content .step-1 .project-list li:hover .js-project-name{
	color:#3787E2;
}
.registration .registration-content .step-1 .selected-project {
  margin-top:35px;
  padding: 15px;
  border-top:1px solid #D8E1E5;
  color:#393939;
}
.registration .registration-content .step-1 .next-btn {
  text-align: center;
  padding: 15px;
  background: #fff;
}
.registration .registration-content .step-1 .label-title .project-name {
  color: #3787E2;
  font-size:18px;
  vertical-align: bottom;
}
.registration .registration-content .step-2 .project-selected {
  padding: 17px 30px 24px;
  background: #F5FBFF;
}
.registration .registration-content .step-2 .project-selected .project-name {
  margin-bottom: 10px;
  border-bottom: 1px solid #D8E1E5;
  padding-bottom: 13px;
  font-size: 18px;
}
.registration .registration-content .step-2 .project-selected .project-name b {
  font-weight: bold;
}
.registration .registration-content .step-2 .project-selected .project-desc {
  color: #666;
}
.registration .registration-content .step-2 .project-selected .project-desc span {
  margin-right: 30px;
}
.registration .registration-content .step-2 .area-tip{
	 margin: 30px 30px 5px 30px;
	 height:52px;
	 background:rgba(246,249,254,1);
	 border:1px solid rgba(228,238,252,1);
	 border-radius:4px;
	 line-height:52px;
	 padding:0 15px;
}
.registration .registration-content .step-2 .empty{
	height:1px;
}

.registration .registration-content .step-2 .area-tip span{
	color:#488CEE;
	margin-right:10px;
}
.registration .registration-content .step-2 .area-select {
  background: #fff;
  padding: 0px 30px 30px 30px;
}
.registration .registration-content .step-2 .area-select .area-select-box{
	border:1px solid #DCDCDC;
	padding:0 0 0 37px;
	background:#F2F6F8;
}
.registration .registration-content .step-2 .area-select .area-title {
  width: 100px;
  font-size: 14px;
  color: #1462AB;
  display:inline-block;
}
.registration .registration-content .step-2 .area-select .area-list {
	display:inline-block;
	position:relative;
	padding: 20px;
	width: calc(100% - 104px);
    background: #fff;
}
.registration .registration-content .step-2 .area-select .area-list:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:1px;
	height:100%;
	background:#DCDCDC;
}
.registration .registration-content .step-2 .area-select .area-list li {
  display:inline-block;
  width:100px;
  height:30px;
  line-height:30px;
  text-align:center;
  cursor: pointer;
  margin: 7.5px 7.5px;
}
.registration .registration-content .step-2 .area-select .area-list li.selected,
.registration .registration-content .step-2 .area-select .area-list li:hover {
  background: #3787E2;
  color: #fff;
}
.registration .registration-content .step-2 .matters-select {
  background: #fff;
  padding: 0 30px 30px;
}
.registration .registration-content .step-2 .matters-select .matters-list,
.registration .registration-content .step-2 .matters-select .matters-desc {
  float: left;
}
.registration .registration-content .step-2 .matters-select .type-wrapper {
  position: relative;
}
.registration .registration-content .step-2 .matters-select .type-wrapper .type-tip {
  position: absolute;
  left: 0;
  top: 1px;
  width: 74px;
  text-align: center;
  height: 48px;
  line-height: 36px;
  border-radius: 5px;
  padding: 5px;
  color: #999;
  border: 1px solid #ccc;
}
.registration .registration-content .step-2 .matters-select .matters-type .type-item,
.registration .registration-content .step-2 .matters-select .matters-type .single-matter {
  float: left;
  height: 50px;
  padding: 5px 30px;
  min-width: 190px;
  cursor: pointer;
  display: table;
  line-height:40px;
  text-align: center;
  background: #D5DDE4;
  color:#576A86;
  font-size:16px;
  margin-right:1px;
  position:relative;
  border: 1px solid transparent;
}
.registration .registration-content .step-2 .matters-select .matters-type .single-matter{
	color:#fff;
}
.registration .registration-content .step-2 .matters-select .matters-type .type-item:first-child.selected{
	border-color:#3787E2 #fff  #fff #3787E2;
}
.registration .registration-content .step-2 .matters-select .matters-type .type-item.last-item.selected{
	border-color:#3787E2  #3787E2 #fff  #fff;
}
.registration .registration-content .step-2 .matters-select .matters-type .type-item:first-child.last-item.selected{
	border-color:#3787E2 #3787E2 #fff #3787E2;
}
.registration .registration-content .step-2 .matters-select .matters-type .type-item.finished{
	background:#3787E2;
	color:#fff;
}
.registration .registration-content .step-2 .matters-select .matters-type .type-item.selected{
	background:#fff !important;
	color:#3787E2;
	border:1px solid;
	border-color:#3787E2 #fff  #fff #fff;
}
.registration .registration-content .step-2 .matters-select .matters-type .single-matter{
	/* background:#53C5C4; */
	float:right;
	background:rgba(55,135,226,0.15);
	border:1px solid rgba(55,135,226,1);
	color:#3787E2;
}
.registration .registration-content .step-2 .matters-select .matters-type .single-matter.selected{
	background:#fff !important;
	color:#53C5C4;
	border:1px solid;
	border-color:#53C5C4 #53C5C4  #fff #53C5C4;
}
.registration .registration-content .step-2 .matters-select .matters-type .type-item:not(.last-item):after{
	content:"";
	display:block;
	width:30px;
	height:30px;
	background:url('../../images/wssb/arrow-img.png;vpn_img') no-repeat left center;
	position:absolute;
	right:-15px;
	top: 11px;
    z-index: 10;
}
.registration .registration-content .step-2 .matters-select .list-wrapper{
	margin-top: -1px;
    border: 1px solid #3787E2;
    padding-right: 15px;
}
.registration .registration-content .step-2 .matters-select .list-wrapper.single-matter{
	border: 1px solid #53C5C4;
}
/* .registration .registration-content .step-2 .matters-select .matters-type .type-item span {
  display: table-cell;
}
.registration .registration-content .step-2 .matters-select .matters-type .type-item:first-child {
  background: url('../../images/wssb/matter-type1.png;vpn_img') no-repeat left center;
  color: #01a5ff;
}
.registration .registration-content .step-2 .matters-select .matters-type .type-item:first-child.unfinished.selected,
.registration .registration-content .step-2 .matters-select .matters-type .type-item:first-child.selected,
.registration .registration-content .step-2 .matters-select .matters-type .type-item:first-child:hover,
.registration .registration-content .step-2 .matters-select .matters-type .type-item:first-child.unfinished:hover {
  background: url('../../images/wssb/matter-type1-1.png;vpn_img') no-repeat left center;
  color: #fff;
}
.registration .registration-content .step-2 .matters-select .matters-type .type-item:first-child.unfinished {
  background: url('../../images/wssb/matter-type1-2.png;vpn_img') no-repeat left center;
  color: #666;
}
.registration .registration-content .step-2 .matters-select .matters-type .type-item:nth-child(2),
.registration .registration-content .step-2 .matters-select .matters-type .type-item:nth-child(3) {
  background: url('../../images/wssb/matter-type2.png;vpn_img') no-repeat left center;
  color: #01a5ff;
}
.registration .registration-content .step-2 .matters-select .matters-type .type-item:nth-child(2).unfinished.selected,
.registration .registration-content .step-2 .matters-select .matters-type .type-item:nth-child(3).unfinished.selected,
.registration .registration-content .step-2 .matters-select .matters-type .type-item:nth-child(2).selected,
.registration .registration-content .step-2 .matters-select .matters-type .type-item:nth-child(3).selected,
.registration .registration-content .step-2 .matters-select .matters-type .type-item:nth-child(2):hover,
.registration .registration-content .step-2 .matters-select .matters-type .type-item:nth-child(3):hover,
.registration .registration-content .step-2 .matters-select .matters-type .type-item:nth-child(2).unfinished:hover,
.registration .registration-content .step-2 .matters-select .matters-type .type-item:nth-child(3).unfinished:hover {
  background: url('../../images/wssb/matter-type2-1.png;vpn_img') no-repeat left center;
  color: #fff;
}
.registration .registration-content .step-2 .matters-select .matters-type .type-item:nth-child(2).unfinished,
.registration .registration-content .step-2 .matters-select .matters-type .type-item:nth-child(3).unfinished {
  background: url('../../images/wssb/matter-type2-2.png;vpn_img') no-repeat left center;
  color: #666;
}
.registration .registration-content .step-2 .matters-select .matters-type .type-item:nth-child(4) {
  background: url('../../images/wssb/matter-type3.png;vpn_img') no-repeat left center;
}
.registration .registration-content .step-2 .matters-select .matters-type .type-item:nth-child(4).unfinished.selected,
.registration .registration-content .step-2 .matters-select .matters-type .type-item:nth-child(4).selected,
.registration .registration-content .step-2 .matters-select .matters-type .type-item:nth-child(4):hover,
.registration .registration-content .step-2 .matters-select .matters-type .type-item:nth-child(4).unfinished:hover {
  background: url('../../images/wssb/matter-type3-1.png;vpn_img') no-repeat left center;
  color: #fff;
}
.registration .registration-content .step-2 .matters-select .matters-type .type-item:nth-child(4).unfinished {
  background: url('../../images/wssb/matter-type3-2.png;vpn_img') no-repeat left center;
  color: #666;
}
.registration .registration-content .step-2 .matters-select .matters-type .single-matter {
  width: 110px;
  text-align: center;
  line-height: 38px;
  padding: 5px 20px;
  height: 48px;
  cursor: pointer;
  color: #01a5ff;
  border: 1px solid #01a5ff;
  border-radius: 5px;
}
.registration .registration-content .step-2 .matters-select .matters-type .single-matter.selected,
.registration .registration-content .step-2 .matters-select .matters-type .single-matter:hover {
  background: #01a5ff;
  color: #fff;
} */
.registration .registration-content .step-2 .matters-select .matters-list {
  width: 320px;
  background: #fff;
  margin-right: 20px;
}
.registration .registration-content .step-2 .matters-select .matters-list .list-title {
  border-bottom: 1px solid #ddd;
  padding: 10px 15px;
}
.registration .registration-content .step-2 .matters-select .matters-list .list-title p {
    border-left: 5px solid #3787E2;
    padding: 0 5px;
    color: #1462AB;
}
.registration .registration-content .step-2 .matters-select .matter-tip{
    padding: 15px 15px 0 15px;
    color: #E33033;
    display:none;
}
.registration .registration-content .step-2 .matters-select .matters-list .show-all {
  padding: 15px;
}
.registration .registration-content .step-2 .matters-select .matters-list .matters-list-content {
  min-height: 337px;
  background: #EAF3FC;
  border-top: 4px solid #3787E2;
}
.registration .registration-content .step-2 .matters-select .matters-list .matters-item {
  padding: 10px 15px;
  cursor: pointer;
  width: 320px;
  position: relative;
  color: #576A86;
  /* .matter-text{
                            .text-overflow();
                        } */
  /*                         i.fa-question-circle-o{
                            position: absolute;
                            left: -9px;
                            top: 10px;
                            font-size: 17px;
                            margin-right: 5px;
                        }
                        .icon{
                            position: absolute;
                            right: 15px;
                            top:10px;
                            font-size: 20px;
                            display: none;
                        } */
}
.registration .registration-content .step-2 .matters-select .matters-list .matters-item.selected,
.registration .registration-content .step-2 .matters-select .matters-list .matters-item:hover {
  display: block;
  background: #fff;
  color: #3787E2;
}
.registration .registration-content .step-2 .matters-select .matters-list .matters-item.selected .icon,
.registration .registration-content .step-2 .matters-select .matters-list .matters-item:hover .icon {
  display: block;
}
.registration .registration-content .step-2 .matters-select .matters-desc {
  background: #fff;
  width: calc(100% - 340px);
}
.registration .registration-content .step-2 .matters-select .matters-desc select {
  width: 100%;
  height: 30px;
  border: 1px solid #ddd;
}
.registration .registration-content .step-2 .matters-select .matters-header {
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.registration .registration-content .step-2 .matters-select .matters-header td,
.registration .registration-content .step-2 .matters-select .matters-table td{
  padding: 10px 15px;
}
.registration .registration-content .step-2 .matters-select .matters-header td p {
    border-left: 5px solid #3787E2;
    padding: 0 5px;
    color: #1462AB;
}
.registration .registration-content .step-2 .matters-select .matters {
  min-height: 386px;
  overflow-y: auto;
}
.registration .registration-content .step-2 .matters-select .matters-table {
  width:100%;
}

.registration .registration-content .step-2 .matters-select .matters-table tr:nth-child(even){
	background:#F9F9F9;
}
.registration .registration-content .step-2 .matters-select .matters-table thead tr:first-child{
	background:#fff;
}
.registration .registration-content .step-2 .matters-select .matters-table td input[type="checkbox"],
.registration .registration-content .step-2 .matters-select .matters-table td input[type="radio"] {
  vertical-align: middle;
  margin-right: 10px;
}
.registration .registration-content .step-2 .matters-select.beian .matters-list {
  width: 360px;
}
.registration .registration-content .step-2 .matters-select.beian .matters-desc {
  width: 710px;
}
.step-2 .completion-acceptance{
	padding:15px 0 15px 15px;
}

.step-2 .completion-acceptance .status,
.step-2 .completion-acceptance .parallel-matter,
.step-2 .completion-acceptance .matters{
	padding:5px 0;
}

.step-2 .completion-acceptance .table-title{
	background:#f6f6f6;
	padding:10px 15px;
	position:relative;
}

.step-2 .completion-acceptance .table-title:before{
	content: "";
    display: block;
    background: #3787E2;
    width: 5px;
    height: 16px;
    position: absolute;
    left: 5px;
    top: 11px;
}

.step-2 .completion-acceptance table{
	width:100%;
}

.step-2 .completion-acceptance table thead{
	background:rgba(55,135,226,0.15);
	line-height:40px;
	text-align:left;
}


.step-2 .completion-acceptance table th{
	padding:0 15px;
}

.step-2 .completion-acceptance table td{
	padding:10px 15px;
}

.step-2 .completion-acceptance table tbody tr{
	border-bottom:1px solid #f6f6f6;
}

.selected-parallel-matters{
	padding:15px 0;
}

.registration .registration-content .form-step,
.registration .registration-content .step-3 {
 /*  padding: 30px; */
  background: #fff;
  /* margin-bottom: 10px; */
}
.registration .registration-content .step-3 form,
.registration .registration-content .step-3.padding-30{
	padding:30px;
}
.registration .registration-content .form-step.has-fixed-menu .form-content{
	  padding-left:254px;
	  padding-right: 15px;
}
.registration .registration-content .form-step{
	padding:30px 30px 0 30px;
}
.registration .registration-content .form-step .btns{
	margin:0 -30px;
}
.registration .registration-content .form-step .table-block,
.registration .registration-content .step-3 .table-block {
  margin-bottom: 15px;
}
.registration .registration-content .form-step .table-block .block-title {
  height: 40px;
  padding: 10px 15px;
  /* background: #d6effe; */
  font-size: 16px;
  line-height: 20px;
  /* border: 1px solid #ddd; */
  border-bottom: 1px solid #ddd;
  position:relative;
}

.registration .registration-content .form-step .table-block .block-title:before,
.registration .registration-content  .table-block .block-title:before{
	content:"";
	display:block;
	width:6px;
	height:18px;
	background:#3787E2;
	position:absolute;
	left:0;
	top:8px;
}
.registration .registration-content  .table-block .block-title{
	line-height:1;
	border-bottom:1px solid #D8E1E5;
	color:#1462AB;
	padding: 10px 15px;
	font-size:16px;
	position:relative;
}

.registration .registration-content .form-step .table-block table,
.registration .registration-content .step-3 .table-block table {
  width: 100%;
  margin:15px 0 30px;
  border: 1px solid #E8E8E8;
}

.registration .registration-content .form-step .table-block:last-child table,
.registration .registration-content .step-3 .table-block:last-child table{
	margin-bottom:0;
}
.registration .registration-content .form-step .table-block table thead tr,
.registration .registration-content .step-3 .table-block table thead tr {
  background: #eee;
}
.registration .registration-content .form-step .table-block table td,
.registration .registration-content .step-3 .table-block table td {
  padding: 10px 15px;
  line-height: 1.6;
  border-bottom: 1px solid #E8E8E8;
  color:#000;
}
.registration .registration-content .form-step .table-block table td input,
.registration .registration-content .step-3 .table-block table td input {
  vertical-align: middle;
}
.registration .registration-content .form-step .table-block table td input[type="text"],
.registration .registration-content .step-3 .table-block table td input[type="text"],
.registration .registration-content .step-3 .table-block table td input[type="button"],
.registration .registration-content .form-step .table-block table td select,
.registration .registration-content .step-3 .table-block table td select {
  height: 36px;
  border: 1px solid #ddd;
  width:100%;
}
.registration .registration-content .step-3 .table-block table td input[name='SQRMC'],
.registration .registration-content .step-3 .table-block table td input[name='LXR'],
.registration .registration-content .step-3 .table-block table td input[name='CONTACT']{
	width:calc(100% - 155px);
}
.registration .registration-content .form-step .table-block table td span.required,
.registration .registration-content .step-3 .table-block table td span.required {
  color: red;
  margin-right: 10px;
}
.registration .registration-content .form-step .table-block table td select,
.registration .registration-content .step-3 .table-block table td select {
  width: 149px;
}
.registration .registration-content .form-step .table-block table td .send-type,
.registration .registration-content .step-3 .table-block table td .send-type {
  line-height: 30px;
}
.registration .registration-content .form-step .table-block table .label,
.registration .registration-content .step-3 .table-block table .label {
  background: #F6F6F6;
  width: 200px;
  text-align: right;
}
.registration .registration-content .form-step .table-block table .value,
.registration .registration-content .step-3 .table-block table .value {
  width:calc(50% - 200px);
  word-break: break-all;
}
.registration .registration-content .form-step .table-block label.error,
.registration .registration-content .step-3 .table-block  label.error {
  display:block;
  padding-left:21px;
  position:relative;
  font-size:14px;
  line-height:1;
  margin-top:5px;
}
.registration .registration-content .form-step .table-block label.error:before,
.registration .registration-content .step-3 .table-block label.error:before {
  position:absolute;
  left:0;
  top:0;
  width:14px;
  height:14px;
  font-size:14px;
  display:block;
  color:#E33033;
}
.registration .registration-content .step-3 .table-block table texteara.error,
.registration .registration-content .form-step .table-block table texteara.error,
.registration .registration-content .form-step .table-block table input.error,
.registration .registration-content .step-3 .table-block table  input.error {
  border: 1px solid #FF0000 !important;
}
/* .registration .registration-content .form-step .table-block table .value:hover,
.registration .registration-content .step-3 .table-block table .value:hover {
  color:#3D95DC;
} */
.registration .registration-content .form-step .table-block table #other,
.registration .registration-content .step-3 .table-block table #other,
.registration .registration-content .form-step .table-block table #address-desc,
.registration .registration-content .step-3 .table-block table #address-desc {
  width: 335px;
}
.registration .registration-content .form-step .table-block table #courier-company,
.registration .registration-content .step-3 .table-block table #courier-company {
  width: 335px;
}

.registration .registration-content .step-3 .form-block .block-title {
  border-bottom: 1px solid #ddd;
  padding:15px;
  margin-bottom: 10px;
  position:relative;
  color:#1462AB;
}
.registration .registration-content .form-step .form-block .block-title:before,
.registration .registration-content .step-3 .form-block .block-title:before {
  	content:"";
	display:block;
	width:6px;
	height:18px;
	background:#3787E2;
	position:absolute;
	left:0;
	top:16px;
}
.registration .registration-content .step-3 .form-block .block-content {
  padding: 0 15px;
}
.registration .registration-content .form-step .form-block .block-content{
	padding:22px 20px 60px;
}

.registration .registration-content .form-step .form-block .content-row{
	padding:14px 0;
}
.registration .registration-content .form-step .form-block .content-row:nth-child(even){
	background:#F9F9F9;
}
.registration .registration-content .form-step .form-block .content-row .block-input-box{
	display:block;
}
.registration .registration-content .step-3 .form-block .content-row {
  padding: 10px 15px;
}
.registration .registration-content .form-step .form-block .content-row .label,
.registration .registration-content .step-3 .form-block .content-row .label,
.registration .registration-content .form-step .form-block .content-row .edit-input,
.registration .registration-content .step-3 .form-block .content-row .edit-input,
.registration .registration-content .form-step .form-block .content-row .tip,
.registration .registration-content .step-3 .form-block .content-row .tip,
.registration .registration-content .form-step .form-block .content-row .other,
.registration .registration-content .step-3 .form-block .content-row .other {
  display: inline-block;
  vertical-align: middle;
}
.registration .registration-content .form-step .form-block .content-row .required,
.registration .registration-content .step-3 .form-block .content-row .required {
  color: red;
}
.registration .registration-content .form-step .form-block .content-row .label,
.registration .registration-content .step-3 .form-block .content-row .label {
  width: 25% ;
  text-align: right;
}
.registration .registration-content .form-step .form-block .content-row .label .required,
.registration .registration-content .step-3 .form-block .content-row .label .required {
  margin-right: 10px;
}
.registration .registration-content .form-step .form-block .content-row .label .fa,
.registration .registration-content .step-3 .form-block .content-row .label .fa {
  cursor: pointer;
  vertical-align: baseline;
  position: relative;
}
.registration .registration-content .form-step .form-block .content-row .label .fa:before,
.registration .registration-content .step-3 .form-block .content-row .label .fa:before {
  font-size: 18px;
  color: #999999;
}
.registration .registration-content .form-step .form-block .content-row .label .fa .popover,
.registration .registration-content .step-3 .form-block .content-row .label .fa .popover {
  top: 22px;
  left: -50px;
}
.registration .registration-content .form-step .form-block .content-row .label .fa .arrow,
.registration .registration-content .step-3 .form-block .content-row .label .fa .arrow {
  left: 16%;
}
.registration .registration-content .form-step .form-block .content-row .label .fa .popover-content,
.registration .registration-content .step-3 .form-block .content-row .label .fa .popover-content {
  width: 449px;
  text-align: left;
  line-height: 2;
}
.registration .registration-content .form-step .form-block .content-row .edit-input,
.registration .registration-content .step-3 .form-block .content-row .edit-input {
  width: 510px;
  margin: 0 0 0 20px;
  position: relative;
}
.registration .registration-content  .form-block .content-row .danger{
	font-size:14px;
}
.registration .registration-content .form-step .form-block .content-row .edit-input input[type="text"],
.registration .registration-content .step-3 .form-block .content-row .edit-input input[type="text"],
.registration .registration-content .form-step .form-block .content-row .edit-input select,
.registration .registration-content .step-3 .form-block .content-row .edit-input select {
  width: 100%;
  height: 30px;
  padding: 0 10px;
  border: 1px solid #ddd;
  border-radius: 0 !important;
}
.registration .registration-content .form-step .form-block .content-row .edit-input textarea,
.registration .registration-content .step-3 .form-block .content-row .edit-input textarea {
  width: 100%;
  border: 1px solid #ddd;
  padding: 5px 10px;
}
#centralProjectCodeBtn{
	vertical-align: bottom;
}
#attachmentFileDetail .btn{
	width:260px;
}
.registration .registration-content .form-step .form-block .content-row .edit-input .special-filed input,
.registration .registration-content .step-3 .form-block .content-row .edit-input .special-filed input {
  width: 160px;
}
.registration .registration-content .form-step .form-block .content-row .table-list,
.registration .registration-content .step-3 .form-block .content-row .table-list,
.registration .registration-content .form-step .form-block .content-row .other,
.registration .registration-content .step-3 .form-block .content-row .other {
  display: inline-block;
  margin: 0 30px;
  vertical-align: middle;
}
.registration .registration-content .form-step .form-block .content-row .table-list input[type="text"],
.registration .registration-content .step-3 .form-block .content-row .table-list input[type="text"],
.registration .registration-content .form-step .form-block .content-row .table-list select,
.registration .registration-content .step-3 .form-block .content-row .table-list select {
  width: 100%;
  height: 30px;
  line-height: 28px;
  border: 1px solid #ddd;
}
.registration .registration-content .form-step .form-block .content-row .other .othter-row,
.registration .registration-content .step-3 .form-block .content-row .other .othter-row {
  padding: 5px 15px;
}
.registration .registration-content .form-step .form-block .content-row .other .othter-row span span,
.registration .registration-content .step-3 .form-block .content-row .other .othter-row span span {
  display: inline-block;
  width: 150px;
  vertical-align: middle;
  text-align: right;
}
.registration .registration-content .form-step .form-block .content-row .other input[type="text"],
.registration .registration-content .step-3 .form-block .content-row .other input[type="text"] {
  width: 150px;
  height: 30px;
  border: 1px solid #ddd;
  vertical-align: middle;
  background:#fff;
}
.registration .registration-content .form-step .form-block .content-row .other textarea,
.registration .registration-content .step-3 .form-block .content-row .other textarea {
  vertical-align: middle;
  width: 75%;
  border: 1px solid #ddd;
}
/* .registration .registration-content .form-step .form-block .content-row .other.other-border,
.registration .registration-content .step-3 .form-block .content-row .other.other-border {
  background: #f6f6f6;
} */
.registration .registration-content .form-step .form-block .content-row .other .tip,
.registration .registration-content .step-3 .form-block .content-row .other .tip {
  display:block;
  width: 100%;
}
.registration .registration-content .form-step .form-block .content-row .tip,
.registration .registration-content .step-3 .form-block .content-row .tip {
  font-size: 14px;
  display:block;
  color: #999;
  line-height: 1.4;
}
.registration .registration-content .form-step .form-block .content-row .add-legal,
.registration .registration-content .step-3 .form-block .content-row .add-legal,
.registration .registration-content .form-step .form-block .content-row .delete-legal,
.registration .registration-content .step-3 .form-block .content-row .delete-legal {
  background: none;
  color: #01a5ff;
  border: none;
  cursor: pointer;
}
.registration .registration-content .form-step .form-block .content-row .add-legal:hover,
.registration .registration-content .step-3 .form-block .content-row .add-legal:hover,
.registration .registration-content .form-step .form-block .content-row .delete-legal:hover,
.registration .registration-content .step-3 .form-block .content-row .delete-legal:hover {
  color: #ffab3a;
}
.registration .registration-content .form-step .form-block .block-title{
	border-bottom:1px solid #D8E1E5;
	position: relative;
    padding: 15px;
    color:#1462AB;
}
.registration .registration-content .form-step .form-block .table-block .block-title,
.registration .registration-content .step-3 .form-block .table-block .block-title {
  margin: 0;
  border-bottom: none;
}
.registration .registration-content .form-step .add,
.registration .registration-content .step-3 .add {
  padding: 15px;
  border-bottom: 1px dashed #ddd;
}
.registration .registration-content .step-4 .material {
  /*margin-bottom: 10px;*/
}
.registration .registration-content .step-4 .material table {
  width: 100%;
}
.registration .registration-content .step-4 .material table thead tr {
  background: #efefef;
}
.registration .registration-content .step-4 .material,
.registration .registration-content .step-4 .form-iframe {
  background: #fff;
  padding: 0 30px 15px;
}
.registration .registration-content .step-4 .material{
	 padding: 30px 30px 15px 30px;
}
.registration .registration-content .step-4 .material .block-title,
.registration .registration-content .step-4 .form-iframe .block-title {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  color: #1462AB;
  padding: 10px 15px;
  font-size: 16px;
  padding:15px;
  position:relative;
}

.registration .registration-content .step-4 .material .block-title:before,
.registration .registration-content .step-4 .form-iframe .block-title:before{
	content:"";
	display:block;
	width:6px;
	height:18px;
	background:#3787E2;
	position:absolute;
	left:0;
	top:16px;
}

.registration .registration-content .step-4 .sub-block {
  margin-bottom: 15px;
}
.registration .registration-content .step-4 .sub-block:last-child {
  margin: 0;
}
.registration .registration-content .step-4 .table-title {
  padding: 5px 15px;
  background: #d6effe;
  line-height: 30px;
}
.registration .registration-content .step-4 .table-title .download {
  background: #eaf7fe;
  color: #01a5ff;
}
.registration .registration-content .step-4 .mark-content {
  border: 1px solid #ddd;
  padding: 15px;
}
.registration .registration-content .step-4 .table {
  width: 100%;
}
.registration .registration-content .step-4 .table td {
  padding: 10px 15px;
  border: 1px solid #ddd;
  word-break: break-all;
}
.registration .registration-content .step-4 .promise-text {
  padding: 15px;
  border: 1px solid #ddd;
  line-height: 2;
}
.registration .registration-content .step-4 .promise-text .title {
  text-align: center;
}
.registration .registration-content .step-4 .promise-text .signature {
  text-align: right;
  padding: 0 30px;
}
.registration .registration-content .step-4 #additional-material table tbody tr.selected,
.registration .registration-content .step-4 #additional-material table tbody tr:hover {
  background: #d6effe;
}
.registration .registration-content .step-5 {
  background: #fff;
  padding: 15px;
  color: orange;
}
.registration .registration-content .step-5 input {
  vertical-align: middle;
}
.registration .registration-content .step-6 {
  background: #fff;
  padding: 15px;
}
.registration .registration-content .step-6 .project-desc {
  width: 50%;
  margin: 0 auto;
  padding: 15px;
  line-height: 2;
  position: relative;
}
.registration .registration-content .step-6 .success-text {
  text-align: center;
  padding: 30px;
  font-size: 20px;
}
.registration .registration-content .step-6 .success-text i {
  color: #4ae381;
  font-size: 30px;
  margin-right: 10px;
}
.registration .registration-content.dengji-page .form-block {
  padding-left: 125px;
}
.registration .registration-content.dengji-page .form-block .content-row .label {
  width: 128px;
}
.registration .registration-content .fixed-menu {
  position: absolute;
  top: 15px;
  left: 0;
  z-index: 150;
}
.registration .registration-content .fixed-menu ul {
    position: fixed;
    width: 193px;
    padding-right: 22px;
    text-align: right;
}
.registration .registration-content .fixed-menu ul li {
  padding: 15px 0;
  /*cursor: pointer;*/
  position:relative;
}
.registration .registration-content .fixed-menu ul li:after{
	content:"";
	position: absolute;
    top: 17px;
    right: -29px;
    display:block;
    width:15px;
    height:15px;
    border-radius:50%;
    background:#7B90A8;
}
.registration .registration-content .fixed-menu ul li a {
  color: #000;
  text-decoration: none;
}
.registration .registration-content .fixed-menu ul li:hover a,
.registration .registration-content .fixed-menu ul li.active a {
  color: #3787E2;
}
.registration .registration-content .fixed-menu ul li.active:after {
  border:2px solid #3787E2;
  background:#fff;
  width:13px;
  height:13px;
  right:-31px;
  /*top:17px;*/

}
.registration .btns {
  text-align: center;
  background-color:#FBFBFB;
  padding: 26px;
  border-top:1px solid #E1EAEE;
}
.registration .btns button,
.registration .btns input[type="button"] {
  width: 165px;
  height:48px;
  margin: 0 8px;
}
.registration .promise {
  color: #fc4343;
  padding-left: 15px;
}
.registration .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
}
.project-desc .title {
  font-size: 26px;
  text-align: center;
  margin: 22px;
  clear: both;
}
.project-desc .number {
  margin: 10px 3%;
  text-align: right;
  font-size: 14px;
}
.project-desc .table {
  background: #c7c7c7;
  width: 98%;
  margin: 0 1%;
  border-collapse: collapse;
  font-size: 14px;
}
.project-desc .table tr {
  height: 35px;
}
.project-desc .table td {
  background: #FFF;
  padding: 2px 10px;
  border: 1px solid #000000;
}
.project-desc .table td.field_name {
  width: 20%;
}
.project-desc .table td.field_val {
  width: 30%;
}
.project-desc .sub {
  width: 100%;
  font-size: 14px;
}
.project-desc td.sub1 {
  width: 15%;
  height: 40px;
  vertical-align: top;
  border: 0;
}
.project-desc td.sub2 {
  width: 85%;
  vertical-align: top;
  border: 0;
}
.project-desc td.sub3 {
  width: 70%;
  vertical-align: bottom;
  border: 0;
}
.project-desc td.sub3 .url {
  color: #000;
  text-decoration: blink;
}
.project-desc td.sub4 {
  width: 30%;
  vertical-align: bottom;
  border: 0;
  text-align: right;
}
.project-desc .form_content {
  margin-top: -18px;
}
#industryStructureContent,
#theIndustryContent,
#placeCodeDetailContent,
#radPlaceDetailContent,
#industryContent,
#industrialPolicyContent {
  display: none;
  position: absolute;
  z-index: 1000;
  background-color: #fff;
  border: 1px #ccc solid;
  width: 100%;
}
#js-wsyy-step2 .form-step .table-list select {
  width: 192px;
}
#select-lxr-info,#get_lxr_{
	height:36px;
}
#lxr_info_all_info {
  display: none;
  position: absolute;
  background: #fff;
  box-shadow:0 3px 10px rgba(0,0,0,.2);
  padding: 5px 2px 5px 7px;
  width: 195px;
  z-index: 1000;
}
#lxr_info_all_info input[type="text"] {
  width: 95%;
  font-size: 12px;
  background: url(/vpn/89/http/GI3DELSZGVYDCPJRFZZUCNS4HAZDRMB/resources/theme/images/v1_input_icon.png;vpn_img) no-repeat scroll 100% 7px #FFFFFF;
}
#lxr_info_all_info #lxr_info_all {
  height: 120px;
  overflow-y: auto;
}
#lxr_info_all_info #lxr_info_all .js-lxr-info,
#lxr_info_all_info #lxr_info_all .lxr_info {
  cursor: pointer;
}
#lxr_info_all_info #lxr_info_all .js-lxr-info:hover,
#lxr_info_all_info #lxr_info_all .lxr_info:hover {
  background: #01a5ff;
  color: #fff;
}
.personal-page {
  padding: 30px;
  background: #fff;
  min-height: 600px;
}
.personal-page .header {
  padding: 0 0 12px 0;
  border-bottom:1px solid #D8E1E5;
}
.personal-page .header .title {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding-left:18px;
  position:relative;
  color:#1462AB;
  font-size:16px;
}
.personal-page .header .title:before{
	content:"";
	position:absolute;
	top:8px;
	left:0;
	display:block;
	width:6px;
	height:18px;
	background:#3787E2;
}
.personal-page .header .title .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  margin-right: 10px;
  color: #999999;
  background: #01a5ff;
  vertical-align: middle;
}
.search-input .search-input-project{
	display:inline-block;
	height:34px;
	padding-left:10px;
	border:1px solid #ddd;
	margin-right: -5px;
	vertical-align: middle;
}
.search-input .search-input-project.margin-0{
	margin:0;
}
.search-input .search-input-project + button{
	height:34px;
	border:none;
	vertical-align: middle;
}
.search-input .search-input-project .iconfont{
	margin-right:8px;
	color:#999;
	vertical-align:middle;
}
.search-input .search-input-project input{
	padding-left:0;
	height:32px;
	width:232px;
	border:none;
}

.personal-page .header .title .icon i {
  line-height: 1.2;
  font-size: 16px;
}
.personal-page .toolbar .btn-group {
  display: inline-block;
}
.personal-page .toolbar .btn-group .btn{
	height:34px;
}
.personal-page .toolbar .btn-group .btn-item {
  padding: 7px 15px 0 15px;
  transition: .3s all;
}
.personal-page .toolbar .btn-group .btn-item.selected,
.personal-page .toolbar .btn-group .btn-item:hover {
  color: #1462AB;
}
.personal-page .toolbar .btn-group .btn-item.selected button,
.personal-page .toolbar .btn-group .btn-item:hover button {
  color: #1462AB;
  background:#fff;
/*   border-top-left-radius:5px;
  border-top-right-radius:5px; */
}
.personal-page .toolbar{
	margin-bottom:20px;
}
.personal-page .toolbar.toolbar-bg{
	background:#E9F4FF;
	border-top: 1px solid #fff;
}
.personal-page .toolbar .btn-group .btn-item button {
  height: 35px;
  background: none;
  border: none;
  padding:0 15px;
  cursor: pointer;
  color: #1462AB;
}
.personal-page .toolbar .icon-btns{
	padding-top:4px;
	height:42px;
}
.personal-page .toolbar .icon-btns button {
  background: none;
  border: none;
  cursor: pointer;
  margin: 0 3px;
  height: 35px;
  color: #999;
  transition: .3s all;
}
.personal-page .toolbar .icon-btns button i {
  font-size: 24px;
}
.personal-page .toolbar .icon-btns button.selected {
  color: #01a5ff;
}
.personal-page .toolbar .icon-btns button:hover {
  color: #01a5ff;
}

.personal-page .project-name {
  font-size: 16px;
  font-weight: bold;
  line-height: 2;
  cursor: pointer;
}
.personal-page.my-beian .time{
	padding:0 15px;
}
.personal-page .project-name span {
  vertical-align: baseline;
}
.personal-page .project-name:hover {
  color: #01a5ff;
}
.personal-page .list .list-item {
  padding: 10px 0 0;
  border: 1px solid #E8E8E8;
  margin-bottom: 20px;
  line-height: 1.8;
}
.personal-page .list .list-item .code{
	padding:0;
}
.personal-page .list .list-item:hover{
	border-color:#3787E2;
	box-shadow:0px 0px 4px 0px rgba(55,135,226,0.5);
}
.personal-page .list .list-item .operation-btns{
	padding:8px 14px;
	background:#FAFAFA;
}
.personal-page .list .list-item h3 {
  padding:0 16px;
  font-size: 16px;
  font-weight:normal;
}
.personal-page .list .project-desc {
  padding:0 16px;
  color: #666;
}
.personal-page .list .tags{
  padding:10px 16px;
}

.personal-page .list .tags .tag{
	position:relative;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	border:1px solid #A3C5F6;
	color:#3787E2;
	display:inline-block;
	padding:0 10px;
	margin-left:10px;
	background:#ECF3FD;
	font-size: 13px;
}
.personal-page .list .tags .tag.warming{
	border:1px solid #ECCE7F;
	color:#D99D00;
	background:#FBF5E5;
}
.personal-page .list .tags .tag.danger{
	border:1px solid #F19799;
	color:#E33033;
	background:#FCEAEA;
}
.personal-page .list .tags .tag:before{
	content:"";
	display:block;
	position:absolute;
	left: -11px;
    top: -1px;
    width: 0;
    height: 0;
    border-top: 12.5px solid transparent;
    border-left: 0;
    border-right: 10px solid #A3C5F6;
    border-bottom: 12.5px solid transparent;
}
.personal-page .list .tags .tag:after{
	content:"";
	display:block;
	position:absolute;
	left: -10px;
    top: -1px;
    width: 0;
    height: 0;
    border-top: 12.5px solid transparent;
    border-left: 0;
    border-right: 10px solid #ECF3FD;
    border-bottom: 12.5px solid transparent;
}

.personal-page .list .tags .tag.warming:before{
	border-right-color: #ECCE7F;
}
.personal-page .list .tags .tag.warming:after{
	border-right-color: #FBF5E5;
}
.personal-page .list .tags .tag.danger:before{
	border-right-color: #F19799;
}
.personal-page .list .tags .tag.danger:after{
	border-right-color: #FCEAEA;
}
.personal-page .list .project-desc p span {
  margin-right: 40px;
}
.personal-page .list .project-desc p span.right {
  margin-right: 0;
}
.personal-page .grid-list .list-item {
  float: left;
  width: 32%;
  border: 1px solid #eee;
  margin: 5px;
  padding-top:10px;
  height: 270px;
  position: relative;
}
.personal-page.my-project .grid-list .list-item {
	height: 230px;
}
.personal-page.my-banjain .grid-list .list-item,.personal-page.my-beian .grid-list .list-item {
	height: 300px;
}
.personal-page .grid-list .list-item .central-code {
  text-indent: 73px;
}
.personal-page .grid-list .list-item p {
  color: #888;
  line-height: 1.8;
  word-break: break-all;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.personal-page .grid-list .list-item .operation-btns {
  position: absolute;
  bottom: 0;
  width:100%;
}
.personal-page .operation-btns button.btn-primary{
	background:#3787E2;
	color:#fff;
}
.personal-page .operation-btns button.btn-primary:hover{
	background:#87B7EE;
	border-color:#87B7EE;
}
.personal-page .operation-btns button,
.personal-page .operation-btns .more {
  border: 1px solid #3787E2;
  color: #488CEE;
  background:#fff;
  display: inline-block;
  height: 34px;
  min-width: 85px;
  padding: 0 5px;
  margin: 0 2px;
  line-height: 32px;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  transition: .2s all;
}
.personal-page .operation-btns button i,
.personal-page .operation-btns .more i {
  margin-left: 10px;
  font-size: 18px;
  vertical-align: sub;
}
.personal-page .operation-btns button:hover,
.personal-page .operation-btns .more:hover {
  background: #3787E2;
  color: #fff;
}
.personal-page .operation-btns button.more,
.personal-page .operation-btns .more.more {
  position: relative;
}
.personal-page .operation-btns .dropdown-btns {
  display: none;
  position: absolute;
  left: -1px;
  z-index: 100;
  top: 34px;
  background: #fff;
  box-shadow:0 3px 10px rgba(0,0,0,.2);
}
.personal-page .operation-btns .dropdown-btns li:not(:last-child) {
  border-bottom: 1px solid #eee;
  height: 30px;
  cursor: pointer;
}
.personal-page .operation-btns .dropdown-btns li i {
  margin-right: 10px;
  font-size: 18px;
  vertical-align: sub;
}
.personal-page .operation-btns .dropdown-btns li button {
  margin: 0;
  background:#fff;
  color:#666;
  border:none;
}

.personal-page .operation-btns .dropdown-btns li button:hover{
	background:#E1EDFB;
	color:#3787E2;
}

.guider{
	background:#fff;
}

.guider .content .container {
  background: #fff;
}
.guider .content-header {
  margin-top:45px;
  padding: 0 45px;
}
.guider .content-header .area-select {
  border: 1px solid #ddd;
  padding: 15px 0;
  border-bottom: none;
}
.guider .content-header .list-label,
.guider .content-header .area-list {
  display: inline-block;
  vertical-align: text-top;
}
.guider .content-header .list-label {
  padding: 8px 15px;
  line-height: 1.5;
  color:#1462AB;
  margin: 5px;
  text-align:center;
  position:relative;
  border-right: 1px solid #DCDCDC;
  width: 9%;
}
.guider .content-header .area-list {
  width: 88%;
  padding-left: 30px;
}
.guider .content-header .area-list .area-item {
  float: left;
  padding: 8px 29px;
  margin: 5px;
  line-height: 1.2;
  cursor: pointer;
}
.guider .content-header .area-list .area-item.selected,
.guider .content-header .area-list .area-item:hover {
  background: #3787E2;
  color: #fff;
  border-color: #3787E2;
}
.guider .matters-type-select {
    height: auto;
    margin: 0 45px;
    border: 1px solid #ddd;
    margin-bottom:20px;
}
.guider .matters-type-select .matters-type,
.guider .matters-type-select .matters-type-desc {
  display: inline-block;
  vertical-align: top;
}
.guider .matters-type-select .matters-type {

  border-right: 1px solid #eee;
}
.guider .matters-type-select .matters-type .type-item:first-of-type{
	border-bottom:1px solid #ddd;
}
.guider .matters-type-select .matters-type .type-item {
  padding: 20px;
  line-height: 42px;
  font-size: 14px;
  cursor: pointer;
  text-align:center;
  background:#F2F6F8;
  position:relative;
}
.guider .matters-type-select .matters-type .type-item i {
	display:block;
}
.guider .matters-type-select .matters-type .type-item i:before {
  color: #565656;
}
.guider .matters-type-select .matters-type .type-item.selected
/* .guider .matters-type-select .matters-type .type-item:hover  */{
  background: #fff;
  color: #1462AB;
}
.guider .matters-type-select .matters-type .type-item.selected i:before
/* .guider .matters-type-select .matters-type .type-item:hover i:before  */{
  color: #1462AB;
}
.guider .matters-type-select .matters-type .type-item.selected:after
/* .guider .matters-type-select .matters-type .type-item:hover:after  */{
  position: absolute;
  display: block;
  top: 35%;
  right: -1px;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  content: " ";
  margin-left: -10px;
  border-left-width: 0;
  border-right-color: #fff;
  border-width: 10px;
}
.guider .matters-type-select .matters-type .type-item.selected:before
/* .guider .matters-type-select .matters-type .type-item:hover:before  */{
  position: absolute;
  display: block;
  top: 35%;
  right: 0;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  content: " ";
  margin-left: -10px;
  border-left-width: 0;
  border-right-color: #ddd;
  border-width: 10px;
}
.guider .matters-type-select .matters-type-desc {
  width: 1060px;
}
.guider .matters-type-select .matters-type-desc .arrow-left,
.guider .matters-type-select .matters-type-desc .arrow-right {
  display: inline-block;
  vertical-align: middle;
  padding: 0 25px;
  cursor: pointer;
}
.guider .matters-type-select .matters-type-desc .arrow-left i,
.guider .matters-type-select .matters-type-desc .arrow-right i {
  font-size: 24px;
}
.guider .matters-type-select .matters-type-desc .arrow-left:hover i,
.guider .matters-type-select .matters-type-desc .arrow-right:hover i {
  color: #01a5ff;
}
.guider .matters-type-select .matters-type-desc .department-list {
  display: inline-block;
  vertical-align: middle;
}
.guider .matters-type-select .matters-type-desc .desc-list li {
  float: left;
}
.guider .matters-type-select .matters-type-desc .desc-list.type-1 {
  padding: 0 30px;
}
.guider .matters-type-select .matters-type-desc .desc-list.type-1 li {
  width: 25%;
  padding: 20px 0;
  text-align: center;
  font-size: 16px;
}
.guider .matters-type-select .matters-type-desc .desc-list.type-1 li .item-wrapper {
  display: inline-block;
  color: #444;
  cursor: pointer;
  text-align:center;
}
.guider .desc-list.type-1 li.desc-1 .desc-img{
  	background:url("../../images/wssb/banshizhinan1@2x.png;vpn_img") no-repeat center;
}
.guider .desc-list.type-1 li.desc-2 .desc-img{
  	background:url("../../images/wssb/banshizhinan2@2x.png;vpn_img") no-repeat center;
}
.guider .desc-list.type-1 li.desc-3 .desc-img{
  	background:url("../../images/wssb/banshizhinan3@2x.png;vpn_img") no-repeat center;
}
.guider .desc-list.type-1 li.desc-4 .desc-img{
  	background:url("../../images/wssb/banshizhinan4@2x.png;vpn_img") no-repeat center;
}

.guider .desc-list.type-1 li.desc-1 .item-wrapper.selected {
	color:#C476C3;
}
.guider .desc-list.type-1 li.desc-1 .selected .desc-img{
  	background:url("../../images/wssb/banshizhinan1_select@2x.png;vpn_img") no-repeat center;
}
.guider .desc-list.type-1 li.desc-2 .item-wrapper.selected {
	color:#7567DD;
}
.guider .desc-list.type-1 li.desc-2 .selected .desc-img{
  	background:url("../../images/wssb/banshizhinan2_select@2x.png;vpn_img") no-repeat center;
}
.guider .desc-list.type-1 li.desc-3 .item-wrapper.selected {
	color:#5795D5
}
.guider .desc-list.type-1 li.desc-3 .selected .desc-img{
  	background:url("../../images/wssb/banshizhinan3_select@2x.png;vpn_img") no-repeat center;
}
.guider .desc-list.type-1 li.desc-4 .item-wrapper.selected{
	color:#45C7CC;
}
.guider .desc-list.type-1 li.desc-4 .selected .desc-img{
  	background:url("../../images/wssb/banshizhinan4_select@2x.png;vpn_img") no-repeat center;
}

.guider .matters-type-select .matters-type-desc .desc-list.type-1 li .desc-img {
  margin:10px auto;
  width: 90px;
  height: 90px;
}
.guider .matters-type-select .matters-type-desc .desc-list.type-2 {
  width: 1070px;
  display: inline-block;
  padding: 15px 0;
  vertical-align: middle;
}
.guider .matters-type-select .matters-type-desc .desc-list.type-2 li {
  margin: 5px 10px;
  position:relative;
  width: 247px;
  overflow: hidden;
  padding: 0 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  cursor: pointer;
}
.guider .matters-type-select .matters-type-desc .desc-list.type-2 li span{
	display:block;
	padding:5px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.guider .matters-type-select .matters-type-desc .desc-list.type-2 li:before{
	content:"";
	display:block;
	width:6px;
	height:6px;
	background:#3787E2;
	position:absolute;
	left:0;
	top:11px;
}
.guider .matters-type-select .matters-type-desc .desc-list.type-2 li.selected span,
.guider .matters-type-select .matters-type-desc .desc-list.type-2 li:hover span{
  background: #3787E2;
  color: #fff;
  border-color: #3787E2;
}
.guider .matters-type-select .matters-type-desc .department {
  display: none;
}
.guider .matters-type-select .matters-type-desc .department .arrow-left,
.guider .matters-type-select .matters-type-desc .department .arrow-right {
  display: none;
}
.guider .matters-type-select .matters-type-desc .department .dot-list{
	text-align:center;
	margin-top:-10px;
}
.guider .matters-type-select .matters-type-desc .department .dot-list span{
	display:inline-block;
	width:25px;
	height:6px;
	background:#CCCCCC;
	margin:0 5px;
	cursor:pointer;
}

.guider .matters-type-select .matters-type-desc .department .dot-list span.current{
	background:#3787E2;
}

.guider .matters-list {
    margin: 0 45px;
    border: 1px solid #ddd;
}
.guider .matters-list .list-title {
  background:#F5F9FE;
  padding: 5px 5px 5px 15px;
  border-bottom: 1px solid #eee;
}
.guider .matters-list .list-title .title-text {
  display: inline-block;
  font-size: 17px;
  color: #1462AB;
  padding: 5px 15px;
  position:relative;
}
.guider .matters-list .list-title .title-text:before{
	content:"";
	display:block;
	width:6px;
	height:18px;
	background:#3787E2;
	position:absolute;
	left:0;
	top:7px;
}

.guider .matters-list .list-title .title-text i {
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  text-align: center;
  line-height: 25px;
  color: #fff;
  background: #01a5ff;
  margin-right: 10px;
}
.guider .matters-list .list-title .search-input{
	position:relative;
}
.guider .matters-list .list-title .search-input input,
.guider .matters-list .list-title .search-input button {
  height: 34px;
}
.guider .matters-list .list-title .search-input .iconfont{
	position:absolute;
	left:5px;
	top:8px;
	color:#999999;
	font-size:20px;
}
.guider .matters-list .list-title .search-input input {
  width: 302px;
  border: 1px solid #ddd;
  margin-right: -5px;
  padding: 0 15px 0 30px;
  background:#fff;
}
.guider .matters-list .list-title .search-input button {
  border: none;
  background: #3787E2;
  line-height: 34px;
  color: #fff;
  width: 70px;
  cursor: pointer;
}
.guider .matters-list .list-title .search-input button i {
  margin-right: 10px;
  vertical-align: baseline;
}
.guider .matters-list .list-title .search-input button:hover {
  background: #0092e1;
}
.guider .matters-list .list-content .matter-item {
  cursor: pointer;
  padding: 0 15px;
  border-bottom: 1px solid #eee;
  position: relative;
  overflow: hidden;
}
.guider .matters-list .list-content .matter-item .matter-name {
  line-height: 50px;
  color: #444;
}
.guider .matters-list .list-content .matter-item .btn-toolbar {
   opacity:0;
   position: absolute;
   text-align: right;
   right: -500px;
   top:0;
   transition: all .3s;
}
.guider .matters-list .list-content .matter-item .btn-toolbar button {
  height: 36px;
  width: 108px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  color: #3787E2;
  border:1px solid #3787E2;
  background: #fff;
  margin: 5px;
  cursor: pointer;
}
.guider .matters-list .list-content .matter-item .btn-toolbar button i {
  margin-right: 10px;
  font-size: 18px;
  vertical-align: middle;
}
.guider .matters-list .list-content .matter-item .btn-toolbar button:hover {
  background: #3787E2;
  color: #fff;
  border-color: #3787E2;
}
.guider .matters-list .list-content .matter-item:hover,
.guider .matters-list .list-content .matter-item.show {
  background: #EBF3FC;
}
.guider .matters-list .list-content .matter-item:hover .btn-toolbar,
.guider .matters-list .list-content .matter-item.show .btn-toolbar {
  right:0;
  opacity:1;
}
.guider .matters-list .load-toolbar {
  text-align: center;
  padding: 15px;
}
.guider .matters-list .load-toolbar .load-more,
.guider .matters-list .load-toolbar .msg {
  display: none;
}
.guider .matters-list .load-toolbar .load-more {
  cursor: pointer;
  color: #01a5ff;
}
.guider .matters-list .load-toolbar .load-more i {
  margin-left: 10px;
}
.guider .matters-list .load-toolbar .msg {
  color: #ddd;
}
.guider-desc{
	background:#fff;
	padding-top:30px;
}
.guider-desc .desc-content .desc-header {
  background: #fff;
  margin-bottom: 15px;
}
.guider-desc .desc-content .desc-header.fixed-header {
  position: fixed;
  top: 0;
  width: 1280px;
  z-index:100;
}
.guider-desc .desc-content .desc-top {
    background: #F2F6F8;
    padding: 15px 100px;
    border-bottom: 1px solid #fff;
    position:relative;
}
.guider-desc .desc-content .desc-top .star,
.guider-desc .desc-content .desc-top .promise{
	position:absolute;
}
.guider-desc .desc-content .desc-top .promise{
	right:30px;
	top:0;
}

.guider-desc .desc-content .desc-top .promise .promise-item{
	color:#fff;
	text-align: center;
    margin: 0 5px;
    width: 100px;
    margin-top: -6px;
    height: 114px;
    padding-top: 20px;
    position: relative;
	background:url(../../images/wssb/green.png;vpn_img) no-repeat;
}
.guider-desc .desc-content .desc-top .promise .promise-item h3{
	font-size:36px;
}
.guider-desc .desc-content .desc-top .promise .promise-item h3 span{
	font-size:14px;
	vertical-align: baseline;
}
.guider-desc .desc-content .desc-top .star{
	left:0;
	top:0;
}
.guider-desc .desc-content .desc-top .star-bg{
    transform: rotate(-45deg);
    padding: 7px;
    position:relative;
    z-index:2;
}
.guider-desc .desc-content .desc-top .star-bg span{
	font-size:12px;
	color:#FF9933;
	display: inline-block;
}
.guider-desc .desc-content .desc-top .star-bg img{
	position:absolute;
	left:-15px;
	top:-8px;
	transform: rotate(45deg);
	color:#fff;
}
.guider-desc .desc-content .desc-top .star-bg div{
	color:#fff;
	padding: 5px 10px 5px 20px;
	position:relative;
	font-size:16px;
}
.guider-desc .desc-content .desc-top .star-bg:after{
	content: "";
    position: absolute;
    left: -35px;
    top: 6px;
    height: 132px;
    transform: rotate(45deg);
    z-index: -1;
    width: 147px;
    background: url(../../images/wssb/yellow.png;vpn_img) no-repeat;
}
.guider-desc .desc-content .matter-name {
  line-height: 1.6;
  font-size: 24px;
  width: 900px;
}
.guider-desc .desc-content .btn-group {
  padding: 10px 0;
}
.guider-desc .desc-content .btn-group button {
  height: 36px;
  width: auto;
  line-height: 34px;
  padding: 0 15px;
  margin-right: 7px;
  background:#fff;
  border: 1px solid #3787E2;
  color: #3787E2;
  cursor: pointer;
}
.guider-desc .desc-content .btn-group button i {
  margin-right: 5px;
  font-size: 18px;
  vertical-align: sub;
}
.guider-desc .desc-content .btn-group button:hover {
  background: #3787E2;
  color: #fff;
}
.guider-desc .desc-content .desc-title-nav {
  padding: 0 15px;
  background: #F2F6F8;
}
.guider-desc .desc-content .desc-title-nav li {
  float: left;
  padding: 12px 20px 15px 20px;
  font-size: 16px;
  position: relative;
  cursor: pointer;
  border-top: 3px solid transparent;
  color: #444;
}
.guider-desc .desc-content .desc-title-nav li:hover,
.guider-desc .desc-content .desc-title-nav li.selected {
  border-top: 3px solid #3787E2;
  color: #3787E2;
  background: #fff;
}
.guider-desc .desc-content .desc-list .desc-item {
  background: #fff;
  margin-bottom: 15px;
}
.guider-desc .desc-content .desc-list .desc-title {
  font-size: 16px;
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
}
.guider-desc .desc-content .desc-list .desc-title span {
  display: inline-block;
  padding: 5px 15px;
  color: #1462AB;
  position:relative;
/*   background: url("../../images/wssb/title.png;vpn_img") no-repeat left center; */
  background-size: 20px;
}
.guider-desc .desc-content .desc-list .desc-title span:before{
	content:"";
	display:block;
	width:6px;
	height:18px;
	background:#3787E2;
	position:absolute;
	left:0;
	top:8px;
}
.guider-desc .desc-content .desc-list .desc-text{
	padding:15px;
	border:1px solid #ddd;
}

.guider-desc .desc-content .desc-list .sub-table{
	padding:15px 0;
}

.guider-desc .desc-content .desc-list .sub-table .table-title,
.guider-desc .desc-content .desc-list .table-mark{
	background:rgba(55,135,226,0.05);
	border:1px solid #E8E8E8;
	padding:0 10px;
	color:#333333;
	border-bottom:0;
	margin-bottom:-1px;
}

.guider-desc .desc-content .desc-list .sub-table .table-title{
	height:40px;
	line-height:40px;
	font-weight: 600;
}
.guider-desc .desc-content .desc-list .table-mark,
.guider-desc .desc-content .desc-list  .material-item .group-title{
	padding:10px 15px;
}

.guider-desc .desc-content .desc-list  .material-item{
	margin:10px 0;
}

.guider-desc .desc-content .desc-list  .material-item .group-title{
	font-weight:bold;
	background:rgba(55,135,226,0.05);
	border:1px solid #E8E8E8;
	color:#333333;
}

.guider-desc .desc-content .desc-list  .material-item .group-title+.table{
	display:none;
	border:1px solid #E8E8E8;
}
.guider-desc .desc-content .desc-list  .material-item .group-title+.table.table-bordered{
	border:none;
}

.guider-desc .desc-content .desc-list  .material-item .group-title.open+.table{
	display:block;
}

.guider-desc .desc-content .desc-list  .material-item .file img{
	margin-right:10px;
}
.desc-item .file,
.guider-desc .desc-content .desc-list  .material-item .file{
    height: 40px;
    overflow: hidden;
    position:relative;
    margin-bottom:10px;
}
.desc-item .file.more:after,
.guider-desc .desc-content .desc-list  .material-item .file.more:after{
	content:"...";
	position:absolute;
	right:0;
	bottom:0;
	background:#fff;
}

.guider-desc .desc-content .desc-list  .material-item .icon-wsbs-shixinjiantou-you{
	font-size:12px;
	color:#4881DD;
	margin-right:10px;
	cursor:pointer;
}

.guider-desc .desc-content .desc-list  .material-item .open .icon-wsbs-shixinjiantou-you:before{
	content:"\e83c";
}

.guider-desc .desc-content .desc-list .table tr:not(:last-child){
	height:40px;
	border-bottom:1px solid #E8E8E8;
}

.guider-desc .desc-content .desc-list .table.no-head thead tr{
	height:0;
	border:0;
}

.guider-desc .desc-content .desc-list .table thead tr{
	background: #F6F6F6;
}
.guider-desc .desc-content .desc-list .table td{
	border:0;
}

.guider-desc .desc-content .desc-list .table th,
.guider-desc .desc-content .desc-list .table td{
	padding:0 15px;
	text-align:left;
}
.guider-desc .desc-content .desc-list .table th{
	line-height:40px;
}
.guider-desc .desc-content .desc-list .table td{
	padding:10px 15px;
}
.desc-list .table td .attr{
	margin:0 -15px;
	padding:5px 15px;
}
.desc-list .table td .attr:not(:last-child){
	border-bottom:1px solid #e8e8e8;
}

.desc-list td .icon-wsbs-zhengquechenggongtishi,
.desc-list td .icon-wsbs-cuowushibaitishi{
	font-size:24px;
	color:#DDDDDD;
}
.desc-list td .icon-wsbs-zhengquechenggongtishi{
	color:#3787E2;
}
.desc-list td .map-btn{
	display:inline-block;
	cursor:pointer;
}
.guider-desc .map-modal{
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:rgba(0,0,0,.2);
	z-index:1100;
	display:none;
}

.guider-desc .map-modal .map{
	width:940px;
	height:540px;
	position:relative;
	left:50%;
	top:50%;
	margin-left:-450px;
	margin-top:-250px;
	border:20px solid #fff;
}
.guider-desc .map-modal .map .close{
	width: auto;
    height: auto;
    position: absolute;
    right: -19px;
    top: -17px;
    cursor: pointer;
}

.guider-desc .map-modal .map .close i{
	font-size:20px;
	position:relative;
	z-index:1000;
}

.guider-desc .map-modal .map div{
	width:900px;
	height:500px;
}

.guider-desc .desc-content .desc-list .table {
  width: 100%;
  border-collapse: collapse;
  border:1px solid #E8E8E8;
}
.guider-desc .desc-content .desc-list .table.table-bordered td {
  border: 1px solid #ddd;
  padding: 15px;
  color: #444;
}
.guider-desc .desc-content .desc-list .table td.label {
  background: #F6F6F6;
  width: 200px;
  text-align:right;
}
.guider-desc .desc-content .desc-list .table td:nth-child(2n) {
  width: calc(50% - 200px);
}
.guider-desc .desc-content .desc-list .table td.secondTd{
	width: auto;
}
.guider-desc .desc-content .desc-list p {
  line-height: 1.6;
  color: #444;
}
.guider-desc .desc-content .step-type{
	padding: 15px;
    background: rgba(55,135,226,0.05);
    text-align: center;
    border:1px solid #E8E8E8;
    border-bottom-color:#fff;
    margin-bottom:-2px;
}

.guider-desc .desc-content .step-type .step{
	display:inline-block;
}

.guider-desc .desc-content .step-type .step .step-item{
	display:inline-block;
	width:60px;
	height:60px;
	font-size:16px;
	background:#3787E2;
	text-align:center;
	border-radius:70px;
	position:relative;
	margin:0 60px;
}

.guider-desc .desc-content .step-type .step .step-item p{
	color:#fff;
	line-height:60px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.guider-desc .desc-content .step-type .step .step-item .iconfont{
	position: absolute;
    top: 50%;
    right: -68px;
    margin-top: -8px;
    color: #ddd;
}

.guider-desc .desc-content .step-type .step .step-item:before,
.guider-desc .desc-content .step-type .step .step-item:after{
	content:"";
	width:55px;
	height:1px;
	background:#ddd;
	position:absolute;
	top:50%;
}

.guider-desc .desc-content .step-type .step .step-item:before{
	left:-55px;
}

.guider-desc .desc-content .step-type .step .step-item:after{
	right:-55px;
}

.guider-desc .desc-content .step-type .step .step-item:first-child:before,
.guider-desc .desc-content .step-type .step .step-item:last-child:after,
.guider-desc .desc-content .step-type .step .step-item:last-child .iconfont{
	display:none;
}



.record-public {
	background: #fff;
}

.record-public .list-wrapper {
  padding: 15px;
  background: #fff;
}
.record-public .list-toolbar {
  border-bottom: 1px solid #eee;
  padding: 10px 15px;
  margin-bottom: 10px;
}
.record-public .list-toolbar .ba-btn {
  background: none;
  border: 1px solid #01a5ff;
  color: #01a5ff;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  cursor: pointer;
  transition: .3s all;
}
.record-public .list-toolbar .ba-btn:hover {
  background: #01a5ff;
  color: #fff;
}
.record-public .list-toolbar .search-input{
	position:relative;
}
.record-public .list-toolbar .search-input i{
	position: absolute;
    left: 7px;
    top: 7px;
    color: #ddd;
    font-size: 18px;
}
.record-public .list-toolbar .btn{
	height:34px;
}
.record-public .list-toolbar .search-input input,
.record-public .list-toolbar .search-input button {
  height: 34px;
}
.record-public .list-toolbar .search-input input {
  width: 240px;
  border: 1px solid #ddd;
  margin-right: -5px;
  padding: 0 15px 0 30px;
}
.record-public .list-toolbar .search-input button {
  border: none;
  background: #3787E2;
  line-height: 34px;
  color: #fff;
  width: 70px;
  cursor: pointer;
}
.record-public .list-toolbar .search-input button i {
  margin-right: 10px;
  vertical-align: baseline;
}
.record-public .list-toolbar .search-input button:hover {
  background: #87B7EE;
}
.record-public .project-list .list-item {
  padding: 10px 15px;
  border: 1px solid #eee;
  margin-bottom: 15px;
  line-height: 1.8;
}
.record-public .project-list .project-name {
  cursor: pointer;
  font-size: 16px;
  line-height: 2;
  color: #444;
}
.record-public .project-list .project-name:hover {
  color: #01a5ff;
}
.record-public .project-list .project-desc {
  color: #888;
  line-height: 1.4;
}
.record-public .project-list .project-desc span {
  margin-right: 30px;
}
.record-public .load-toolbar {
  text-align: center;
  padding: 15px;
}
.record-public .load-toolbar a {
  color: #01a5ff;
  cursor: pointer;
}
.record-public .load-toolbar a i {
  margin-left: 10px;
}
.record-public .load-toolbar .msg {
  color: #ddd;
}
.register {
	background: #fff;
}
.register .form-content {
  background: #fff;
  position: relative;
}
.register .form-content .tab .tab-title {
  height: 52px;
  padding: 10px 15px;
}
.register .form-content .tab .tab-title li > a {
  padding: 10px 15px;
}
.register .form-content .has-account {
  padding: 15px;
  position: absolute;
  right: 10px;
  z-index: 100;
}
.register .form-content .has-account .login {
  color: #3787E2;
  cursor: pointer;
}
.register .form-content #form_body_second,
.register .form-content #form_body_first {
  padding: 15px 130px;
}
.register .form-content .layui-tab-item {
  padding: 20px 90px;
}
.register .form-content .form-part {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px dashed #ddd;
}
.register .form-content .form-part:last-child {
  border: none;
  padding: 0;
  margin: 0;
}
.register .form-content .form-part .form-row {
  padding: 10px 0;
}
.register .form-content .form-part .form-row .required {
  color: red;
  margin-right: 10px;
}
.register .form-content .form-part .form-row .label,
.register .form-content .form-part .form-row .form-control,
.register .form-content .form-part .form-row .tip {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}
.register .form-content .form-part .form-row .label {
  font-size: 14px;
  color: #444;
  width: 120px;
  text-align: right;
}
.register .form-content .form-part .form-row .tip {
  color: #999;
}
.register .form-content .form-part .form-row .tip .error-prompt {
  color: #FF5722;
}
.register .form-content .form-part .form-row select,
.register .form-content .form-part .form-row input {
  height: 34px;
  width: 400px;
  border: 1px solid #ddd;
  padding: 0 10px;
  border-radius: 0 !important;
}
.register .form-content .form-part .form-row select.code,
.register .form-content .form-part .form-row input.code {
  width: 150px;
}
.register .form-content .form-part .form-row select.error-input,
.register .form-content .form-part .form-row input.error-input {
  border-color: #FF5722;
}
.register .form-content .form-part .form-row .error-prompt {
  padding-left: 25px;
  background: url("../../images/wssb/warming.png;vpn_img") no-repeat left center;
}
.register .form-content .form-part .form-row span.msg-btn {
  display: inline-block;
  height: 30px;
  color: #01a5ff;
  border: 1px solid #ddd;
  vertical-align: top;
  line-height: 28px;
  text-align: center;
  padding: 0 15px;
  background: none;
  cursor: pointer;
  transition: all .3s;
}
.register .form-content .form-part .form-row span.msg-btn:hover {
  background: #01a5ff;
  color: #fff;
  border-color: #01a5ff;
}
.register .form-content .form-part .form-row span.msg-btn.on {
  color: #ddd;
}
.register .form-content .form-part .form-row span.msg-btn.on:hover {
  background: none;
  border-color: #ddd;
  color: #ddd;
  cursor: wait;
}
.register .form-content .form-part .form-row .commit-btn {
    text-align: left;
    padding: 15px;
    padding-left: 178px;
}
.register .form-content .form-part .form-row .commit-btn .commit {
  width: 115px;
  height: 42px;
  background: #3787E2;
  color: #fff;
  line-height: 42px;
  border: none;
  cursor: pointer;
}
.register .form-content .form-part .form-row .commit-btn .commit:hover {
  background: #0092e1;
}
.register .form-content .form-part .form-row .input-group-btn {
  position: absolute;
  background: #fff;
  border: 1px solid #eee;
}

/*我的材料tab*/
.personal-page .tab{
	margin:0;
}
.personal-page .tab .tab-header{
	margin-bottom:25px;
}
.personal-page .tab .tab-title {
	padding-top:10px;
	height:50px;
}
.personal-page .tab .tab-title li{
	margin:0 10px;
}
.personal-page .tab .tab-title li.active{
	border:0;
}

.my-material.personal-page {
  padding: 0;
}
.my-material .my-material-folder .toolbar .btns {
  display: inline-block;
}
.my-material .my-material-folder .toolbar .btns .btn {
  height: 30px;
  line-height: 30px;
  border: 1px solid #01a5ff;
  background: none;
  color: #01a5ff;
  margin: 0 5px;
  padding: 0 15px;
  cursor: pointer;
}
.my-material .my-material-folder .toolbar .btns .btn:first-child,
.my-material .my-material-folder .toolbar .btns .btn:hover {
  background: #01a5ff;
  color: #fff;
  border-color: #01a5ff;
}
.my-material .my-material-folder .statistics-bar {
  line-height: 30px;
  padding: 5px 15px;
  background:#F6F6F6;
  margin-bottom:1px;
}
.my-material .my-material-folder .statistics-bar .statistics-title {
  display: inline-block;
  color:#1462AB;
}
.my-material .my-material-folder .statistics-bar .process-bar {
  display: inline-block;
  vertical-align: middle;
  width: 180px;
  height: 10px;
  background: #ddd;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  color:#666666;
}
.my-material .my-material-folder .statistics-bar .process-bar .process-inner {
  width: 100px;
  background: #53C5C4;
  color: #fff;
}
.my-material .material-list .nav-bar {
  padding-bottom: 15px;
}
.my-material .material-list .nav-bar a {
  color: #3787E2;
  text-decoration: none;
}
.my-material .material-list .table thead tr {
  background: #F6F6F6;
}
.my-material .material-list .table thead tr th{
	padding:10px;
	text-align:left;
}
.my-material .material-list .table tbody tr {
  cursor: pointer;
  border-bottom:1px solid #E8E8E8;
}
.my-material .material-list .table tbody tr:hover {
  background: #F5FBFF;
}
.my-material .material-list .table tbody td {
  word-break: break-all;
  border:0;
}
.my-material .material-list .table .btn {
  background: none;
  margin-bottom:5px;
  padding: 8px 15px;
  border:1px solid #3787E2;
  color:#3787E2;
  height:auto;
  font-size:14px;
}
.my-material .material-list .table .btn:hover {
  background: #3787E2;
  color:#fff;
}
.my-material .my-results .toolbar .icon-btns {
  padding: 0;
  margin-left: 20px;
  height:34px;
}
.my-material .my-results .list .project-name {
  cursor: pointer;
}
.my-material .my-results .list .project-name span {
  color: #666;
  font-size: 14px;
}
.my-material .my-results .list .project-name:hover {
  color: #01a5ff;
}
.my-material .my-results .list .project-desc {
  margin: 0;
}
.my-material .my-results .list .list-item{
	padding: 10px 0;
}
.my-material .my-results .grid-list h3 {
  line-height: 1.8;
}
.personal-page.my-licence  .list .list-item{
	padding:10px 0;
}
.matterial-attachment-list .btn {
  background: none;
  padding: 0 5px;
  height: auto;
  color: #01a5ff;
}
.matterial-attachment-list .selected-banjian {
  border: 1px solid #dddd;
  height: 80px;
  position: relative;
}
.matterial-attachment-list .selected {
  display: inline-block;
  background: #fff;
  position: absolute;
  top: -10px;
  left: 13px;
}
.matterial-attachment-list .selected-list {
  padding: 10px;
  height: 78px;
  overflow-y: auto;
}
.matterial-attachment-list .selected-list .selected-item {
  float: left;
  margin: 5px;
}
.matterial-attachment-list .selected-list .selected-item .remove-item {
  margin-left: 15px;
  background: #FF5722;
  display: inline-block;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 17px;
  cursor: pointer;
  color: #fff;
  font-size: 12px;
  border-radius: 20px;
}
.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: 0;
  overflow: auto;
  zoom: 1;
  background: #fff;
}
.ui-dialog .ui-dialog .ui-dialog-titlebar-close {
  margin: -7px 0 0;
  padding: 1px;
  position: absolute;
  right: 2px;
  top: 18px;
  border: none;
}
.dialog_form_content * {
  margin: 0;
  padding: 0;
}
.dialog_form_bottom {
  background: none repeat scroll 0 0 #F4F8FB;
  bottom: 0;
  height: 45px;
  position: absolute;
  text-align: center;
  width: 100%;
}
.dialog_form_button {
  background: url("../../images/wssb/btn_blue.png;vpn_img") repeat scroll 0 0 transparent;
  border: 0 none;
  color: #FFFFFF;
  height: 23px;
  line-height: 23px;
  width: 50px;
}
.dialog_form_button:hover {
  background: url("../../images/wssb/btn_orange.png;vpn_img") repeat scroll 0 0 transparent;
}
.form_operate {
  margin-top: 10px;
}
.dialog_form_content td {
  border: 1px solid #FFFFFF;
  color: #333333;
  text-align: center;
  padding: 8px 0;
}
.dialog_form_content .odd {
  background: none repeat scroll 0 0 #F7F7F7;
}
.dialog_form_content td input[type="text"] {
  height: 25px;
  margin: 0;
  padding: 0;
  width: 90%;
}
.dialog_form_content td input[type="checkbox"] {
  height: 20px;
  margin: 0;
  padding: 0;
  width: auto;
  vertical-align: middle;
}
.dialog_form_content td input[type="radio"] {
  height: 20px;
  width: auto;
  margin-left: 20px;
  margin-top: 0;
  vertical-align: middle;
}
.dialog_form_content .input_photo {
  height: 30px;
  width: auto;
}
.dialog_form_content label {
  display: inline-block;
}
.dialog_form_content td input.v1_input_password {
  height: 25px;
  margin: 0;
  padding: 0;
  width: 60%;
}
.dialog_form_content .div_input_phone {
  display: inline-block;
  line-height: 25px;
}
.td_class {
  margin-left: 20px;
  text-align: left;
  width: 94%;
}
.ui-dialog .ui-dialog-buttonpane {
  border-top: 0px;
}
.ui-dialog .ui-dialog-buttonpane button {
  background: #3787E2;
  border: 0 none;
  color: #FFFFFF;
  line-height: 30px;
  cursor: pointer;
  height: 30px;
  margin: 0 10px;
  width: 50px;
}
.ui-dialog .ui-dialog-buttonpane button:hover {
  background: #87B7EE;
}
.ui-button-text-only .ui-button-text {
  font-family: "Microsoft YaHei";
  font-size: 12px;
  font-weight: inherit;
  padding: 0;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none;
  text-align: center;
  padding: 15px;
}
.ui-dialog .ui-dialog-buttonpane {
  background: none repeat scroll 0 0 #F4F8FB;
}
.ui-dialog .ui-dialog-titlebar-close {
  height: 27px;
  margin: -7px 0 0;
  padding: 1px;
  position: absolute;
  right: 2px;
  width: 32px;
  top: 17px;
  border: none;
}
.ui-dialog .ui-dialog-titlebar-close:hover {
  background: none;
  border: none;
  padding: 1px;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon {
  background: url("../../images/wssb/close.png;vpn_img") no-repeat scroll 0 0 transparent;
  height: 32px;
  margin-left: 0;
  margin-top: 4px;
  width: 32px;
  text-indent: -99999px;
  display: block;
}
.ui-dialog {
  padding: 0;
}
.ui-widget-header {
  background: #3787E2;
  height: auto;
  color: #fff;
  padding: 10px 15px;
}
.ui-dialog-title {
  font-family: "Microsoft YaHei";
  font-size: 18px;
  font-weight: normal;
}
.ui-dialog .ui-dialog-title {
  margin: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 0;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 0;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 0;
}
.dialog-container {
  font-size: 14px;
  color: #404040;
}
.dialog-container .search-bar {
  margin-bottom: 10px;
}
.dialog-container .search-bar .mark {
  float: left;
  color: #ff7700;
}
.dialog-container .search-bar .search-input {
  float: right;
}
.dialog-container .search-bar .search-input #keyWord {
  height: 30px;
  padding: 0 15px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.dialog-container .search-bar .search-input button {
  height: 30px;
  line-height: 30px;
  background: #3787E2;
  color: #fff;
  width: auto;
  padding: 0 15px;
}
.dialog-container .tabs .tab-list {
  border-bottom: 1px solid #ccc;
  list-style: none;
  margin: 5px;
  padding: 0;
}
.dialog-container .tabs .tab-list li {
  float: left;
  padding: 5px;
  cursor: pointer;
}
.dialog-container .tabs .tab-list li.selected-tab {
  border: 1px solid #ccc;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-color: #fff;
  margin-bottom: -1px;
}
.dialog-container .content-container {
  height: 350px;
  position: relative;
}
.dialog-container .content-container .nav-container {
  float: left;
  border: 1px solid #ccc;
  height: 350px;
  box-sizing: border-box;
}
.dialog-container .content-container .nav-container ul {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 310px;
}
.dialog-container .content-container .nav-container .title {
  background: #D7EDFD;
  padding: 10px 15px;
  display: block;
}
.dialog-container .content-container .nav-container li a {
  display: block;
  padding: 10px;
  box-sizing: border-box;
  text-decoration: none;
}
.dialog-container .content-container .nav-container li .fa-folder {
  margin-right: 5px;
  color: #fce358;
  font-size: 18px;
}
.dialog-container .content-container .nav-container li .folder-name {
  width: 110px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dialog-container .content-container .nav-container li a:hover,
.dialog-container .content-container .nav-container li .selected-item {
  background: #1895f5;
  color: #fff;
}
.dialog-container .content-container .nav-container li .selected-item .fa-folder:before {
  content: "\f07c";
}
.dialog-container .content-container .list-container {
  float: left;
  width: 77%;
  margin-left: 13px;
  height: 350px;
  border: 1px solid #ccc;
  position: relative;
  box-sizing: border-box;
}
.dialog-container .content-container .fixed-table {
  position: absolute;
  top: 0;
  left: 0;
}
.dialog-container .content-container .fixed-table.scroll-padding {
  padding-right: 17px;
}
.dialog-container .content-container .scroll-table {
  display: block;
  height: 302px;
  overflow-y: auto;
}
.dialog-container .content-container table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.dialog-container .content-container thead tr {
  background: #D7EDFD;
}
.dialog-container .content-container thead tr td {
  padding: 5px;
}
.dialog-container .content-container td {
  border: 1px solid #ccc;
  padding: 2px 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.dialog-container .content-container td .download-btn {
  background: none;
  color: #01a5ff;
  border: none;
  padding: 0 5px;
}
.dialog-container .content-container td .download-btn:hover {
  color: #ff7700;
}
.dialog-container .content-container .paddingfoot {
  padding: 10px;
}
.dialog-container .content-container.sjzz {
  height: auto;
}
.dialog-container .content-container.sjzz .scroll-table {
  display: block;
  height: 290px;
  overflow-y: auto;
}
fieldset {
  height: 100px;
}
fieldset legend {
  font-size: 14px;
  margin-bottom: 5px;
}
fieldset ul {
  height: 100px;
  overflow-y: auto;
  padding: 0;
  margin: 0;
  width: 836px;
}
fieldset ul li {
  float: left;
  width: 33%;
  padding: 0 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  position: relative;
}
fieldset ul li .delete {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  color: #f14a4a;
  line-height: 20px;
}
fieldset ul li .delete:hover {
  color: #ff7700;
}
.retrieve-password .rp-content .container {
  padding: 50px 100px;
}
.retrieve-password .rp-content .rp-title {
  font-size: 18px;
  padding: 10px 15px;
  border-bottom: 1px solid #eee;
}
.retrieve-password .rp-content .rp-form .step-tag {
  width: 490px;
  margin: 30px auto;
  background: url("../../images/wssb/rp01.jpg;vpn_img") no-repeat center;
}
.retrieve-password .rp-content .rp-form .step-tag li {
  float: left;
  padding: 10px 40px;
  color: #666;
}
.retrieve-password .rp-content .rp-form .step-tag li.first-step {
  color: #fff;
}
.retrieve-password .rp-content .rp-form .step-tag.step-1 {
  background: url("../../images/wssb/rp.jpg;vpn_img") no-repeat center;
  color: #fff;
}
.retrieve-password .rp-content .rp-form .step-tag.step-1 .second-step {
  color: #fff;
}
.retrieve-password .rp-content .rp-form .step-tag.step-2 {
  background: url("../../images/wssb/rp02.jpg;vpn_img") no-repeat center;
  color: #fff;
}
.retrieve-password .rp-content .rp-form .step-tag.step-2 .second-step {
  color: #fff;
}
.retrieve-password .rp-content .rp-form .step-tag.step-2 .last-step {
  color: #fff;
}
.retrieve-password .rp-content .rp-form .steps {
  padding: 0 50px;
  text-align: center;
}
.retrieve-password .rp-content .rp-form .steps .step {
  padding: 0 225px;
  display: inline-block;
  text-align: left;
}
.retrieve-password .rp-content .rp-form .steps .step label {
  width: 170px;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  padding: 10px;
}
.retrieve-password .rp-content .rp-form .steps .step input[type="radio"] {
  margin: 0 10px;
  vertical-align: middle;
  width: auto;
}
.retrieve-password .rp-content .rp-form .steps .step input[type='text'] {
  height: 30px;
  border: 1px solid #ddd;
  width: 270px;
  padding: 0 10px;
}
.retrieve-password .rp-content .rp-form .steps .step input[type='text']#code {
  width: 150px;
}
.retrieve-password .rp-content .rp-form .steps .step input[type='text'].code {
  width: 100px;
}
.retrieve-password .rp-content .rp-form .steps .step .required {
  color: red;
  margin-right: 10px;
}
.retrieve-password .rp-content .rp-form .steps .step .next-step {
  height: 30px;
  background: #01a5ff;
  color: #fff;
  padding: 0 15px;
  line-height: 30px;
  border: none;
  cursor: pointer;
}
.retrieve-password .rp-content .rp-form .steps .step .next-step:hover {
  background: #0092e1;
}
.retrieve-password .rp-content .rp-form .steps .step .form-row:last-child {
  text-align: center;
  padding: 15px;
}
.retrieve-password .rp-content .rp-form .steps .step .getCode {
  height: 30px;
  border: none;
  background: none;
  border: 1px solid #01a5ff;
  line-height: 30px;
  color: #01a5ff;
  padding: 0 15px;
  transition: .3s all;
  cursor: pointer;
}
.retrieve-password .rp-content .rp-form .steps .step .getCode:hover {
  background: #01a5ff;
  color: #fff;
}
.retrieve-password .rp-content .rp-form .steps .step .email {
  display: none;
}
.retrieve-password .rp-content .rp-form .steps .step.step-1,
.retrieve-password .rp-content .rp-form .steps .step.step-2 {
  display: none;
}
.retrieve-password .rp-content .rp-form .steps .step.step-2 {
  padding: 0 70px;
}
.retrieve-password .rp-content .rp-form .steps .step.step-2 .form-row span.tip {
  display: inline-block;
  width: 266px;
  font-size: 12px;
  margin-left: 15px;
  color: #999;
}
.retrieve-password .rp-content .rp-form .steps .step .unit-name {
  display: none;
}
.view-definition {
  background: #fff;
  padding: 50px;
  font-size: 14px;
  color: #444;
}
.view-definition .definition-table {
  width: 80%;
  margin: auto;
}
.view-definition .definition-table .required {
  margin-right: 10px;
  color: red;
}
.view-definition .definition-table .fa-question-circle-o {
  margin-left: 10px;
  cursor: pointer;
  color: #999;
  font-size: 20px;
}
.view-definition .definition-table .fa-question-circle-o:hover {
  color: #01a5ff;
}
.view-definition .definition-table tbody tr td {
  text-align: left;
  padding: 15px;
}
.view-definition .definition-table tbody tr td.label-title {
  text-align: right;
}
.view-definition .definition-table tbody tr td.label-title .fa {
  position: relative;
}
.view-definition .definition-table tbody tr td .upload_div + div {
  display: inline-block;
  vertical-align: middle;
  margin-left: 30px;
}
.view-definition .definition-table tbody tr td .upload_div + div li {
  height: 50px;
}
.view-definition .definition-table tbody tr td .upload_div + div li img {
  height: 100%;
}
.view-definition .definition-table tbody tr td .upload_div + div .delete_Div {
  float: right !important;
  padding: 10px 0;
  margin-left: 15px;
}
.delete_Div {
    float: left;
    clear:both;
    margin-left: 23px;
}
.view-definition .definition-table tbody tr td .upload_div + div .delete_Div input[type="button"] {
  background: none;
  border: 1px solid #01a5ff;
  color: #01a5ff;
  transition: all .3s;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  cursor: pointer;
}
.view-definition .definition-table tbody tr td .upload_div + div .delete_Div input[type="button"]:hover {
  background: #01a5ff;
  color: #fff;
}
.view-definition .definition-table tbody tr .tip {
  color: #999;
  display: block;
  padding: 15px 0;
}
.view-definition .definition-table tbody tr .fileup-load {
  height: 40px;
  width: 40px;
  border: 1px dashed #ddd;
  text-align: center;
  line-height: 40px;
  color: #ddd;
  position: relative;
  font-size: 18px;
  cursor: pointer;
}
.view-definition .definition-table tbody tr .fileup-load input {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.view-definition .definition-table tbody tr span {
  vertical-align: middle;
}
.view-definition .definition-table tbody tr .switch-row {
  margin-bottom: 15px;
  line-height: 30px;
}
.view-definition .definition-table tbody tr input[type="text"] {
  width: 100%;
  height: 30px;
  padding: 0 15px;
  border: 1px solid #ddd;
}
.view-definition .definition-table tbody tr input[type="radio"] {
  cursor: pointer;
}
.view-definition .definition-table tbody tr textarea {
  width: 100%;
  border: 1px solid #ddd;
}
.view-definition .definition-table tbody tr .table-btns button {
  background: none;
  border: 1px solid #01a5ff;
  color: #01a5ff;
  padding: 0 15px;
  height: 30px;
  cursor: pointer;
}
.view-definition .definition-table tbody tr .table-btns button i {
  margin-right: 10px;
}
.view-definition .definition-table tbody tr table {
  width: 100%;
  border-collapse: collapse;
}
.view-definition .definition-table tbody tr table thead {
  background: #d6effe;
}
.view-definition .definition-table tbody tr table thead td {
  padding: 5px 10px;
  border: 1px solid #ddd;
}
.view-definition .save-btn {
  text-align: center;
  padding: 15px 0 0 0;
}
.view-definition .save-btn .save {
  height: 30px;
  background: #01a5ff;
  color: #fff;
  padding: 0 15px;
  border: none;
  line-height: 30px;
  cursor: pointer;
}
.view-definition .save-btn .save:hover {
  background: #0092e1;
}
.view-definition .popover {
  top: 25px;
  left: -100px;
}
.view-definition .popover.bottom > .arrow {
  left: 29%;
}
.view-definition .popover .popover-content {
  width: 500px;
  height: auto;
  padding: 15px;
}
.view-definition .popover .popover-content img {
  width: 100%;
}
.form-desc {
  background: #fff;
  padding: 30px;
}
.form-desc .table-block {
  margin-bottom: 15px;
}
.form-desc .table-block .block-title {
  position:relative;
  padding:15px;
  line-height:1;
  font-size: 16px;
  line-height: 20px;
  border-bottom: 1px solid #D8E1E5;
  color:#1462AB;
  font-size:16px;
  position:relative;
}
.form-desc .table-block .block-title:before{
	content:"";
	display:inline-block;
	width:6px;
	height:18px;
	background:#3787E2;
	position:absolute;
	left:0;
	top:16px;
}
.form-desc .table-block table {
  width: 100%;
  margin-top:15px;
  border:1px solid #E8E8E8;
}
.form-desc .table-block table thead tr {
  background: #f9f9f9;
}
.form-desc .table-block table thead tr th{
	padding: 0 15px;
	line-height:40px;
}
.form-desc .table-block table td {
  padding: 0 15px;
  height:50px;
  min-height:50px;
  line-height: 1.6;
  border-bottom: 1px solid #E8E8E8;
}
.form-desc .table-block table .label {
  background: #F6F6F6;
  width: 200px;
  text-align: right;
}
.form-desc .table-block table .value {
  width: calc(50% - 200px);
  word-break: break-all;
}
/* .form-desc .table-block table .value:hover{
	color:#3D95DC;
} */
.desc .top-bar {
  height: 40px;
  background: #3787e2;
  padding: 5px 10px;
  margin-bottom: 20px;
}
.desc .top-bar .title {
  font-size: 16px;
  color: #fff;
  line-height: 30px;
  max-width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.desc .top-bar .tool-btns {
  margin-right: 15px;
}
.desc .top-bar .tool-btns button {
  height: 30px;
  border: none;
  padding: 0 15px;
  margin: 0 5px;
  background: #f0fcff;
  color: #3787e2;
  cursor: pointer;
  transition: all .3s;
}
.desc .top-bar .tool-btns button:hover {
  background: #87B7EE;
  color: #fff;
}
.desc .top-bar .close {
  width: 30px;
  height: 30px;
  background: rgba(255, 255, 255, 0.3);
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 30px;
  border-radius: 40px;
  cursor: pointer;
  transition: all .3s;
}

.desc .top-bar .close .fa:before{
	line-height:30px;
}

.desc .top-bar .close:hover {
  color: #01a5ff;
}
.desc .desc-content {
  padding: 0 50px;
}
.desc .desc-content .tab .tab-header {
  margin-bottom: 20px;
}

.desc .desc-content .tab .tab-header .tab-title{
	height:auto;
	padding-top:10px;
}
.desc .desc-content .tab .tab-header .tab-title li{
	margin:0 10px -1px 10px;
}
.desc .desc-content .tab .tab-header .tab-title li.active{
	background:#fff;
}
.desc .desc-content .tab-content {
  padding-bottom: 50px;
}
.desc.form-desc {
  padding: 0;
}
.form-block.modal-form .block-title {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}
.form-block.modal-form .block-title span {
  display: inline-block;
  padding: 15px;
  border-bottom: 3px solid #01a5ff;
}
.form-block.modal-form .block-content {
  padding: 0 15px;
}
.form-block.modal-form .content-row {
  padding: 10px 15px;
}
.form-block.modal-form .content-row .label,
.form-block.modal-form .content-row .edit-input,
.form-block.modal-form .content-row .tip,
.form-block.modal-form .content-row .other {
  display: inline-block;
  vertical-align: middle;
}
.form-block.modal-form .content-row .required {
  color: red;
}
.form-block.modal-form .content-row .label {
  width: 20% ;
  text-align: right;
}
.form-block.modal-form .content-row .label .required {
  margin-right: 10px;
}
.form-block.modal-form .content-row .edit-input {
  width: 40%;
  margin: 0 30px;
}
.form-block.modal-form .content-row .edit-input input[type="text"],
.form-block.modal-form .content-row .edit-input select {
  width: 100%;
  height: 30px;
  padding: 0 10px;
  border: 1px solid #ddd;
}
.form-block.modal-form .content-row .edit-input textarea {
  width: 100%;
  border: 1px solid #ddd;
}
.form-block.modal-form .content-row .edit-input .special-filed input {
  width: 160px;
}
.form-block.modal-form .content-row .tip {
  width: 20%;
  font-size: 14px;
  color: #999;
  line-height: 1.4;
}
.form-block.modal-form .table-block .block-title {
  margin: 0;
  border-bottom: none;
}
.search .search-bar {
  text-align: center;
  padding: 30px;
}
.search .search-bar .search-input {
  background: #fff;
  height: 36px;
  display: inline-block;
  border: 1px solid #ddd;
}
.search .search-bar .search-input select,
.search .search-bar .search-input input {
  height: 30px;
  border: none;
  vertical-align: middle;
}
.search .search-bar .search-input select {
  margin-left: 10px;
}
.search .search-bar .search-input input {
  border-left: 1px solid #ccc;
  margin-left: 5px;
  width: 350px;
  padding: 0 15px;
}
.search .search-bar .search-input button {
  height: 34px;
  padding: 0 15px;
  background: #01a5ff;
  color: #fff;
  font-size: 16px;
  line-height: 34px;
  border: none;
  cursor: pointer;
  width: 95px;
  transition: .3s all;
}
.search .search-bar .search-input button:hover {
  background: #058dd6;
}
.search .search-content .container {
  min-height: 500px;
}
.search .search-content .tip {
  text-align: center;
  padding: 15px;
}
.search .search-content .tip i {
  color: #ffab3a;
  font-size: 18px;
  margin-right: 10px;
}
.search .search-content .result-list {
  padding: 15px;
}
.search .search-content .result-list li {
  padding: 15px;
  border: 1px solid #eee;
  margin-bottom: 10px;
  cursor: pointer;
}
.search .search-content .result-list li .project-name {
  display: inline-block;
  font-weight: bold;
  line-height: 1.6;
  cursor: pointer;
}
.search .search-content .result-list li .project-name:hover {
  color: #01a5ff;
}
.search .search-content .result-list li .project-info,
.search .search-content .result-list li .create-time {
  color: #666;
}
.search .search-content .load-toolbar {
  text-align: center;
  padding: 15px;
}
.search .search-content .load-toolbar a {
  color: #01a5ff;
  cursor: pointer;
}
.search .search-content .load-toolbar a i {
  margin-left: 10px;
}
.search .search-content .load-toolbar .msg {
  color: #ddd;
}
.fresh-guider .question-menu {
  background: #F2F6F8;
  width: 200px;
}
.fresh-guider .menu-title {
  font-weight: bold;
  font-size: 16px;
}
.fresh-guider .menu-title i {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: #01a5ff;
  line-height: 24px;
  color: #fff;
  margin-right: 10px;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
}
.fresh-guider .js-menu-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fresh-guider .menu-title{
  line-height: 1;
   padding: 30px 0 27px 30px;
   color: #000;
   font-size: 24px;
   font-weight: 400;
   border-bottom: 1px solid #fff;
}
.fresh-guider .menu-list{
	list-style:none;
}
.fresh-guider .menu-list li {
    padding: 10px 15px 10px 30px;
    cursor: pointer;
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: #565656;
}
.fresh-guider .menu-list li.selected,
.fresh-guider .menu-list li:hover {
    background: #D6E5F5;
    color: #3787E2;
}

.fresh-guider .answers {
  width: 1060px;
  margin-left: 20px;
  min-height: 600px;
  background: #fff;
}
.fresh-guider .answers .table-search{
	margin-bottom:10px;
}
.fresh-guider .answers .answers-title {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  padding: 15px 15px 30px 15px;
}
.fresh-guider .answers p {
  text-indent: 15px;
  line-height: 2;
}
.my-project .project-list{
	padding-top:30px;
}
.my-project .warming-tip{
	font-size:13px;
	color:#565656;
	padding: 15px;
    margin-top: 30px;
    border-top: 1px solid #D8E1E5;
}
.my-project .warming-tip i{
	font-size:13px;
	color:#D99D00;
}
.my-project .toolbar .btn-group button {
  background: #3787E2;
  color: #fff;
  height: 36px;
  line-height: 36px;
  border: none;
  padding: 0 16px;
  margin-right: 10px;
  cursor: pointer;
}
.my-project .toolbar .btn-group button i {
  margin-right: 10px;
  font-size: 20px;
  vertical-align: sub;
}
.my-project .toolbar .btn-group button:hover {
  background: #87B7EE;
}
.project-info-file .file {
  height: 25px;
  line-height: 25px;
  position: relative;
  cursor: pointer;
  color: #0000FF;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  display: inline-block;
  font-size: 14px;
}
.project-info-file .add-file {
  background-color: #fff;
  border: none;
  color: #0000FF;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
}
.project-info-file .add-file-msg {
  position: absolute;
  margin-top: 2px;
  font-size: 14px;
  color: #999;
}
.project-info-file .delete-file {
  color: #fc4343;
  height: 16px;
  line-height: 14px;
  padding-left: 20px;
  background: url(../../images/wssb/err_small.png;vpn_img) 0 0 no-repeat;
}
.project-info-file .delete-file:hover {
  cursor: pointer;
}
.shenbao,.dengji {
  background: #fff;
  text-align: center;
}
.shenbao{
	padding: 50px 30px;
}
.dengji{
	padding: 160px 30px;
}
.dengji .dengji-type-list {
  display: inline-block;
}
.dengji .dengji-type {
  width:220px;
  margin: 10px 15px;
  cursor: pointer;
  position: relative;
  transition:all .3s;
}
.dengji .dengji-type:hover{
	box-shadow:0 3px 15px rgba(0,0,0,.3);
}
.dengji .dengji-type-blue{
	border:1px solid #78AADD;
}
.dengji .dengji-type-green{
	border:1px solid #6AD1D6;
}
.dengji .dengji-type-purple{
	border:1px solid #9085E5;
}
.dengji .dengji-type-red{
	border:1px solid #D191CE;
}
.dengji .dengji-type-blue .iconfont{
	color: #78AADD;
}
.dengji .dengji-type-green  .iconfont{
	color: #6AD1D6;
}
.dengji .dengji-type-purple  .iconfont{
	color: #9085E5;
}
.dengji .dengji-type-red  .iconfont{
	color: #D191CE;
}
.dengji .dengji-type .dengji-type-text{
	height:200px;
	padding:20px;
	box-sizing:border-box;
	text-align:left;
	font-size:14px;
	font-weight:400;
	color:#565656;
	line-height:24px;
	position:relative;
}
.dengji .dengji-type .dengji-type-text .iconfont{
	position:absolute;
	bottom:20px;
	right:20px;
	font-size:24px;
}


.shenbao .shenbao-type-list,.shenbao .shenbao-subject-list {
  display: block;
  border:1px solid #E8E8E8;
  width:75%;
  margin: 0 auto;
  padding: 15px 15px 15px 180px;
  position:relative;
}
.shenbao .shenbao-type-list{
	margin-bottom:15px;
}

.shenbao .shenbao-type-list .shenbao-type,.shenbao .shenbao-subject-list .shenbao-type{
	padding:10px 15px;
}
.shenbao .shenbao-type-list .shenbao-type:first-child,.shenbao .shenbao-subject-list .shenbao-type:first-child{
	border-bottom:1px solid #e8e8e8;
}

.shenbao .shenbao-type-list .shenbao-type:last-child,.shenbao .shenbao-subject-list .shenbao-type:last-child{
	border:0;
}

.shenbao .shenbao-type-list .inner, .shenbao .shenbao-subject-list .inner{
	background:#fff;
	cursor:pointer;
	transition:all .3s;
	padding:10px 0;
}

.shenbao .shenbao-type-list .inner:hover,.shenbao .shenbao-subject-list .inner:hover{
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

.shenbao .shenbao-type-list:before{
	content:"按申报方式";
}
.shenbao .shenbao-subject-list:before{
	content:"按专题申报";
}

.shenbao .shenbao-type-list:before,.shenbao .shenbao-subject-list:before{
	display:block;
	background:url(../../images/wssb/apply_type_bg.png;vpn_img) 0 0 no-repeat;
	width:160px;
	height:60px;
	position:absolute;
	left:-10px;
	top:15px;
	font-size:20px;
	line-height:50px;
	text-align:center;
	color:#565656;
}

.shenbao .shenbao-type-list .shenbao-type-text,.shenbao .shenbao-subject-list .shenbao-type-text{
    display: inline-block;
    width: calc(100% - 115px);
    text-align:left;
    padding: 0 15px;
}

.shenbao .shenbao-type-list .type-title,.shenbao .shenbao-subject-list .type-title{
	font-size:22px;
	line-height:1.6;
	margin-bottom:10px;
}

.shenbao .type-title.blue{
	color:#78AADD;
}
.shenbao .type-title.green{
	color:#6AD1D6;
}
.shenbao .type-title.purple{
	color:#9085E5;
}
.shenbao .type-title.red{
	color:#D191CE;
}


.dengji .dengji-type .popover {
  top: -57%;
  left: -30%;
}
.dengji .dengji-type .popover.low {
  top: -47%;
}
.dengji .dengji-type .popover-content {
  line-height: 1.4;
  width: 250px;
  text-align: left;
  color: #666;
}
.dengji .dengji-type img {
  width: 220px;
  height: 220px;
}
.shenbao .shenbao-type img {
  width: 100px;
  height: 100px;
}
.dengji .dengji-type img:hover + .popover {
  display: block;
}
.banjian-search{
	background:#fff;
}
.banjian-search .search-content {
  padding: 15px;
}
.banjian-search .title {
  padding: 10px 15px;
  color: #1462AB;
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
  font-size: 16px;
  position:relative;
}
.banjian-search .banjian-list .title{
	margin-bottom:0;
	background:#F5F9FE;
	padding: 10px 25px;
}
.banjian-search .title:before{
	content:"";
	display:inline-block;
	width:6px;
	height:18px;
	background:#3787E2;
	position:absolute;
	left:0;
	top:12px;
}
.banjian-search .banjian-list .title:before{
	left:10px;
}
/* .banjian-search .title i {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: #01a5ff;
  line-height: 24px;
  color: #fff;
  margin-right: 10px;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
} */
.banjian-search .title + .table thead tr {
  background: #F6F6F6;
  color: #333333;
}
.banjian-search .title + .table thead td {
  border-bottom: 1px solid rgba(255, 255, 255, 1);
}
.banjian-search .title + .table tbody tr{
	border-bottom:1px solid #ddd;
}
.banjian-search .search {
  background: #F5F9FE;
  padding: 15px;
  margin-bottom: 15px;
}
.banjian-search .search .search-row {
  margin-bottom: 10px;
}
.banjian-search .search .search-row span:first-child{
	margin-right:65px;
}
.banjian-search .search .search-row span:last-child{
	margin-right:10px;
}
.banjian-search .search .search-row input {
  height: 34px;
  padding: 0 10px;
  border: 1px solid #ddd;
  width: 300px;
  vertical-align: middle;
  background:#fff;
}
.banjian-search .search .search-row button {
  background: #3787E2;
  color: #fff;
  height: 34px;
  cursor: pointer;
  padding: 0 15px;
  border: none;
  vertical-align: top;
}
.banjian-search .banjian-list{
	border:1px solid #ddd;
}
.banjian-search .search .search-row button i {
  margin-right: 10px;
  font-size: 16px;
}
.banjian-search .search .search-row button:hover {
  background: #0092e1;
}
.banjian-search .search p {
  color: #999;
  font-size: 13px;
}
.banjian-search .load-toolbar {
  text-align: center;
  padding: 15px;
}
.banjian-search .load-toolbar a {
  color: #01a5ff;
  cursor: pointer;
}
.banjian-search .load-toolbar a i {
  margin-left: 10px;
}
.banjian-search .load-toolbar .msg {
  color: #ddd;
}
.banjian-search .registration-content .form-desc{
	padding:0;
}

.download .download-content {
	 padding: 15px;
    margin-bottom: 65px;
}
.download .title {
  padding: 10px 0;
  color: #333;
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
  font-size: 16px;
}
.download .title i {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: #01a5ff;
  line-height: 24px;
  color: #fff;
  margin-right: 10px;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
}
.download .file-list li {
  padding: 10px 15px 15px 25px;
  margin-left: 5px;
  background: url('../../images/wssb/download.png;vpn_img') no-repeat 5px 12px;
}
.download .file-list li a {
  color: #444;
  text-decoration: none;
  cursor: pointer;
}
.download .file-list li a:hover {
  color: #01a5ff;
}
.download-tz-project,
.active-history-project {
  padding: 15px;
  background: #fff;
}
.download-tz-project .search-options .search-form,
.active-history-project .search-options .search-form {
  width: 100%;
}
.download-tz-project .search-options .search-form td,
.active-history-project .search-options .search-form td {
  padding: 10px 15px;
}
.download-tz-project .search-options .search-form .label,
.active-history-project .search-options .search-form .label {
  width: 15%;
}
.download-tz-project .search-options .search-form .input,
.active-history-project .search-options .search-form .input {
  width: 35%;
}
.download-tz-project .search-options .search-form .input input,
.active-history-project .search-options .search-form .input input {
  width: 100%;
}
.download-tz-project .search-options .search-form .input.time input,
.active-history-project .search-options .search-form .input.time input {
  width: 47%;
}
.download-tz-project .table,
.active-history-project .table {
  width: 100%;
}
.unit-info,
.unit-info-edit,
.user-info,
.user-info-edit,
.reset-password {
  padding: 15px 30px;
}
.unit-info .row,
.unit-info-edit .row,
.user-info .row,
.user-info-edit .row,
.reset-password .row {
  padding: 7px;
}
.unit-info .row div,
.unit-info-edit .row div,
.user-info .row div,
.user-info-edit .row div,
.reset-password .row div {
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
}
.unit-info .row .file_name,
.unit-info-edit .row .file_name,
.user-info .row .file_name,
.user-info-edit .row .file_name,
.reset-password .row .file_name,
.unit-info .row .field_name,
.unit-info-edit .row .field_name,
.user-info .row .field_name,
.user-info-edit .row .field_name,
.reset-password .row .field_name {
  text-align: right;
  width: 150px;
}
.unit-info .row .red_point,
.unit-info-edit .row .red_point,
.user-info .row .red_point,
.user-info-edit .row .red_point,
.reset-password .row .red_point {
  color: red;
}
.unit-info .row input[type="text"],
.unit-info-edit .row input[type="text"],
.user-info .row input[type="text"],
.user-info-edit .row input[type="text"],
.reset-password .row input[type="text"],
.unit-info .row select,
.unit-info-edit .row select,
.user-info .row select,
.user-info-edit .row select,
.reset-password .row select {
  width: 200px;
}
.unit-info .row .pass-item-error-msg,
.unit-info-edit .row .pass-item-error-msg,
.user-info .row .pass-item-error-msg,
.user-info-edit .row .pass-item-error-msg,
.reset-password .row .pass-item-error-msg {
  color: #FF5722;
}
.unit-info .row .file_msg,
.unit-info-edit .row .file_msg,
.user-info .row .file_msg,
.user-info-edit .row .file_msg,
.reset-password .row .file_msg {
  color: #999;
}
.unit-info .row.line,
.unit-info-edit .row.line,
.user-info .row.line,
.user-info-edit .row.line,
.reset-password .row.line {
  border-bottom: 1px solid #eee;
}
.unit-info-edit,
.user-info-edit {
  padding: 20px 30px;
}
.unit-info-edit #msgcodetext,
.user-info-edit #msgcodetext {
  width: 90px;
}
.unit-info-edit .msgcode,
.user-info-edit .msgcode,
.unit-info-edit .msgcodeUnUsed,
.user-info-edit .msgcodeUnUsed {
  display: inline-block;
  padding: 0 15px;
  line-height: 28px;
  border: 1px solid #eee;
  margin-left: 10px;
  height: 30px;
  vertical-align: baseline;
}
.unit-info-edit .field_help,
.user-info-edit .field_help {
  color: #999;
}
.unit-info-edit .msgcode,
.user-info-edit .msgcode {
  color: #01a5ff;
  cursor: pointer;
}
.unit-info-edit .error-prompt,
.user-info-edit .error-prompt {
  color: #FF5722;
}
.unit-info-edit .msgcodeUnUsed,
.user-info-edit .msgcodeUnUsed {
  color: #666;
}
.feedback-content .required {
  color: red;
  margin-right: 10px;
}
.feedback-content .left {
  width: 57%;
  padding: 0 15px;
  border-right: 1px dashed #999;
}
.feedback-content .left table {
  width: 100%;
}
.feedback-content .left table .label {
  width: 100px;
  text-align: right;
}
.feedback-content .left table input[type="text"],
.feedback-content .left table textarea {
  width: 300px;
  margin: 10px 0;
  border: 1px solid #ddd;
}
.feedback-content .right {
  padding: 0 15px 0 30px;
  width: 43%;
}
.feedback-content .right .text {
  padding: 5px 0;
}
.feedback-content .right .text span {
  display: inline-block;
  vertical-align: middle;
}
.feedback-content .right .text span:first-child {
  width: 40px;
  color: #ddd;
  font-size: 18px;
  text-align: center;
}
.feedback-content .right .text span:last-child {
  width: 238px;
}
.feedback-content .right .text span:last-child a {
  color: #01a5ff;
  text-decoration: none;
}
.feedback-content .right .text span.big-icon {
  height: 40px;
  background: #00a5ff;
  border-radius: 50px;
  color: #fff;
  font-size: 20px;
}
.feedback-content .right .text span.big-icon i {
  line-height: 40px;
}
.user.modal-content {
  padding: 15px;
}
.user.modal-content .table td {
  word-break: break-all;
}
.user.modal-content .table td:first-child {
  width: 120px;
  text-align: right;
  background:#F6F6F6;
}
.audit-user .table tbody tr {
  cursor: pointer;
}
.project-authorization-list table tbody tr:hover td,
.audit-user .table tbody tr:hover td {
  background: #F5FBFF;
}
.wssb-form table{
	table-layout:auto;
}
.wssb-form .div_body {
  width: 100% !important;
}
.wssb-form .div_body .form_header {
  position: relative;
  background: #3787e2;
  margin: 0;
}
.wssb-form .div_body .form_toolbar {
  position: absolute;
  right: 35px;
  top: 0;
  background: none;
  padding: 5px 0 !important;
}
.wssb-form .div_body .form_toolbar button {
  background: #f0fcff;
  color: #3787e2;
  border-color:#f0fcff;
}
.wssb-form .div_body .form_toolbar button:hover {
  background: #87B7EE;
   border-color:#87B7EE;
  color: #fff;
}
.wssb-form .div_body .form_operate {
  margin: 0;
}
.wssb-form .dyform .nav-tabs{
	background:#E9F4FF;
	padding:10px 10px 0 10px;
	border:none;
}
.wssb-form .dyform .nav-tabs li a:hover,
.wssb-form .dyform .nav-tabs li a:focus,
.wssb-form .dyform .nav-tabs > .active a{
  background: #fff;
  border: none;
  color: #3787e2;
  border-radius:0;
}
.wssb-form .dyform .nav-tabs li a {
  color: #444;
}
.wssb-form .dyform table td.title {
  background: #d6effe;
  color: #444;
}
.wssb-form .dyform table .field td:nth-child(odd){
	width:10%!important;
	min-width:120px;
	max-width:200px;
	background:#f9f9f9;
}
.wssb-form .dyform table .field td:nth-child(2n) {
  background: none;
  width:40%;
  /* width:calc(50% - 200px)!important; */
}
.wssb-form .dyform table td.Label {
  background: #f9f9f9;
  width: 160px;
}
.wssb-form .dyform .ui-widget-header {
  border-bottom: 2px solid #01a5ff;
}
.wssb-form .dyform .ui-state-default th {
  background: #01a5ff;
}
.laws{
	background:#fff;
}
.laws .laws-content {
  padding: 15px;
}
.laws .title {
  padding: 10px 15px;
  color: #1462AB;
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
  font-size: 16px;
  position:relative;
}
.laws .title:before {
 	content:"";
	display:inline-block;
	width:6px;
	height:18px;
	background:#3787E2;
	position:absolute;
	left:0;
	top:12px;
}

.laws .laws-list li {
  padding: 10px;
  float: left;
  margin: 12px 15px;
  text-align: left;
  width: 280px;
  height:50px;
  background: #F5F5F5;
  cursor: pointer;
  line-height: 1.4;
}
.laws .laws-list li a {
  color: #666;
  text-decoration: none;
  line-height: 30px;
  display: block;
  overflow: hidden;/*超出部分隐藏*/
  text-overflow:ellipsis;/* 超出部分显示省略号 */
  white-space: nowrap;/*规定段落中的文本不进行换行 */
}
.laws .laws-list li:hover {
  background: #3787E2;
  border-color: #3787E2;
}
.laws .laws-list li:hover a{
	color:#fff;
}
.audit-user {
  background: #fff;
}
.unit-list table thead tr th,
.user-list table thead tr th,
.feedback-list table thead tr th,
.project-authorization-list  table thead tr th{
	height:40px;
	line-height:40px;
	font-size:14px;
	color:#333;
	background:#F6F6F6;
	text-align:left;
	padding:0 10px;
}
.unit-list  table tbody tr,
.user-list table tbody tr,
.feedback-list table tbody tr,
.project-authorization-list  table tbody tr{
	border-bottom:1px solid  rgba(232,232,232,1);
}
.unit-list table tbody tr td,
.user-list table tbody tr td,
.feedback-list table tbody tr td,
.project-authorization-list  table tbody tr td{
	height:54px;
	background:#fff;
	color:#666;
	font-size:14px;
}
.user-list table tbody tr td button:last-of-type{
	margin-right:0;
}
.audit-user .title,
.my-subUnit .title,
.project-authorization .title {
  padding:0 0 20px 18px;
  color: #1462AB;
  line-height:1;
  font-size: 16px;
  position:relative;
}

.title-bar{
	margin-bottom:30px;
}

.audit-user .title i,
.my-subUnit .title i,
.project-authorization .title i {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: #01a5ff;
  line-height: 24px;
  color: #fff;
  margin-right: 10px;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
}
.audit-user table .btn,
.my-subUnit table .btn,
.project-authorization table .btn {
    padding:6px 21px;
	color:#3787E2;
	border:1px solid #3787E2;
	background:#fff;
	margin-right:10px;
	height:auto;
	line-height:1.4;
	font-size: 14px;
}
.audit-user table .btn:hover,
.my-subUnit table .btn:hover,
.project-authorization table .btn:hover {
  background:#3787E2;
  color:#fff;
}
.forget-password-wrapper{
	background:#fff;
}
.forget-content{
  background: white;
  height: 600px;
  padding: 50px 0;
}
.forget-content .forget-top .forget-top-title {
  padding: 10px 15px;
  color: #1462AB;
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
  font-size: 16px;
  position:relative;
}
.forget-content .forget-top .forget-top-title:before{
    content: "";
    display: inline-block;
    width: 6px;
    height: 18px;
    background: #3787E2;
    position: absolute;
    left: 0;
    top: 12px;
}
.forget-content .forget-top .forget-top-title i {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: #01a5ff;
  line-height: 24px;
  color: #fff;
  margin-right: 10px;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
}
.forget-content .process,
.forget-content .form-content {
  width: 80%;
  margin: 0 auto;
}
.forget-content .step-tag{
	background:#F9F9F9;
}
.forget-content .process li {
  position: relative;
  display: inline-block;
  width: 30%;
  background-color: #e4e8ee;
  line-height: 37px;
  text-align: center;
  color: #999;
  font-size: 15px;
  margin: 10px 4px 10px;
  transition: all .4s;
}
.forget-content .process li.active {
  background-color: #3787E2;
  color: #fff;
}
.forget-content .process li.active:after {
  border-left-color: #3787E2!important;
}
.forget-content .process li.passed {
  background-color: #3787E2;
  color: #fff;
}
.forget-content .process li.passed:after {
  border-left-color: #3787E2 !important;
}
.forget-content .process li:not(:first-child):before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0px;
  transition: all .4s;
  top: 0px;
  z-index: 1000;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 9px solid white;
}
.forget-content .process li:not(:last-child):after {
  content: "";
  display: inline-block;
  position: absolute;
  right: -9px;
  transition: all .4s;
  top: 0px;
  z-index: 1000;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 9px solid #e4e8ee;
}
.forget-content .form-content .table-account {
  width: 100%;
}
.forget-content .form-content .table-account .unit,
.forget-content .form-content .table-account .mode-type-email {
  display: none;
}
.forget-content .form-content .table-account td {
  padding: 15px;
}
.forget-content .form-content .table-account .file_name {
  width: 20%;
  text-align: right;
}
.forget-content .form-content .table-account .file_val {
  width: 50%;
  position:relative;
}
.forget-content .form-content .table-account .file_val .user-type {
  display: inline-block;
  padding: 0 15px;
}
.forget-content .form-content .table-account .file_val input[type='text'],
.forget-content .form-content .table-account .file_val input[type="password"] {
  margin-left: 5px;
  width: 362px;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  border: 1px solid #ccc;
}
.forget-content .form-content .table-account .file_val input[type='text'].pass-item-error-input,
.forget-content .form-content .table-account .file_val input[type="password"].pass-item-error-input {
  border-color: red;
}
.forget-content .form-content .table-account .file_msg {
    position: absolute;
    padding: 5px 10px;
}
.forget-content .form-content .table-account .file_msg.pass-item-error {
  display: none;
  color: red;
}
.forget-content .form-content .table-account .file_msg .pass-item-error-msg {
  color: red;
}
.forget-content .form-content .table-account .code-img {
  display: inline-block;
  vertical-align: top;
}
.forget-content .form-content .table-account .code-img img {
  height: 34px;
}
.forget-content .form-content .table-account .btn {
  vertical-align: baseline;
  height: 34px;
}
.forget-content .form-content .table-account .btn.btn-lg{
	height:42px;
}

.forget-content .form-content .table-account .file_required {
  color: red;
  margin-right: 15px;
}
.forget-content .reset-bottom,
.forget-content .forget-bottom {
  text-align: center;
}
.forget-content .reset-bottom .btn,
.forget-content .forget-bottom .btn {
  padding: 0 25px;
}
.forget-content #sendEmailSuccess {
  display: none;
  margin: auto;
  text-align: center;
  border-top: 1px solid #E4E4E4;
  width: 70%;
  height: 400px;
}
.forget-content span#validationMeg,
.forget-content span#resetMeg {
  display:block;
  padding:10px 15px;
  color: #fc4343;
  font-size: 14px;
}

.forget-content span#validationMeg span{
	font-size: 14px;
}

.index-float-photo{
	float: right;
}
 .index-float-photo-close,.sign-file-photo-close{
	position:absolute;
	top:10px;
	right:5px;
	cursor:pointer;
}
.index-float-photo-content,.sign-file-photo-content{
	position:relative;
}
.index-float-photo-content img,.sign-file-photo-content img{
	width: 110px;
	height: 130px;
}

.index-float-photo-content .index-float-photo-close img,.sign-file-photo .sign-file-photo-content img{
	width: auto;
	height: auto;
}

/*签章*/
.sign-file-photo{
	position:absolute;right:0px;top:455px;z-index:50
}
.sign-file-photo_e{
	top:265px;
}


/* 新手上路 */

.search-tool{
    float: right;
    width: 302px;
    position: relative;
    margin-bottom:10px;
}
.search-tool .fa{
    position: absolute;
    left: 7px;
    top: 7px;
    color: #ddd;
    font-size: 18px;
}
.search-tool input,.search-tool button{
    height: 34px;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    vertical-align: middle;
}
.search-tool input{
    width: 230px;
    border:1px solid  #DDDDDD;
    padding-left: 30px;
    outline: none;
}
.search-tool button{
    margin-left: -5px;
    background: #3787E2;
    border: none;
    width: 70px;
    color: #fff;
    cursor: pointer;
}

.search-tool button:hover{
    background: rgb(9, 146, 219)
}

.table-list{
    width: 100%;
    table-layout: fixed;
}
.table-list tbody tr{
    border-bottom: 1px solid #E8E8E8;
}
.table-list th{
    font-weight: normal;
    background: #F6F6F6;
}

.table-list th,.table-list td{
    padding: 10px 15px;
    text-align: left;
    margin: 0;
    border: none;
}
.my-feedback .header{
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
}
.my-feedback .search-tools{
	padding:10px 15px 0 15px;
	display:none;
}
.my-feedback .search-tools table td:nth-child(odd){
	width:8%;
	text-align:center;
}
.my-feedback .search-tools table td:nth-child(2n){
	width:25%;
}
.my-feedback .search-tools table td select{
	width:100%;
}
.my-feedback .search-tools table td input[type="text"]{
	width:45%;
}
.my-feedback .search-tools table td input[type="radio"]{
	margin-left:15px;
}
.my-feedback  .search{
	padding:10px 0;
}
.my-feedback  .search .arrow{
	width:auto;
	background:none;
	border:none;
	color:#3787E2;
	font-size:14px;
	margin:0 10px;
}

.my-feedback  .search .arrow .iconfont{
	font-size:14px;
	margin-left:5px;
}

.my-feedback .text-left{
	text-align:left;
}
.my-feedback .feedback-list table{
    table-layout: fixed;
}

.my-feedback .feedback-list tr td{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.my-feedback .feedback-list tr:hover{
	background:#F5FBFF;
	cursor:pointer;
}
.feedback-modal .form-desc{
	padding:0;
}
.feedback-modal .title{
	background:#eee;
}

.feedback-modal .label{
	width:150px;
}

.guider-content h3{
	font-size:18px;
	text-align:center;
	padding:30px;
}
.guider-content .container .xszn{
	padding:0 80px;
}

.guider-content p{
	text-align:justify;
	text-indent:30px;
	line-height:1.8;
}
.guider-content .table-list td{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.guider-content .table-list tr:hover{
	background:#dff4ff;
	cursor:pointer;
}

.guider-content .table-list.hover tr:hover{
	background:#fff;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

/*申报事项，材料字段校验*/
.material tr td .field-list{
	margin:-10px -15px;
}
.material tr td .field-list .field-header,.material tr td .field-list .field{
	padding:10px 15px;
	background:#F9F9F9;
	border-bottom:1px solid #ddd;
}
.material tr td .field-list .field-header{
	color:#5C9ECC;
}
.material tr td .field-list .field-header .more{
	cursor:pointer;
}
.material tr td .field-list .field-header .more.open .fa-angle-double-down:before{
	content:"\f102";
}
.material tr td .field-list .more-field{
	display:none;
}
.material .field-list .field .true-btn,.material .field-list .field .false-btn{
	display:inline-block;
	padding:5px 15px;
	border-radius:3px;
	cursor:pointer;
	transition:all .3s;
}
.material .field-list .field input[type="radio"]{
	opacity:0;
}
.material .field-list .field .true-btn{
	border:1px solid #D5EAD2;
	color:#83C877;
}
.material .field-list .field input[type="radio"]:checked+.true-btn,.material .field-list .field .true-btn:hover{
	background:#83C877;
	color:#fff;
}
.material .field-list .field .false-btn{
	border:1px solid #F3D0D0;
	color:#E67070;
}
.material .field-list .field input[type="radio"]:checked+.false-btn,.material .field-list .field .false-btn:hover{
	background:#E67070;
	color:#fff;
}

.material .field-tr{
	display:none;
}

#public-service-sidebar{
	position:fixed;
	right:0;
	top:100px;
	width:483px;
	background:#fff;
	box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.15);
	transition:all .3s;
}

.personal-page .public-service-list .toolbar{
	margin-bottom:0;
}
#public-service-sidebar .titlebar{
	width:483px;
	height:39px;
	background:rgba(246,246,246,1);
	box-shadow:0px 1px 0px 0px rgba(232,232,232,1);
	padding:0 15px;
	line-height:39px;
}
#public-service-sidebar .titlebar .title{
	display: inline-block;
    width: 435px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}

#public-service-sidebar .titlebar .iconfont{
	cursor:pointer;
	color:#999999;
}

#public-service-sidebar .titlebar .iconfont:hover{
	color:#3787E2;
}

#public-service-sidebar .content{
	padding:15px;
	position:relative;
	height:100%;
	width:100%;
	margin:0;
	overflow-y:auto;
}

#public-service-sidebar .stage,#public-service-sidebar .history{
	position:relative;
	padding-bottom:15px;
}


#public-service-sidebar .content:before{
	content:"";
	display:block;
	width:1px;
	height:calc(100% - 40px);
	background:#DDDDDD;
	left:30px;
	position:absolute;
}

#public-service-sidebar .stage>a,#public-service-sidebar .history>a{
	display:block;
	height:30px;
	line-height:30px;
	background:rgba(240,242,246,1);
	border-radius:15px;
	padding-left:35px;
	padding-right:15px;
	position:relative;
}

#public-service-sidebar .stage>a .iconfont ,#public-service-sidebar .history>a .iconfont{
	display:block;
	position:absolute;
	font-size:12px;
	right:15px;
	top:10px;
	cursor:pointer;
}

#public-service-sidebar .stage.open>a .iconfont:before,#public-service-sidebar .history.open>a .iconfont:before{
	content:"\e86c";
}

#public-service-sidebar .stage.current>a{
	background:#3787E2;
	color:#fff;
}

#public-service-sidebar .stage>a:before{
	content:"";
	display:block;
	width:9px;
	height:9px;
	border-radius:50%;
	position:absolute;
	left: 11px;
    top: 11px;
    background:#BBBDCC;
}

#public-service-sidebar .history>a:before{
	content:"";
	display:block;
	width:7px;
	height:7px;
	border-radius:50%;
	position:absolute;
	left: 11px;
    top: 11px;
    border:2px solid #BBBDCC;
}

#public-service-sidebar .stage.current>a:before{
	background:#fff;
}


#public-service-sidebar .stage:first-child>a{
	color:#3787E2;
}
#public-service-sidebar .stage:first-child>a:before{
	background:rgba(55,135,226,1);
}
#public-service-sidebar  .matter-list{
	margin-left:25px;
	background:rgba(251,253,255,1);
	border:1px solid rgba(232,232,232,1);
	box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 0.1);
	padding:10px;
	border-radius: 4px;
	position:relative;
}
#public-service-sidebar  .matter-list:before,#public-service-sidebar  .matter-list:after{
	content: "";
    display: block;
    border-width: 10px;
    width: 0px;
    border-style: solid;
    position: absolute;
}
#public-service-sidebar  .matter-list:after{
	top: -18px;
	border-color: transparent transparent #fff transparent;
}
#public-service-sidebar  .matter-list:before{
	top: -19px;
	border-color: transparent transparent #ddd transparent;
}

#public-service-sidebar  .matter-list .matter>a{
	font-size:14px;
	font-weight:bold;
	color:rgba(51,51,51,1);
	height:35px;
	line-height:35px;
	position:relative;
	display:block;
}
#public-service-sidebar  .matter-list .matter>a span,#public-service-sidebar  .matter-list .banjian>a>span{
	display: inline-block;
    width: 285px;
    line-height:30px;
    height:30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#public-service-sidebar  .matter-list button{
	float:right;
	cursor: pointer;
	display:none;
}

#public-service-sidebar  .matter-list a{
	display:block;
}

#public-service-sidebar  .matter-list a:hover>span{
	color:#3787E2;
}

#public-service-sidebar  .matter-list a:hover>button{
	display:inline-block;
}

#public-service-sidebar  .matter-list .matter>a:before{
	content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    left: -11px;
    top: 15px;
    background: #999999;
}
#public-service-sidebar  .matter-list .matter{
	padding:5px 10px;
}
#public-service-sidebar  .matter-list .matter:not(:last-child){
	border-bottom:1px solid #E8E8E8;
}
.correct-modal{
	padding:15px 30px;
}

.correct-modal input[type='radio'],.correct-modal label{
	vertical-align: middle;
}

.correct-modal input[type='radio']{
	margin-right:10px;
}
.correct-modal label{
	display: inline-block;
    width: 93%;
	overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.correct-modal>div{
	padding:10px;
}
/*市政项目列表添加弹窗样式*/
.add-projects{
	padding:15px;
}

.add-projects .view_keyword_div{
	float:right;
	position:relative;
}
.add-projects  .view_tool2{
	margin-bottom:10px;
}
.add-projects  .view_tool2:after{
	 content:"";
   display: block;
   clear:both;
}

.add-projects .view_keyword_div input,.add-projects .view_keyword_div button{
	height:30px;
	vertical-align: middle;
}

.add-projects .view_keyword_div button{
	background: #3787E2;
    border: none;
    color:#fff;
    padding:0 15px;
}
.add-projects .clearText{
	background: url("../../../theme/images/v1_icon2.png;vpn_img") no-repeat scroll -312px 0 transparent;
	cursor: pointer;
	height: 20px;
	position: absolute;
	right: 60px;
    top: 9px;
	width: 20px;
}
.add-projects .matter a{
	width:150px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.select2-container--default .select2-selection--single.border-color-red{
	border-color:red !important;
}

/* 多行文本字数提示 */
.built-text-total-num {
    position: absolute;
    left: 75%;
    bottom: -20px;
    color: #999;
    font-size: 14px;
}