/*
@font-face
{
    font-family: myFirstFont;
    src: url('../font/鍐潚榛戜綋绠�浣撲腑鏂嘩3.otf')
}*/
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, 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: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: '寰蒋闆呴粦';
}
input, textarea { border: 0; outline: 0; -webkit-appearance: none; margin: 0; padding: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body { line-height: 1 ;}
input::-webkit-input-placeholder{ color:#cccccc;}
input:-moz-placeholder{ color:#cccccc;}
input::-moz-placeholder{ color:#cccccc;}
input:-ms-input-placeholder{ color:#cccccc;}
ol, ul, li { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
table { border-collapse: collapse; border-spacing: 0 }
body, html { height: 100%; -moz-user-select: none; -khtml-user-select: none; user-select: none; -webkit-user-select: none }
* { -webkit-tap-highlight-color: rgba(255,255,255,0) }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
select, input { vertical-align: middle }
.spacer { clear: both; font-size: 0; height: 0 }
.fr { float: right;}
.fl { float: left;}
.f333 { color:#333;}
.f666 { color:#666;}
.f999 { color:#999;}
a { color: #39639f; text-decoration: none;}
a:hover { color: #39639f; text-decoration: none;}
.clear { clear:both;}
.grey_bg { background: #f5f5f5;}
.top_clear { height: 3.571rem;}
.bottom_clear {
    width: 100%;
    height: 3.5rem;
}
/*妯℃嫙澶嶉�夋 寮�濮�*/
.checkbox {
    width: 1.167rem;
    height: 1.167rem;
    display: block;
    float: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background:url("../images/checked_fx02.png") no-repeat;
    background-size: 100%;
    margin-top: 4px;
}
.checkbox-con .cur {
    border:none;
    width: 1.167rem;
    height: 1.167rem;
    background:url("../images/checked_fx01.png") no-repeat;
    background-size: 100%;
}
.checkbox-con span.check_fx {
    display: inline-block;
    position: relative;
    padding-left: 1.583rem;
}
.checkbox-con .ipt-hide {
    position: absolute;
    width: 0;
    height: 0;
    border: none;
    left: 0;
}
/*妯℃嫙澶嶉�夋 缁撴潫*/

.top {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;
}
.top_mn {
   height: 3.571rem;
    background: -moz-linear-gradient(left, #1E5CB3, #2882D8);
    background: -o-linear-gradient(left,#1E5CB3, #2882D8);
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#1E5CB3), to(#2882D8));
    overflow: hidden;
}
.top_mn h1 {
    width: calc(100% - 6.393rem);
    height:3.571rem;
    font-size: 1.429rem;
    /*font-family: myFirstFont;*/
    line-height: 3.571rem;
    color: #fff;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    float: left;
}
.rtn_icon,
.rtn_icon:active { 
    width: 3.571rem;
    height: 3.571rem;
    background: url("../images/return.png") no-repeat;
    display: inline-block;
    float: left;
    background-size: 6.333rem 3.571rem;
    -o-background-size: 6.333rem 3.571rem;
    -webkit-background-size: 6.333rem 3.571rem;
    -moz-background-size: 6.333rem 3.571rem;
    cursor: pointer;
}
.header_title_button{
	    float: right;
    color: #FFFFFF;
    margin-top: 1rem;
    margin-right: 1rem;
}
.header_title_button img{
	    width: 1.5rem;
    height: 1.5rem;
}
.rtn_icon { background-position: 0 0;}
.rtn_icon:active { background-position: -3.167rem 0;}
.delete_icon {
    width: 3.167rem;
    height: 3.167rem;
    display: inline-block;
    float: left;
    background: url("../images/icon-delete_n.png") no-repeat;
    background-size: 100%;
    -o-background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
}
.delete_icon:active {
    background: url("../images/icon-delete_h.png") no-repeat;
    background-size: 100%;
    -o-background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
}
.top_search_box {
    margin: 0.625rem 0.833rem;
    padding: 0 0.417rem;
    height: 2.0rem;
    border-radius: 0.25rem;
    background: #fff;
    overflow: hidden;
    font-size: 0.833rem;
    color: #ccc;
    display: flex;
    justify-content: space-between;
}
.top_search_input {
    width: calc(100% - 2.333rem);
    font-family: myFirstFont;
    font-size: 1.0rem;
}
.top_search_btn {
    margin-top: 0.25rem;
    width: 1.5rem;
    height: 1.5rem;
    background: url(../images/icon-search.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}
.index-title {
/* 	margin-top:1.425rem; */
    height: 3.667rem;
    background: -moz-linear-gradient(left, #1e5cb3, #2882d8);
    background: -o-linear-gradient(left,#1e5cb3, #2882d8);
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#1e5cb3), to(#2882d8));
}
.index-title h1 {
    width: 100%;
    height: 3.667rem;
    font-size: 1.417rem;
    line-height: 3.667rem;
    text-align: center;
    color: #fff;
}

.classification-box {
    margin: 0.5rem 0 0 0.833rem;
}
.agricultural-type { background: #9ac341;}
.economic-type { background: #fb565a;}
.medical-type { background: #6487e5;}
.information-type { background: #2882d8;}
.engineering-type { background: #f4ae1e;}





.information-type1 { background: #9ac341;}
.information-type2 { background: #fb565a;}
.information-type3 { background: #6487e5;}
.information-type4 { background: #2882d8;}
.information-type5 { background: #f4ae1e;}
.information-type6 { background: #2882d8;}
.information-type7 { background: #9ac341;}
.information-type8 { background: #f4ae1e;}
.information-type9 { background: #2882d8;}
.information-type10 { background: #9ac341;}
.classification-title-box {
    background: #f5f5f5;
    position: absolute;
    z-index: 10;
    width: 9.042rem;
    height: 11.667rem;
}
.classification-title {
    width: 8.542rem;
    height: 11.667rem;
    display: inline-block;
    border-radius: 0.125rem;
    text-align: center;
}
.classification-title p {
    margin-top: 0.417rem;
    color: #fff;
    text-align: center;
    font-size: 1.25rem;
}
.icon-index-information1,
.icon-index-information2,
.icon-index-information3,
.icon-index-information4,
.icon-index-information5,
.icon-index-information6,
.icon-index-information7,
.icon-index-information8,
.icon-index-information9,
.icon-index-information10 {
    width: 2.667rem;
    height: 2.667rem;
    display: inline-block;
    margin-top: 3.333rem;
}
.icon-index-information1 {
    background: url(../images/icon-index-agricultural.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}
.icon-index-information2 {
    background: url(../images/icon-index-economic.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}
.icon-index-information3 {
    background: url(../images/icon-index-medical.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}
.icon-index-information4 {
     background: url(../images/icon-index-information.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}
.icon-index-information5 {
    background: url(../images/icon-index-engineering.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}
/* .icon-index-information6 { */
/*     background: url(../images/icon-index-information.png) no-repeat; */
/*     background-size: 100%; */
/*     -webkit-background-size: 100%; */
/*     -moz-background-size: 100%; */
/*     -o-background-size: 100%; */
/* } */
/* .icon-index-information7 { */
/*     background: url(../images/icon-index-agricultural.png) no-repeat; */
/*     background-size: 100%; */
/*     -webkit-background-size: 100%; */
/*     -moz-background-size: 100%; */
/*     -o-background-size: 100%; */
/* } */
/* .icon-index-information8 { */
/*     background: url(../images/icon-index-engineering.png) no-repeat; */
/*     background-size: 100%; */
/*     -webkit-background-size: 100%; */
/*     -moz-background-size: 100%; */
/*     -o-background-size: 100%; */
/* } */
/* .icon-index-information9 { */
/*     background: url(../images/icon-index-information.png) no-repeat; */
/*     background-size: 100%; */
/*     -webkit-background-size: 100%; */
/*     -moz-background-size: 100%; */
/*     -o-background-size: 100%; */
/* } */
/* .icon-index-information10 { */
/*     background: url(../images/icon-index-agricultural.png) no-repeat; */
/*     background-size: 100%; */
/*     -webkit-background-size: 100%; */
/*     -moz-background-size: 100%; */
/*     -o-background-size: 100%; */
/* } */

/* page_guide_slider */
.page_guide_slider {
    width:100%;
    overflow-x:auto;
    overflow-y: hidden;
}
.page_guide_container {
    width:100%;
    cursor:e-resize;
}
.page_guide_items {
    width:500%;
    padding-left: 8.625rem;
    height: 11.667rem;
}
.page_guide_item {
    padding: 0.417rem;
    width: 10.0rem;
    height: 10.75rem;
    float:left;
    border-radius: 0.125rem;
    margin-left: 0.417rem;
    border: 1px solid #ddd;
    background: #fff;
}
.page_guide_item_text {
    width:100%;
}
.page_guide_item_title {
    height:1.3em;
    color:red;
    padding:.5em 0;
    border-bottom:1px solid #dedede;
    max-width:100%;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.page_guide_item_intr {
    font-size:.8em;
    line-height:1.5em;
    margin:.5em 0;
    height:6em;
}
.page_guide_item_image {
    float:left;
}


.classification-lt {
    position: relative;
    /* width: 10rem;
    height: 11.583rem; */
    background: #fff;
}
.classification-lt img {
    width: 100%;
    height: 5.417rem;
}
.classification-shelter {
    background: #fff;
}
.classification-shelter h2 {
    font-size: 1.0rem;
    font-weight: bold;
    line-height: 1.333rem;
    color: #333;
}
.classification-shelter p.p1 {
    margin-top: 0.417rem;
    font-size: 1rem;
    color: #666;
}
.classification-shelter p.p1 i {
    margin-left: 0.417rem;
}
.classification-shelter p.p2 {
    margin-top: 0.417rem;
    font-size: 0.667rem;
    color: #999;
}
.classification-shelter p.p2 span {
    margin-left: 0.208rem;
    font-size: 0.75rem;
}
.star-level {
    height: 0.833rem;
    display: inline-block;
    background: url(../images/star-level.png) no-repeat;
    background-size: auto 100%;
}
.star-level-one {
    width: 0.833rem;
}
.star-level-two {
    width: 1.875rem;
}
.star-level-three {
    width: 2.875rem;
}
.star-level-four {
    width: 3.833rem;
}
.star-level-five {
    width: 4.792rem;
}

.toolbar {
    width: 100%;
    position: fixed;
    z-index: 10000;
    bottom: 0;
    height: 3.417rem;
    background: #fff;
    border-top: 1px solid #ddd;
    font-size: 0.833rem;
}
.toolbar ul li {
    width: 33.333%;
    height: 3.417rem;
    float: left;
    text-align: center;
}
.toolbar ul li a {
    width: 100%;
    height: 3.417rem;
    display: inline-block;
}
.toolbar ul li i {
    margin-top: 0.167rem;
}
.toolbar ul li a span {
    width: 100%;
    display: inline-block;
    color: #666;
}
.toolbar ul li.cur a span,
.toolbar ul li:active a span {
    color: #1077d5;
}
.toolbar ul li.cur .icon-toolbar-search,
.toolbar ul li:active .icon-toolbar-search {
    background: url(../images/icon-toolbar-search_h.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}
.toolbar ul li.cur .icon-toolbar-recommended,
.toolbar ul li:active .icon-toolbar-recommended {
    background: url(../images/icon-toolbar-recommended_h.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}
.toolbar ul li.cur .icon-toolbar-mine,
.toolbar ul li:active .icon-toolbar-mine {
    background: url(../images/icon-toolbar-mine_h.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}
.icon-toolbar-search,
.icon-toolbar-recommended,
.icon-toolbar-mine {
    width: 2.0rem;
    height: 2.0rem;
    display: inline-block;
}
.icon-toolbar-search {
    background: url(../images/icon-toolbar-search_n.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}
.icon-toolbar-recommended {
    background: url(../images/icon-toolbar-recommended_n.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}
.icon-toolbar-mine {
    background: url(../images/icon-toolbar-mine_n.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}
.bottom-operation {
    width: 100%;
    height: 3.333rem;
    position: fixed;
    z-index: 10000;
    bottom: 0;
    display: flex;
    justify-content: flex-start;
}
.btn-blue-percent {
    width:100%;
    height: 3.333rem;
    background: #2882d8;
    font-size: 1.167rem;
    color: #fff;
    font-family: myFirstFont;
}
.btn-blue-percent:active {
    background: #1e5cb3;
}
.btn-overdue,
.btn-savereturn,
.btn-submit {
    width: 33.333%;
    height: 3.333rem;
    line-height: 3.333rem;
    font-size: 1.167rem;
    font-family: myFirstFont;
}
.btn-submit-half {
    width: 50%;
    height: 3.333rem;
    line-height: 3.333rem;
    font-size: 1.167rem;
    font-family: myFirstFont;
    color: #fff;
    background: #2882d8;
}

.btn-overdue {
    color: #999;
    background: #ddd;
}
.btn-savereturn {
    color: #333;
    background: #f5f5f5;
    border-top: 1px solid #ddd;
}
.btn-submit {
    color: #fff;
    background: #2882d8;
}
.btn-cancer {
    width:50%;
    height: 3.333rem;
    color: #333;
    background: #fff;
    border-top: 1px solid #ddd;
    font-size: 1.167rem;
    font-family: myFirstFont;
}
.btn-complete {
    width:50%;
    height: 3.333rem;
    background: #2882d8;
    font-size: 1.167rem;
    color: #fff;
    font-family: myFirstFont;
}
.pay-all {
    width: 66.66%;
    height: 3.333rem;
    text-align: center;
    line-height: 3.333rem;
    font-size: 1.167rem;
    color: #ff6600;
    font-weight: bold;
    font-family: myFirstFont;   
    background: #fff;
    border-top: 1px solid #ddd;
} 
.pay-all span {
    font-size: 1.0rem;
    font-weight: normal;
    color: #333;
}
.year-box {
    padding: 0.417rem 0;
}
.year-box dl dd {
    height: 3.0rem;
    line-height: 3.0rem;
}.year-box dl dd .year-title {
    margin-right: 0.417rem;
    display: inline-block;
/*     width:4.5rem; */
    height: 3.0rem;
    line-height: 3.0rem;
    text-align: left;
}
.year-set {
    display: inline-block;
}
.input-year {
    margin: 0 0.417rem;
    width: 3.333rem;
    height: 1.667rem;
    border: 1px solid #ddd;
    padding: 0 0.417rem;
    text-align: center;
    color: #333;
    vertical-align: middle;
}
.add,
.reduction {
    width: 1.667rem;
    height: 1.667rem;
    border: 1px solid #ddd;
    display: inline-block;
    text-align: center;
    line-height: 1.667rem;
    color: #333;
    font-size: 1.0rem;
    background: #fff;
    vertical-align: middle;
}
.add:active,
.reduction:active {
    color: #2882d8;
    border: 1px solid #2882d8;
}
.pay-box {
    padding: 0 0 0 0.833rem;
    margin-top: 1.25rem;
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.pay-box ul li {
    padding: 0.833rem 0;
    border-bottom: 1px solid #ddd;
    height: 3.333rem;
    line-height: 3.333rem;
}
.pay-box ul li img {
    margin: 0 0.833rem;
    width: 3.333rem;
    height: 3.333rem;
    vertical-align: middle;
}
.pay-box ul li:last-child {
    border-bottom: none;
}
.pay-time {
    text-align: center;
    font-size: 1.5rem;
}
.pay-time h2 {
    font-size: 1rem;
    text-align: left;
    margin-bottom: 0.417rem;
}
.pay-time span {
    margin: 0 0.208rem;
    font-weight: bold;
    font-size: 2.0rem;
}
/*涓昏鐩殑 寮�濮�*/
.purpose-box {
    width: 100%;
    height: auto;
    font-family: myFirstFont;
}
.f333-title {
    padding: 0 0.833rem;
    height: 3.333rem;
    line-height: 3.333rem;
    font-size: 1.167rem;
    color锛�#333;
}
.f333-title .icon-right-select {
    margin-top: 1.083rem;
}
.container{
    padding-left:0.833rem;
    box-sizing: border-box;
}
.grey-title {
    /* padding: 0 0.833rem; */
    height: 2.92rem;
    line-height: 3.21rem;
    font-size: 1.167rem;
    color: #333;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
}
.grey-title a {
    font-size: 1.0rem;
    color: #2882d8;
}
.purpose-box ul li {
    padding: 0.708rem 2.5rem;
    margin-bottom: 1.25rem;
    height: 2.667rem;
    line-height: 2.667rem;
    background: #fff;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}
.purpose-box ul li span {
    font-size: 1.083rem;
    color: #333;
}
.purpose-box ul li i {
    margin-right: 0.417rem;
}
.purpose-box ul li.cur span,
.purpose-box ul li:active span {
    color: #1077d5;
}
.purpose-box ul li.cur .icon-purpose01,
.purpose-box ul li:active .icon-purpose01 {
    background: url(../images/icon-purpose01_h.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}
.purpose-box ul li.cur .icon-purpose02,
.purpose-box ul li:active .icon-purpose02 {
    background: url(../images/icon-purpose02_h.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}
.purpose-box ul li.cur .icon-purpose03,
.purpose-box ul li:active .icon-purpose03 {
    background: url(../images/icon-purpose03_h.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}
.purpose-box ul li.cur .icon-purpose04,
.purpose-box ul li:active .icon-purpose04 {
    background: url(../images/icon-purpose04_h.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}
.purpose-box ul li.cur .icon-purpose05,
.purpose-box ul li:active .icon-purpose05 {
    background: url(../images/icon-purpose05_h.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}
.purpose-box ul li.cur .icon-purpose06,
.purpose-box ul li:active .icon-purpose06 {
    background: url(../images/icon-purpose06_h.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}
.icon-purpose01,
.icon-purpose02,
.icon-purpose03,
.icon-purpose04,
.icon-purpose05,
.icon-purpose06 {
    width: 2.667rem;
    height: 2.667rem;
    display: inline-block;
    vertical-align: middle;
}
.icon-purpose01 {
    background: url(../images/icon-purpose01_n.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}
.icon-purpose02 {
    background: url(../images/icon-purpose02_n.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}
.icon-purpose03 {
    background: url(../images/icon-purpose03_n.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}
.icon-purpose04 {
    background: url(../images/icon-purpose04_n.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}
.icon-purpose05 {
    background: url(../images/icon-purpose05_n.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}
.icon-purpose06 {
    background: url(../images/icon-purpose06_n.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}
/*涓昏鐩殑 缁撴潫*/

/*鍙戝竷涓撳埄 寮�濮�*/
.patent-information {
    position: relative;
    padding: 1.0rem 0.833rem;
    margin-top: 1.25rem;
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.patent_bg {
    float: left;
    width: 3.333rem;
    height: 3.75rem;
}
.patent_bg img {
    width: 3.333rem;
    height: 3.75rem;
}
.patent-center {
    width: 17.5rem;
    float: left;
    margin-left: 0.417rem;
}
.patent-center a h2 {
    /* max-height: 68px; */
    overflow: hidden;
    font-size: 1.167rem;
    line-height: 1.333rem;
    color: #333;
    font-weight: bold;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 22px;
}
.patent-center p.p1 {
    margin-top: 0.625rem;
    font-size: 1.0rem;
    line-height: 1.25rem;
}
.patent-center p.p1 span.f666 {
    margin: 0 0.417rem;
    font-size: 0.833rem;
}
.patent-center p.p1 span.f999 {
    margin: 0 0.417rem;
    font-size: 0.833rem;
}
.patent-center p.p2 {
    line-height: 1.25rem;
    margin-top: 0.625rem;
    color: #999;
    font-size: 1.0rem;
}
.patent-right {
    position: absolute;
    right: 0.833rem;
    bottom: 1.0rem;
    width: 4.167rem;
    float: right;
    text-align: right;
}
.patent-right span {
    color: #999;
    font-size: 1.0rem;
}
.patent-right p {
    margin-top: 0.417rem;
    line-height: 1.667rem;
    font-size: 1.167rem;
    color: #ff6600;
}
.patent-information-box {
    padding: 0 0.833rem;
    margin-top: 1.25rem;
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.patent-information-box ul li {
    height: 3.0rem;
    font-size: 1.0rem;
    color: #333;
    line-height: 3.0rem;
    border-bottom: 1px solid #ddd;
}
.patent-information-box ul li:last-child {
    border-bottom: none;
}
.patent-information-box ul li .mui-switch {
    margin-top: -0.167rem;
}
.patent-information-box ul li .icon-right-select,
.patent-information-box3 .icon-right-select {
    margin-top: 0.708rem;
}
.icon-right-select {
    width: 1.167rem;
    height: 1.167rem;
    display: inline-block;
    float: right;
    background: url(../images/icon-right-select_n.png) no-repeat;
    background-size: 1.167rem 1.167rem;
    -o-background-size: 1.167rem 1.167rem;
    -webkit-background-size: 1.167rem 1.167rem;
    -moz-background-size: 1.167rem 1.167rem;
}
.icon-right-select:active {
    background: url(../images/icon-right-select_h.png) no-repeat;
    background-size: 1.167rem 1.167rem;
    -o-background-size: 1.167rem 1.167rem;
    -webkit-background-size: 1.167rem 1.167rem;
    -moz-background-size: 1.167rem 1.167rem;
}
.patent-information-box1 {
    height: 12.5rem;
    padding: 0.833rem;
    margin-top: 1.25rem;
    background: #fff;
    border-top: 1px solid #ddd;
    font-size: 1.0rem;
    line-height: 1.417rem;
}
.patent-information-box1 a {
    color: #1265cf;
}
.patent-information-box1 .checkbox {
    top: -3px;
}
.common-box1 {
    padding: .5rem 0.833rem 0rem 0;
    background: #fff;
    text-align:justify; 
    text-justify:inter-ideograph;
    font-size: 1.07rem;
	color: #666;
	line-height: 1.71rem;
	box-sizing: border-box;
}

.common-box {
	padding: 1.0rem 0.833rem 1.0rem 0.833rem;
	background: #fff;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	line-height: 24px;
	text-align: justify;
	text-justify: inter-ideograph;
}

.patent-information-box2 {
    padding: 0.833rem;
    margin-top: 1.25rem;
    background: #fff;
    border-top: 1px solid #ddd;
}
.patent-information-box3 {
    padding: 0 0.833rem;
    height: 2.667rem;
    line-height: 2.667rem;
    background: #fff;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}

.patent_person_list{
	width: 100%;
	height: 60px;
}
.content_patent_person_list{
	width: 100%;
	height: 75px;
}
.personnel_bg {
	float:left;
    margin-right: .71rem;
	display: inline-block;
	width: 3.5rem;
	height: 3.5rem;
	border: 1px solid #eee;
	overflow: hidden;
	position: relative;
	border-radius: 100%;
    behavior: url(../js/pie.htc);
}
.personnel_bg img {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 100%;
}
/* .circular_right {
    margin-left: 3.917rem;
} */
.circular_right a h2 {
    font-size: 1.142rem;
    color: #333;
    font-weight: normal;
    line-height: 1.5rem;
}
.circular_right p.p1 {
    font-size: 1.0rem;
    color: #333;
    line-height: 1.5rem;
}
.circular_right p.p2 {
    font-size: 1.0rem;
    color: #999;
    line-height: 1.5rem;
}
.circular_right p.p3 {
    font-size: 0.75rem;
    color: #999;
    line-height: 1.5rem;
}
.circular_right p.p4 {
    font-size: 1.0rem;
    color: #333;
    line-height: 1.167rem;
}
.common-box-patent-person {
    background: #fff;
    /* border-top: 1px solid #ddd; */
    line-height: 24px;
    text-align: justify;
    text-justify: inter-ideograph;
}
.content_patent_person_about_list {
	/* width: 90%; */
    margin-top: 10px;
    display:flex;
    margin-bottom:2px
    /* margin-left: 3%; */
}
.circular_about_bottom{
	width:100%;
	border-bottom:1px solid #dddddd;
}
/*鍙戝竷涓撳埄 缁撴潫*/
/*韬唤璁よ瘉 寮�濮�*/
/* .certification-lt {
    width: 100%;

}
.certification-lt dt {
    margin-top: 0.417rem;
    height: 1.667rem;
    line-height: 1.667rem;
    font-size: 0.75rem;
    color: #999;
}
.certification-lt dd {
    
}
.input-underline {
    width: 100%;
    height: 2.25rem;
    line-height: 2.25rem;
    font-size: 1.167rem;
    font-family: myFirstFont;
    border: none;
    border-bottom: 1px solid #ddd;
} */
.certification-lt {
    padding: 0 0 0 0.833rem;
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.certification-lt ul li {
    height: 3rem;
    font-size: 1.0rem;
    color: #333;
    line-height: 3rem;
    border-bottom: 1px solid #eee;
    color: #333;
    font-size: 1.0rem;
}
.certification-lt ul li:last-child {
    border-bottom: none;
}
.certification-lt ul li span.certification-lt-title {
    margin-right: 0.833rem;
    float: left;
    display: inline-block;
    width: 4.167rem;
    color: #333;
    text-align: left;
}
.certification-lt ul li .icon-right-select {
    margin-top: 0.917rem;
    margin-right: 0.833rem;
}
.certification-photo {
    width:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.certification-photo-one {
    margin-bottom: 0.625rem;
    width: calc(50% - 0.417rem);
}
.certification-photo-one h3 {
    font-size: 1rem;
    height: 1.667rem;
    line-height: 1.667rem;
    color: #999;
}
.certification-photo-box {
    position: relative;
    height: 7.5rem;
    padding: 0.417rem;
    border: 1px dashed #ddd;
    border-radius: 0.25rem;
    margin-bottom: 8px;
}
.certification-photo-box img {
    width: 100%;
    height: 100%;
    border-radius: 0.25rem;
}
.certification-photo-upload {
    position: absolute;
    top: 0.417rem;
    left: 0.417rem;
    width: calc(100% - 0.833rem);
    height: calc(100% - 0.833rem);
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
}
.certification-photo-upload:active {
    background: rgba(0, 0, 0, 0.4);
}
.certification-photo-upload p {
    margin-top: 0.417rem;
    color: #fff;
    font-size: 1rem;
    text-align: center;
}
.icon-photo-upload {
    width: 1.75rem;
    height: 1.75rem;
    display: inline-block;
    background: url(../images/icon-upload.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
    -moz-background-size: 100%;
    margin-top: 2.083rem;
}
/*韬唤璁よ瘉 缁撴潫*/
/* 鎺ㄨ崘 寮�濮� */
.set-recommended {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}
.three-minheight {
    min-height: 6.167rem;
}
.five-minheight {
    min-height: 9.667rem;
}
.set-recommended a {
    color: #333;
    padding: 0 1.667rem;
    margin: 0 0.833rem 0.833rem 0;
    display: inline-block;
    height: 2.667rem;
    line-height: 2.667rem;
    background: #f3f3f3;
    border-radius: 1.333rem;
    text-align: center;
}
.set-recommended a:active,
.set-recommended a.cur {
    background: #2882d8;
    color:#fff;
}
.type-select {
    width: 100%;
}
.type-select h2 {
    height: 2.5rem;
    line-height: 2.5rem;
    border-bottom: 1px solid #ddd;
    font-size: 1.167rem;
    font-weight: bold;
}
.type-select-lt {
    width:100%;
}
.type-select-lt ul {
    margin-top: 0.417rem;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.type-select-lt ul li {
    width:calc(33.33% - 0.25rem);
    height: 2.5rem;
    overflow: hidden;
    line-height: 2.5rem;
    font-size: 1.0rem;
}
.type-select-lt ul li .checkbox {
    margin-top: 0.625rem;
}

/* 鎺ㄨ崘 缁撴潫 */

/*鏀粯 寮�濮�*/
.invoice-box {
    margin-top: 1.25rem;
    padding: 0 0 0 0.833rem;
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.invoice-box ul li {
    height: 3rem;
    font-size: 1.0rem;
    color: #333;
    line-height: 3rem;
    border-bottom: 1px solid #eee;
    color: #333;
    font-size: 1.0rem;
}
.invoice-box ul li:last-child {
    border-bottom: none;
}
.invoice-box ul li span.invoice-title {
    margin-right: 0.833rem;
    float: left;
    display: inline-block;
    width: 6.25rem;
    color: #333;
    text-align: left;
}
.invoice-box ul li .icon-right-select {
    margin-top: 0.917rem;
    margin-right: 0.833rem;
}
.input-invoice {
    width: 16.583rem;
    font-size: 1rem;
    font-family: myFirstFont;
}
.invoice-box ul li .radio+label:before {
    top: 0.5rem;
}
.invoice-box ul li .radio+label:after {
    top: 0.625rem;
}
.grey-box {
    padding: 0.833rem;
    font-size: 1.0rem;
    color: #999;
    line-height: 150%;
}
/*鏀粯 缁撴潫*/

/*鍗曢�夋 寮�濮�*/
/*妯℃嫙鍗曢�夋 寮�濮�*/
.unchecked{
    margin-right: 0.833rem;
    display: inline-block;
    padding-left: 1.75rem;
    background: url("../images/icon_radio_normal.png") no-repeat left;
    cursor: pointer;
    background-size: 1.332rem 1.332rem;
}
.checked{
    margin-right: 0.833rem;
    display: inline-block;
    padding-left: 1.75rem;
    background: url("../images/icon_radio_selected.png") no-repeat left;
    cursor: pointer;
    background-size: 1.332rem 1.332rem;
}
/*鍗曢�夋 缁撴潫*/

/*点赞、收藏图标  begin */
.m_sc_icon{
	width: 2.0rem;
    height: 2.0rem;
    display: inline-block;
    background: url("../images/m_sc_icon.png") no-repeat;
    vertical-align: middle;
    background-size: 100%;
    -webkit-background-size: 100%;
}
.m_removeSc_icon{
	width: 2.0rem;
    height: 2.0rem;
    display: inline-block;
    background: url("../images/m_removeSc_icon.png") no-repeat;
    vertical-align: middle;
    background-size: 100%;
    -webkit-background-size: 100%;
}
.icon-toolbar1-zan {
	width: 2.0rem;
    height: 2.0rem;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background: url(../images/m_zan.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
}
.icon-toolbar1-zan-blue {
	width: 2.0rem;
    height: 2.0rem;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background: url(../images/m_zan_blue.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
}
.icon-toolbar1-dj-blue {
	width: 2.0rem;
    height: 2.0rem;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background: url(../images/icon-toolbar-connect_n.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
}

.icon-toolbar-connect {
	position:relative;
    background: url(../images/icon-toolbar-connect_n.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
}

/*点赞、收藏图标  end */

/*swith 寮�濮�*/
.mui-switch {
  width: 3.167rem;
  height: 1.667rem;
  position: relative;
  border: 1px solid #dfdfdf;
  background-color: #fdfdfd;
  box-shadow: #dfdfdf 0 0 0 0 inset;
  border-radius: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-clip: content-box;
  display: inline-block;
  -webkit-appearance: none;
  user-select: none;
  outline: none; 
}
.mui-switch:before {
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 0px;
    left: 0;
    border-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); 
}
.mui-switch:checked {
    border-color: #64bd63;
    box-shadow: #64bd63 0 0 0 16px inset;
    background-color: #64bd63; 
}
.mui-switch:checked:before {
    left: 1.583rem;
}
.mui-switch.mui-switch-animbg {
    transition: background-color ease 0.4s; 
}
.mui-switch.mui-switch-animbg:before {
      transition: left 0.3s; 
}
.mui-switch.mui-switch-animbg:checked {
      box-shadow: #dfdfdf 0 0 0 0 inset;
      background-color: #64bd63;
      transition: border-color 0.4s, background-color ease 0.4s; 
}
.mui-switch.mui-switch-animbg:checked:before {
        transition: left 0.3s; 
}
.mui-switch.mui-switch-anim {
    transition: border cubic-bezier(0, 0, 0, 1) 0.4s, box-shadow cubic-bezier(0, 0, 0, 1) 0.4s; 
}
.mui-switch.mui-switch-anim:before {
      transition: left 0.3s; 
}
.mui-switch.mui-switch-anim:checked {
      box-shadow: #64bd63 0 0 0 16px inset;
      background-color: #64bd63;
      transition: border ease 0.4s, box-shadow ease 0.4s, background-color ease 1.2s; 
}
.mui-switch.mui-switch-anim:checked:before {
        transition: left 0.3s; 
}
 
/*# sourceMappingURL=mui-switch.css.map */
@mixin borderRadius($radius:20px) {
  border-radius: $radius;
  border-top-left-radius: $radius;
  border-top-right-radius: $radius;
  border-bottom-left-radius: $radius;
  border-bottom-right-radius: $radius;
}
 
$duration: .4s;
$checkedColor: #64bd63;
.mui-switch {
  width: 52px;
  height: 31px;
  position: relative;
  border: 1px solid #dfdfdf;
  background-color: #fdfdfd;
  box-shadow: #dfdfdf 0 0 0 0 inset;
  @include borderRadius();
  background-clip: content-box;
  display: inline-block;
  -webkit-appearance: none;
  user-select: none;
  outline: none;
  &:before {
    content: '';
    width: 29px;
    height: 29px;
    position: absolute;
    top: 0px;
    left: 0;
    @include borderRadius();
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  }
  &:checked {
    border-color: $checkedColor;
    box-shadow: $checkedColor 0 0 0 16px inset;
    background-color: $checkedColor;
    &:before {
      left: 21px;
    }
  }
  &.mui-switch-animbg {
    transition: background-color ease $duration;
    &:before {
      transition: left 0.3s;
    }
    &:checked {
      box-shadow: #dfdfdf 0 0 0 0 inset;
      background-color: $checkedColor;
      transition: border-color $duration, background-color ease $duration;
      &:before {
        transition: left 0.3s;
      }
    }
 
  }
  &.mui-switch-anim {
    transition: border cubic-bezier(0, 0, 0, 1) $duration, box-shadow cubic-bezier(0, 0, 0, 1) $duration;
    &:before {
      transition: left 0.3s;
    }
    &:checked {
      box-shadow: $checkedColor 0 0 0 16px inset;
      background-color: $checkedColor;
      transition: border ease $duration, box-shadow ease $duration, background-color ease $duration*3;
      &:before {
        transition: left 0.3s;
      }
    }
 
  }
}
/*swith 缁撴潫*/
/*鎴愭灉璇︽儏寮�濮�*/
.common-box-notRelevantInfo {
    padding: 1.0rem 0.833rem 1.0rem 0;
    background: #fff;
    line-height:1.71re;
    text-align: justify;
    text-justify: inter-ideograph;
    color:#666;
    color: #666;
    font-size: 1.07rem;
} 
.editImg-one{
	margin: 0 auto;
    width: 18rem;
}
.editImg-box{
	margin-top: 20px;
    height: 10rem;
}
.editImg{
	margin-top: 3.3rem;
}
/*鎴愭灉璇︽儏缁撴潫*/

@media screen and (min-width:320px) {
    html { font-size:75%;}
}
@media screen and (min-width:360px) {
    html { font-size:85%;}
}
@media screen and (min-width:375px) {
    html { font-size:87.5%;}
}
@media screen and (min-width:414px) {
    html { font-size:96%;}
}
@media screen and (min-width:480px) {
    html { font-size:110.5%;}
}
@media screen and (min-width:568px) {
    html { font-size:129%;}

}
@media screen and (min-width:639px) {
    html { font-size:150%;}
}