@charset "UTF-8";

@font-face {
	font-family: "fontawesome-webfont";
	src: url("../fonts/fontawesome-webfont.woff2") format("woff2"),
		url("../fonts/fontawesome-webfont.woff") format("woff"),
		url("../fonts/fontawesome-webfont.ttf") format("truetype"),
		url("../fonts/fontawesome-webfont.eot") format("embedded-opentype"),
		url("../fonts/fontawesome-webfont.svg") format("svg");
	font-weight: normal;
}

/*@font-face {*/
/*    font-family: "AlibabaSans-Regular";*/
/*    src: url("../fonts/AlibabaSans-Regular.woff2") format("woff2"),*/
/*    url("../fonts/AlibabaSans-Regular.woff") format("woff"),*/
/*    url("../fonts/AlibabaSans-Regular.ttf") format("truetype"),*/
/*    url("../fonts/AlibabaSans-Regular.eot") format("embedded-opentype"),*/
/*    url("../fonts/AlibabaSans-Regular.svg") format("svg");*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

/* @font-face {
	font-family: "Alibaba-PuHuiTi-Bold";
	src: url("../fonts/Alibaba-PuHuiTi-Bold.woff2") format("woff2"),
		url("../fonts/Alibaba-PuHuiTi-Bold.woff") format("woff"),
		url("../fonts/Alibaba-PuHuiTi-Bold.ttf") format("truetype"),
		url("../fonts/Alibaba-PuHuiTi-Bold.eot") format("embedded-opentype"),
		url("../fonts/Alibaba-PuHuiTi-Bold.svg") format("svg");
	font-weight: bold;
}

@font-face {
	font-family: "AlibabaSans-Regular";
	src: url("../fonts/AlibabaSans-Regular.woff2") format("woff2"),
		url("../fonts/AlibabaSans-Regular.woff") format("woff"),
		url("../fonts/AlibabaSans-Regular.ttf") format("truetype"),
		url("../fonts/AlibabaSans-Regular.eot") format("embedded-opentype"),
		url("../fonts/AlibabaSans-Regular.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "AlibabaSans-Bold";
	src: url("../fonts/AlibabaSans-Bold.woff2") format("woff2"),
		url("../fonts/AlibabaSans-Bold.woff") format("woff"),
		url("../fonts/AlibabaSans-Bold.ttf") format("truetype"),
		url("../fonts/AlibabaSans-Bold.eot") format("embedded-opentype"),
		url("../fonts/AlibabaSans-Bold.svg") format("svg");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "AlibabaSans-Italic";
	src: url("../fonts/AlibabaSans-Italic.woff2") format("woff2"),
		url("../fonts/AlibabaSans-Italic.woff") format("woff"),
		url("../fonts/AlibabaSans-Italic.ttf") format("truetype"),
		url("../fonts/AlibabaSans-Italic.eot") format("embedded-opentype"),
		url("../fonts/AlibabaSans-Italic.svg") format("svg");
	font-weight: normal;
	font-style: italic;
} */
.hs-1 {
    font-size: 2.5rem;
}

.hs-2 {
    font-size: 2rem;
}

.hs-3 {
    font-size: 1.75rem;
}

.hs-4 {
    font-size: 1.5rem;
}

.hs-5 {
    font-size: 1.25rem;
}

.hs-6-5 {
    font-size: 1.15rem;
}

.hs-6 {
    font-size: 1rem;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

body {
    background: #fff;
    color: #555;
    font-size: 14px;
    font-family: AlibabaSans-Regular;
}

.font-normal {
    font-family: AlibabaSans-Regular;
}

.font-italic {
    font-family: AlibabaSans-Regular;
}

.font-light {
    font-family: AlibabaSans-Regular;
}

.font-bold {
    font-weight: bold;
}

td, th, caption {
    font-size: 14px;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

a {
    color: black;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

img {
    border: none;
}

i.normal {
    font-style: normal;
}

ol, ul, li {
    list-style: none;
}

input, textarea, select, button {
    font: 14px "Microsoft Yahei", Helvetica, Arial, sans-serif;
    outline: none;
}

table {
    border-collapse: collapse;
}

/*html {overflow-y: scroll;} */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
}

.fl {
    float: left
}

.fr {
    float: right
}

.search-header {
    margin-top: 15px;
    margin-left: 20px;
}

.search-header li {
    float: left;
    font-size: 12px;
    margin-right: 18px;
    line-height: 32px;
    vertical-align: middle;
}

.search-header li i {
    display: inline-block;
    margin-right: 8px;
    width: 20px;
    height: 20px;
}

.search-header li.fr {
    float: right;
}

.index-search {
    width: 700px;
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-top: 280px;
}

.search-footer {
    color: #b2b2b2;
    background-color: #4d4d4d;
    text-align: center;
    font-size: 12px;
    z-index: 10000;
    width: 100%
}

.search-box {
    display: inline-block;
    border: 1px solid #bcbcbc;
    border-radius: 3px;
    height: 34px;
    line-height: 31px;
    /* margin-left: 40px; */
}

.search-box select {
    border: none;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    width: 86px;
    text-align: center;
    padding-left: 8px;
    color: #808080
}

.search-box option {
    background-color: #f5f5f5;
}

.search-box option:hover {
    background-color: #e57f35
}

#search {
    border: none;
    /*float: left;*/
    font-size: 16px;
    /* margin-left: 10px;
    line-height: 25px;
    height: 32px;
    width: 390px;  */
    color: #595959;
    /*padding-left: 45px;*/
    width: 100%;
    line-height: 2;
}

.search-submit {
    display: inline-block;
    width: 50px;
    height: 37px;
    line-height: 32px;
    color: #fff;
    background-color: #1776c0;
    border: none;
    background-image: url(../images/search.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 3px;
}

.senior-search {
    width: 105px;
    height: 34px;
    line-height: 34px;
    color: #545454;
    border: none;
    background-color: #ebebeb;
    float: right;
    background-image: url(../images/add.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 15px;
    margin-top: 20px;
    border-radius: 3px;
}

.search-radio {
    display: block;
    width: 100%;
    text-align: left;
    margin-top: 10px;
}

.search-radio input {
    margin-right: 10px;
    width: 16px;
    height: 16px;
}

.search-radio label {
    margin-right: 36px;
    position: relative;
    top: -3px;
}

.drop-down {
    display: block;
    border: 1px solid #bcbcbc;
    border-top: none;
    position: absolute;
    top: 33px;
    margin-left: 96px;
    width: 419px;
    text-align: left;
    display: none;
    background: #fff;
    z-index: 2
}

.drop-down a {
    padding-left: 20px;
    line-height: 30px;
    height: 30px;
    display: block;
    color: #595959
}

.drop-down a:hover {
    font-weight: bold;
    background-color: #f5f5f5;
    text-decoration: none;
}

.min-width {
    width: 1200px;
    margin: 0 auto;
}

.retrieval-search .min-width {
    text-align: center;
}

/**
@media (min-width: 1800px) {
	.min-width {
	    width: 1800px;
	}
}
**/
.por {
    position: relative;
}

.min-width .margin-init {
    margin: 0;
}

.min-width .search-header {
    margin-top: 0px;
}

.min-width .index-search {
    display: inline-block;
    margin-left: 42px;
}

.min-width .logo {
    position: relative;
}

.border-bottom {
    border-bottom: 1px solid #bcbcbc
}

.bg-f8 {
    background-color: #f8f8f8
}

.left-hb {
    background-color: #fff;
    border-left: 1px solid #ddd;
}

.left-list h2 {
    /* font-size: 14px; */
    font-weight: bold;
    color: #000;
    margin-top: 20px;
    margin-bottom: 20px;
    cursor: pointer;
}

.left-list li {
    margin-bottom: 5px;
    cursor: pointer;
}

.left-list i {
    color: #808080;
    margin-right: 10px;
    font-style: italic
}

.left-list a {
    margin-left: 20px;
}

.left-list a span {
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    margin-left: 10px;
    position: relative;
    top: 1px;
    display: inline-block;
    background-position: 0 0;
    font-weight: 400;
    font-size: 14px;
}

.left-list input {
    margin-right: 10px;
    margin-left: 0px;
    position: relative;
    z-index: 999999;
    opacity: 0
}

.search-condition {
    /* background-color: #ebebeb; */
    /* border-right: 1px solid #ddd; */
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    /* border-left: 1px solid #ddd; */
}

.limit {
    padding: 0 15px;
    margin-bottom: 15px;
}

.sortAndRange {
    padding: 0 15px;
    margin-bottom: 15px;
}

@media ( min-width: 1600px) {
    .limit {
        padding: 0 0px;
        margin-bottom: 15px;
    }

    .sortAndRange {
        padding: 0 0px;
        margin-bottom: 15px;
    }
}

.limit .dis-in {
    /* display: inline-block; */
    /* margin-right: 35px; */
    color: #000
}

.limit label {
    font-weight: normal;
    font-size: 12px
}

.limit input {
    margin: 0 5px;
    position: relative;
    top: 2px
}

.limit b {
    font-size: 14px
}

.terms {
    color: #000;
    /* padding: 0 15px; */
    /* line-height: 55px */
    width: 100%;
    font-size: 25px;
    font-weight: 700;
}

/*.terms span {*/
/*    display: inline-block;*/
/*    padding: 5px 15px;*/
/*    background-color: #fff8f3;*/
/*    line-height: 20px;*/
/*    border: 1px solid #e57f35;*/
/*    color: #e57f35;*/
/*    border-radius: 5px;*/
/*}*/

.crumbs .w110 i:after {
    left: -10px;
}

.crumbs li.w100 i:after {
    left: 3px
}

.crumbs li i:after {
    position: absolute;
    background-color: #fff;
    width: 7px;
    height: 10px;
    top: -8px;
    left: -14px;
    content: "";
    z-index: 1;
}

.terms i {
    color: #e57f35;
    margin: 0 5px
}

.del {
    margin: 10px 0
}

.del strong {
    background-color: #fff;
    display: inline-block;
    padding: 3px 10px;
    padding-right: 40px;
    border: 1px solid #ccc;
    border-radius: 3px;
    position: relative;
    margin-right: 5px;
}

.del strong button {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 8px;
    background-color: transparent;
    border: none;
    top: 6px;
    background-image: url(../images/x.png);
    background-repeat: no-repeat;
    background-position: center;
}

.del strong button:hover {
    background-image: url(../images/x1.png);
}

.del strong:hover {
    cursor: pointer;
    color: #1776c0;
    border-color: #6ea8d6;
}

.search-list-li h5 strong.pink {
    color: #9855bd;
    border-color: #9855bd
}

.crumbs {
    line-height: 40px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 370px;
    /* border-top: 1px solid #ddd; */
    border-bottom: 1px solid #ddd;
    /* border-right: 1px solid #ddd; */
    background-position: 10px 0;
    font-size: 14px;
    padding-bottom: 30px;
}

.crumbs li {
    display: inline-block;
    position: relative;
    text-align: center;
    border-right: 1px solid #ddd;
}

/*#border-right: {1px solid #ddd ;} */

.crumbs li i {
    display: inline-block;
    position: relative;
    top: -2px;
    right: -36px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #808080;
}

/**
.crumbs li.w120{
	width: 110px;
	padding-left: 20px;
}
.crumbs li.w110{
    width: 100px;
    padding-left: 20px;
}
.crumbs li.w100{
    width: 90px;
    padding-left: 10px;
}
*/
.crumbs li.fr {
    border: none;
    font-size: 25px;
    width: 35px;
    cursor: pointer;
    border-left: 1px solid #ddd;
}

.crumbs li.fr.last {
    border-left: solid 1px #ddd;
}

.crumbs li.fr.last a {
    color: #fff;
}

.no-pd {
    padding: 0;
}

.search-list {
    background: #fff;
    /*overflow: hidden;*/
    overflow: unset;
    width: 100%;
    padding: 0 15px;
}

.search-list h2 {
    font-weight: bold;
    color: #555;
    margin-top: 20px;
    margin-bottom: 10px;
}

.baike {
    background: linear-gradient(to right, transparent 30%, rgb(247, 247, 247) 100%);
    height: 160px;
    overflow: hidden;
}

.search-list .baike h5 {
    float: left;
    font-weight: bold;
    margin-top: 20px;
    margin-left: 20px;
    color: #333;
    width: 649px;
}

.search-list .baike p {
    font-size: 14px;
    margin-top: 10px;
    margin-left: 20px;
    color: #333;
    display: inline-block;
    width: 630px;
    line-height: 1.5
}

.search-list .baike img {
    float: left;
    width: 200px;
    height: 160px;
}

.search-list-li {
    margin-top: 20px;
    /* padding:0 15px;
    margin-left:-15px; */
    width: 100%;
    position: relative;
    border-bottom: 1px solid #ddd;
}

.search-list-li .list-link {
    background-repeat: no-repeat;
    /* width:150px; */
    position: absolute;
    /* right: 20px; */
    top: 50%;
    margin-top: -54px;
}

.search-list-li .list-link a {
    display: block;
    padding-left: 30px;
    line-height: 27px;
}

.search-list-li .list-link a.color {
    color: #e57f35
}

.search-list-li i.idx {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #1b6197;
    color: #fff;
    font-size: 20px;
    display: inline-block;
    text-align: left;
    line-height: 22px;
    font-style: italic;
    padding-left: 5px;
}

.search-list-li h5 {
    font-size: 20px;
    margin-bottom: 20px;
    color: #1b6197
}

.search-list-li li {
    /* margin-left: 30px; */
    /* width: 690px; */
    line-height: 1.6;
    word-wrap:break-word;
    /* margin-right: 30px; */
}

.search-list-li li.wd {
    margin-left: 30px;
    line-height: 1.6;
}

.search-list-li li span {
    color: #4d4d4d;
    font-weight: bold
}

.search-list-li b {
    /* color: #e57f35; */
    font-weight: normal
}

.search-list-li h5 strong {
    font-size: 13px;
    display: inline-block;
    border: 1px solid #1b6197;
    padding: 2px 3px;
    margin-right: 5px;
    border-radius: 2px
}

.detail-list h5 span {
    float: right;
    margin-left: 5px;
}

.search-list-li ul {
    /* min-height: 110px; */

}

.search-list-li ul.withoutpic {
    min-height: 0px;
}

.view-details {
    background-repeat: no-repeat;
    background-position: 0 11px;
    margin-top: 10px;
    /* padding-top: 10px; */
    margin-bottom: 5px;
    padding-left: 30px
}

.view-details a {
    background-color: #fff;
    color: #358dd1;
    padding-right: 20px;
    border-right: 1px solid #ddd;
}

/*.view-details a i {*/
/*    display: inline-block;*/
/*    width: 20px;*/
/*    position: relative;*/
/*    top: 4px;*/
/*    background-image: url(../images/des.png);*/
/*    height: 20px;*/
/*}*/

.view-details a:last-child {
    border: none
}

.search-list-li:after {
    content: "";
    /* height: 1px; */
    background: #ddd;
    width: 700px;
    position: absolute;
    bottom: 35px;
    left: 45px;
}

.view-details a.pdf i {
    position: relative;
    background-position: 83px 0px
}

.view-details a.pdf:after {
    content: "";
    width: 2px;
    height: 19px;
    background-color: #fff;
    right: 0;
    top: 0;
    position: absolute;
    display: block;
}

/*.view-details a.full i {*/
/*    position: relative;*/
/*    background-repeat: no-repeat;*/
/*    background-position: -162px 0px;*/
/*}*/

.search-list-li img {
    /* float: left; */
    margin-left: 20px;
    margin-right: 20px;
    /* width: 90px;
    height: 104px; */
}

.relevant {
    background-color: #fff;
    padding-left: 40px
}

.relevant b {
    display: block;
    padding-top: 20px;
    margin-bottom: 10px;
}

.relevant span {
    display: block;
    margin-bottom: 10px;
}

.relevant em {
    color: #e57f35
}

.relevant ul {
    width: 500px;
}

.relevant ul li {
    width: 240px;
    list-style: disc;
    margin-bottom: 15px;
    display: inline-block
}

.relevant ul li a {
    color: #e57f35
}

.relevant ul.pagination li {
    width: auto;
}

.relevant ul.pagination li a {
    color: #1776c0;
    margin-right: 10px;
}

.relevant ul.pagination {
    width: 100%;
    text-align: center
}

.relevant ul.pagination li a.next {
    color: #fff;
    background-color: #1776c0
}

.relevant ul.pagination li.cur a {
    border: none;
    color: #000
}

.crumbs li.w330 {
    width: 360px;
    text-align: left;
    padding-left: 35px;
}

.irs {
    height: 40px;
    width: 120px;
    float: left;
    margin-right: 10px;
    position: relative;
    top: -4px;
    margin-left: 4px;
}

.irs-single, .irs-to, .irs-from, .irs-max, .irs-min {
    display: none !important;
}

.year-num {
    width: 45px;
}

.year-num[name='max'] {
    float: right;
    margin-top: 11px;
}

.year-num[name='min'] + label {
    float: right;
    margin-right: 10px;
    font-weight: normal
}

.clickit-detail {
    background-color: #fff;
}

.clickit-detail .search-list-li {
    /* padding-bottom: 50px; */

}

.full-text-link {
    border-right: 1px solid #ddd;
    background-color: #fff;
    position: absolute;
    height: 100%;
    padding: 0;
    right: 0
}

.clickit-detail .search-list-li a {
    color: #1b6197;
}

.citationRow {
    display: inline-block;
    /* margin-left: 6px; */
}

.citationRow .citiationItem {
    background-color: rgb(85, 85, 85);
    color: white;
    font-size: 8px;
    padding: 1px 5px;
    font-weight: 400;
    border-radius: 1px;
    float: left;
}

.citationRow .scopusValue {
    background-color: rgb(74, 117, 186);
    color: white;
    font-size: 8px;
    padding: 1px 5px;
    font-weight: 400;
    border-radius: 1px;
    float: left;
}

.citationRow .jcrValue {
    background-color: rgb(74, 117, 186);
    color: white;
    font-size: 8px;
    padding: 1px 5px;
    font-weight: 400;
    border-radius: 1px;
    float: left;
}

.citationRow .citationYear {
    background-color: rgb(209, 167, 55);
    color: white;
    font-size: 8px;
    padding: 1px 5px;
    font-weight: 400;
    border-radius: 1px;
    float: left;
}

.bgf {
    background: #fff;
    position: relative;
    margin-bottom: 30px;
}

.full-text-link li a {
    display: block;
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    color: #358dd1;
    height: auto;
    line-height: 60px;
    text-align: center
}

.full-text-link li a.on-line i {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-image: url(../images/sprite.png);
    background-position: -9px -10px;
    position: relative;
    top: 13px;
}

.full-text-link li a.transfer i {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-image: url(../images/sprite.png);
    background-position: -39px -10px;
    position: relative;
    top: 13px;
}

.clickit-detail .search-list-li li {
    line-height: 2
}

.clickit-detail .search-list-li li.wd {
    width: 90%;
}

.clickit-detail .clickit-detail-links a, .clickit-detail .clickit-detail-links {
    display: inline-block;
    padding: 3px 15px;
    border-radius: 20px;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    /* height: 31px; */
    margin-right: 5px;
    background-color: #ebebeb;
}

.clickit-detail .search-list-li h5 {
    margin-left: 30px;
}

.clickit-detail .clickit-detail-links {
    /* margin-left: 30px; */
    margin-bottom: 20px;
}

.clickit-detail .clickit-detail-links a i {
    background-color: transparent;
    height: 12px;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat
}

.clickit-detail .clickit-detail-links a:hover {
    background-color: #e57f35;
    color: #fff;
}

.search-list-li .add-collection i {
    background-position: -75px -13px;
}

.search-list-li .quote i {
    background-position: -110px -13px;
}

.search-list-li .export i {
    background-position: -142px -13px;
}

.search-list-li .permanent i {
    background-position: -176px -14px;
}

.search-list-li .email i {
    background-position: -209px -13px;
}

.search-list-li .print i {
    background-position: -243px -10px;
}

.search-list-li .share i {
    background-position: -275px -12px;
}

.search-list-li a.add-collection:hover i {
    background-position: -75px -54px
}

.search-list-li a.quote:hover i {
    background-position: -110px -54px
}

.search-list-li a.export:hover i {
    background-position: -142px -54px
}

.search-list-li a.permanent:hover i {
    background-position: -176px -56px;
}

.search-list-li a.email:hover i {
    background-position: -209px -54px
}

.search-list-li a.print:hover i {
    background-position: -243px -51px
}

.search-list-li a.share:hover i {
    background-position: -275px -53px
}

.register {
    background-image: url(../images/register-bg.jpg);
    background-position: center 0px;
    overflow: hidden;
    background-size: 100%
}

.register-head {
    background-color: #fff;
    height: 130px;
    line-height: 130px;
}

.register .search-footer {
    position: fixed;
    bottom: 0;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
}

.register .min-width .logo {
    top: 40px;
}

.register-head li {
    display: inline-block;
    margin-left: 20px;
}

.register-head li a:hover {
    color: #e57f35
}

.home-icon i {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    display: inline-block;
    background-image: url(../images/head-icon.png);
    background-position: -4px -1px
}

.home-icon:hover i {
    background-position: -4px -21px;
}

.nav-icon:hover i {
    background-position: -18px -21px
}

.nav-icon i {
    margin-right: 5px;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-position: -18px -1px;
    background-image: url(../images/head-icon.png)
}

.register-head select {
    border: none;
    color: #8b8b8b
}

.register-content {
    width: 800px;
    -moz-box-shadow: 3px 4px 150px #000;
    box-shadow: 3px 4px 150px #000;
    height: 625px;
    background-color: #fff;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    margin-top: -312.5px;
    border-radius: 15px;
    left: 0;
    right: 0
}

.bgimg {
    width: 50%;
    position: absolute;
    left: 0;
    height: 100%;
}

.register-content form {
    position: absolute;
    width: 50%;
    right: 0;
    padding-left: 50px;
}

.register-content form h2 {
    color: #358dd1;
    font-size: 60px;
    margin-top: 50px;
    font-family: "Myriad Pro Regular";
}

.register-content form h5 {
    font-size: 14px;
    color: #808080;
    margin-bottom: 40px;
}

.register-content form input {
    width: 300px;
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    line-height: 50px;
    height: 50px;
    border-radius: 5px;
    margin-bottom: 20px;
    padding-left: 20px;
}

.register-content form input.submit {
    background-color: #f46723;
    text-align: center;
    color: #fff;
    padding-left: 0;
    font-size: 18px;
    border: 1px solid #f46723
}

.register-content form .input-box input[type="text"] {
    width: 170px;
}

.register-content form .input-box input[type="button"] {
    margin-left: 6px;
    width: 119px;
    padding-left: 0;
    color: #fff;
    background-color: #358dd1;
    border-color: #358dd1;
}

.register-content .input-box {
    margin: 0;
}

.register-content ul {
    overflow: hidden;
    padding-left: 50px;
    margin-top: 455px;
    width: 50%;
    float: right;
}

.register-content ul li {
    width: 43%;
    float: left;
}

.register-content ul li a {
    width: 145px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 12px;
    display: block
}

.register-content ul li a i {
    height: 40px;;
    display: block;
    float: left;
    margin-right: 10px;
    border-right: 1px solid #ccc;
    width: 40px;
    background-image: url(../images/bg-logo.png);
    background-repeat: no-repeat
}

.wx i {
    background-position: 5px 4px
}

.xl i {
    background-position: 5px -91px
}

.gg i {
    background-position: 5px -27px
}

.in i {
    background-position: 5px -58px
}

.register-content span {
    position: absolute;
    right: 53px;
    bottom: 45px;
    font-size: 12px;
}

.register-content span a {
    color: #358dd1
}

#login {
    background-image: url(../images/login-bg.jpg)
}

#login .register-content {
    height: 533px;
    margin-top: -265px;
}

#login .register-content form h2 {
    width: 320px;
    text-align: center;
}

#login .register-content form h5 {
    width: 320px;
    text-align: center;
}

#login .register-content form span {
    position: static;
    display: block;
    margin-top: -5px
}

#login .register-content form span input {
    width: 12px;
    height: 12px;
    margin-right: 5px;
    margin: 0;
    position: relative;
    top: 2px
}

#login .register-content form label {
    font-weight: normal;
    position: relative;
}

#login .register-content form span a {
    margin-right: 45px;
    color: #666
}

input#remember {
    position: relative;
    z-index: 2;
    opacity: 0
}

input[id="remember"] + label:before {
    border: 1px solid #a6a6a6;
    width: 12px;
    content: "";
    position: absolute;
    left: -16px;
    display: block;
    top: 3px;
    height: 12px;
    z-index: 1;
    border-radius: 2px;
    background-color: #fff;
}

input#remember:checked + label:after {
    content: "√";
    font-size: 20px;
    color: #f46723;
    left: -16px;
    display: block;
    position: relative;
    top: -26px;
    font-weight: bold;
    z-index: 3;
}

.detail-img img {
    min-width: 10%;
    min-height: 10%;
}

.publish {
    position: relative;
    margin-bottom: 40px;
}

.publish h1 {
    color: #fff;
    font-size: 30px;
    position: absolute;
    top: 0;
    left: 40px;
    font-weight: bold;
    margin-top: 45px;
}

.publish h3 {
    color: #bab4a1;
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 40px;
    margin-top: 95px;
}

.publish h5 {
    color: #dedcd7;
    font-size: 12px;
    position: absolute;
    top: 0;
    left: 40px;
    margin-top: 115px;
}

.publish-content {
    border-top: 1px solid #dadada;
    border-left: 1px solid #dadada;
}

.publish-content li {
    border-bottom: 1px solid #dadada;
    height: 42px;
    border-right: 1px solid #dadada;
    line-height: 42px;
}

.publish-content a {

}

.publish-content {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 50px;
    overflow: hidden;
}

.publish-content li {
    width: 25%;
    float: left;
    padding-left: 20px;
}

.publish-content li a {
    color: #358dd1;
    font-size: 14px;
    margin-right: 5px;
}

.publish-content li a:hover {
    color: #ec9f68
}

.left-nav {
    position: absolute;
    left: 0;
    width: 23.4%;
    background-color: #f0f0f0;
    height: 100%;
    border-right: 1px solid #dadada;
    border-left: 1px solid #dadada;
}

.user-data {
    float: right;
    width: 920px;
    padding-right: 20px;
    border-right: 1px solid #dadada;
    background-color: #fff;
}

.user-data h5 {
    font-size: 24px;
    color: #000;
    font-weight: bold;
    margin-top: 35px;
    margin-bottom: 10px;
}

.user-data h5 a {
    float: right;
    width: 110px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    color: #545454;
    background-color: #ebebeb;
    text-align: center
}

.user-data ul {
    border-top: 1px solid #dadada;
    position: relative;
    border-right: 1px solid #dadada
}

.user-data li {
    height: 60px;
    line-height: 60px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #dadada;
    border-left: 1px solid #dadada;
}

.user-data li span {
    width: 90px;
    display: inline-block;
    border-right: 1px solid #dadada;
    text-align: justify;
    text-align-last: justify;
    padding: 0 10px;
}

.user-data li input[disabled] {
    border: none;
    background-color: transparent;
    margin-left: 20px
}

.user-head {
    position: absolute;
    right: 0;
    width: 202px;
    top: 0;
    text-align: center;
    padding-top: 30px;
    height: 239px;
    border-left: 1px solid #dadada;
    background-color: #f8f8f8
}

.user-head span {
    display: inline-block;
    margin-top: 15px;
}

.user-head input[type="file"] {
    height: 239px;
    width: 202px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0
}

.user-list {
    margin-bottom: 80px;
}

.user-list thead tr {
    background-color: #ebebeb;
    padding-left: 10px;
    color: #545454;
    height: 30px;
    line-height: 30px;
    padding: 0;
    font-size: 12px;
    border-right: 1px solid #dadada;
}

.user-list thead tr th {
    padding-left: 10px;
}

.user-list td {
    padding-left: 10px;
    height: 60px;
    line-height: 60px;
}

.left-nav {
    padding: 0;
}

.left-nav li {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #dadada;
    padding-left: 15px;
    background-color: #f8f8f8
}

.left-nav li.cur {
    background-color: #fff;
}

.left-nav li a {
    color: #000;
}

.left-nav li.cur a {
    color: #358dd1
}

.left-nav li i {
    background-image: url(../images/user-left-nav.png);
    width: 20px;
    height: 20px;
    position: relative;
    top: 6px;
    margin-right: 8px;
    display: inline-block
}

.cur .user_data i, .user_data:hover i {
    background-position: -26px -0px
}

.cur .history i, .history:hover i {
    background-position: -26px -40px
}

.cur .collection i, .collection:hover i {
    background-position: -26px -77px
}

.history i {
    background-position: 0 -40px
}

.collection i {
    background-position: 0 -77px
}

.edit li input {
    border: 1px solid #dadada;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    margin-left: 10px;
    padding-left: 10px;
    width: 280px;
}

.user-list td span {
    width: 62px;
    height: 24px;
    color: #fff;
    background-color: #358dd1;
    text-align: center;
    display: block;
    line-height: 24px;
    border-radius: 3px;
    margin: 0 auto;
}

.edit .submit {
    width: 320px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 14px;
    border: none;
    border-radius: 3px;
    margin: 0 auto;
    position: relative;
    top: -30px;
    left: 0;
    right: 0;
    display: block;
    background-color: #f46723
}

.input-box {
    position: relative;
    margin: 10px 0;
}

.crumbs select {
    border: none;
}

/*
width: 64px;
*/
.left-list label {
    margin-bottom: 0;
    font-weight: normal;
    position: relative;
    color: #000;
    cursor: pointer;
    max-width: 60%;
}

/**
@media screen and (min-width: 1301px) { 
	.left-list label {
	    width: 130px;
	}
}
		
@media screen and (max-width: 1300px) { 
	.left-list label {
	    width: 55px;
	}
}
**/
.left-list input[type="checkbox"] + label:before {
    border: 1px solid #a6a6a6;
    width: 12px;
    content: "";
    position: absolute;
    left: -20px;
    display: block;
    top: 2px;
    height: 12px;
    z-index: 1;
    border-radius: 2px;
    background-color: #fff;
    pointer-events: none;
}

.left-list input[type="checkbox"]:checked + label:after {
    content: "√";
    position: absolute;
    font-size: 20px;
    color: rgb(244, 103, 35);
    left: -21px;
    z-index: 99;
    top: -12px;
}

.left-list input[type="checkbox"] + label:after {
    content: "";
    position: absolute;
    font-size: 20px;
    color: rgb(244, 103, 35);
    left: -28px;
    z-index: 99;
    top: -10px;
}

.search-list-li a {
    color: #23527c;
}

.input-box input {
    width: 230px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #ddd;
}

.search-list-li input {
    padding-left: 10px;
}

.input-box button {
    position: absolute;
    /* right: 310px; */
    background-color: transparent;
    top: 0;
    height: 35px;
    width: 35px;
    border: none;
    background-image: url(../images/serchgre.png);
    background-repeat: no-repeat;
    background-position: center;
}

.input-box button:hover {
    background-image: url(../images/serchblue.png);
}

.all-visit {
    color: #1b6197;
    display: block;
    background-position: 12% center;
    background-image: url(../images/down.png);
    background-repeat: no-repeat;
    margin-bottom: 15px;
}

.all-visit img {
    width: 15px;
    height: 15px;
    float: none;
    margin: 0;
    margin-right: 5px;
    position: relative;
    top: -1px;
}

.width-big {
    width: 100%;
    float: left;
    min-width: 100%;
}

.ovh {
    overflow: hidden;
}

.right-wj h2, .right-wj h5 {
    font-weight: bold;
    color: #000;
    display: block;
    margin: 15px 0
}

.right-wj img {
    width: 80%;
    height: 80%;
}

.right-wj .baike {
    background-color: transparent
}

.right-wj b {
    color: #000;
}

.right-wj .baike p {
    background: #ebebeb;
    width: 93%;
    padding: 15px;
}

.right-wj .baike {
    height: auto;
    margin-bottom: 50px;
}

.right-wj .relevant {
    padding-left: 0;
}

.right-wj .relevant li {
    width: 100%;
}

.read {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #434343
}

.read-book {
    width: 84%;
    float: left;
    height: 100%;
    position: relative;
    overflow: auto;
    min-width: 1600px;
}

.read-right {
    width: 16%;
    float: left;
    height: 100%;
    min-width: 300px;
    background-color: #fff;
}

.book-content {
    width: 1250px;
    display: block;
    margin: 0 auto;
    background-color: #fff;
    min-height: 100%;
    overflow: auto;
    margin-top: 2.7%;
    padding-bottom: 50px;
}

.reviews {
    font-size: 16px;
    color: #000;
    width: 940px;
    margin: 0 auto;
    text-align: right;
    display: block;
    padding-top: 130px;
    font-weight: bold;
    font-family: "arial"
}

.book-content h1 {
    font-size: 30px;
    color: #000;
    text-align: right;
    width: 940px;
    margin: 0 auto;
    margin-top: 50px;
}

.book-content h1 i {
    border-bottom: 3px solid #c7c8ca;
    padding-bottom: 24px;
    display: inline-block
}

.book-title {
    width: 940px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    top: -20px;
}

.book-title img {
    width: 167px;
    height: 245px;
}

.book-title span {
    width: 710px;
    color: #000;
    float: right;
    height: 134px;
    overflow: hidden;
    padding: 10px;
    margin-top: 94px;
    font-size: 18px;
    background-color: #e6e7e8
}

.book-title span i {
    font-size: 20px;
    display: block;
    font-style: italic;
    margin-bottom: 10px;
}

.book-content p {
    width: 940px;
    margin: 0 auto;
    color: #000;
    font-size: 14px;
    line-height: 1.5
}

/* Let's get this party started */
/* ::-webkit-scrollbar {
	width: 12px;
} */

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0.4);
}

.read-right h1 {
    color: #358cd1;
    font-size: 18px;
    margin-bottom: 20px;
}

.read-right span {
    color: #358cd1;
    border: 1px solid #358cd1;
    padding: 2px;
    margin-bottom: 10px;
    display: inline-block;
    border-radius: 2px
}

.read-right ul {
    margin-left: 20px;
    margin-top: 60px;
}

.read-right ul li {
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    margin-left: -20px;
    padding-left: 20px;
    border-bottom: 1px solid #ddd
}

.read-right li.first-child {
    border-top: 1px solid #ddd;
    margin-top: 10px;
}

.read-right strong {
    display: block;
    margin-top: 10px;
}

.read-right strong a {
    margin-left: 10px;
    color: #358cd1;
}

.read-right img {
    vertical-align: middle;
    margin-right: 15px;
}

.read-right li a {
    color: #358cd1
}

.read-right ul li.cur {
    background: #ebebeb
}

.read-right ul li.cur a {
    display: block;
    border-right: 5px solid #fc7f24;
    position: relative;
}

.read-right ul li.cur a:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: -2px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fc7f24;
    margin-top: -9px;
}

.book-content-list {
    position: absolute;
    background: #fff;
    top: 95%;
    display: none;
    -moz-box-shadow: 1px 5px 14px #888888;
    box-shadow: 1px 5px 14px #888888;
    left: 40px;
    border: 1px solid #ddd;
    border-radius: 3px;
    z-index: 99;
    padding: 20px 0;
}

.book-content-list li {
    margin-bottom: 10px;
    line-height: 1.8;
    color: #000
}

.ova {
    overflow: visible;
    position: relative;
    top: 0;
    padding-top: 1px;
}

.search-radio {
    position: absolute;
    right: 122px;
    width: auto;
    top: 0;
    margin: 0;
    background-color: white;
}

.search-box .search-radio select {
    width: 110px;
}

.dis-in label {
    position: relative;
}

.dis-in select {
    font-size: 14px;
}

span.fp {
    display: inline-flex;
    margin-right: 20px;
}

.dis-in input[type="checkbox"] + label:before {
    border: 1px solid #a6a6a6;
    width: 12px;
    content: "";
    position: absolute;
    left: -22px;
    display: block;
    top: 2px;
    height: 12px;
    z-index: 1;
    border-radius: 2px;
    background-color: #fff;
    pointer-events: none;
}

.dis-in input[type="checkbox"] + label:after {
    content: "";
    position: absolute;
    font-size: 20px;
    color: rgb(244, 103, 35);
    left: -28px;
    z-index: 5;
    top: -10px;
}

.dis-in input[type="checkbox"]:checked + label:after {
    content: "√";
    position: absolute;
    font-size: 20px;
    color: rgb(244, 103, 35);
    left: -22px;
    z-index: 5;
    top: -12px;
}

.limit input {
    z-index: 3;
    opacity: 0
}

.collection-content {
    float: right;
    width: 920px;
    padding-right: 20px;
    border-right: 1px solid #dadada;
    background-color: #fff;
}

.left-nav li ul {
    position: relative;
    left: -15px;
    width: 105.2%;
    background-color: #fff
}

.left-nav li ul li {
    margin-left: 25px;
    position: relative;
    background-color: transparent
}

.left-nav li.cur ul li a {
    color: #666;
    margin-left: 10px;
}

.left-nav li ul li em {
    content: "";
    width: 12px;
    position: absolute;
    top: 14px;
    left: 0;
    height: 12px;
    border-radius: 50%;
    background-color: #f42d23;
    display: block;
}

.left-nav li ul li.cur a {
    color: #358dd1
}

.left-nav li ul .color-ls em {
    background-color: #f46723;
}

.left-nav li ul .color-rw em {
    background-color: #f4a823;
}

.left-nav li ul .color-dl em {
    background-color: #f4cf23;
}

.left-nav li ul .color-cw em {
    background-color: #23b2f4;
}

.collection-content .pagination {
    text-align: center;
    display: block;
    overflow: hidden;
    margin-bottom: 60px;
    margin-top: 30px;
}

.collection-content .pagination li {
    display: inline-block;
    margin-right: 8px;
}

.collection-content .pagination li a.next {
    color: #fff;
    background-color: #1776c0;
}

.title h1 {
    font-size: 24px;
    color: #000;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 20px;
}

.title h1 span {
    font-size: 18px;
    font-weight: normal;
    color: #358dd1
}

.import {
    border-bottom: 1px solid #ddd;
}

.collection-content input[type="checkbox"] + label:before {
    border: 1px solid #a6a6a6;
    width: 12px;
    content: "";
    position: absolute;
    left: 15px;
    display: block;
    margin-top: 3px;
    height: 12px;
    z-index: 1;
    border-radius: 2px;
    background-color: #fff;
    pointer-events: none;
}

.collection-content input[type="checkbox"]:checked + label:after {
    content: "√";
    position: absolute;
    font-size: 20px;
    color: rgb(244, 103, 35);
    left: 14px;
    z-index: 99;
    margin-top: -11px;
}

.title a {
    float: right;
    height: 24px;
    text-align: center;
    font-size: 12px;
    background-color: #ebebeb;
    line-height: 24px;
    color: #545454
}

.collection-content .search-list-li {
    /* padding-left: 50px; */
}

.qx-input {
    position: absolute;
    top: 0;
    left: 0;
}

.qx-input input {
    position: relative;
    left: 15px;
}

.qx-input input[type="checkbox"] + label:before {
    top: 2px;
}

.qx-input input[type="checkbox"]:checked + label:after {
    top: 2px
}

.yy {
    background-image: url(../images/links.png);
    background-repeat: no-repeat;
}

.sc {
    background-image: url(../images/links.png);
    background-repeat: no-repeat;
    background-position: 0 33%;
}

.dc {
    background-image: url(../images/links.png);
    background-repeat: no-repeat;
    background-position: 0 66%;
}

.mf {
    background-image: url(../images/links.png);
    background-repeat: no-repeat;
    background-position: 0 99%;
}

.icon-home {
    background-image: url(../images/top-icon.png);
    display: inline-block;
    width: 15px;
    height: 12px;
}

.icon-book {
    background-image: url(../images/top-icon.png);
    display: inline-block;
    background-position: 0 46%;
    width: 15px;
    height: 12px;
}

.icon-image {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
}

/* background-position: 0 101%; */
.icon-user {
    background-image: url(../images/user-white.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 6px;
}

.layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .7);
    height: 100%;
    z-index: 999;
}

.layer .layers {
    display: block;
    margin: 0 auto;
    display: none;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding-bottom: 40px;
}

.layer .mail, .layer .citation {
    width: 360px;
    background-color: #fff;
    border-radius: 5px;
}

.citation button {
    width: 300px;
    margin: 0 auto;
    display: block;
    height: 60px;
    line-height: 60px;
    border: none;
    background-color: #fff;
    color: #333333;
    border: 1px solid #e0e0e0;
    font-size: 16px;
    border-radius: 3px;
    margin-top: 20px;
}

.citation button:hover, .citation button.cur {
    background-color: #fff;
    color: #1077d0;
    border-color: #1077d0;
}

.layer .layers h1 {
    height: 69px;
    line-height: 50px;
    /* text-align: center; */
    color: #000;
    /* font-size: 18px;
    position: relative; */
    border-bottom: 1px #e0e0e0 solid;
}

.layer .layers h1 img {
    position: absolute;
    right: 20px;
    top: 25px;
    cursor: pointer;
}

.layer .layers textarea {
    width: 300px;
    margin: 0 auto;
    height: 200px;
    border-radius: 3px;
    border: 1px solid #ddd;
    text-align: left;
    display: block;
    box-sizing: border-box;
    padding: 10px;
    resize: none
}

.layer .layers span {
    color: #333;
    display: block;
    /* width: 300px; */
    margin: 0 auto;
    /* font-weight: bold; */
    /* margin-top: 20px;
    margin-bottom: 10px; */
    font-size: 25px;
}

.layer .layers input[type="submit"] {
    width: 300px;
    margin: 0 auto;
    display: block;
    height: 60px;
    line-height: 60px;
    border: none;
    background-color: #1077d0;
    color: #fff;
    font-size: 16px;
    border-radius: 3px;
    margin-top: 20px;
}

.layer .labels {
    /* height: 390px; */
    background-color: #fff;
}

.labels em {
    color: #999999;
    font-size: 14px;
    text-align: center;
    display: block;
    height: 40px;
    line-height: 30px;
}

/* .labels ul {
	width: 350px;
	margin: 0 auto;
	margin-top: 20px;
} */

/* .labels ul li {
	width: 120px;
	height: 50px;
	line-height: 50px;
	float: left;
	box-sizing: border-box;
	border: 1px solid #ddd;
	border-radius: 3px;
	text-align: center;
	margin: 0 5px;
	margin-bottom: 10px;
	cursor: pointer;
	position: relative;
} */

.labels ul li:hover, .labels ul li.cur {
    /* color: #f46723;
    border-color: #f46723; */
}

/* .labels ul li:after {
	content: "";
	display: block;
	background-color: #f42d23;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	left: 20px;
	border-radius: 50%
} */

/* .labels ul li:nth-child(1)::after {
	background-color: #f42d23;
}

.labels ul li:nth-child(2)::after {
	background-color: #f46723;
}

.labels ul li:nth-child(3)::after {
	background-color: #f4a823;
}

.labels ul li:nth-child(4)::after {
	background-color: #f4cf23;
}

.labels ul li:nth-child(5)::after {
	background-color: #63f423;
}

.labels ul li:nth-child(6)::after {
	background-color: #23e8f4;
}

.labels ul li:nth-child(7)::after {
	background-color: #23b2f4;
}

.labels ul li:nth-child(8)::after {
	background-color: #2328f4;
}

.labels ul li:nth-child(9):after {
	background-color: #a323f4;
}

.labels ul li:nth-child(10)::after {
	background-color: #f423e8;
} */
/*.labels ul li:last-child{
	background-color:#f46723;
	color:#fff;
	border:#f46723
}*/
/* .labels ul li:last-child::after{
	display: none;
} */
.add-label {
    border: 1px solid #ddd;
    float: right;
    margin-right: 305px;
    width: 250px;
    height: 50px;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    margin-top: -10px;
}

.add-label input {
    border: none;
    width: 250px;
    height: 50px;
    padding-left: 20px;
}

.add-label button {
    width: 80px;
    height: 50px;
    line-height: 50px;
    float: left;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #f46723;
    text-align: center;
    color: #fff;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    cursor: pointer;
    position: absolute;
    right: -1px;
    top: -1px;
}

.layer .transmit, .layer .quote {
    background-color: #fff;
}

.layer .transmit ul {
    overflow: hidden;
}

/* .layer .transmit li {
	float: left;
	width: 33.33333333%;
	text-align: center;
	height: 50px;
	color: #333;
	cursor: pointer;
	position: relative;
	line-height: 50px;
	border-left: 1px solid #dadada;
	border-bottom: 1px solid #dadada
} */

.layer .transmit li.cur {
    color: #f46723
}

.layer .transmit li.cur:after {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #f46723;
    color: #f46723;
    content: "";
    bottom: 0;
    left: 0
}

.layer .layers.quote span {
    color: #358dd1;
    font-size: 16px;
    text-align: left;
    display: inline-block;
    margin-left: 20px;
}

.layer .input-box {
    margin-bottom: 15px;
    width: 100%;
}

.layer .input-box input {
    width: 630px;
    padding-left: 10px;
}

.layer .layers.quote em {
    width: 82px;
    text-align: right;
    display: inline-block
}

.layer .layers.quote .mails em {
    width: 45px;
}

.layer .quote input[type="submit"] {
    height: 50px;
    width: 140px;
    text-align: center;
    color: #fff;
    background-color: #f46723;
    line-height: 50px;
    margin-left: 85px;
    font-size: 16px;
    display: inline-block;
}

.layer .quote input[type="button"] {
    height: 50px;
    width: 140px;
    text-align: center;
    color: #fff;
    background-color: #a6a6a6;
    border: none;
    line-height: 50px;
    margin-left: 20px;
    font-size: 16px;
    display: inline-block;
}

.layer {
    display: none;
}

.layer .mails input {
    width: 118px;
    padding-left: 10px;
}

.transmit-content {
    padding: 0 20px;
    padding-top: 10px;
}

.layer .mails input[width] {
    width: 200px;
}

.history-search {
    background: #fff;
    padding-top: 1px;
    padding-left: 20px;
}

.history-search input[type="checkbox"] + label:before {
    left: -22px;
    top: 1px;
}

.history-search input {
    top: 1px;
}

.history-search input[type="checkbox"]:checked + label:after {
    left: -22px;
    top: 1px;
}

.history-search .w330 input[type="checkbox"] + label:before {
    left: 35px;
    top: 10px;
    display: none;
}

.history-search .w330 input[type="checkbox"]:checked + label:after {
    left: 35px;
    display: none;
    top: 3px;
}

.history-search table {
    background-color: #f2f2f2;
    text-align: center;
    color: #333
}

.history-search .content-page {
    background-color: #f2f2f2;
    margin-bottom: 30px;
    height: 50px;
    text-align: right
}

.history-search .content-page a {
    height: 22px;
    width: 22px;
    line-height: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    display: inline-block;
    text-align: center;
    margin-right: 5px;
    font-size: 12px;
    color: #1776c0;
    margin-top: 13px;
}

.user-head1 {
    background-color: #1776c0;
    color: #fff;
    height: 65px;
    line-height: 65px;
    padding-left: 15px;
}

.user-head1 img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-right: 5px;
}

.user {
    position: relative;
}

.user-content1 {
    position: absolute;
    top: 0px;
    width: 220px;
    background-color: #fff;
    right: 38px;
    z-index: 20;
    display: none;
    border: 1px solid #ddd;
}

.user-content1 {
    width: 230px;
    margin: 0 auto;
}

.user-content1 li {
    display: inline-block;
    width: 48%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-bottom: 1px solid #eee;
    background-image: url(../images/user.png);
    background-repeat: no-repeat;
    background-position: 0 7px
}

.user-content1 a.tc {
    text-align: right;
    padding-right: 20px;
    display: block;
    height: 26px;
    line-height: 24px;
    color: #e57f35;
    padding-top: 2px;
}

.user-content1 li.ls {
    background-position: 0 -27px
}

.user-content1 li.sc {
    background-position: 0 -62px
}

.user-content1 li.xx {
    background-position: 0 -97px
}

.history-search .content-page a.next {
    color: #fff;
    background-color: #1776c0;
    width: auto;
    padding: 0 7px;
}

.history-search table thead {
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2
}

.history-search table th {
    text-align: center;
    height: 36px;
    line-height: 36px;
    background-color: #fff
}

.history-search table tr {
    border-bottom: 1px solid #ddd;
}

.history-search table a {
    display: block;
    color: #1776c0
}

.history-search table td:nth-child(3) {
    color: #d9632b
}

.history-search table td:nth-child(5) {
    padding: 0;
}

.history-search table td:nth-child(4), table td:nth-child(5) {
    text-align: left;
    padding: 10px
}

.top-button {
    background-color: #e6e6e6;
    height: 45px;
    line-height: 45px;
}

.top-button button {
    float: right;
    width: 65px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    background-color: #358dd1;
    margin-right: 10px;
    border: 0;
    border-radius: 3px;
    margin-top: 10px;
}

.top-button .por {
    padding-left: 5px;
}

.history-search .top-button input[type="checkbox"] + label:before {
    left: 5px;
    top: 13px;
}

.history-search .top-button input[type="checkbox"]:checked + label:after {
    left: 5px;
    top: 5px;
}

.crumbs li {
    background-size: 370px;
    background-position: 10px 0;
    overflow: hidden;
}

.crumbs li:nth-child(2) em {
    background-position: -114px -9px;
}

.crumbs li:nth-child(3) em {
    background-position: -214px -9px
}

.crumbs li:nth-child(4) em {
    background-position: -308px -9px
}

.crumbs li {
    padding-left: 25px;
}

.crumbs li.no-padding {
    padding-left: 0px;
}

.crumbs li em {
    display: block;
    width: 20px;
    background-image: url(../images/c-bg.png);
    background-repeat: no-repeat;
    background-position: -2px -11px;
    background-size: 370px;
    height: 20px;
    position: absolute;
    left: 5px;
    top: 9px;
}

searchlink {
    cursor: pointer;
    color: #03add8;
}

.topbar-search-header a {
    color: #ebebeb;
}

.retrieval-search {
    background-color: #fff;
}

.ft:after {
    font-size: 0;
    content: "";
    height: 100%;
}

.sn {
    display: inline-block;
    vertical-align: middle;
}

.hr-line-dashed {
    border-top: 1px dashed #e7eaec;
    color: #ffffff;
    background-color: #ffffff;
    height: 1px;
    margin: 20px 0;
}

.cited-ref-separator {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    border-top-color: #ccc;
    border-top-style: solid;
    border-bottom-color: #ccc;
    border-width: 1px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}

.search-result h3 {
    margin-bottom: 0;
    color: #1E0FBE;
}

.search-result .search-link {
    color: #006621;
}

.search-result p {
    font-size: 12px;
    margin-top: 5px;
}

.li-min {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.nav-item {
    padding-right: 10px;
    /* font-size: 14px; */
}

.nav-item a span {
    color: black;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    line-height: 2;
    /* font-size: 12px; */
}

li.dropdown a::after {
    color: rgb(0, 0, 0);
}

#mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9999;
    transition: all 0.3s ease-in;
}

.hide-nav {
    transform: translateX(-100%);
}

#overallSearch input {
    width: 94%;
    line-height: 2;
    padding-right: 30px;
    font-size: 16px;
    border-bottom: solid #1077d0;
    border-width: 0 0px 4px 0px;
}

.entry-title {
    font-weight: 500;
    margin-bottom: 2%;
    color: #fff;
    text-shadow: 2px 2px 40px rgba(52, 62, 71, 0.8);
    position: relative;
    z-index: 5;
    max-width: 1600px;
    margin: 0 auto;
}

@media ( max-width: 990px) {
    .phone-class {
        display: none;
    }
}

ul.search-tabs li {
    flex: 0 0 auto;
    padding: 0 1.5em;
    line-height: 2;
}

.actives {
    border-bottom: 3px solid #1077d0;
}

ul.search-tabs {
    flex-direction: inherit;
}

.left-header {
    font-size: 1.112em;
    line-height: 1.333em;
    font-weight: bold;
    color: #000;
    margin-bottom: 20px;
    cursor: pointer;
}

@media ( max-width: 1599.98px) {
    .left-filters-div {
        padding-left: 15px !important;
    }
}

@media ( min-width: 1600px) {
    .left-filters-div {
        padding-left: 0px !important;
    }
}

.mt-30 {
    margin-top: 30px;
}

.gray-to-White {
    background-image: linear-gradient(to right, #f5f5f5 50%, #fff 50%);
}

.gray-to-b-White {
    background-image: linear-gradient(to right, #fff, #fff);
}

.bd-none {
    border: none !important;
}

.rec-pub-title {
    margin-top: 5px;
    /*height: 4.5rem;*/
    /*word-break: break-all;*/
}

.author-score {
    color: #a94442;
}

.author-tag {
    font-size: 12px;
    border: solid 1px #d6d2d2;
    transition: all .1s ease-in-out;
    border-radius: 2px !important;
    padding: 2px 5px;
    display: inline-block;
    margin: 3px 3px;
}

a.news {
    height: 250px;
    background-size: cover;
    background-position: 50% 50%;
    display: inline-block;
    width: inherit;
}

#myTab li:not(:last-child)::after{
    content: url('../../img/bg-tab-search-slash.png');
    background: no-repeat right center;
    padding: 5px;
    position: relative;
    top: 4px;
}

#searchdiv{
    height: 180px;
    width: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    margin: auto;
    margin-top: 10px;
    border-radius: 25px;
}
.inputSearch{
    line-height: 3;
    border-radius: 25px;
    border: 0px;
    padding-left: 20px;
    padding-right: 100px;
    background: rgba(255, 255, 255, 0.9);
}

#searchinput div .search-icon{
    position: absolute;
    top: 6px;
    right: 6%;
}
#noval{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
}


@media ( min-width: 576px) {
    a.news {
        height: 250px;
    }

    .widget-SelfServeContent {
        border-bottom: none;
        border-right: 1px solid #CFD5E4;
        margin-bottom: 1.5rem;
    }

    .indexSearch {
        width: 82%;
    }

    .inputSearch{
        width: 95%;
    }

    #searchdiv{
        background-color: transparent;
    }

    .top-background-h {
        height: 235px;
    }

    .per-float {
        float: left;
    }

    .visible-xss {
        display: block !important;
    }

    .detail-img {
        /* min-width: 145px; */
        min-height: 240px;
        background-position: 0 0;
        background-repeat: no-repeat;
        float: none;
    }

    /*#facetLabel {*/
    /*    display: none;*/
    /*}*/

    .db-facetLabel {
        display: none;
    }

    .entry-title {
        font-size: 32px;
        margin-bottom: 0;
    }

    .text-overflow {
        -webkit-line-clamp: 1;
    }

    .layer .labels {
        width: 360px;
    }

    .layer .transmit, .layer .quote {
        width: 360px;
    }
}

@media ( max-width: 576px) {
    .widget-SelfServeContent {
        border-bottom: none;
        border-right: none;
    }

    .indexSearch {
        width: 79%;
    }

    #searchinput div .search-icon{
        right: -105px;
    }
    .inputSearch {
        width: 160% !important;
    }


    #searchdiv{
        width: 80% !important;
    }

    .top-background-h {
        height: 235px;
    }

    .per-float {
        float: left;
    }

    .detail-img {
        /* min-width: 145px; */
        min-height: 240px;
        background-position: 0 0;
        background-repeat: no-repeat;
        float: none;
    }

    #facetLabel {
        display: none;
    }

    .db-facetLabel {
        display: none;
    }

    .entry-title {
        font-size: 32px;
        margin-bottom: 0;
    }

    .text-overflow {
        -webkit-line-clamp: 1;
    }

    .layer .labels {
        width: 360px;
    }

    .layer .transmit, .layer .quote {
        width: 360px;
    }

    .search-icon{
        right: 15%;
    }

    #searchdiv {
        background-color: transparent;
    }
}

@media ( min-width: 768px) {
    .widget-SelfServeContent {
        padding-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 1.5rem;
    }

    .indexSearch {
        width: 80%;
    }

    .inputSearch{
        width:90%;
    }

    #searchtags{
        width: 50% !important;
    }

    #searchdiv{
        background-color: rgba(0, 0, 0, 0.5);
    }

    #myTab li:not(:last-child)::after{
       padding: 5px ;
    }

    .top-background-h {
        height: 300px;
    }

    .per-float {
        float: left;
    }

    .visible-xss {
        display: none !important;
    }

    .detail-img {
        /* min-width: 145px; */
        min-height: 240px;
        background-position: 0 0;
        background-repeat: no-repeat;
        float: right;
    }

    .text-overflow {
        -webkit-line-clamp: 2;
    }

    .subject-explore-img {
        width: 32px;
    }

    .layer .labels {
        width: 400px;
    }

    .layer .transmit, .layer .quote {
        width: 450px;
    }

    .search-icon{
        right: 12%;
    }
}

@media ( min-width: 992px) {
    a.news {
        height: 110px;
    }

    .widget-SelfServeContent {
        margin-bottom: 0rem;
    }

    .borbr {
        border-bottom: none;
        border-right: 1px solid #CFD5E4;
    }

    .indexSearch {
        width: 60%;
    }

    .inputSearch{
        width: 90%;
    }

    #searchdiv{
        background-color: rgba(0, 0, 0, 0.5);
    }

    .top-background-h {
        height: 300px;
    }

    .per-float {
        float: right;
    }

    .detail-img {
        /* min-width: 145px; */
        min-height: 240px;
        background-position: 0 0;
        background-repeat: no-repeat;
        float: right;
    }

    #facetLabel {
        display: block;
    }

    .db-facetLabel {
        display: block;
    }

    .search-icon{
        right: 22%;
    }
}

@media ( min-width: 1200px) {
    a.news {
        height: 110px;
    }

    .widget-SelfServeContent {
        border-bottom: 1px solid #CFD5E4;
        border-right: none;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-bottom: 0rem;
    }

    .borbr {
        border-bottom: 1px solid #CFD5E4;
        border-right: none;
    }

    .indexSearch {
        width: 40%;
    }

    #searchdiv{
        background-color: rgba(0, 0, 0, 0.5);
    }

    .top-background-h {
        height: 300px;
    }

    .detail-img {
        /* min-width: 145px; */
        min-height: 240px;
        background-position: 0 0;
        background-repeat: no-repeat;
        float: right;
    }

    #facetLabel {
        display: block;
    }

    .entry-title {
        font-size: 50px;
        margin-bottom: 0;
        text-shadow: none;
    }

    .subject-explore-img {
        width: 59px;
    }

    .search-icon{
        right: 31%;
    }

    .inputSearch{
        width:90%;
    }
}

.navbar-nav a {
    font-size: 16px;
}

.header-gradient {
    background: linear-gradient(to bottom, transparent 25%, rgba(0, 0, 0, 0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00e5e5e5',
    endColorstr='#36404c', GradientType=0);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 20;
    pointer-events: none;
}

.aca-desc {
    padding: 10px 10px 10px 5px;
    text-indent: 2rem;
    line-height: 1.7;
}

.left-list h5 {
    font-weight: bold;
    color: #000;
    /* margin-top: 20px; */
    margin-bottom: 20px;
    cursor: pointer;
}

html {
    height: 100%;
}

body {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.index-container {
    flex: 1;
}

.indexSearch {
    line-height: 3;
    border-radius: 25px;
    border: 0px;
    padding-left: 20px;
    padding-right: 100px;
    background: rgba(255, 255, 255, 0.9);
}


.header-gradient-totop {
    background: linear-gradient(to top, transparent 80%, rgba(255, 255, 255, 1.0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00e5e5e5',
    endColorstr='#36404c', GradientType=0);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 22;
    pointer-events: none;
}

.db-service {
    color: white;
    padding: 5px 10px;
    margin: 4px 4px;
    display: inline-block;
}

/* background-color: #6f42c1;	 */
.db-service.db-service-Yit-Openathens {
    background: linear-gradient(to right, #6f42c1, #9C27B0);
}

/* background-color: #2196F3; */
.db-service.db-service-Yit-Proxy {
    background: linear-gradient(to right, #2196F3, #03A9F4);
}

.db-service.db-service-Direct {
    background: linear-gradient(to right, #23527c, #607d8b);
}

.db-service a {
    color: white;
}

.db-service img.icon {
    width: 25px;
    height: 25px;
    margin: 0 5px 0 0;
}

.db-service .stat-list span {
    display: inline-block;
    width: 20px;
    height: 35px;
    float: left;
    margin-left: 12px;
    background-color: #757575;
    position: relative;
}

.db-service .stat-list span:first-child {
    margin-left: 0;
}

.db-service .slot {
    position: absolute;
}

.db-service .zero {
    top: 75px;
    left: 6px
}

.db-service .ten {
    top: 75px;
    left: 322px;
}

.db-service .two {
    top: 75px;
    left: 643px;
}

.db-service .thir {
    top: 75px;
    right: 4px;
}

.db-service .four {
    bottom: -22px;
    left: 322px;
}

.db-service .five {
    bottom: -22px;
    left: 643px;
}

.db-service .six {
    bottom: -22px;
    right: 4px;
}

.db-service .box {
    margin-bottom: 40px;
    position: relative;
}

.db-service .green {
    background-color: #00821c
}

.db-service .yellow {
    background-color: #d4ed00
}

.db-service .orange {
    background-color: #ff9000
}

.db-service .red {
    background-color: #ff0000
}

.db-service .list-title {
    display: inline-block;
    margin-bottom: 15px;
}

.db-service .stat-list {
    width: 100%;
    height: 40px;
}

.db-service .sbg {
    width: 60px;
    height: 38px;
    background: url("https://image.xunyou.com/images/20180315/pubg/sbg.png") center top no-repeat;
    position: absolute;
    z-index: 3;
    color: #ffffff;
    font-size: 12px;
    display: none;
    left: 10px;
    top: 20px;
}

.db-service .sbgm {
    left: -48px;
}

.db-service .sbg div {
    width: 60px;
    height: 19px;
    line-height: 19px;
}

.db-service .r {
    left: 0
}

.db-service .rr {
    left: 0;
    right: 10px
}

.text-overflow {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.border-solid {
    border: 1px solid #CFD5E4;
    height: 100%;
}

.collects {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    color: white;
    z-index: 40;
    padding: 0 25px;
    background: rgba(27, 31, 40, 0.5);
    flex-flow: wrap;
    height: 56px;
}

.collects:hover {
    background: #e00023;
}

.collects button {
    /* border-left: 2px solid white;
    border-right: 2px solid white; */
    color: #fff;
    border-radius: 0;
    border-top: 0px;
    border-bottom: 0px;
}

.collects button:hover {
    color: #fff;
    text-decoration: none;
}

.breadcrumb--initialised a {
    color: white;
}

.breadcrumb__separator::before {
    content: '/';
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    position: relative;
    bottom: -1px;
}

.breadcrumb__separator {
    padding: 0 3px;
    color: #e00023;
}

.triangle:after,
.triangle:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: black;
    left: 20%;
    top: -16px;
}

@media (max-width: 62em) {
    #li-topbar-login a {
        color: white;
    }

    .navSearchMe a {
        color: white;
    }

    .navSearchMe a.btn-link {
        color: #1077d0;
    }

    .triangle:after,
    .triangle:before {
        top: 54px;
    }

    #li-topbar-regist a {
        color: white;
    }

    #li-topbar-logout a {
        color: white;
    }
}

.triangle:after {
    border-bottom-color: #fff;
}

.navSearchMe a.btn-link {
    font-weight: bold;
}

.border-bottom-shadow {
    border-bottom: 1px solid #666;
    box-shadow: 1px 1px 3px 2px #ccc;
}

.sindexDescription {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* -webkit-line-clamp: 4; */
    overflow: hidden;
    /*height: 200px;*/
    transition: height 0.5s;
}

#ul-ymrange input[type="checkbox"] + label:before {
    left: -242px;
    top: 4px;
}

#ul-ymrange input[type="checkbox"]:checked + label:after {
    left: -242px;
}

.eds-article-html-fulltext ul {
    padding-left: 30px;
}

.eds-article-html-fulltext li {
    list-style: disc;
}

.eds-article-html-fulltext a {
    color: #00a2ff;
}

.scroll-top-xjtu {
    height: auto;
    width: auto;
    margin-right: 20px;
    background-color: #fff;
}

.layui-layer-btn {
    display: none;
}

.layui-layer-title{
    visibility: hidden;
}

.layui-layer-content{
    padding-top: 0 !important;
}

#footer-link{
    padding-bottom: 0 !important;
    padding-top: 10px !important;
}

#footer-link img{
    max-width: 100%;
}

#footer-link-div{
    padding-top: 15px !important;
}

.entrance-selection {
    display: none;
}