@charset "utf-8";
/* CSS Document */
html, body {
    height: 100%;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix {
    content: "";
    display: table;
    clear: both;
}

.clearfix {
    *zoom: 1;
}

input, select {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

/*火狐、谷歌*/
/*将默认的select选择框样式清除*/
/*select{
    appearance:none;
    -moz-appearance:none;
   -webkit-appearance:none;
	}*/
/*IE*/
/*select::-ms-expand { display: none; } */

/*option::-ms-expand{ display: none; }*/
option {
    /*-moz-appearance:none;*/ /* Firefox */
    /*-webkit-appearance:none;*/ /* Safari 和 Chrome */
    /*appearance:none;*/
}

/*页面加载*/
.overlay, .overlay0 {
    z-index: 998;
    width: 100%;
    /*height:100%;*/
    _padding: 0 20px 0 0;
    background: #000;
    display: none;
}

.overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.overlay0 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}

.showbox, .showbox0 {
    z-index: 9999;
    opacity: 0;
    filter: alpha(opacity=0);
    margin-left: -80px;
}

.showbox {
    position: fixed;
    top: 0;
    left: 50%;
}

.showbox0 {
    position: fixed;
    top: 0;
    left: 55%;
}

* html, * html body {
    background-image: url(about:blank);
    background-attachment: fixed;
}

* html .showbox, * html .overlay, * html .showbox0, * html .overlay0 {
    position: absolute;
    top: expression(eval(document.documentElement.scrollTop));
}

#AjaxLoading, #AjaxLoading0 {
    border: 1px solid #8CBEDA;
    color: #37a;
    font-size: 12px;
    font-weight: bold;
}

#AjaxLoading div.loadingWord, #AjaxLoading0 div.loadingWord {
    width: 180px;
    height: 50px;
    line-height: 50px;
    border: 2px solid #D6E7F2;
    background: #fff;
}

#AjaxLoading img, #AjaxLoading0 img {
    margin: 10px 15px;
    float: left;
    display: inline;
}

/*最小高度*/
.page {
    box-sizing: border-box;
    min-height: 100%;
}

.login-page {
    padding: 0;
}

/*首页*/

/*JTPI-banner*/

.JTPI-banner {
    /*height:400px;*/
    background: url(../images/nav_bj.png);
}

/*JTPI-nav*/
.JTPI-top {
    height: 83px;
    border-bottom: 1px solid #7b8fb3;
    box-sizing: border-box;
}

.JTPI-nav {
    position: relative;
    margin: 0 70px;
}

.JTPI-logo {
    position: absolute;
    left: 0px;
    top: 13px;
    width: 201px;
    height: 53px;
    background-image: url(../images/logo.png);
}

ul.JTPI-nav-list {
    /*position:relative;*/
    width: 660px;
    margin: 0 auto;
}

ul.JTPI-nav-list, ul.JTPI-login {
    /*overflow:hidden;*/
}

ul.JTPI-nav-list li, ul.JTPI-login li {
    float: left;
}

ul.JTPI-nav-list li a, ul.JTPI-nav-list li span {
    color: #fff;
    font-size: 16px;
    line-height: 80px;
}

ul.JTPI-nav-list li a {
    padding: 0 20px;
}

ul.JTPI-login li a {
    padding: 0 8px;
}

ul.JTPI-nav-list li.JTPI-n-current, ul.JTPI-nav-list li:hover {
    font-weight: bold;
    border-bottom: 3px solid #fff;
    border-radius: 3px;
    box-sizing: border-box;
}

ul.JTPI-nav-list li.point {
    position: relative;
}

.JTPI-banner .JTPI-nav .ex-nav {
    position: absolute;
    top: 83px;
    left: 0;
    z-index: 999;
    width: 110px;
    background: #fff;
    padding: 10px 0;
    border-radius: 5px;
    box-sizing: border-box;
    display: none;
    box-shadow: 0 5px 20px -5px #134757;
}

.JTPI-banner .JTPI-nav .ex-nav ul li {
    float: none;
    padding: 0 10px;
}

.JTPI-banner .JTPI-nav .ex-nav ul li:hover {
    background: rgb(176, 31, 36);
}

.JTPI-banner .JTPI-nav .ex-nav ul li:hover a {
    color: #fff;
}

.JTPI-banner .JTPI-nav .ex-nav ul li a {
    color: #323232;
    font-size: 16px;
    line-height: 34px;
    padding: 0;
}

ul.JTPI-login {
    position: absolute;
    top: 0px;
    right: 0px;
}

ul.JTPI-login li a.user {
    float: left;
}

ul.JTPI-login li.J-l-user {
    position: relative;
    padding-bottom: 3px;
}

ul.JTPI-login li.grzx-user0 {
    height: 81px;
}

ul.JTPI-login li .ex-user {
    position: absolute;
    top: 83px;
    right: 0;
    z-index: 999;
    width: 119px;
    padding: 10px 0;
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    display: none;
    box-shadow: 0 5px 20px -5px #134757;
}

ul.JTPI-login li .ex-user dl a {
    line-height: 34px;
    color: #323232;
    padding: 0;
    padding-left: 25px;
}

ul.JTPI-login li .ex-user dl dd a {
    background: url(../images/tuichu.png) no-repeat left;
}

ul.JTPI-login li .ex-user dl dt {
    padding: 0 10px;
}

ul.JTPI-login li .ex-user dl dt, ul.JTPI-login li .ex-user dl dd {
    border-bottom: 1px solid #d1dff4;
}

ul.JTPI-login li .ex-user dl dd:last-child {
    border: none;
    padding: 0 10px;
}

ul.JTPI-login li .ex-user dl dt a {
    font-weight: bold;
    font-size: 16px;
}

ul.JTPI-login li .ex-user dl dd ul li {
    padding: 0 10px;
    float: none;
}

ul.JTPI-login li a, ul.JTPI-login li span {
    font-size: 14px;
    color: #fff;
    line-height: 80px;
}

ul.JTPI-login li a:hover {
    color: rgb(176, 31, 36);
}

ul.JTPI-login li .ex-user dl dd ul li:hover, ul.JTPI-login li .ex-user dl dd:last-child:hover {
    background: rgb(176, 31, 36);
}

ul.JTPI-login li .ex-user dl dd ul li.js a {
    background: url(../images/jsls.png) no-repeat left;
}

ul.JTPI-login li .ex-user dl dd ul li.ll a {
    background: url(../images/llls.png) no-repeat left;
}

ul.JTPI-login li .ex-user dl dd ul li.xz a {
    background: url(../images/xzls.png) no-repeat left;
}

ul.JTPI-login li .ex-user dl dd ul li.sc a {
    background: url(../images/scll.png) no-repeat left;
}

ul.JTPI-login li .ex-user dl dd ul li.gl a {
    background: url(../images/glfl.png) no-repeat left;
}

ul.JTPI-login li .ex-user dl dd.exit a {
    background: url(../images/tuichu.png) no-repeat left;
}


ul.JTPI-login li .ex-user dl dd ul li.js:hover a {
    background: url(../images/jsls0.png) no-repeat left;
}

ul.JTPI-login li .ex-user dl dd ul li.ll:hover a {
    background: url(../images/llls0.png) no-repeat left;
}

ul.JTPI-login li .ex-user dl dd ul li.xz:hover a {
    background: url(../images/xzls0.png) no-repeat left;
}

ul.JTPI-login li .ex-user dl dd ul li.sc:hover a {
    background: url(../images/scll0.png) no-repeat left;
}

ul.JTPI-login li .ex-user dl dd ul li.gl:hover a {
    background: url(../images/glfl0.png) no-repeat left;
}

ul.JTPI-login li .ex-user dl dd.exit:hover a {
    background: url(../images/tuichu0.png) no-repeat left;
}

ul.JTPI-login li .ex-user dl dd ul li:hover a {
    color: #fff;
}


/*JTPI-search*/

.s_box {
    background: url(../images/search_bj.png);
}

.JTPI-search {
    position: relative;
    width: 835px;
    margin: 0 auto;
    padding-top: 108px;
    padding-bottom: 111px;
}

.JTPI-search .s-lable ul {
    overflow: hidden;
}

.JTPI-search .s-lable ul li {
    float: left;
}

.JTPI-search .s-lable ul li span {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    padding: 7px 13px;
    cursor: pointer;
}

.JTPI-search .s-lable ul li span:hover {
    color: rgb(176, 31, 36);
}

.JTPI-search .s-lable ul li span.current0:hover {
    color: #fff;
}

.JTPI-search .s-lable ul li.current {
    background: url(../images/arrows.png) no-repeat center 30px;
    padding-bottom: 14px;
}

.JTPI-search .s-lable ul li span.current0 {
    background: #e97416;
    border-radius: 5px;
    color: #fff;
}

.JTPI-search .s-search {
    width: 740px;
    height: 48px;
    background: #fff;
    border-radius: 5px;
    /*	overflow:hidden;
*/
}

.JTPI-search .s-search .s-left {
    position: relative;
    float: left;
    width: 102px;
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    background: url(../images/arrows0.png) no-repeat 82px;
    font-size: 16px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right: 1px solid #1b5177;
    cursor: pointer;
    box-sizing: border-box;
}

.JTPI-search .s-search .s-left ul.s-other {
    position: absolute;
    top: 49px;
    left: 0;
    width: 102px;
    padding: 10px 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    display: none;
}

.JTPI-search .s-search .s-left ul.s-other li {
    line-height: 34px;
    font-size: 16px;
    padding: 0 10px;
}

.JTPI-search .s-search .s-left ul.s-other li:hover {
    background: rgb(176, 31, 36);
    color: #fff;
}

.JTPI-search .s-search .s-left ul.s-other li.s-o-current {
    background: rgb(176, 31, 36);
    color: #fff;

}

.JTPI-search .s-search .s-in {
    width: 568px;
    height: 48px;
    padding-left: 10px;
    float: left;
}

.JTPI-search .s-search .s-btn {
    width: 60px;
    height: 48px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
    background: url(../images/search.png) no-repeat center;
}

.JTPI-search form {
    position: relative;
}

.JTPI-search form .s-name {
    position: absolute;
    top: 0;
    /*height:auto\0;
	+float:left;*/
}

.JTPI-search form .s-in {
    position: absolute;
    top: 0;
    left: 102px;
    /*+height:41px;
	+float:left;*/
}

.JTPI-search form .s-btn {
    position: absolute;
    top: 0;
    left: 680px;

    /*+float:right;*/
}

.JTPI-search a.cross-library {
    position: absolute;
    right: 0;
    top: 189px;
    font-size: 14px;
    color: #fff;
}

.JTPI-search a.cross-library:hover {
    color: rgb(176, 31, 36);
}

.JTPI-search .s-extend {
    position: absolute;
    top: 212px;
    left: 0;
    width: 692px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #d1dff4;
    padding: 10px;
    display: none;
}

.JTPI-search .s-extend img {
    float: right;
}

.JTPI-search .s-extend .s-e-content, .JTPI-main-L_page .L-middle .L-m-wrap .L-m-js .s-extend .s-e-content {
    padding: 0 20px 20px 20px;
}

.JTPI-search .s-extend .s-e-content h3, .JTPI-main-L_page .L-middle .L-m-wrap .L-m-js .s-extend .s-e-content h3 {
    font-size: 16px;
    line-height: 30px;
    border-bottom: 1px dotted #c1c1c1;
    padding-bottom: 5px;
}

.JTPI-search .s-extend .s-e-content ul, .JTPI-main-L_page .L-middle .L-m-wrap .L-m-js ul.s-e-kz {
    padding: 20px 40px;
}

.JTPI-search .s-extend .s-e-content ul li, .JTPI-main-L_page .L-middle .L-m-wrap .L-m-js ul.s-e-kz li {
    width: 250px;
    float: left;
}

.JTPI-search .s-extend .s-e-content ul li a, .JTPI-main-L_page .L-middle .L-m-wrap .L-m-js ul.s-e-kz li a {
    display: block;
    margin-top: -21px;
    padding-left: 16px;
}

.JTPI-search .s-extend .s-e-btn, .JTPI-main-L_page .L-middle .L-m-wrap .L-m-js .s-extend .s-e-content .s-e-btn {
    width: 168px;
    margin: 0 auto;
    margin-top: 20px;
}

.JTPI-search .s-extend .s-e-btn a, .JTPI-main-L_page .L-middle .L-m-wrap .L-m-js .s-extend .s-e-content .s-e-btn a {
    padding: 6px 20px;
    background: #e97416;
    color: #fff;
    font-size: 16px;
    border-radius: 3px;
+ padding: 10 px 20 px;
+ display: inline-block;
}

.JTPI-search .s-extend .s-e-btn a.cancel, .JTPI-main-L_page .L-middle .L-m-wrap .L-m-js .s-extend .s-e-content .s-e-btn a.cancel {
    background: #328ae2;
    margin-left: 20px;
}

/*JTPI-main*/

/*数据库列表*/

.JTPI-main .database {
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 3px 3px 5px #ccc;
}

.JTPI-main .d-box {
    width: 1200px;
    margin: 0 auto;
}

.JTPI-main .d-header {
    overflow: hidden;
}

.JTPI-main .d-header h2 {
    float: left;
    font-size: 20px;
    line-height: 32px;
    font-weight: bold;
    background: url(../images/database.png) no-repeat left;
    padding-left: 38px;
}

.JTPI-main .d-header span {
    float: right;
    padding-right: 16px;
    cursor: pointer;
    background: url(../images/zk.png) no-repeat right;
}

.JTPI-main .d-header span.openSpan {
    background-image: url(../images/zk-0.png);
}

.JTPI-main .d-list {
    clear: both;
    padding-top: 30px;
}

.JTPI-main .d-list ul {
    padding: 0 10px;
    /*display:flex;
	justify-content:space-around;
	align-items:center;*/
}

.JTPI-main .d-list ul {
    margin-bottom: 30px;
}

.JTPI-main .d-list ul.d-l-second {
    clear: both;
}

.JTPI-main .d-list ul li {
    display: inline-block;
    width: 183px;
    margin-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.JTPI-main .d-list ul li a {
    padding-left: 14px;
    font-size: 14px;
    background: url(../images/point.png) no-repeat left;
}

.JTPI-main .d-list ul li a:hover, .d-header span:hover {
    color: #328ae2;
}

.JTPI-main .d-list .ex-d-list {
    display: none;
}

/*库展示*/

.JTPI-main .d-d-box {
    width: 1200px;
    margin: 0 auto;
    margin-top: 40px;
    overflow: hidden;
}

.JTPI-main .d-detail {
    overflow: hidden;
    float: left;
    margin-bottom: 40px;
}

.JTPI-main .d-d-content {
    width: 290px;
    background: #fff;
    border-radius: 8px;
    float: left;
    margin-right: 20px;
    border: 1px solid #d1dff4;
    box-sizing: border-box;
+ width: 270 px;
}

.JTPI-main .d-d-content .decoration {
    width: 288px;
    height: 5px;
    background: #7dacf0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.JTPI-main .d-d-content .d-c-title {
    overflow: hidden;
    padding: 0 10px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 16px;
}

.JTPI-main .d-d-content .d-c-title h2 {
    float: left;
    font-size: 18px;
    line-height: 40px;
    font-weight: bold;
    padding-left: 27px;
    background: url(../images/xueshu.png) no-repeat left;
}

.JTPI-main .d-d-content .d-c-title h2.periodical {
    background: url(../images/qikan.png) no-repeat left;
}

.JTPI-main .d-d-content .d-c-title h2.language {
    background: url(../images/yuzhong.png) no-repeat left;
}

.JTPI-main .d-d-content .d-c-title a.d-c-more {
    float: right;
    width: 40px;
    height: 16px;
    line-height: 16px;
    margin-top: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    background: #fff;
    color: #999;
    border: 1px solid #999;
    border-radius: 6px;
    cursor: pointer;
}

.JTPI-main .d-d-content ul {
    padding: 0 10px 10px 10px;
}

.JTPI-main .d-d-content ul li, .d-n-content ul li {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.JTPI-main .d-d-content ul li a, .JTPI-main .d-n-box .d-literature ul.wx-list li a {
    font-size: 14px;
    line-height: 32px;
    background: url(../images/point.png) no-repeat left;
    padding-left: 9px;
+ display: block;
}

.JTPI-main .d-d-content .d-c-title a:hover, .JTPI-main .d-enjoy .d-e-title .d-e-more a:hover {
    color: #328ae2;
    border: 1px solid #328ae2;
}

.JTPI-main .d-d-content ul li a:hover, .d-n-content ul li a:hover, .d-n-content span a:hover {
    color: #328ae2;
}

.JTPI-main .d-last {
    margin-right: 0;
}

/*欣赏*/

.JTPI-main .d-enjoy {
    margin: 40px auto;
    width: 930px;
}

.JTPI-main .d-enjoy .d-e-title {
    padding-bottom: 57px;
}

.JTPI-main .d-enjoy .d-e-title h3 {
    float: left;
    width: 828px;
    font-size: 16px;
    padding-left: 30px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #999;
    background: url(../images/video.png) no-repeat 5px 2px;
}

.JTPI-main .d-enjoy .d-e-title h3.music {
    background: url(../images/music.png) no-repeat 5px 2px;
}

.JTPI-main .d-enjoy .d-e-title h3.tup {
    background: url(../images/tup.png) no-repeat 5px 2px;
}

.JTPI-main .d-enjoy .d-e-title h3.link {
    background: url(../images/link.png) no-repeat 5px 2px;
}

.JTPI-main .d-enjoy .d-e-title .d-e-more {
    float: right;
    width: 65px;
    height: 29px;
}

/**友情链接样式**/
.JTPI-main .d-enjoy .d-e-title .d-e-more2 {
    float: right;
    width: 65px;
    height: 29px;
    background: url(../images/xiushi.png) no-repeat left 24px;
}

.JTPI-main .d-enjoy .d-e-title .d-e-more a {
    display: inline-block;
    width: 40px;
    height: 16px;
    line-height: 16px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    background: #fff;
    color: #999;
    border: 1px solid #999;
    border-radius: 6px;
    margin-top: 16px;
    cursor: pointer;
}

.JTPI-main .d-enjoy ul {
    clear: both;
    overflow: hidden;
}

.JTPI-main .d-enjoy ul.d-cont li {
    width: 212px;
    height: 188px;
    background: #fff;
    margin-right: 20px;
    float: left;
    border-radius: 5px;
    border: 2px solid #d1dff4;
    box-sizing: border-box;
    overflow: hidden;
}

.JTPI-main .d-enjoy ul.link-logo li {
    display: inline-block;
}

.JTPI-main .d-enjoy ul.link-logo li img {
    margin: 0 15px;
}

.JTPI-main .d-enjoy ul.link-text li {
    width: 152px;
    margin: 0 15px;
}

.JTPI-main .d-enjoy ul.link-text li a {
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 15px;
}

.JTPI-main .d-enjoy ul.link-text li a:hover {
    color: rgb(176, 31, 36);
}

.JTPI-main .d-enjoy ul.d-cont li a img:hover {
    transform: scale(1.1, 1.1);
    transition: .3s transform;

}

.JTPI-main .d-enjoy ul li span {
    display: block;
    padding: 0 10px;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.JTPI-main .d-enjoy ul li.last {
    margin: 0;
}

.JTPI-main .d-enjoy ul li a {
    display: block;
}

/*新闻资讯*/

.JTPI-main .d-n-box {
    float: right;
}

.JTPI-main .d-n-box .d-n-deco {
    width: 260px;
    height: 3px;
    background: #7cbeff;
}

.JTPI-main .d-n-box .d-n-content {
    width: 260px;
    background: #fff;
    border: 1px solid #e0dfdf;
    box-sizing: border-box;
    padding-top: 10px;
    overflow: hidden;
}

.JTPI-main .d-n-box .d-n-content .d-n-c-title .title span {
    font-size: 16px;
    line-height: 32px;
    padding-left: 20px;
    padding-right: 46px;
    background: url(../images/new.png) no-repeat right;


}

.JTPI-main .d-n-box .d-n-content .d-n-c-title .wenxue2 span {
    font-size: 16px;
    line-height: 32px;
    padding-left: 20px;
    padding-right: 29px;
    background: url(../images/wenxue.png) no-repeat right;


}

.JTPI-main .d-n-box .d-n-content .d-n-c-deco {
    width: 240px;
    height: 1px;
    background: #e5e5e5;
    margin-left: 10px;
    margin-top: 3px;
    margin-bottom: 10px;
}

.JTPI-main .d-n-box .d-n-content .carousel {
    width: 240px;
    height: 176px;
    margin-left: 8px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

.JTPI-main .d-n-box .d-n-content .carousel .c-figure {
    /*width:1200px;
	overflow:hidden;*/
}

.JTPI-main .d-n-box .d-n-content .carousel .c-figure li {
    width: 240px;
    height: 176px;
    /*float:left;*/
    padding: 0;
    /*display:none;*/
}

.JTPI-main .d-n-box .d-n-content .carousel .c-figure li a span {
    width: 240px;
    display: block;
    line-height: 34px;
    font-size: 14px;
    padding: 0 10px;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

@-moz-document url-prefix() {
    .JTPI-main .d-n-box .d-n-content .carousel .c-figure li a span {
        margin-top: -10px;
    }
}

.JTPI-main .d-n-box .d-n-content .carousel .c-point {
    position: absolute;
    top: 124px;
    right: 10px;
    overflow: hidden;
}

.JTPI-main .d-n-box .d-n-content .carousel .c-point li {
    width: 8px;
    height: 8px;
    float: left;
    background: #fff;
    border-radius: 8px;
    margin: 0 3px;
}

.JTPI-main .d-n-box .d-n-content .carousel .c-point li.c-p-current {
    background: rgb(176, 31, 36);
}

.JTPI-main .d-n-box .d-n-content ul li {
    padding: 0 10px;
}

.JTPI-main .d-n-box .d-n-content ul li a {
    background: none;
    padding: 0;
    line-height: 26px;
}

.JTPI-main .d-n-box .d-n-content span.more {
    display: inline-block;
    float: right;
    font-size: 14px;
    line-height: 38px;
    padding-right: 10px;
    cursor: pointer;
}

/*文学*/

.JTPI-main .d-n-box .d-new {
    margin-bottom: 20px;
}


/*底部*/

.footer {
    height: 50px;
    text-align: center;
    font-size: 14px;
    color: #a4acb7;
    background: #1c2b40;
}

.footer a {
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    color: #a4acb7;
}

.footer a:hover {
    text-decoration: underline;
}

/*数字资源页面*/

.JTPI-main-D_resources {
    margin: 0 auto;
    margin-top: 75px;
    width: 1200px;
    margin-bottom: 40px;
    min-height: 400px;
}

.JTPI-main-D_resources .d-box {
    margin-top: 40px;
    line-height: 34px;
    overflow: hidden;
}

.JTPI-main-D_resources .d-box .d-title {
    width: 158px;
    background: #fc5d6d;
    box-shadow: 3px 0 5px #d7d7d9;
}

.JTPI-main-D_resources .d-box .d1 {
    background: #5de2fc;
}

.JTPI-main-D_resources .d-box .d2 {
    background: #ffa45f;
}

.JTPI-main-D_resources .d-box .d3 {
    background: #7d7dff;
}

.JTPI-main-D_resources .d-box .d4 {
    background: #ffda36;
}

.JTPI-main-D_resources .d-box .d5 {
    background: #fb92fc;
}

.JTPI-main-D_resources .d-box .d6 {
    height: 138px;
    background: #7aff73;
}

.JTPI-main-D_resources .d-box .d6 h2 {
    padding: 52px 0 52px 60px;
    background: url(../images/wenxian.png) no-repeat 25px;
}

.JTPI-main-D_resources .d-box .d7 {
    background: #fc5d85;
}

.JTPI-main-D_resources .d-box .d7 h2 {
    background: url(../images/qita.png) no-repeat 25px;
}

.JTPI-main-D_resources .d-box h2 {
    font-size: 20px;
    color: #fff;
    padding: 18px 0 18px 60px;
    background: url(../images/qikan0.png) no-repeat 25px;
}

.JTPI-main-D_resources .d-box .d-content {
    width: 1042px;
    padding: 17px 20px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    min-height: 70px;
}

.JTPI-main-D_resources .d-box .d-content ul {
    overflow: hidden;
}

.JTPI-main-D_resources .d-box .d-content ul li {
    float: left;
    width: 333px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.JTPI-main-D_resources .d-box .d-content ul li a {
    font-size: 14px;
}

.JTPI-main-D_resources .d-box .d-content ul li:hover a {
    color: rgb(176, 31, 36);
}

/*登录页*/
.JTPI-main-login {
    position: relative;
    height: 774px;
    background: url(../images/login-bj.png);
    background-size: cover;
}

.JTPI-main-login .l-content {
    position: absolute;
    top: 70px;
    left: 55%;
    width: 400px;
    background: #fff;
    border: 1px solid rgb(176, 31, 36);
    border-radius: 5px;
}

.JTPI-main-login .l-content .l-title {
    font-size: 20px;
    line-height: 50px;
    background: rgb(176, 31, 36);
    color: #fff;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.JTPI-main-login .l-content .l-in {
    padding: 45px 0 45px 63px;;
}

.JTPI-main-login .l-content .l-in .l-in-name, .JTPI-main-login .l-content .l-in .l-in-psw {
    margin-bottom: 20px;
}

.JTPI-main-login .l-content .l-in label {
    font-size: 16px;
    line-height: 36px;
}

.JTPI-main-login .l-content .l-in input.Input-box, .JTPI-main-login .l-content .l-in input.Input-yzm {

    height: 36px;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 0 10px;
}

.JTPI-main-login .l-content .l-in input.Input-box {
    width: 200px;
}

.JTPI-main-login .l-content .l-in input.Input-yzm {
    width: 62px;
    margin-left: 5px;
}

.JTPI-main-login .l-content .l-in .l-in-yzm {
    overflow: hidden;
}

.JTPI-main-login .l-content .l-in .l-in-yzm img {
    margin: 1px 0 0 10px;
}

.JTPI-main-login .l-content .l-btn {
    margin-bottom: 30px;
}

.JTPI-main-login .l-content .l-btn input {
    width: 100px;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    border-radius: 3px;
    background: rgb(176, 31, 36);
    margin-left: 150px;
}

/*列表页*/
.JTPI-main-L_page_box {
    background: url(../gcstyle/images/content-bg.png) bottom right no-repeat;
    padding-bottom: 0px;
    padding-top: 20px;
}

.current-position {
    color: #a0a0a0;
    padding: 20px 0;
}

.JTPI-main-L_page {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 40px;
    overflow: hidden;

}

/*left*/
.JTPI-main-L_page .L-left {
    width: 232px;
    margin-right: 10px;
}

.JTPI-main-L_page .L-left .L-xiushi {
    height: 0px;
    background: #7dacf0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.JTPI-main-L_page .L-left h1 {
    font-size: 16px;
    font-weight: bold;
    color: rgb(176, 31, 36);
    background: rgba(176, 31, 36, .1);
    line-height: 45px;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 10px;
}

.JTPI-main-L_page .L-left .L-choose, .JTPI-main-L_page .L-left .L-s-all, .JTPI-main-L_page .L-left .L-list {
}

.JTPI-main-L_page .L-left .L-choose {
    padding: 12px 10px;
    font-size: 14px;
    line-height: 24px;

    border-bottom: 1px dotted #ccc;
    padding-bottom: 38px;
    box-sizing: border-box;
    /*overflow:hidden;*/
}

.JTPI-main-L_page .L-left .L-choose span {
    margin-right: 10px;
}

.JTPI-main-L_page .L-left .L-choose .L-select {
    position: relative;
    width: 100px;
    border: 1px solid rgb(176, 31, 36);
    background: url(../images/arrows1.png) no-repeat 86px;
}

.JTPI-main-L_page .L-left .L-choose .L-select .L-curr {
    padding: 0 10px;
}

.JTPI-main-L_page .L-left .L-choose .L-select ul.L-c-other {
    position: absolute;
    top: 25px;
    left: -1px;
    width: 100px;
    background: #fff;
    border: 1px solid #d1dff4;
    padding: 5px 0;
    display: none;
}

.JTPI-main-L_page .L-left .L-choose .L-select ul.L-c-other li {
    padding: 0 5px;
    line-height: 24px;
}

.JTPI-main-L_page .L-left .L-choose .L-select ul.L-c-other li:hover {
    background: rgb(176, 31, 36);
    color: #fff;
}

.JTPI-main-L_page .L-left .L-choose .L-select ul.L-c-other li.current {
    background: rgb(176, 31, 36);
    color: #fff;
}


/*middle*/
.JTPI-main-L_page .L-middle {
    width: 958px;
}

.JTPI-main-L_page .L-middle .L-m-nav {
    position: relative;
    display: none;
}

.JTPI-main-L_page .L-middle .L-m-nav .L-m-kz {
    position: absolute;
    top: 28px;
    left: 0;
    z-index: 999;
    background: url(../images/more-bj.png);
    border-radius: 8px;
    padding: 20px;
    overflow: hidden;
    display: none;
}

.JTPI-main-L_page .L-middle .L-m-nav .L-m-kz h1 {
    font-size: 14px;
    font-weight: bold;
}

.JTPI-main-L_page .L-middle .L-m-nav .L-m-kz div.qikan {
    border-bottom: 1px dashed #dadada;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.JTPI-main-L_page .L-middle .L-m-nav .L-m-kz div.qikan a:hover {
    color: rgb(176, 31, 36);
}

.JTPI-main-L_page .L-middle .L-m-nav .L-m-kz div:last-child {
    border: none;
}

.JTPI-main-L_page .L-middle .L-m-nav .L-m-kz ul li {
    margin-right: 20px;
}

.JTPI-main-L_page .L-middle .L-m-nav .L-m-kz ul li:hover {
    color: rgb(176, 31, 36);
}

.JTPI-main-L_page .L-middle .L-m-nav ul li {
    float: left;
    padding: 0 10px;
    font-size: 14px;
    line-height: 34px;
    margin-bottom: -1px;
}

.JTPI-main-L_page .L-middle .L-m-nav ul li:hover {
    color: rgb(176, 31, 36);
    cursor: pointer;
}

.JTPI-main-L_page .L-middle .L-m-nav ul li.current {
    color: rgb(176, 31, 36);
    background: #f8f8f8;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 2px solid rgb(176, 31, 36);
    border-bottom: 1px solid #f8f8f8;
}

.JTPI-main-L_page .L-middle .L-m-wrap {
    clear: both;
    border: 1px solid #ccc;
    background: #ffffff;
    padding: 40px 20px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.JTPI-main-L_page .L-middle .L-m-wrap .L-m-js {
    position: relative;
    margin-bottom: 20px;
}

.JTPI-main-L_page .L-middle .L-m-wrap .L-m-js .add, .JTPI-main-L_page .L-middle .L-m-wrap .L-m-js .minus {
    width: 12px;
    height: 11px;
    margin: 0 10px;
    padding: 12px 0;
}

.JTPI-main-L_page .L-middle .L-m-wrap .L-m-js .add {
    background: url(../images/add.png) no-repeat center;
}

.JTPI-main-L_page .L-middle .L-m-wrap .L-m-js .add:hover {
    background: url(../images/add0.png) no-repeat center;
}

.JTPI-main-L_page .L-middle .L-m-wrap .L-m-js .minus {
    background: url(../images/minus.png) no-repeat center;
}

.JTPI-main-L_page .L-middle .L-m-wrap .L-m-js .minus:hover {
    background: url(../images/minus0.png) no-repeat center;
}

.JTPI-main-L_page .L-middle .L-m-wrap .L-m-js .L-m-name, .JTPI-main-L_page .L-middle .L-m-wrap .L-m-js .accuracy, .JTPI-main-L_page .L-middle .L-m-wrap .L-m-js .logic {
    background: #fff;
    line-height: 34px;
    margin: 0 10px;
}

.JTPI-main-L_page .L-middle .L-m-wrap .L-m-js .L-m-name {
    position: relative;
    width: 150px;
}

.JTPI-main-L_page .L-middle .L-m-wrap .L-m-js .cont {
    border: 1px solid #ccc;
    padding: 0 10px;
    height: 36px;
    overflow: hidden;
}

.JTPI-main-L_page .L-middle .L-m-wrap .L-m-js .L-m-name .cont {
    background: url(../images/arrows1.png) no-repeat 135px;
}

.JTPI-main-L_page .L-middle .L-m-wrap .L-m-js ul.other {
    position: absolute;
    top: 34px;
    left: 0;
    z-index: 999;
    background: #fff;
    border: 1px solid #d1dff4;
    padding: 5px 0;
    display: none;
}

.JTPI-main-L_page .L-middle .L-m-wrap .L-m-js .L-m-name ul {
    width: 148px;
}

.L-m-wrap .L-m-js ul.other li {
    padding: 0 5px;
    height: 24px;
    line-height: 24px;
    cursor: default;
    overflow: hidden;
}

.L-m-wrap .L-m-js ul.other li:hover {
    background: rgb(176, 31, 36);
    color: #fff;
}

.JTPI-main-L_page .L-middle .L-m-wrap .L-m-js ul li.current {
    background: rgb(176, 31, 36);
    color: #fff;
}

.JTPI-main-L_page .L-middle .L-m-wrap input.in {
    border: 1px solid #ccc;
    line-height: 34px;
    width: 300px;
    height: 36px;
}

.JTPI-main-L_page .L-middle .L-m-wrap .L-m-js .accuracy {
    position: relative;
    width: 80px;
}

.JTPI-main-L_page .L-middle .L-m-wrap .L-m-js .accuracy .cont {
    background: url(../images/arrows1.png) no-repeat 66px;
}

.JTPI-main-L_page .L-middle .L-m-wrap .L-m-js .accuracy ul {
    width: 78px;
}

.JTPI-main-L_page .L-middle .L-m-wrap input.js {
    width: 80px;
    height: 36px;
    line-height: 36px;
    background: rgb(176, 31, 36);
    color: #fff;
    border-radius: 3px;
}

.JTPI-main-L_page .L-middle .L-m-wrap .L-m-js .logic {
    position: relative;
    width: 64px;
    margin: 0;
}

.JTPI-main-L_page .L-middle .L-m-wrap .L-m-js .logic .cont {
    background: url(../images/arrows1.png) no-repeat 50px;
}

.JTPI-main-L_page .L-middle .L-m-wrap .L-m-js .logic ul {
    width: 62px;
}

.JTPI-main-L_page .L-middle .L-m-group {
    overflow: hidden;
}

.JTPI-main-L_page .L-middle .L-m-group dl {
    font-size: 14px;
    line-height: 34px;
}

.JTPI-main-L_page .L-middle .L-m-group dd {
    float: left;
}

.JTPI-main-L_page .L-middle .L-m-group dd a {
    padding: 6px 10px;
}

.JTPI-main-L_page .L-middle .L-m-group dd a.current {
    color: rgb(176, 31, 36);
    border: 1px solid rgb(176, 31, 36);
    border-bottom: 1px solid #fff;
    /*margin-bottom:-3px;*/
}

.JTPI-main-L_page .L-middle .L-m-group dd a:hover {
    color: rgb(176, 31, 36);
    cursor: pointer;
}

.JTPI-main-L_page .L-middle .L-m-info {
    padding: 10px;
    border: 1px solid #bbd0ed;
    margin-bottom: 15px;
}

.JTPI-main-L_page .L-middle .L-m-info ul {
    overflow: hidden;
}

.JTPI-main-L_page .L-middle .L-m-info ul li {
    /*display:inline;*/
    font-size: 14px;
    line-height: 28px;
    color: rgb(176, 31, 36);
    margin-right: 20px;
    word-break: break-all;
    cursor: pointer;
    float: left;
}

.JTPI-main-L_page .L-middle .L-m-info ul li span.title:hover {
    color: rgb(176, 31, 36);
}

.JTPI-main-L_page .L-middle .L-m-info ul li span.remark {
    color: #999;
}

.JTPI-main-L_page .L-middle .L-m-s_result .xiushi {
    height: 0px;
    background: #7dacf0;
}

.JTPI-main-L_page .L-middle .L-m-s_result .biaotou {
    width: 956px;
    padding: 0 20px;
    box-sizing: border-box;
}

.JTPI-main-L_page .L-middle .tuxiang .biaotou {
    width: 958px;
}

.JTPI-main-L_page .L-middle .L-m-s_result .biaotou .order label {
    font-size: 14px;
    line-height: 38px;
}

.JTPI-main-L_page .L-middle .L-m-s_result .biaotou .order input {
    border: 1px solid rgb(176, 31, 36);
    padding: 2px 20px 2px 10px;
    color: rgb(176, 31, 36);
    margin-right: 10px;
}

.JTPI-main-L_page .L-middle .L-m-s_result .biaotou .order input.time {
    background: url(../images/arrows2.png) no-repeat;
    background-position: right 7px top 7px;
}

.JTPI-main-L_page .L-middle .L-m-s_result .biaotou .order input.num {
    background: url(../images/arrows3.png) no-repeat;
    background-position: right 7px top 7px;
}

.JTPI-main-L_page .L-middle .L-m-s_result .biaotou .order input.num0 {
    background: url(../images/arrows3.png) no-repeat 62px;
}

.JTPI-main-L_page .L-middle .L-m-s_result .biaotou .summary {
    margin: 6px 0;
}

.JTPI-main-L_page .L-middle .L-m-s_result .biaotou .summary a {
    display: inline-block;
    width: 60px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.JTPI-main-L_page .L-middle .L-m-s_result .biaotou .summary a.s0 {
    background: rgb(176, 31, 36);
    border: none;
}

.JTPI-main-L_page .L-middle .L-m-s_result .biaotou .summary a.s0 span {
    padding-left: 15px;
    background: url(../images/list0.png) no-repeat left;
    color: #fff;
}

.JTPI-main-L_page .L-middle .L-m-s_result .biaotou .summary a.s1 {
    border-left: none;
}

.JTPI-main-L_page .L-middle .L-m-s_result .biaotou .summary a.s1 span {
    padding-left: 15px;
    background: url(../images/summary.png) no-repeat left;
}

.JTPI-main-L_page .L-middle .L-m-s_result {
    border-top: none;
}

.JTPI-main-L_page .L-middle .tuxiang {
    border: none;
}

.JTPI-main-L_page .L-middle .tuxiang_list ul {
    margin: 20px 9px 20px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

.JTPI-main-L_page .L-middle .tuxiang_list ul .picture {
    /*border-radius: 10px;*/
    /*border:10px solid #eeeeee;*/
    overflow: hidden;
    text-align: center;
}

.JTPI-main-L_page .L-middle .tuxiang_list ul li {
    display: inline-block;
    padding: 0;
    border-radius: 3px;
    margin-right: 20px;
}

.JTPI-main-L_page .L-middle .tuxiang_list ul li:last-child {
    margin: 0;
}

.JTPI-main-L_page .L-middle .tuxiang_list ul li .details h1 {
    font-size: 16px;
    color: #323232;
    line-height: 34px;
}

.JTPI-main-L_page .L-middle .tuxiang_list ul li .details p {
    line-height: 30px;
    text-align: center;
}

.JTPI-main-L_page .L-middle .tuxiang_list ul li .details > p {
    line-height: 30px;
    text-align: left;
}

.JTPI-main-L_page .L-middle .L-m-s_result table {
    width: 956px;
    border-collapse: collapse;
    font-size: 14px;
    box-sizing: border-box;
}

.JTPI-main-L_page .L-middle .L-m-s_result table thead {
    background: rgba(176, 31, 36, .1);
    color: rgb(176, 31, 36);

}

.JTPI-main-L_page .L-middle .L-m-s_result table thead tr th {
    line-height: 38px;
    min-width: 90px;
    padding: 0 15px;
}

.JTPI-main-L_page .L-middle .L-m-s_result table thead tr th:first-child {
    min-width: 60px;
}

.JTPI-main-L_page .L-middle .L-m-s_result table tbody tr.even {
    background: #f6f7fb;
}

.JTPI-main-L_page .L-middle .L-m-s_result table tbody tr td {
    line-height: 30px;
    max-width: 300px;
    word-break: break-all;
    border-bottom: 1px dashed #cccccc;
    padding: 10px 15px;
}

.JTPI-main-L_page .L-middle .L-m-s_result table tbody tr td:nth-child(2) {
    text-align: justify;
    max-width: 350px;
}

.JTPI-main-L_page .L-middle .L-m-s_result table tbody tr td:not(:nth-child(1)) {
    /*min-width:150px;*/
}

.JTPI-main-L_page .L-middle .L-m-s_result table tbody tr td p {
    width: 556px;
    /*padding:0 10px;*/
    /*text-align:center;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.JTPI-main-L_page .L-middle .L-m-s_result table tbody tr td p:hover {
    color: rgb(176, 31, 36);
}

.JTPI-main-L_page .L-middle .L-m-s_result table tbody tr td a.modi {
    display: inline-block;
    width: 14px;
    height: 14px;
    padding-left: 16px;
    background: url(../images/xgfl.png) no-repeat center;
    margin-bottom: -2px;
}

.JTPI-main-L_page .L-middle .L-m-s_result table tbody tr td a.dele {
    display: inline-block;
    width: 10px;
    height: 14px;
    padding-left: 16px;
    background: url(../images/dele.png) no-repeat center;
    margin-bottom: -2px;
}

.JTPI-main-L_page .L-middle .L-m-s_result table tbody tr td a.dele:hover {
    background: url(../images/dele0.png) no-repeat center;
}

.JTPI-main-L_page .L-middle .L-m-s_result table tbody tr td a.modi:hover {
    background: url(../images/xgfl0.png) no-repeat center;
}

.JTPI-main-L_page .L-middle .L-m-s_result table tbody tr td a.modi:hover {
    text-decoration: underline;
}

.JTPI-main-L_page .L-middle .page_num {
    margin: 40px auto;
    font-size: 14px;
    line-height: 18px;
}

.JTPI-main-L_page .L-middle .page_num .res {
    margin-right: 26px;
}

.JTPI-main-L_page .L-middle .page_num .curr {
    margin-right: 50px;
}

.JTPI-main-L_page .L-middle .page_num span {
    color: rgb(176, 31, 36);
    font-weight: bold;
}

.JTPI-main-L_page .L-middle .page_num ul li {
    float: left;
    padding: 0 9px;
}

.JTPI-main-L_page .L-middle .page_num ul li a:hover {
    color: rgb(176, 31, 36);
}

.JTPI-main-L_page .L-middle .page_num input.c_num {
    width: 25px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border: 1px solid #ccc;
    margin: 0 16px 0 10px;
    box-sizing: border-box;
}

.JTPI-main-L_page .L-middle .page_num input.go {
    width: 36px;
    height: 18px;
    font-size: 12px;
    /*margin-top:-1px;
	line-height:18px;*/
    border-radius: 3px;
    background: rgb(176, 31, 36);
    color: #ffffff;
    box-sizing: border-box;
}

.JTPI-main-L_page .L-middle .L-m-s_result ul.zy li {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 34px;
    border-bottom: 1px dashed #ccc;
}

.JTPI-main-L_page .L-middle .L-m-s_result ul.zy li:last-child {
    border: none;
}

.JTPI-main-L_page .L-middle .L-m-s_result ul li p {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    /*! autoprefixer: on */
    word-break: break-all;
    cursor: pointer;
}

.JTPI-main-L_page .L-middle .L-m-s_result ul.zy li p:hover {
    color: rgb(176, 31, 36);
}

.JTPI-main-L_page .L-middle .L-m-s_result ul li div {
    color: #888;
}

.JTPI-main-L_page .L-middle .L-m-s_result ul li div.btn {
    text-align: right;
}

.JTPI-main-L_page .L-middle .L-m-s_result ul.zy li div img {
    margin: 0 7px;
}

/*平台介绍页面*/

.JTPI-main-L_page .L-left .L-tab {
    background: #fcfcfc;
}

.JTPI-main-L_page .L-left .L-tab li {
    padding: 0 20px;
}

.JTPI-main-L_page .L-left .L-tab li.L-t-intro {
    border-bottom: 1px solid #e5e5e5;
}

.JTPI-main-L_page .L-left .L-tab li.current {
    background: #cae0ff;
}

.JTPI-main-L_page .L-left .L-tab li.current a {
    color: #213862;
}

.JTPI-main-L_page .L-left .L-tab li a {
    font-size: 16px;
    line-height: 45px;
    padding-left: 5px;
}

.JTPI-main-L_page .L-left .L-tab li a:hover {
    color: rgb(176, 31, 36);
}

.JTPI-main-L_page .L-r-wrap {
    width: 958px;
}

.JTPI-main-L_page .L-r-wrap h1 {
    font-size: 18px;
    line-height: 48px;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}

.JTPI-main-L_page .L-r-wrap .cont {
    padding-top: 50px;
    text-align: center;
}

.JTPI-main-L_page .L-r-wrap .case_show .cont ul li {
    float: left;
    margin: 2% 5%;
    font-size: 18px;
}

.JTPI-main-L_page .L-r-wrap .case_show .cont ul li a {
    display: block;
}

.JTPI-main-L_page .L-r-wrap .case_show .cont ul li a.block {
    margin-bottom: 15px;
}

.JTPI-main-L_page .L-r-wrap .case_show .cont ul li a:hover {
    color: rgb(176, 31, 36);
}

.JTPI-main-L_page .L-r-wrap .case_show .cont ul li a img:hover {
    transform: scale(1.1, 1.1);
    transition: .3s transform;
}

/*阅读器下载页面*/

.JTPI-main-D_resources ul.r_cont li {
    border-bottom: 1px dashed #e5e5e5;
    margin-bottom: 20px;
}

.JTPI-main-D_resources ul li:last-child {
    border-bottom: none;
}

.JTPI-main-D_resources ul li h1 {
    font-size: 20px;
    color: rgb(176, 31, 36);
    padding: 10px 0 10px 61px;
}

.JTPI-main-D_resources ul li h1.learn {
    background: url(../images/reader_01.png) no-repeat left;
}

.JTPI-main-D_resources ul li h1.caj {
    background: url(../images/reader_02.png) no-repeat left;
}

.JTPI-main-D_resources ul li p {
    margin: 10px 0;
    font-size: 14px;
    text-indent: 2em;
    line-height: 24px;
}

.JTPI-main-D_resources ul li p.btn {
    text-indent: 0;
    text-align: right;
}

.JTPI-main-D_resources ul li p.btn a, .JTPI-main-xilan .btn a {
    display: inline-block;
    background: rgb(176, 31, 36);
    margin-right: 6px;
    padding: 6px 12px;
    border-radius: 3px;
}

.JTPI-main-D_resources ul li p.btn a:hover {
    background: #e17805;
}

.JTPI-main-D_resources ul li p.btn a span, .JTPI-main-xilan .btn a span {
    background-color: transparent;
    color: #fff;
    font-size: 14px;
    padding-left: 25px;

}

.JTPI-main-D_resources ul li p.btn a span {
    background: url(../images/download1.png) no-repeat left;
}

/*细览页面*/

.JTPI-main-xilan {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    margin-top: 36px;
    padding-bottom: 40px;
    -minheight: 500px;
}

.JTPI-main-xilan h1 {
    font-size: 20px;
    line-height: 34px;
    text-align: center;
    margin-bottom: 10px;
}

.JTPI-main-xilan .btn {
    text-align: right;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.JTPI-main-xilan .btn a {
    display: none;
}

.JTPI-main-xilan .btn a span {
    line-height: 24px;
}

.JTPI-main-xilan .btn a.download {
    margin-left: 5px;
}

.JTPI-main-xilan .btn a.download, .JTPI-main-xilan .btn a.collection {
    background: #2a8bd7;
}

.JTPI-main-xilan .btn a.download span {
    background: url(../images/download1.png) no-repeat left;
}

.JTPI-main-xilan .btn a.preview span {
    background: url(../images/yl.png) no-repeat left;
}

.JTPI-main-xilan .btn a.collection span {
    background: url(../images/sc.png) no-repeat left;
}

.JTPI-main-xilan .btn a.preview:hover {
    background: #e17805;
}

.JTPI-main-xilan .btn a.download:hover, .JTPI-main-xilan .btn a.collection:hover {
    background: #1a72c1;
}

.sc_tk {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 552px;
    height: 245px;
    margin-top: -123px;
    margin-left: -276px;
    background: #fff;
    border: 1px solid #d1dff4;
    border-radius: 5px;
}

.xxts {
    width: 308px;
    height: 200px;
    margin-top: -100px;
    margin-left: -154px;
}

.xxts p {
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    padding: 0 10px;
}

.sc_tk ul {
    width: 480px;
    margin: 0 auto;
}

.sc_tk ul li label {
    font-size: 14px;
    line-height: 34px;
}

.JTPI-main-xilan .cont {
    margin-top: 20px;
    overflow: hidden;
}

.JTPI-main-xilan .cont dl {
    font-size: 14px;
    line-height: 30px;
    clear: both;
}

.JTPI-main-xilan .cont dl dt {
    font-weight: bold;
}

.JTPI-main-xilan .cont dl dt, .JTPI-main-xilan .cont dl dd {
    float: left;
}

.JTPI-main-xilan .cont dl dd.paragraph {
    width: 1080px;
}

.JTPI-main-xilan .cont dl dd.paragraph .link {

    padding: 5px 10px;
    background: rgb(176, 31, 36);
    color: #ffffff;
    border-radius: 5px;
    /* font-weight: bold; */

}

.JTPI-main-xilan .cont .left1 .box {
    position: relative;
    width: auto;
    height: auto;
    margin-bottom: 5px;
    box-sizing: border-box;
}

.JTPI-main-xilan .cont .left {
    margin-right: 20px;
}

.JTPI-main-xilan .cont .right dd.jianjie {
    width: 410px;
    text-align: left;
}

.JTPI-main-xilan .cont .right dd.jianjie1 {
    width: 880px;
    text-align: left;
}

.JTPI-main-xilan .cont .left .video_box {
    width: 630px;
    margin-bottom: 5px;
    box-sizing: border-box;
}

.JTPI-main-xilan .cont .left .video_box .v-tp {
    border: 3px solid #d1dff4;
}

.JTPI-main-xilan .cont .left .video_box .Operation {
    border: 1px solid #e5e5e5;
}

.JTPI-main-xilan .v-list {
    margin-top: 20px;
}

.JTPI-main-xilan .v-list h2 {
    box-sizing: border-box;
}

.JTPI-main-xilan .v-list h2 span {
    font-size: 18px;
    color: rgb(176, 31, 36);
    line-height: 34px;
    border-bottom: 2px solid rgb(176, 31, 36);
    border-radius: 2px;
    padding: 0 10px 4px 10px;
}

.JTPI-main-xilan .v-list ul {
    margin: 10px auto;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ccc;
}

.JTPI-main-xilan .v-list ul li {
    width: 387px;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    margin: 0 5px;
    background: url(../images/my_ls_point.png) no-repeat left;
    box-sizing: border-box;
}

.JTPI-main-xilan .v-list ul li a {
    font-size: 14px;
    line-height: 24px;
}

.JTPI-main-xilan .v-list ul li a:hover {
    color: rgb(176, 31, 36);
}

.JTPI-main-xilan .v-list .file_list li {
    text-decoration: none;
    border: 0;

}

/*跨库检索页面*/

.JTPI-main-L_page .L-left .L-list {
    padding: 20px 20px 10px 20px;
    border-bottom: 1px solid #ccc;
}

.JTPI-main-L_page .L-left .L-list ul li {
    overflow: hidden;
    margin-bottom: 20px;
}

.JTPI-main-L_page .L-left .L-list ul li a {
    display: block;
    float: left;
    padding-left: 3px;
    margin-top: -1px;
    font-size: 14px;
}

.JTPI-main-L_page .L-left .L-list ul li a span {
    color: #aaa;
}

.JTPI-main-L_page .L-left .L-list ul li a:hover {
    color: rgb(176, 31, 36);
}

.JTPI-main-L_page .L-left .L-list ul li a.current {
    background: rgb(176, 31, 36);
    border-radius: 3px;
    color: #fff;
}

.JTPI-main-L_page .L-left .L-s-all {
    padding-left: 116px;
    padding: 5px 30px;
}

.JTPI-main-L_page .L-left .L-s-all input {
    background: none;
    color: rgb(176, 31, 36);
    margin-right: 5px;
    line-height: 24px;
}

.JTPI-main-L_page .L-left .L-s-all input:hover {
    text-decoration: underline;
}

.JTPI-main-L_page .L-middle .L-m-wrap .L-m-js a.kkjs {
    display: block;
    color: rgb(176, 31, 36);
    margin-left: 10px;
    vertical-align: bottom;
    margin-top: 22px;
}

.JTPI-main-L_page .L-middle .L-m-wrap .L-m-js a.kkjs:hover {
    text-decoration: underline;
}

.JTPI-main-L_page .L-middle .L-m-wrap .L-m-js .s-extend {
    position: absolute;
    top: 42px;
    left: 88px;
    z-index: 999;
    width: 692px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #d1dff4;
    padding: 10px;
    display: none;
}

/*----------------细览页面新增模块样式-----------------
*/
.JTPI-main-xilan .v-list ul.tp_list, .JTPI-main-xilan .v-list ul.new_list {
    border-bottom: none;
}

.JTPI-main-xilan .v-list ul.tp_list li {
    width: 224px;
    height: 200px;
    border-radius: 5px;
    background: none;
    padding: 0;
    border: 1px solid #d1dff4;
}

.JTPI-main-xilan .v-list ul.tp_list li a {
    display: block;
}

.JTPI-main-xilan .v-list ul.tp_list li a img:hover {
    transform: scale(1.1, 1.1);
    transition: .3s transform;
}

.JTPI-main-xilan .v-list ul.tp_list li a span {
    display: block;
    line-height: 34px;
    padding: 0 10px;
    font-size: 14px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.JTPI-main-xilan .v-list ul.new_list li {
    display: block;
    background: none;
    padding: 0;
}

.JTPI-main-xilan .v-list ul.new_list li a {
    font-size: 14px;
    line-height: 34px;
}

.JTPI-main-xilan .v-list ul.tp_list, .JTPI-main-xilan .v-list ul.file_list {
    border-bottom: none;
    /*display: flex;*/
    flex-direction: column;
    max-height: 390px;
    overflow-y: auto;
    overflow-x: hidden;
}

.JTPI-main-xilan .v-list ul.tp_list, .JTPI-main-xilan .v-list ul.file_list li {
    width: 100%;
    display: flex;
    line-height: 30px;
    align-items: center;
}

.JTPI-main-xilan .v-list ul.tp_list, .JTPI-main-xilan .v-list ul.file_list li > span {
    width: 600px;
    color: #7c7c7c;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}

.JTPI-main-xilan .v-list ul.tp_list, .JTPI-main-xilan .v-list ul.file_list a span {
    color: rgb(176, 31, 36);
    padding: 0 20px;
}

.JTPI-main-xilan .v-list ul li a {
    color: rgb(176, 31, 36);
}


.JTPI-main-xilan .v-list ul li a.download {
    display: none;
}

/*---------------------------
End--------------*/

/*个人中心*/
.JTPI-main-personal_center {
    margin: 0 auto;
}

.JTPI-main-personal_center .L-left {
    background: #f7f7f7;
    border-right: 1px solid #d1dff4;
    margin: 0;
    box-sizing: border-box;
}

.JTPI-main-personal_center .L-left .touxiang {
    padding: 30px 78px;
    border-bottom: 1px solid #d1dff4;
}

.JTPI-main-personal_center .L-left .touxiang img {
    border-radius: 64px;
    border: 2px solid #213862;
}

.JTPI-main-personal_center .L-left .touxiang h2 {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 34px;
}

.JTPI-main-personal_center .L-left dl {
    padding: 10px 0;
    border-bottom: 1px solid #d1dff4;
}

.JTPI-main-personal_center .L-left dl dt {
    font-size: 16px;
    line-height: 34px;
    padding-left: 25px;
    margin: 0 20px;
}

.JTPI-main-personal_center .L-left dl.ls dt {
    background: url(../images/arrows7.png) no-repeat right, url(../images/my_ls.png) no-repeat left;
}

.JTPI-main-personal_center .L-left dl.sc dt {
    background: url(../images/my_sc.png) no-repeat left, url(../images/arrows7.png) no-repeat right;
}

.JTPI-main-personal_center .L-left dl.gzt dt {
    background: url(../images/my_gzt.png) no-repeat left, url(../images/arrows7.png) no-repeat right;
    background-size: 22px 22px, auto;
}

.JTPI-main-personal_center .L-left dl dd {
    font-size: 14px;
    line-height: 26px;
    padding-left: 12px;
}

.JTPI-main-personal_center .L-left dl dd a {
    padding-left: 14px;
    margin-left: 24px;
    background: url(../images/my_ls_point.png) no-repeat left;
}

.JTPI-main-personal_center .L-left dl dd a:hover {
    color: rgb(176, 31, 36);
}

.JTPI-main-personal_center .L-left dl dd.current {
    background: url(../images/grzx_bj.png);
}

.layui-nav-child dd.current {
    background: url(../images/grzx_bj.png);
}

.JTPI-main-personal_center .L-left dl dd.current a {
    color: #fff;
    background: url(../images/my_ls_point0.png) no-repeat left;
}

.JTPI-main-personal_center .L-middle {
    width: 977px;
    padding: 30px 0 0 30px;
}

.JTPI-main-personal_center .L-middle .grzx_js {
    margin-bottom: 40px;
}

.JTPI-main-personal_center .L-middle .grzx_js .box0 {
    margin-bottom: 20px;
}

.JTPI-main-personal_center .L-middle .grzx_js .box0 input {
    margin-right: 20px;
}

.JTPI-main-personal_center .L-middle .grzx_js label {
    font-size: 14px;
    line-height: 34px;
}

.JTPI-main-personal_center .L-middle .grzx_js input {
    width: 191px;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    box-sizing: border-box;
}

.JTPI-main-personal_center .L-middle .grzx_js input.input-box {
    background: url(../images/rili.png) no-repeat 163px;
}

.JTPI-main-personal_center .L-middle .grzx_js input.btn {
    width: 80px;
    background: rgb(176, 31, 36);
    color: #fff;
    font-size: 16px;
    border: none;
    margin-left: 10px;
}

.JTPI-main-personal_center .L-middle .L-m-s_result .biaotou, .JTPI-main-personal_center .L-middle .L-m-s_result table {
    width: 946px;
}

.JTPI-main-personal_center .L-middle .grzx_js .box0 .scfl {
    position: relative;
    margin-right: 20px;
}

.JTPI-main-personal_center .L-middle .grzx_js .box0 .scfl .cont {
    width: 191px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 10px;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    box-sizing: border-box;
    background: url(../images/arrows1.png) no-repeat 176px;
    margin-left: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.JTPI-main-personal_center .L-middle .grzx_js .box0 .scfl ul.other {
    width: 191px;
    position: absolute;
    top: 34px;
    left: 88px;
    z-index: 999;
    background: #fff;
    border: 1px solid #d1dff4;
    border-radius: 3px;
    padding: 5px 0;
    box-sizing: border-box;
    display: none;
}

.JTPI-main-personal_center .L-middle .grzx_js .box0 .scfl ul.other li {
    padding: 0 5px;
    height: 24px;
    line-height: 24px;
    cursor: default;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.JTPI-main-personal_center .L-middle .grzx_js .box0 .scfl ul.other li:hover {
    background: rgb(176, 31, 36);
    color: #fff;
}

.JTPI-main-personal_center .L-middle .L-m-s_result .biaotou input {
    width: 88px;
    height: 24px;
    margin: 7px 0;
    background: rgb(176, 31, 36);
    color: #fff;
    border-radius: 3px;
}

.JTPI-main-personal_center .L-middle .L-m-s_result .biaotou input:hover {
    background: #e17805;
}

.JTPI-main-personal_center .L-middle .grzx_js a {
    display: inline-block;
    width: 88px;
    height: 34px;
    line-height: 34px;
    background: #f6f9ff;
    border: 1px solid #bcc5ce;
    border-radius: 5px;
    padding-left: 18px;
    box-sizing: border-box;
}

.JTPI-main-personal_center .L-middle .grzx_js a.add {
    margin-right: 10px;
}

.JTPI-main-personal_center .L-middle .grzx_js a span {
    font-size: 16px;
    padding-left: 20px;
}

.JTPI-main-personal_center .L-middle .grzx_js a.add span {
    background: url(../images/add1.png) no-repeat left;
}

.JTPI-main-personal_center .L-middle .grzx_js a.order span {
    background: url(../images/order.png) no-repeat left;
}

.JTPI-main-personal_center .L-middle .L-m-s_result table.sc td p {
    width: 314px;
}

.JTPI-main-personal_center .L-middle .L-m-s_result table.sc0 td p {
    width: 690px;
}

.JTPI-main-personal_center .L-middle .L-m-s_result table.sc0 td a.edit {
    display: inline-block;
    width: 14px;
    height: 14px;
    padding-left: 16px;
    margin-bottom: -2px;
    background: url(../images/xgfl.png) no-repeat center;
}

.JTPI-main-personal_center .L-middle .L-m-s_result table.sc0 td a.edit:hover {
    background: url(../images/xgfl0.png) no-repeat center;
}

.JTPI-main-personal_center .L-middle .add_tk {
    position: relative;
    top: 50%;
    left: 50%;
    width: 550px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #d1dff4;
}

.JTPI-main-personal_center .L-middle .c-p-0 {
    margin-top: -81px;
    margin-left: -275px;
    height: 162px;
}

.JTPI-main-personal_center .L-middle .order_tk {
    margin-top: -244px;
    margin-left: -275px;
    height: 487px;
}

.JTPI-main-personal_center .L-middle .add_tk img.close, .sc_tk img.close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.JTPI-main-personal_center .L-middle .add_tk .sr {
    margin-left: 32px;
}

.JTPI-main-personal_center .L-middle .add_tk .list {
    margin-left: 110px;
}

.JTPI-main-personal_center .L-middle .add_tk h2, .sc_tk h2 {
    font-size: 16px;
    line-height: 38px;
    background: rgb(176, 31, 36);
    color: #fff;
    padding-left: 20px;
    margin-bottom: 25px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.JTPI-main-personal_center .L-middle .add_tk ul li {
    margin-bottom: 10px;
}

.JTPI-main-personal_center .L-middle .add_tk .sr .left ul li label {
    display: block;
    margin-top: -22px;
    padding-left: 16px;
}

.JTPI-main-personal_center .L-middle .add_tk label {
    font-size: 14px;
    line-height: 30px;
}

.JTPI-main-personal_center .L-middle .add_tk input.input_in {
    width: 400px;
    background: #fff;
    border: 1px solid #ccc;
    line-height: 30px;
    border-radius: 5px;
    padding: 0 10px;
    box-sizing: border-box;
}

.JTPI-main-personal_center .L-middle .add_tk i {
    color: red;
}

.JTPI-main-personal_center .L-middle .add_tk .btn, .sc_tk .btn0 {
    width: 194px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.xxts .btn0 {
    width: 98px;
    margin: 0 auto;
    margin-top: 28px;
}

.xxts .scts {
    width: 196px;
}

.JTPI-main-personal_center .L-middle .add_tk .btn input, .sc_tk .btn0 input {
    width: 88px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
}

.JTPI-main-personal_center .L-middle .add_tk .btn input.bc, .sc_tk .btn0 input.bc {
    background: rgb(176, 31, 36);
    color: #fff;
    margin-right: 10px;
}

.JTPI-main-personal_center .L-middle .add_tk .btn input.qx, .sc_tk .btn0 input.qx {
    background: #f6f9ff;
    border: 1px solid #d1dff4;
}

.JTPI-main-personal_center .L-middle .order_tk .sr .left {
    width: 260px;
    min-height: 350px;
    border: 1px solid #d1dff4;

}

.JTPI-main-personal_center .L-middle .order_tk .sr .left h3 {
    font-size: 14px;
    line-height: 34px;
    background: #f6f9ff;
    border-bottom: 1px solid #d1dff4;
    text-align: center;
}

.JTPI-main-personal_center .L-middle .order_tk .sr .left ul {
    margin: 20px;
}

.JTPI-main-personal_center .L-middle .order_tk .sr .right {
    margin: 40px 0 0 40px;
}

.JTPI-main-personal_center .L-middle .order_tk .sr .right ul li {
    margin-bottom: 14px;
    width: 17px;
    height: 17px;
}

.JTPI-main-personal_center .L-middle .order_tk .sr .right ul li.next {
    height: 16px;
}

.JTPI-main-personal_center .L-middle .order_tk .sr .right ul li.top {
    background: url(../images/top.png);
}

.JTPI-main-personal_center .L-middle .order_tk .sr .right ul li.prev {
    background: url(../images/prev.png);
}

.JTPI-main-personal_center .L-middle .order_tk .sr .right ul li.next {
    background: url(../images/next.png);
}

.JTPI-main-personal_center .L-middle .order_tk .sr .right ul li.bottom {
    background: url(../images/bottom.png);
}

.JTPI-main-personal_center .L-middle .order_tk .sr .right ul li.top:hover {
    background: url(../images/top0.png);
}

.JTPI-main-personal_center .L-middle .order_tk .sr .right ul li.prev:hover {
    background: url(../images/prev0.png);
}

.JTPI-main-personal_center .L-middle .order_tk .sr .right ul li.next:hover {
    background: url(../images/next0.png) no-repeat;
}

.JTPI-main-personal_center .L-middle .order_tk .sr .right ul li.bottom:hover {
    background: url(../images/bottom0.png) no-repeat;
}

.cd-popup, .cd-popup0, .cd-popup1, .cd-popup2, .cd-popup3, .cd-popup4 {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 9999;
}

.is-visible0 {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

/*权限页面*/

.f_0, .J_0 {
    position: fixed;
    width: 100%;
    z-index: 10000;
}

.f_0 {
    bottom: 0;
}

.J_0 {
    top: 0;
}

.P_0 {
    padding-top: 83px;
    height: 100%;
}

.JTPI-main-perm {
    position: relative;
    height: 100%;
    background: url(../images/bg-error.png) no-repeat center bottom;
}

.errorP {
    padding-top: 5%;
}

.errorP img {
    margin: 0 auto;
    display: block;
}

.JTPI-main-perm p {
    padding-top: 60px;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
}

/*细览页图片轮播样式Start*/
/*wrapper*/
#wrapper {
    width: 630px;
    margin: 0 auto;
}

#picSlideWrap {
    border: 1px solid #A9BFD6;
}

.imgnav {
    width: 788px;
    margin: 10px auto;
}

.imgnav {
    position: relative;
    margin: 0 auto;
    width: 630px;
}

#img {
    z-index: 10;
    width: 630px;
    position: relative;
    text-align: center;
}

#img img {
    height: 454px;
    display: none;
    border: 4px solid #fff;
}

#front {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
    cursor: pointer;
    width: 100px;
    height: 458px;
    background: url(../images/blank.gif);
}

#front a {
    position: absolute;
    left: 20px;
    top: 224px;
    display: block;
    background: url(../images/imgSlideLeft.png) no-repeat;
    width: 50px;
    height: 50px;
    display: none;
}

#next {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 10;
    cursor: pointer;
    width: 100px;
    height: 458px;
    background: url(../images/blank.gif);
}

#next a {
    position: absolute;
    right: 20px;
    top: 224px;
    display: block;
    background: url(../images/imgSlideRight.png) no-repeat;
    width: 50px;
    height: 50px;
    display: none;
}

#cbtn {
    position: relative;
}

#cbtn ul {
    position: relative;
    width: 10000px;
    height: 57px;
}

#cbtn ul li {
    float: left;
    padding: 3px 3px 3px 3px;
    cursor: pointer;
    text-align: center;
    margin-right: 20px;
    position: relative;
}

#cbtn ul li img {
    width: 54px;
    display: block;
}

#cbtn li.hov {
    border: 2px solid rgb(176, 31, 36);
}

#cSlideUl {
    position: relative;
    top: 4px;
    width: 545px;
    height: 60px;
    overflow: hidden;
    margin: 0 auto;
}

.picSildeLeft {
    cursor: pointer;
    position: absolute;
    top: 6px;
    left: 10px;
    z-index: 9;
}

.picSildeRight {
    cursor: pointer;
    position: absolute;
    top: 6px;
    right: 10px;
    z-index: 9;
}

/*细览页图片轮播样式end*/
/*细览页音频样式Start*/
.track-details {
    clear: both;
    height: 34px;
    width: 617px;
    padding: 1px 6px;
    background: #eee;
    color: #222;
    font-family: monospace;
    font-size: 13px;
    line-height: 34px;
    -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.15);
}

.track-details:before {
    content: '♬ ';
}

/*细览页音频样式end*/
/*在线提交页面*/

.J_online_s .title h1 {
    margin-left: 10px;
    font-size: 20px;
    line-height: 38px;
    font-weight: bold;
    padding-left: 38px;
    background: url(../images/database.png) no-repeat left;
    margin-bottom: 10px;
}

.J_online_s .title .o_xs {
    height: 3px;
    background: url(../images/xs.png);
}

.J_online_s ul.o_cont {
    width: 1180px;
    margin: 0 auto;
    margin-top: 20px;
}

.J_online_s ul.o_cont li {
    display: inline-block;
}

.J_online_s ul.o_text li {

    width: 282px;
    margin-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.J_online_s ul.o_cont li a {
    font-size: 14px;
    padding-left: 14px;
    line-height: 34px;
    background: url(../images/point.png) no-repeat left;
}

.J_online_s ul.o_cont li a:hover {
    color: #328ae2;
}

/*专题列表页面*/

.J_online_s .title h1.ztlb {
    background: url(../images/ztlb.png) no-repeat left;
}

.J_online_s ul.z_box li {
    position: relative;
    margin: 15px 31px;
    border: 1px solid #ccc;
}

.J_online_s ul.z_box li:hover {
    box-shadow: 0 0 10px #ccc;
}

.J_online_s ul.o_cont li .zz {
    position: absolute;
    top: 0;
    left: 0;
    width: 228px;
    height: 88px;
    background: #fff;
    opacity: 0;
}

.J_online_s ul.o_cont li:hover .zz {
    opacity: 0.5;
}

.J_online_s ul.o_cont li a.z_tp {
    position: relative;
    background: none;
    padding: 0;
    display: inline-block;
}

.J_online_s ul.o_cont li a.z_tp img {
    border: 10px solid #fff;
}

.J_online_s ul.z_box li h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}

.J_online_s ul.z_box li h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 208px;
    height: 25px;
    margin-left: -104px;
    margin-top: -12.5px;
    z-index: 999;
    line-height: 25px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #213862;
    text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0;
    -webkit-text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0;
    -moz-text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0;
    *filter: Glow(color=#fff, strength=2);
}

/*专题列表详情页*/

.J-top {
    height: 38px;
    background: #1c2b40;
}

.J-top p {
    width: 1200px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 38px;
    padding-left: 10px;
    color: #fff;
}

.Tlist_detail {
    width: 1200px;
    height: 300px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

.T_main {
    width: 1200px;
    margin: 0 auto;
}

.T_main .T_left {
    width: 755px;
}

.T_main .T_left .T_cont .title {
    position: relative;
}

.T_main .T_left .T_cont .title h1 {
    width: 705px;
    font-size: 16px;
    line-height: 37px;
    padding-left: 34px;
    background: url(../images/list2.png) no-repeat 10px;
    border-bottom: 1px dotted #ccc;
    box-sizing: border-box;
}

.T_main .T_left .T_cont .title .more {
    position: absolute;
    bottom: -9px;
    right: 0;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px 5px;
    border: 1px solid #ccc;
    border-radius: 30px;
    color: #999;
    cursor: pointer;
}

.T_main .T_left .T_cont .title .more:hover {
    color: #328ae2;
    border: 1px solid #d1dff4;
    box-shadow: 0 0 5px #ccc;
}

.T_main .T_left .T_cont .nr {
    margin-bottom: 40px;
}

.T_main .T_left .T_cont .nr li {
    margin-top: 20px;
    font-size: 14px;
    padding-left: 14px;
    padding-right: 10px;
    background: url(../images/point.png) no-repeat left;
    margin-left: 10px;
    margin-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.T_main .T_left .T_cont .nr li:hover a {
    color: #328ae2;
}

.T_main .T_left .T_cont .tp {
    margin-top: 22px;
    margin-bottom: 22px;
}

.T_main .T_left .T_cont .tp li {
    display: inline-block;
    margin: 0 18px;
    width: 212px;
    height: 188px;
    border: 2px solid #d1dff4;
    border-radius: 5px;
    box-sizing: border-box;
    overflow: hidden;
}

.T_main .T_left .T_cont .tp li a {
    display: block;
}

.T_main .T_left .T_cont .tp li a span {
    display: block;
    padding: 0 10px;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.T_main .T_left .T_cont .tp li a img:hover {
    transform: scale(1.1, 1.1);
    transition: .3s transform;
}

/*左边轮播样式*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* display none until init */
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

/*左边轮播样式结束*/

.T_main .T_right {
    width: 390px;
}

.T_main .T_right .T_r_new {
    margin-bottom: 20px;
    border: 1px solid #e0dfdf;
    border-top: none;
    box-sizing: border-box;
}

.T_main .T_right .T_r_new .xs {
    width: 388px;
    height: 3px;
    background: #7cbeff;
}

.T_main .T_right .T_r_new h1 {
    font-size: 16px;
    line-height: 40px;
    margin: 0 10px;
    border-bottom: 1px solid #e5e5e5;
}

.T_main .T_right .T_r_new .info {
    margin: 0 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.T_main .T_right .T_r_new .info:last-child {
    border: none;
}

.T_main .T_right .T_r_new .info img.newtp {
    display: block;
    width: 240px;
    height: 160px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.T_main .T_right .T_r_new .info dl {
    margin-bottom: 10px;
    font-size: 14px;
}

.T_main .T_right .T_r_new .info dl dt, .T_main .T_right .T_r_new .info dl dd {
    display: inline-block;
}

.T_main .T_right .T_r_new .info dl dt {
    font-weight: bold;
}

.T_main .T_right .T_r_new .info dl dd.sign {
    width: 270px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.T_main .T_right .T_r_new .info dl dd.full_text {
    width: 240px;
    vertical-align: top;
    line-height: 24px;
    margin-top: -3px;
}

.T_main .T_right .T_r_new .info a {
    display: block;
    text-align: right;
    font-size: 14px;
    line-height: 24px;
}

.T_main .T_right .T_r_new .info a:hover, .T_main .T_right .T_r_new .title a:hover {
    color: #328ae2;
    text-decoration: underline;
}

.T_main .T_right .T_r_new .title {
    width: 368px;
    margin: 0 10px;
    border-bottom: 1px solid #e5e5e5;
}

.T_main .T_right .T_r_new .title h1.lb {
    border: none;
}

.T_main .T_right .T_r_new .title a {
    font-size: 14px;
    line-height: 40px;
    padding-right: 10px;
}

.T_main .T_right .T_r_new .info ul.kz a {
    text-align: left;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.T_main .T_right .T_r_new .info ul.kz a:hover {
    text-decoration: none;
}

/*个人中心主页配置*/
.col-xs-1 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-sm-6 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.policy-block {
    padding: 75px 15px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.text-center {
    text-align: center
}

.policy-icon {
    color: #fff;
    font-size: 40px;
    width: 80px;
    height: 80px;
    margin: auto;
    line-height: 84px;
    border-radius: 50%;
    display: block;
    text-align: center;
    background-color: white;
    position: relative;
}

.policy-text {
    margin-top: 42px;
}

.policy-text .policy-title {
    font-weight: 400;
    margin-bottom: 20px;
}


.col-lg-3 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 25%;
    flex: 0 0 33.33%;
    max-width: 33.33%
}

.col-sm-6 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.policy-text .policy-desc {
    font-size: 16px;
    line-height: 1.2;
    color: #777777;
}

.container {
    text-align: center;
    width: 1200px;
    height: 350px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.row-10 {
    margin-left: -5px;
    margin-right: -5px;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-heart-o:before {
    content: "\f08a"
}

.policy-block:hover .policy-icon:after {
    opacity: 1;
    visibility: visible;
    -webkit-animation: spin 10s infinite linear;
    animation: spin 10s infinite linear;
}

.policy-block:hover {
    -webkit-box-shadow: 0 5px 20px 0 rgba(195, 195, 195, 0.6);
    box-shadow: 0 5px 20px 0 rgba(195, 195, 195, 0.6);
}

*, ::after, ::before {
    box-sizing: border-box;
}

.h4 {
    font-size: 1.5rem;
}


/*工作台css*/

.personhome-r {
    width: 30%;
    height: 100%;
}

.personhome-r-dblist {
    overflow: auto;
}

#dblistdata a {
    color: black !important;
}

.scrollbar {
    width: 30px;
    height: 0px;
    margin: 0 auto;
}

#dblist {
    min-height: 300px;
    max-height: 450px;
    overflow-y: auto;
}

.tpi-model-scrollbar::-webkit-scrollbar {
    width: 3px;
    height: 1px;
}

.tpi-model-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #009688;
}

.tpi-model-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    background: #EDEDED;
}

#UserInfo .span, #db_info .span {
    height: 10px;
    background-color: white;
}

#UserInfo span, #db_info span {
    padding-left: 10px;
}

#db_info_fields div {
    float: left;
    padding-right: 30px;
    padding-bottom: 30px;
}

ul.ztree {
    border: 0 !important;
}

.tree-box {
    border-radius: 5px;
    background: rgba(176, 31, 36, .1);
    color: rgba(176, 31, 36, 1) !important;
}

.ztree li a {
    color: rgba(176, 31, 36, 1) !important;
    font-weight: bold;
}

.ztree li span.button.ico_close, .ztree li span.button.ico_close, .ztree li span.button.ico_docu, .ztree li span.button.ico_open {
    display: none !important;
}

td.td_cls {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#tuxiang_list {
    overflow: auto;
}

.paragraph-quanwen p {
    line-height: 40px;
    font-size: 20px !important;
}
.paragraph-quanwen div {
    line-height: 40px;
    font-size: 20px !important;
}
.paragraph-quanwen span {
    line-height: 40px;
    margin: 20px 0;
    font-size: 20px !important;
}
.paragraph-quanwen span  strong{
    font-size: 20px !important;
}