@charset "utf-8";
/* CSS Document */
body{
	margin: 0;
	padding: 0; 
	list-style: none; 
	min-width: 1100px; 
	font-size: 13px;
	font-family: Microsoft YaHei;
	color: #666; 
	line-height: 158%;
	position: relative;
	background-image: url(../img/layout/bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #f7f7f7;
	}
div,span,p,ul,li,dl,dt,dd,a,h1,h2,h3,h4,h5,h6,img{ margin:0; padding:0; list-style:none; line-height:158%; border:0;}
a{ color:#666; text-decoration:none; }
a:focus{outline:none;}
a:hover, a:focus{ color:#247fd8; text-decoration: none;}
dl dd{line-height: inherit;}
input,textarea,.selectbox { 
	border: 1px solid #e8e8e8;
	-webkit-transition: all .3s ease 0s;
	   -moz-transition: all .3s ease 0s;
	     -o-transition: all .3s ease 0s;
			transition: all .3s ease 0s;
	outline:none;
}
input:focus,
textarea:focus {border: 1px solid #247fd8;}
.indent{ text-indent: 2em}
.font-orange { color: #ff7200;}
.font-green { color: #6ca110;}
.font-gray { color: #999;}
.font-red { color: #e5433b;}
.bluefont,
.font-blue { color: #247fd8;}
.font-deepred { color: #e25d60;}
.font-darkyellow { color: #e3a862;}
.font-cyan { color: #44b49e;}
.typebtn {
	color: #fff;
	border-radius: 3px;
	display: inline-block;
	}
.redbtn { background-color: #e5433b;}
.aquabtn { background-color: #afc797;}
.bluebtn { background-color: #2492d8;}
.graybtn { background-color: #acacac;}
.greenbtn { background-color: #67bf4c;}
.orangebtn { background-color: #fbac83;}
.yellowbtn { background-color: #f0ad4e;}
.indigobtn { background-color: #6194b8;}
.greybluebtn { background-color: #95b1c9;}
.atrovirensbtn { background-color: #2db2ad;}
/* Normal */
/*登录*/
#loginwrapper {
	min-height: 500px;
	background-color: #fff;
}
#loginHeader,
.banner {
	width: 1100px;
	margin: 0 auto;
	position: relative;
}
#loginBanner { background-color: #5c8ed9;}
.logo1 {
	height: 75px;
	background-image: url(../img/layout/logo1.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.platform {
	width: 310px;
	top: 65px;
	right: 0;
}
.platformtit {
	width: 310px;
	height: 50px;
	background-image: url(../img/layout/platform.png);
	background-position: center;
	background-repeat: no-repeat;
}
.login-box {
	width: 310px;
	height: 280px;
	border: 5px solid #5386d3;
	border-radius: 5px;
}
.loginform {
	width: 300px;
	height: 270px;
	padding: 0 20px;
	background-color: #fff;
	border-radius: 3px;
}
.login-title {
	line-height: 60px;
	font-size: 16px;
	font-weight: bold;
}
.loginform .form-group {
	margin-bottom: 20px;
}
.loginform .iconfont {
	top: 0;
	right: 8px;
	color: #999;
	font-size: 14px;
	line-height: 34px;
}
.loginform .font-blue { color: #2d66ba;}
.loginform .form-control {
	border-radius: 5px;
}
.submitbtn.btn-primary {
	background-color: #1453b0;
    border-color: #1453b0;
}
/*专利概况*/
.overviewbox .tit {
	height: 37px;
	line-height: 30px;
	font-weight: bold;
	font-size: 18px;
	}
.overviewbox .tit .morebtn {
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	font-weight: normal;
	}
.overviewbox .tit .iconfont {
	color: #999;
	font-weight: normal;
	}
.overviewbox .subtitle {
	height: 40px;
	line-height: 40px;
	color: #333;
	background-color: #ebebeb;
	}
.overviewbox .subtitle b { font-size: 18px;line-height: 35px;}
.overviewbox .main {
	padding: 5px 15px;
	}
.table-overvie td {
	padding: 12px 10px;
	line-height: 20px;
	background-image: url(../img/layout/dotted.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	}
.table-overvie .typebtn {
	padding: 0 10px;
	line-height: 20px;
	}
/*添加专利*/
.tips .redbtn {
	height: 15px;
	padding: 0 5px;
	line-height: 15px;
	font-size: 12px;
	}
.tips {
	line-height: 15px;
	}
.addtab p { line-height: 30px;}
.addtab:before {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #f4f4f4;
	z-index: 1;
	}	
.addtab li {
	position: relative;
	float: left;
	height: 33px;
	margin-right: 25px;
	z-index: 2;
	}
.addtab li a {
	display: block;
	height: 33px;
	padding: 0 10px;
	font-size: 14px;
	line-height: 30px;
	}
.addtab li.active a {
	color: #247fd8;
	font-weight: bold;
	border-bottom: 3px solid #247fd8;
	}
.srhbox .tit {
	height: 37px;
	line-height: 37px;
	color: #333;
	}
.form-group .Wdate {
	background-color: #fff;
    background-image: url(../img/layout/datePicker.png);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
	}
.form-control,
.form-group .Wdate {
	font-size:  13px;
	border-radius: 0;
	border-color: #e8e8e8;
	}
.form-control:focus,
.form-group .Wdate:focus { border-color: #1453b0; box-shadow:none;}
.srhbox .btn-primary {
	width: 72px;
	height: 37px;
	}
.btn-primary {
	background-color: #2782d9;
	border-color: #1a70c3;
	}
.btn-primary:hover,
.btn-primary:focus {background-color: #1a70c3;}
.btn-success {
	background-color: #33b793;
	border-color: #1aa37e;
	}
.btn-success:hover,
.btn-success:focus {background-color: #1aa37e;}
.btn-purple {
	color: #fff;
	background-color: #f2527b;
	border-color: #ce2953;
	}
.btn-purple:hover,
.btn-purple:focus {color: #fff;background-color: #ce2953;}
.btn-atrovirensbtn{
	color: #fff;
	background-color: #339db7;
	border-color: #2289a2;
	}
.btn-atrovirensbtn:hover,
.btn-atrovirensbtn:focus {color: #fff;background-color: #2289a2;}
.btn-greybluebtn {
	color: #fff;
	background-color: #7ca2c5;
	border-color: #4f7ea9;
	}
.btn-greybluebtn:hover,
.btn-greybluebtn:focus {color: #fff;background-color: #4f7ea9;}
.srhbox .icon-search  { 
	left: 10px;
	top: 8px;
	font-size: 17px;
	color: #d2d2d2;
	}
.applicant .srhbox .tit { width: 125px;}
.applicant .srhbox .form-group {padding-right: 85px;}
.applicant .srhbox .form-control {
	height: 37px;
	line-height: 23px;
	padding-left: 35px;
	}
.applicant .srhbox .btn-primary {
	right: 0;
	top: 0;
}
.applicant .table .title {
	display: block;
	overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease 0s;
    white-space: nowrap;
	}
.number .srhbox .tit { width: 60px;}
.number .srhbox .form-group { padding-right: 85px;}
.number .srhbox .form-control {
	height: 110px;
	line-height: 25px;
	padding: 5px 10px;
	resize: none;
	}
.number .srhbox .btn-primary {
	right: 0;
	top: 0;
}
.checkbox + .checkbox, .radio + .radio {margin-top: 0;}	
.checkbox, .radio { margin: 0;}
.checkbox label, .radio label {min-height: auto;}
/*.table .checkbox,
.table .radio { max-height: 24px;}*/
.checkboxs .checkbox,
.checkboxs .radio {
	float: left;
	margin: 0 10px;
	}
	
.btn-sm {padding: 2px 10px;}
.tablehead { min-height: 40px; overflow: hidden;}
.tablehead p {
	height: 35px;
	line-height: 35px;
	}
.tablehead .btn {
	height: 30px;
	font-size: 12px;
	padding: 4px 8px;
	margin-left: 4px;
	}
.tablehead h1 { font-size: 24px;line-height: 40px;}
.patentName,
.proposers,
.inventors {
	max-height: 60px;
	overflow: hidden;
	}
.patentName a,
.proposers a,
.inventors a {
	line-height: 20px;
	}
.table .typebtn {
	padding: 0 8px;
	}
.table .toolbtn .typebtn {
	line-height: 26px;
    min-width: 70px;
    padding: 0 10px;
}
.table .typebtn-sm {
	height: 16px;
	line-height: 16px;
	padding: 0 4px;
	}
.operation {margin: 0 -4px;}
.operation a {
	margin: 0 4px;
}
.operation  .btn-sm {
	height: auto;
    line-height: 18px;
    width: auto;
}
.patenttype h1,
.patenttype p {
	display: block;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.patenttype h1 { 
	margin-bottom: 5px;
	}
.two-line span {display:  block;;}
/*专利库*/
.group { 
	padding:  10px 0; 
	overflow: hidden;
	border-bottom: 1px solid #e8e8e8;
}
.group .tit {
	position: relative;
	width: 80px; 
	min-height: 30px; 
	line-height: 30px;
	color: #333;
	}
.group .tit span {
	width: 100%;
	display: block;
	line-height:15px;
	text-align: center;;
}
.group .form-control,
.group .Wdate {
	height: 30px;
	padding: 4px 10px;
}
.groups .group .form-group { margin: 0;}
.groups .group .col-sm-4 .form-control,
.groups .group .col-sm-4 .selectbox { width: 100%;}
.groups .group .keyword { padding-right: 80px;}
.groups .group .keyword .btn-primary {
	right: 0;
	top: 0;
}
.groups .group .WdateBox { float: left; width: 45%;}
.groups .group .division {
    float: left;
    text-align: center;
    width: 10%;
    line-height: 30px;
}
.btn-sm {
	width: 70px;
	height: 30px;
	line-height: 24px;
}
.toolbtn .btn-sm:hover {
	background-color: #2782d9;
	color: #fff;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	     	transition: all 0.3s ease 0s;
}
.items { margin: -5px 0;}
.items .item li { float: left;}
.items .allitem,
.items .item a {
	display:  inline-block;;
	height: 30px;
	padding: 0 10px;
	 margin: 5px 10px 5px 0;
	line-height:  28px;
	border: 1px dashed #fff;
	background-position:  right center;
	background-repeat: no-repeat;

}
.items .allitem:hover,
.items .item a:hover {
	color:#e5433b;
	border-color:#e5433b;
}
.items .allitem.checked,
.items .item li.checked a {
	padding: 0 20px 0 10px;
	color:#e5433b;
	border-color:#e5433b;
	background-image: url(../img/layout/icon-delelt.png);
}
.items .allitem.checked:hover,
.items .item li.checked a:hover {
	border-style: solid;
}
.form-horizontal .items .checkbox, 
.form-horizontal .items .checkbox-inline, 
.form-horizontal .items .radio, 
.form-horizontal .items .radio-inline {
	padding-top: 5px;
}
.halfbox { width: 50%;}
.groups .group .halfbox .selectbox {width: 100%;}
.shortbox.fl { margin-right: 18px;}
.shortbox .tit { width: auto; padding-right:5px;}

/**/
.tablehead .listinfo p,
.tablehead .listinfo b {
	height: 27px;
	line-height: 27px;
	
}
.tablehead .listinfo b { font-size: 16px;}
.listinfobox .operation { padding-top: 12px;}
/*监控设置提醒*/
.remind { margin-top: 30px;}
.remind .tit {
	width: 80px;
	line-height: 30px
;}
.switch {
	display: inline-block;
}
.switch li,
.switch li a {
	width: 54px;
	height: 30px;
	line-height: 28px;
	font-size:  14px;
	text-align: center;
	display: block;
	-webkit-transition: all .3s ease-in-out 0s;
	   -moz-transition: all .3s ease-in-out 0s;
	     -o-transition: all .3s ease-in-out 0s;
			transition: all .3s ease-in-out 0s;
}
.switch li {
	float: left;
	background-color: #fff;
	border: 1px solid #3d9bdd;
	border-left: 0;
	border-radius: 0 5px 5px 0;
	background-image: url(../img/layout/bluebg.png);
	background-position: -55px 0;
	background-repeat: no-repeat;
}
.switch li.first {
	
	border-left: 1px solid #3d9bdd;
	border-radius: 5px 0 0 5px;
	background-position: 55px 0;
	}
.switch li.checked {
	background-position: 0 0;
}
.switch li.checked a { color:  #fff;}
.emailbox .email {
	display:  inline-block;
	line-height: 30px;
	margin-right: 30px;
}
.emailbox a {
	display:  inline-block;
	line-height: 30px;
}
.changemail .email,
.changemail .change,
.change-email { display: none;}
.changemail .change-email {
	display: block;
}
.change-email .inputemail {
	width: 300px;
	height: 30px;
	margin-right: 15px;
}
.change-email a {margin-right: 15px;}

/*竞争对手监控*/
.competitors { margin: -5px 0;}
.competitors li {
	float: left;
	width: 50%;
}
.competitors li a {
	display: block;;
	height: 30px;
	margin: 5px 10px 5px 0;
	padding: 0 25px 0 10px;
	color:#e5433b;
	border: 1px dashed #e5433b;
	background-image: url(../img/layout/icon-delelt.png);
	background-position:  right center;
	background-repeat: no-repeat;
	-webkit-transition: all .3s ease 0s;
	   -moz-transition: all .3s ease 0s;
	     -o-transition: all .3s ease 0s;
			transition: all .3s ease 0s;
}
.competitors li a,
.competitors li a h1,
.competitors li a span {
	line-height:  28px;
}
.competitors li a:hover {
	border-style: solid;
}
.competitors li a h1 {
	max-width: 220px;
	display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pagination-box { height: 30px;}
.pagination > li > a, .pagination > li > span {
	line-height: 16px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    color: #fff;
    background-color: #2492d8;
    border-color: #2492d8;
 }
 .pagination {
	margin:0 auto;
 }
.matterList .checkbox, .matterList .radio {
	padding-left: 20px;
}
.matterList span.help-block {
    margin: 0;
}
.matterList label.radio ~ span.help-block,
.matterList label.checkbox ~ span.help-block {
	margin-left:10px;
}
.matterList > li {
	width: 100%;
	line-height: 21px;
	display: block;
	clear: both;
	}
.matterList > li:after{content:'.';display:block;height:0;clear:both;visibility:hidden}
.matterList > li.form-btns {
	background-image: none;
	}
.matterList > li.form-btns .controls {
	width: 100%;
	display: block;
	text-align: center;
	}
.matterList .form-group .cb li {
    overflow: hidden;
    padding-top: 15px;
}
.matterList a,
.matterList .btn-sm,
.matterList .form-group span{
	float: left;
	line-height: 21px;
	}

.matterList a, .matterList .btn-sm, .matterList .form-group span, .matterList .form-group .controls {
    float: left;
    line-height: 21px;
}

.matterList .form-group .controls .checkbox input[type=text]{
	line-height:28px;
	padding-left:5px;
}
.matterList .btn-sm {
	width: 45px;
	height: 21px;
	padding: 0;
	text-align: center;
	line-height: 19px;
	border: 1px solid #ccc;
	background-color: #fff;
	margin-left: 20px;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	     	transition: all 0.3s ease 0s;
	}
.matterList .btn-sm:hover {
	border: 1px solid #2782d9;
	background-color: #2782d9;
	color: #fff;
	}
.matterList .form-group .cb { 
	clear:both; display: block;
	}
.matterList .form-group .cb li { 
	overflow: hidden;
	/* padding-top: 15px; */
	}
.matterList .form-group .cb li .textarea {
	width: 100%;
	padding: 5px;
	resize: none;
	}
.matterList li.form-btns .btn-primary {
	width: 95px;
	margin: 0 7px;
	background-color: #358ec9;
	border-color: #358ec9;
	}
.matterList li.form-btns .btn-primary:hover {
	background-color: #4a9acf;
	border-color: #4a9acf;
	}
.matterList .form-group .controls .fa-calendar {
	top: 3px;
	left: 202px;
	}
/* 新添加的商标模块  2017.2.23 */
.outlinelist li{
	width: 100%;
	padding: 10px 10px 10px 127px;
	border: 1px solid #E8E8E8;
	position: relative;
}
.outlinelist li + li{
	margin-top: 10px;
}
.outlinelist li:hover{
	border-color: #247FD8;
}
.outlinelist li .img{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 102px;
	height: 102px;
}
.outlinelist li .img img{
	width: 102px;
	height: 102px;
}
.outlinelist li .text p{
	line-height: 25px;
}
.outlinelist li .text a{
	cursor: pointer;
}
.outlinelist li .text a:hover{
	text-decoration: underline;
}
.outlinelist li .text a span{
	padding-right: 20px;
}
.outlinelist li .text .typebtn{
	color: #FFF;
	padding: 5px;
	float: right;
	border-radius: 0;
}
.outlinelist li .text .service a{
	margin-right: 10px;
}
.outlinelist li .text .service i{
	width: 17px;
	height: 17px;
	display: inline-block;
	float: left;
	margin-right: 5px;
	background: url(../img/trademarkbg.png);
	margin-top: 4px;
}

.tablehead h2.listtit{
	line-height: 40px;
	font-size: 14px;
}
.detaillayout{}
.detaillayout .tdtit{
	text-align: right;
}
.detaillayout .trademark-pic,
.detaillayout .tdlist{
	padding-left: 45px;
	position: relative;
}
.detaillayout .trademark-pic img{
	width: 100%;
}
.detaillayout .vertical-tit {
	display: block;
	width: 20px;
	position: absolute;
	left: 15px;
}
.detaillayout .trademark-pic .vertical-tit{
	top: 50%;
	margin-top: -40px;
}
.detaillayout .tdlist .vertical-tit{
	top: 50%;
	margin-top: -70px;
}
.detaillayout .tdlist ul{
	width: 100%;
	padding-left: 20px;
}
.detaillayout .tdlist .pl0{
	padding-left: 0;
}
.detaillayout .tdlist.pl10{
	padding-left: 10px;
}
.detaillayout .tdlist li{
	line-height: 30px;
}
.detaillayout .tdlist span{
	margin-right: 20px;
}
.detaillayout .link{
	text-decoration: underline;
	color: #247fd8;
}
.detaillayout .typeBox{
	float: right;
	position: absolute;
	right: 0;
	top: -1px;
	line-height: 41px;
	text-align: center;
	width: 100px;
	border-left: 1px solid #ECECEC;
}
.outlinelist li .text a.font-blue span.fb {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 350px;
    vertical-align: text-bottom;
    line-height: 25px;
    float: left;
    padding-right: 25px;
}
.outlinelist li .text a.font-blue:hover span.fb{
	text-decoration: underline;
}

.trademark-li  .btn-sm {
	height: auto;
    line-height: 14px;
    width: auto;
}

/* 新添加的商标模块  end*/	

.section.bg-black {
	padding: 10px 0;
	background-color: #23282d;
}
.copyrightBox p {
	height: 30px;
	display: inline-block;
	line-height: 30px;
	font-size: 12px;
	color: #fff;
	padding: 0 20px;
}

/* 错误提示 */
span.error, label.error {
    background-color: #fc6363;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    padding: 2px 5px;
    position: absolute;
    right: 0;
    bottom: 6px;
}
.form-control.error{border-color: red;}
#summaryStyle{
	width: 100%;
	height: auto;
    min-height: 70px;
}