body {
    overflow-x: hidden;
}

.container {
    padding: 0;
}

.clearfix {
    clear: both;
    zoom: 1;
}

.pind {
    padding: 0px;
}

.pind .input-group {
    margin-right: 15px;
}

.pb-30 {
    padding-bottom: 30px;
}

li {
    list-style-type: none
}

.txt-center {
    text-align: center;
}

a:hover {
    text-decoration: none;
}

/*Header box css start*/
.logo {
    /* width: 229px; */
    /* height: 55px; */
    margin-top: 25px;
    max-width: 100%;
    max-height: 100%;
}

.btn-login {
    color: #191933;
    border: 1px #191933 solid;
    width: 68px;
    height: 37px;
    line-height: 37px;
    padding: 0px;
    margin-top: 25px;
}

.nav-link-list {
    border: none;
    width: 1200px;
    margin: 0 auto;
    padding: 0;
    background-color: #fff;
    height: 90px;
}

.nav-link-list a {
    font-size: 14px;
    color: #191933;
    letter-spacing: 0;
    font-weight: 800;
}

.nav-img {
    width: 60px;
    height: 60px;
    margin-top: 15px;
    border-radius: 4px;
}

.height-qk {
    padding: 0px;
    height: 100%;
}

.navbar-nav li a:hover,
.navbar-nav li a:focus {
    background-image: url(../img/qk38.png);
}

.nav-qk {
    min-height: 90px;
    margin-bottom: 0;
    border-top: 1px solid #E5E5E5;
}

.sub-nav-list {
    height: 55px;
    line-height: 54px;
    background: #8181FF;
    text-align: center;
}

.sub-nav-list a {
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
    display: inline-block;
    height: 54px;
    padding: 0px 22px;
}

.sub-nav-list a:hover,
.sub-nav-list a.active {
    background: #6B6BDE;
}

.gaidong {
    width: 97%;
    height: 60px;
    border: 1px solid rgba(218, 218, 228, 1);
    border-radius: 8px;
    font-size: 20px;
    color: #9F9FAE;
    letter-spacing: 0;
    text-indent: 20px;
    font-weight: 400;
}

.but-gai {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    border: 0;
    margin-left: 15px;
    background-image: url(../img/qk35.png);
    background-position: -2px -1px;
}

.wenzi-1 {
    width: 272px;
    height: 36px;
    /* bottom: 90%; */
    /* left: 2%; */
    line-height: 0;
    padding-bottom: 10px;
    background: rgba(0, 0, 0, 0.34);
    border-radius: 18px;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    font-weight: 600;
}

/* .wenzi-2{
    width: 1180px;
    font-size: 49px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 90px;
    font-weight: 600;
    margin: 0 auto;
} */



.kong {
    width: 248px;
    height: 4px;
    opacity: 0.19;
    background: #FFFFFF;
    bottom: 47%;
    left: 45%;
    padding: 0;
}

.wenzi-3 {
    /* width: 1503px; */
    opacity: 0.67;
    font-family: DINCondensed-Bold;
    font-size: 30px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 80px;
    /* bottom: 40%; */
    /* left: 14%; */
}

.lunbo-ol {
    bottom: 0px;
    width: 100%;
    height: 70px;
    margin: 0;
    left: 0;
    opacity: 0.43;
    background: #2D2D68;
}

.lunbo-left {
    left: 200%;
    right: revert;
}

.lunbo-right {
    right: 200%;
    left: revert;
}

.lunbo-ucb-right {
    right: 0;
    left: auto;
}

.lunbo-ol li {
    width: 74.07px;
    height: 3.13px;
    opacity: 0.21;
    margin-top: 35px;
    background: #000000;
}

.lunbo-ol li.active {
    width: 74.07px;
    height: 3.13px;
    opacity: 1;
    background: #ffffff;
}

.yangcang {
    display: none;
}

.lunbo {
    margin-top: -1px;
}

/*end*/

/*main box css*/
.fenye {
    height: 70px;
    background: #F9F9F9;
}

.fenye-like {
    height: 70px;
}

.fenye-like a {
    padding-left: 7px;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 50px;
}

.input-group-btn:last-child>.btn {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    margin-left: 0px;
}

.input-gai {
    width: 1%;
}

.but-1 {
    width: 211px;
    height: 61px;
    border: 2px solid rgba(129, 129, 255, 0.71);
    border-radius: 8px;
    font-size: 20px;
    color: #8181FF;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
    line-height: 50px;
}

.but-2 {
    width: 268px;
    height: 61px;
    border: 2px solid rgba(129, 129, 255, 0.71);
    border-radius: 8px;
    font-size: 20px;
    color: #8181FF;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
    line-height: 50px;
}

.shangcheng {
    margin-top: 21px;
}

.ul-fenye {
    width: 100%;
    height: 100%;
}

.ul-fenye li a {
    width: 100px;
    height: 36px;
    background: rgb(129, 129, 255, 0.1);
    border-radius: 17.5px;
    border: none;
    font-size: 16px;
    color: #4D4D99;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
    margin-left: 32px;
}

.ul-fenye li a.active,
.ul-fenye li a:hover {
    color: #fff !important;
    font-weight: 700;
    font-style: italic;
    background: #8181FF;
}

.fenyexg .pre-next-box {
    background: rgba(129, 129, 255, 0.04);
}

.fenyexg {
    margin-top: 25px;
    margin-bottom: 16px;
}

.ul-fenye a.jiantou {
    width: 40px;
    height: 25px;
    border: 0;
    background: rgb(0, 0, 0, 0);
}

.books {
    padding: 0px 15px;
}

.books-yanse {
    background: #F8F8FB;
    border-radius: 4px;
    height: 100%;
    padding: 0;
}

.ulname {
    border: 0;
    margin: 77px 0 20px;
}

.ulname img {
    /* position: absolute; */
}

.ulname-img-1 {
    margin-left: 18px;
    margin-top: 20px;
}

.ulname-img-2 {
    right: 0;
    margin-top: -55px;
}

.ul-beijing {
    width: 50%;
    height: 33px;
    margin: 0 auto;
    background-image: url(../img/qk34.png);
    background-repeat: no-repeat;
    background-size: 630px 26px;
}

.ulname h1 {
    line-height: 1px;
    font-size: 40px;
    color: #19253E;
    letter-spacing: 0;
    text-align: center;
    font-weight: 600;
}

.books-neirong {
    height: 50%;
    background: #F8F8FB;
    border-radius: 4px;
}

.Subtitle {
    border: 0;
}

.Subtitle-ul {
    width: 130px;
    height: 26px;
    margin: 0 auto;
    /* background: #E4E4F6; */
}

.Subtitle-ul h2 {
    width: 130px;
    height: 33px;
    line-height: 6px;
    font-size: 24px;
    color: #19253E;
    letter-spacing: 0;
    font-weight: 600;
}

.books-botten {
    height: 30%;
}

.books-tow {
    background: #F8F8FB;
    border-radius: 4px;
    /* height: 608px; */
    padding: 0;
    margin-top: 20px;
    padding-bottom: 30px;
}

.tow-beijing {
    width: 570px;
    margin-top: 50px;
}

.tow-beijing h1 {
    /* width: 570px; */
    background-size: 500px 30px;
}

.tow-ulname {}

.tow-gai,
.tow-gai h2 {
    width: 290px;
}

.tow-gai img {
    float: right;
    margin-right: -19%;
    margin-top: -16%;
}

.like-kuang {



    margin-left: 50px;
    margin-top: 45px;
}

.yangtou {
    position: absolute;
    width: 130px;
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
    margin-top: -1%;
    margin-left: -5px;
    background: #F8F8FB;
    font-weight: 500;
}

.like-kuang a img {
    width: 16px;
    height: 16px;
    background: #D8DEE6;
    margin-left: 24px;
    margin-top: -5px;
    margin-right: 16px;
}

.like-kuang a {
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
    line-height: 90px;
    font-weight: 500;
}

.modular {
    padding-bottom: 10px;
}

.modular-fd {
    width: 160px;
}

.modular ul {
    padding-left: 0;
    margin-top: 20px;
}

.modular ul li a {
    line-height: 42px;
}

.book-fenye {
    background: #F8F8FB;
    border-radius: 4px;
    min-height: 280px;
    padding: 0;
}

.upbook {
    margin-top: 17px;
}

.fenxian {
    border: 1px solid rgba(222, 222, 222, 1);
    width: 90%;
    height: 1px;
    margin: 0 auto;
}

.sub-like {
    width: 1075px;
    height: 17px;
    /* margin-top: 19px; */
    margin-left: 63px;
    margin-bottom: 8px;
}

.jourmal-img-1 {
    margin-top: -48px;
}

.book-neirong {
    width: 92%;
    height: 88px;
    margin: 0 auto;
    border: 2px #fff solid;
    border-bottom: 2px solid rgba(222, 222, 222, 1);
}

.book-neirong a {
    background: #F8F8FB;
    height: 100%;
    border: 0;
    padding: 10px 0px;
}

.book-p {
    padding: 0;
    font-size: 14px;
    color: #5C5C63;
    letter-spacing: 0;
    text-align: justify;
    font-weight: 400;
}

.book-neirong a h4 img {
    margin-left: 5px;
}

.book-ur {
    text-align: right;
}

.cheng {
    margin-top: 10px;
}

.ul-like {
    margin-left: 45px;
}

.ul-like li a {
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    font-weight: 400;
    margin-left: 15px;
    border-radius: 4px;
}

.ul-like li p {
    float: left;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    text-align: right;
    font-weight: 600;
    line-height: 35px;
}

.ul-like li a.ul-like-yanse {
    background: #8181FF;
    margin-right: 20px;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    border: 0;
    font-weight: 500;
}

.modal-backdrop.in {
    opacity: .5;
}

.modal-for {
    width: 527px;
    float: right;
    margin-top: 190px;
    margin-right: 14px;
}

.modal-fom {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 600;
    text-align: left;
    margin-left: 11px;
}

.modal-fon {
    padding: 23px 15px;
    background: #4C4C9B;
    border-radius: 4px 4px 0px 0px;
}

.modal-text {
    padding-top: 35px;
    padding-bottom: 30px;
    margin-left: 18px;
    overflow: hidden;
}

.modal-text ul li {
    text-align: left;
    font-size: 16px;
    color: #68686A;
    letter-spacing: 0;
    line-height: 30px;
    font-weight: 400;
}

.modal-text img {
    position: absolute;
}

.dh-ul {
    height: 513px;
    overflow-y: scroll;
}

.dh-ul::-webkit-scrollbar {
    width: 4px;
    height: 20px;
    scrollbar-arrow-color: red;
}

.dh-ul::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
    scrollbar-arrow-color: red;
}

.innerbox::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

.modal-img-left {
    left: 0;
    margin-top: -10px;
    margin-left: 19px;
}

.modal-img-right {
    right: 0;
    margin-right: 15px;
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.sub-like-uc {
    width: 155px;
    margin-top: 27px;
}

.sub-like-uc img {
    margin-left: 20px;
    margin-top: -20px;
}

.ulname-button {
    width: 1074px;
    height: 1px;
    margin: 0 auto;
    border: 1px solid rgba(222, 222, 222, 1);
}

.like-ab ul {
    margin-left: 25px;
    margin-top: 18px;
}

.like-ab ul li {
    font-size: 18px;
    letter-spacing: 0;
    font-weight: 500;
    margin-top: 18px;
}

.like-ab ul li p {
    font-size: 14px;
    color: #53535C;
    letter-spacing: 0;
    font-weight: 400;
    height: 34px;
    line-height: 34px;
    width: 298px;
    background: #FDFAEF;
    border-radius: 8px;
    text-indent: 1em;
}

.book-fuac {
    height: 650px;
}

.ulname-text ul {
    width: 1071px;
    height: 315px;
    margin: 0 auto;
    padding: 0;
}

.ulname-text ul li {
    list-style-type: none;
    font-size: 14px;
    color: #14183D;
    letter-spacing: 0;
    text-align: justify;
    font-weight: 400;
}

.ul-free-beijing {
    background-image: url(../img/qk5.png);
    width: 40%;
}

.book-free {
    height: 100%;
    margin-top: 17px;
}

.free-img {
    margin-top: -22px;
}

.free-form {
    padding: 0 32px;
    margin-top: 40px;
}

.free-xz p,
.free-xz a {
    float: left;
    margin-left: 2px;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 17px;
    font-weight: 500;
}

.free-xz p {
    color: #B2C1DD;
}

.free-xz a {
    color: #304A7D;
}

.form-group label {
    font-size: 16px;
    color: #1E1D2D;
    letter-spacing: 0;
    font-weight: 600;
}

.form-group input::-webkit-input-placeholder {
    font-size: 14px;
    color: #B2C1DD;
    letter-spacing: 0;
    font-weight: 400;
}

.form-group input::-moz-input-placeholder {
    font-size: 14px;
    color: #B2C1DD;
    letter-spacing: 0;
    font-weight: 400;
}

.free-button {
    width: 100px;
    height: 44px;
    background: #8181FF;
    border-radius: 4px;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 600;
}

.fanzhuan {
    float: right;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    margin-top: -95px;
    margin-right: 10px;
}

.modal-denglu {
    width: 431px;
    margin-top: 10%;
    overflow: hidden;
    border: none;
}

.land-form h3 {
    text-align: left;
    padding-left: 0;
    color: #525879;
    font-weight: 400;
    margin-bottom: 14px;
    font-size: 24px;
}

.land-form a {
    font-size: 14px;
    color: #4545C0;
    letter-spacing: 0;
    text-align: right;
    position: absolute;
    font-weight: 600;
    top: 25px;
    right: 0;
    padding-right: 0;
}

.land-form a:hover {
    background-color: #fff;
}

.land-form h1 {
    text-align: left;
    font-weight: 600;
    margin-top: -2px;
    font-family: 'PingFangSC-Semibold';
    padding-left: 0;
    line-height: 56px;
}

.land-form label {
    padding: 17px 0px 0px;
    color: #1E1D2D;
    font-size: 16px;
    line-height: 22px;
}

.land-form {
    margin-bottom: 0;
}

.land-modal {
    padding: 15px 30px 50px 30px;
}

.land-form p {
    text-align: left;
    line-height: 20px;
    color: #525879;
    font-size: 12px;
    margin-bottom: 0px;
}

.land-modal form button {
    width: 216px;
    height: 40px;
    background: #8181FF;
    border-radius: 6px;
    margin-right: 0px;
    font-size: 16px;
    color: #FFFFFF;
    margin-top: 5px;
    letter-spacing: 0;
    font-weight: 500;
}

.land-form-web {
    height: 19px;
    margin-bottom: 0;
}

.land-form-web p {
    text-align: center;
    line-height: 30px;
    height: 30px;
    float: left;
    font-size: 12px;
    margin-left: 56px;
    color: #B2C1DD;
}

.land-form-web a {
    height: 21px;
    line-height: 18px;
    color: #000;
    font-size: 12px;
    float: left;
    margin-left: 5px;
    margin-top: 6px;
    padding: 0;
}

.land-form-web a:hover {
    background-color: #fff;
}

.land-gai p {
    margin-left: 0;
    margin-bottom: 0px;
}

.land-gai {
    margin-left: 90px;
    width: 200px;
}

.land-modal form button.zhuce-modal {
    margin-top: 10px;
    margin-bottom: 16px;
}

.zhuce-form {
    /* margin-top: 30px; */
}

.fenye-uaac {
    height: 50px;
    padding: 0;
    background-color: #f9f9f9;
}

.subku {
    height: 239px;
    background: #FFFFFF;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    margin-top: 86px;
}

.subku-top {
    height: 172px;
    border-bottom: 1px solid rgba(229, 229, 229, 1);
}

.subku-button {
    height: 66px;
}

.subku-img {
    width: 200px;
    height: 200px;
    border-radius: 4%;
    margin-left: 31px;
    margin-top: -60px;
    margin-right: 25px;
    float: left;
}

.subku-neirong span {
    float: right;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    color: #8181FF;
    margin-right: 0px;
    margin-top: 20px;
    width: 40px;
    height: 40px;
    background: #F2F2FF;
    border-radius: 2px;
}

.subku-neirong {
    float: right;
    width: 78%;
}

.subku-neirong ul {
    margin-top: 31px;
    padding: 0;
}

.subku-yanse {
    background: #F2F2FF;
    border-radius: 2px;
    width: 138px;
}

.subku-button ul {
    padding: 0;
}

.subku-button ul li {
    float: left;
    line-height: 45px;
    margin-left: 26px;
}

.span-gai {
    color: #8181FF;
    width: 20px;
}

.subku-button ul li img {
    width: 16.67px;
    height: 16.25px;
    margin-right: 5px;
}

.subku-right {
    float: right;
}

.li-subku {
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    font-weight: 600;
}

.btn-uc {
    width: 175px;
    background: #FFFFFF;
    border: 1px solid rgba(229, 229, 229, 1);
    border-radius: 4px;
    text-align: left;
    margin-right: 15px;
}

.btn-uc span {
    float: right;
    line-height: 20px;
    margin-top: 10px;
}

.btn-ulname {
    width: 1080px;
    height: 70px;
    line-height: 60px;
    background: #F0F0FD;
    border-radius: 6px;
    font-size: 24px;
    color: #7575EA;
    letter-spacing: 0;
    text-align: center;
    font-weight: 500;
    margin-top: -10px;
    margin-bottom: 20px;
    margin-left: 46px;
    border: 0;
}

.main-yanse {
    background-color: #F9F9F9;
}

.dixian {
    border-bottom: 1px solid #ededed;
}

.subku-book {
    background-color: #fff;
}

.row-subku {
    padding: 0 15px 50px 15px;
}

.subku-text-1 {
    font-size: 18px;
    color: #19253E;
    letter-spacing: 0;
    line-height: 30px;
    font-weight: 600;
}

.subku-text-2 {
    font-size: 14px;
    color: #5C5C63;
    letter-spacing: 0;
    text-align: justify;
    width: 100%;
    padding: 0;
    font-weight: 400;
}

.subku-text-3 {
    text-align: right;
    margin-top: 11px;
    float: right;
}

.subku-text-btn {
    margin-top: 11px;
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: 0;
    text-align: center;
    font-weight: 600;
}

.subku-correct {
    background: #F5FCF8;
    border: 1px solid rgba(196, 235, 213, 1);
    color: #06AE50;
}

.under-review {
    background: rgba(250, 149, 0, 0.07);
    border: 1px solid rgba(250, 149, 0, 1);
    color: #FA9500;
    padding: 6px 20px;
}

.error {
    background: rgba(236, 168, 165, 0.08);
    border: 1px solid rgba(224, 32, 32, 0.38);
    color: #E02020;
    padding: 6px 28px;
}

.details {
    margin: 0 45px;
    background: #F8F8FB;
    height: 213px;
}

.details p {
    margin: 0px 30px;
    padding: 20px 0px;
    height: 50px;
    font-size: 18px;
    color: #5C5C63;
    letter-spacing: 1px;
    text-align: justify;
    font-weight: 500;
}

.details ul {
    list-style: none;
    display: table;
    width: 100%;
    padding: 0;
    margin: 38px 0 0 0;
    position: relative;
}

.details ul li {
    display: table-cell;
    width: 1%;
    text-align: center;
}

.details ul li .active .step {
    border-color: #5293C4;
}

.details ul li .step {
    border: 5px solid #F6B639;
    color: #546474;
    font-size: 15px;
    border-radius: 100%;
    position: relative;
    z-index: 2;
    background: #F6B639;
    line-height: 15px;
    margin-top: 7px;
    display: inline-block;
    width: 24px;
    height: 24px;
}

.details ul li .title {
    display: block;
    margin-top: 4px;
    max-width: 100%;
    color: #949EA7;
    font-size: 14px;
    z-index: 104;
    text-align: center;
    table-layout: fixed;
    word-wrap: break-word;
}

.details ul li::before {
    display: block;
    content: "";
    width: 50%;
    height: 1px;
    font-size: 0;
    overflow: hidden;
    border-top: 2px solid #EF8642;
    border-image: linear-gradient(to right, #F6B63A, #ef8642) 1;
    position: relative;
    top: 21px;
    z-index: 1;
}

.details ul li:first-child::before {
    max-width: 50%;
    left: 50%;
}

.details ul li:last-child::before {
    max-width: 100%;
    width: 100%;
    margin-left: -173px;
    border-top: 2px solid #Eeeeee;
    border-image: linear-gradient(to right, #eeeeee, #eeeeee) 1;
}

.details ul li .step-hui {
    border: 5px solid #eeeeee;
    color: #BCBCCB;
    background-color: #eee;
}

.tgxq {
    margin: 40px 0px 20px -15px;
}

.Contribution {
    margin-top: 11px;
    background-color: #ffffff;
}

.tg span {
    font-size: 40px;
    color: #19253E;
    letter-spacing: 0;
    text-align: center;
    font-weight: 600;
}

.tg-img {
    background-image: url(../img/qk5.png);
    background-repeat: no-repeat;
    background-size: 0 0;
    width: 0;
    height: 0;
}

.tougao-yanse {
    background-color: #fff;
}

.tougao-form div {
    margin-bottom: 20px;
}

.tougao-shangchuan,
.tougao-file input {
    width: 138px;
    height: 44px;
    background: #FFFFFF;
    border: 1px solid rgba(196, 196, 255, 1);
    border-radius: 4px;
    font-size: 16px;
    color: #8181FF;
    letter-spacing: 0;
    font-weight: 600;
}

.tougao-file {
    background: #F8F8FB;
}

.tougao-btn {
    margin-top: 18px;
    margin-left: 18px;
}

.tougao-pro {
    width: 147px;
    height: 4px;
    margin-top: 20px;
    float: left;
}

.tougao-p {
    float: left;
    margin-left: 29px;
    margin-right: 16px;
    line-height: 39px;
}

.tougao-form .tougao-jdt {
    margin-top: 20px;
    margin-bottom: 0;
}

.pro-yanse {
    background-color: #8181FF;
}

.tg-span {
    width: 17.5px;
    height: 17.5px;
    line-height: 39.5px;
    margin-left: 10px;
    color: #E86969;
}

.tougao-form .tg-kongyu {
    height: 70px;
    margin-bottom: 0;
}

.tg-p {
    font-size: 14px;
    color: #A0ADC7;
    letter-spacing: 0;
    font-weight: 400;
    margin-left: 20px;
    padding-bottom: 20px;
}

.tg-fd {
    height: 88px;
}

.tougao-color {
    padding-bottom: 55px;
}

.tg-btn {
    /* margin-top: -20px; */
    margin-bottom: 41px;
}

.btn-xxk {
    background-image: url(../img/tx.jpeg);
    width: 60px;
    height: 60px;
    float: right;
    border-radius: 4px;
    background-repeat: no-repeat;
    border: 0;
    background-color: #fff;
    margin-right: 60px;
    margin-top: 15px;
    background-size: 100% 100%;
}

.btn-rook {
    width: 139px;
    padding: 0;
    margin-left: 150px;
    margin-top: 10px;
    min-width: 120px;
    text-align: left;
}

.btn-rook li a {
    padding: 6px 10px;
    border-bottom: 1px solid #ccc;
    padding: 11px 8px;
}

.btn-rook p {
    position: absolute;
    font-size: 25px;
    margin-top: -21px;
    margin-left: 35px;
    color: #ccc;
}

.modal-xinxi {
    width: 1060px;
    height: 721px;
}

.modal-xinxi .modal-header {
    padding: 25px 15px;
}

.btn-rook li a:hover {
    background-color: #8181FF;
}

.mod-txt {
    margin-left: 24px;
    font-size: 24px;
    color: #14183D;
    letter-spacing: 0;
    font-weight: 600;
}

.mod-ux {
    padding: 0;
}

.mod-ux li {
    width: 100%;
    height: 100px;
    border-bottom: 1px solid #dedede;
}

.mod-img-1 {
    width: 50px;
    height: 50px;
    margin: 25px;
    background: #F0F0FD;
    border-radius: 8px;
}

.mod-img-2 {
    margin-top: 40px;
    margin-right: 10px;
    float: right;
}

.mod-gai {
    padding: 0;
}

.mod-wb {
    padding: 10px 0 0 0;
}

.mod-wb h4 {
    float: left;
    margin-bottom: 0px;
    font-size: 18px;
    color: #14183D;
    letter-spacing: 0;
    text-align: center;
    font-weight: 600;
}

.mod-wb p {
    margin-top: 9px;
    font-size: 12px;
    color: #898999;
    letter-spacing: 0;
    font-weight: 400;
    margin-left: 100px;
}

.modal-header span {
    font-size: 28px;
}

.col-xs-10 p {
    font-size: 14px;
    color: #53535C;
    letter-spacing: 0;
    font-weight: 400;
}

.naws-like {
    width: 70px;
}

.naws-like-actives {
    width: 200px;
}

.naws-btn button {
    background-color: #f8f8fb;
    border: 0;
}

.naws-ulname {
    margin: 77px 0 -5px
}

.naws-qian {
    margin-left: 50px;
}

.naws-ltem a {
    background-color: #fff;
}

.naws-nbook {
    float: left;
    width: 70px;
    height: 70px;
    background-color: #f8f8fb;
    margin-left: 10px;
}

.naws-nbook h1 {
    font-size: 32px;
    color: #1E1D2D;
    letter-spacing: 0;
    line-height: 40px;
    text-align: center;
    margin: 0;
    font-weight: 900;
}

.naws-ltem a:hover {
    background-color: #fff;
}

.naws-nbook p {
    text-align: center;
}

.naws-ltem a h4 {
    margin-top: 10px;
    margin-left: 95px;
    margin-bottom: 10px;
    font-size: 20px;
    color: #333333;
    letter-spacing: 0;
    font-weight: 600;
}

.nawsxq {
    padding: 0 30px 0 60px;
}

.naws-p {
    margin-left: 15px;
}

.xq-img1 {
    width: 516px;
    height: 360px;
    float: left;
}

.xq-img2 {
    margin-bottom: 15px;
}

.xq-img2 h1 {
    font-size: 24px;
    color: #19253E;
    letter-spacing: 0;
    text-align: left;
    font-weight: 600;
    line-height: normal;
}

.xq-img3 {
    margin-bottom: 14px;
}

.xq-img3 p {
    width: 135px;
    padding: 8px;
    text-align: center;
    background-color: #EDEDFF;
}

.xqimg1 {
    margin-left: 150px;
    /* margin-top: -40px; */
}

.xqimg2 {
    margin-left: 190px;
    /* margin-top: -42px; */
}

.p-jianju {
    margin-bottom: 20px;
}

.xiangqing-naws {
    height: auto;
}

.ul-intem {
    background-size: 505px 26px;
    width: 49%;
}

.inte p {
    text-align: center;
    padding: 0px 105px;
}

.inte {
    margin-top: 20px;
    height: 560px;
}

.inte ul {
    margin-top: 20px;
}

.inte ul li {
    border: 3px solid rgba(243, 238, 209, 1);
    border-radius: 2px;
    float: left;
    margin-right: 15px;
    margin-top: 15px;
}

.ul-top li {
    width: 336px;
    height: 133px;
}

.ul-top li img {
    padding-top: 10px;
    padding-left: 46%;
}

.ul-top li h4 {
    text-align: center;
}

.ul-top li p {
    padding: 0 22px;
    font-size: 12px;
    color: #ADAEBB;
}

.ul-center li {
    width: 336px;
    height: 164px;
}

.ul-center {
    margin-top: 15px;
}

.ul-center li .img-center {
    padding-left: 10%;
    margin-top: 10%;
}

.national {
    height: 257px;
    opacity: 0.74;
    background: #EEEEEE;
}

.national h3 {
    text-align: left;
    width: 560px;
    margin: 0px auto;
    margin-top: 10px;
    line-height: 22px;
    height: 16px;
    background-color: #e4e4f6;
}

.qianchang {
    padding: 21px 0px;
}

.item,
.carousel-caption-1 {
    width: 100%;
}

.carousel-caption-1 {
    left: 0;
    top: 0;
    padding: 0;
}

.carousel-ucb {
    margin-top: 20px;
}

.img-carousel img {
    padding: 0 5px;
}

.ol-carousel {
    bottom: 0;
}

.btn-anniu {
    bottom: 50px;
    width: 35%;
}

.carousel-indicators .active {
    background-color: #8181ff;
}

.comd {
    width: 100%;
    height: 400px;
}

.comd-uc {
    font-size: 18px;
    color: #19253E;
    letter-spacing: 0;
    line-height: 11px;
    font-weight: 600;
    padding-top: 40px;
    height: 60px;
}

.comd-uc p {
    margin: 10px auto;
    background-color: #e4e4f6;
}

.table-int {
    width: 1002px;
    height: 212px;
    background: #FFFFFF;
    border: 1px solid rgba(229, 229, 229, 1);
    margin: 50px auto;
}

.table-int .table-tr .table-th {
    text-align: left;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 50px;
}

.table-int .table-tr .anduc {
    padding-left: 30px;
    padding-right: 30px;
}

.table-int .table-tr .yanchang {
    width: 350px;
}

.table-int .table-tr-1 .table-th-1 {
    font-size: 14px;
    color: #5C5C63;
    letter-spacing: 0;
    font-weight: 400;
    padding-top: 25px;
    padding-bottom: 15px;
}

.table-int .table-tr-1 .anduc {
    text-align: center;
}

.table-int .table-tr-1 .andth {
    padding-top: 20px;
    padding-left: 20px;
}

.table-int .table-tr-2 .table-th-1 {
    line-height: 17px;
    padding-top: 40px;
    font-size: 14px;
    color: #5C5C63;
    letter-spacing: 0;
    font-weight: 400;
    padding-bottom: 15px;
}

.table-int .table-tr-2 .anduc {
    text-align: center;
}

.table-int .table-tr-2 .andth {
    padding-top: 10px;
    line-height: 25px;
    padding-bottom: 10px;
}

.item .img-carousel {
    height: 142px;
    width: 70%;
    margin: 0 auto;
}

.books-neirong img {
    padding-left: 8%;
}

.like-ab ul div {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* Internet Explorer 9*/
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(45deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 6px;
    height: 6px;
    background-color: #8181FF;
    float: left;
    margin-left: -12px;
    margin-top: 8px;
}

.lunboyangshi {
    margin-top: 8%;
}

.list-group-item h4 {
    font-size: 18px;
    color: #19253E;
    letter-spacing: 0;
    font-weight: 600;
}

.sub-gai {
    width: 980px;
}

.fenye-uaac li+li::before {
    padding: 0 5px;
    content: ">";
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
    font-weight: 600;
}

.news-img {
    top: 0;
    margin-top: 70px;
}

.btn-triangle {
    position: absolute;
    margin-top: -17px;
    margin-left: 40px;
}

.btn-triangle:before,
.btn-triangle:after {
    position: absolute;
    content: '';
    border-top: 8px transparent dashed;
    border-left: 8px transparent dashed;
    border-right: 8px transparent dashed;
    border-bottom: 8px #8181FF solid;
}

.btn-triangle:before {
    border-bottom: 8px rgba(0, 0, 0, .15) solid;
}

.btn-triangle:after {
    top: 1px;
    border-bottom: 8px #8181FF solid;
}

.Tips {
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    background: #E02020;
    text-align: center;
    position: absolute;
    top: 7px;
    right: 66px;
    font-weight: 600;
}

.col-xs-12 textarea {
    height: 88px;
}

/*end*/

/*footer box css*/
.footer-box {
    height: 108px;
    background: #2B323D;
    margin-top: 12px;
}

.beian ul {
    padding: 20px 0px;
    margin: 0;
}

.beian ul li {
    margin-top: 20px;
}

.beian ul li p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.60);
    letter-spacing: 0;
    text-align: center;
    line-height: 0px;
}

.beian ul li p img {
    padding-left: 15px;
    padding-right: 5px;
}

.btn-rook li a:hover {
    color: #fff;
}

img.code {
    width: 150px;
}

.mb-30 {
    margin-bottom: 30px;
}

.qi-list-box .arch-item {
    text-align: center;
    display: block;
    border: 3px #F8F3D7 solid;
    padding: 10px;
}

/*end*/


.title-gai {
    font-size: 14px;
    color: #14183D;
    letter-spacing: 0;
    text-align: center;
    font-weight: 600;
}

.news-beijing {
    background-image: url(../img/qk5.png);
    width: 30%;
}

.ul-right {
    position: absolute;
    right: 4%;
    top: 45px;
}

.pic-1 {
    width: 100%;
    height: 250px;
}

.text-ul h4,
.text-ul p {
    text-overflow: ellipsis;
    overflow: hidden;
}

.text-ul p {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    word-break: break-all;
    margin-top: 20px;
}

.text-ul h4 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.text-ul {
    /* padding: 0 10px 10px 10px; */
}

.ulname-url {
    border: 0;
}

.ulname-url h1 {
    line-height: 1px;
    font-size: 40px;
    color: #19253E;
    letter-spacing: 0;
    text-align: center;
    font-weight: 600;
}

.books-soro {
    background: #F8F8FB;
    border-radius: 4px;
    /* height: 510px; */
    padding: 0;
    margin-top: 20px;
    padding-bottom: 30px;
}

.ul-emd ul {
    padding: 30px 40px;
}

.naws-nbook h1 {
    font-size: 32px;
    color: #1E1D2D;
    letter-spacing: 0;
    line-height: 40px;
    text-align: center;
    margin: 0;
    font-weight: 900;
}

.ul-right-1 {
    position: absolute;
    right: 4%;
    top: 35%;
}

.priority {
    background: #F8F8FB;
    border-radius: 4px;
    /* height: 580px; */
    padding: 0 0px 30px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.tab-pic {
    width: 20%;
    float: left;
    height: 100%;
}

.tab-pic-1 {
    width: 40px;
    height: 40px;
    background-color: #fff;
    padding: 10px;
    margin-top: 10px;
    border-radius: 10px;
}

.tab-text {
    width: 80%;
    float: right;
}

.tab-gai {
    margin: 0 50px;
    margin-top: 20px;
    overflow: hidden;
}

.fenxian-p {
    border: 1px solid rgba(222, 222, 222, 1);
    width: 1074px;
    height: 1px;
    margin: 0 auto;
    margin-top: 20px;
}


.qi-list-box {
    padding: 0px 60px;
}

.lunbo-ucb {
    top: 90%;
    z-index: 100;
    background-image: none;
}

@media screen and (min-width: 1690px) {
    .nav-link-list .nav>li>a {
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .lunbo-ucb {
        top: 94%;
        z-index: 100;
        background-image: none;
    }
}

/* Used for DEVICE MAX WIDTH MORE THAN 1200PX */
@media screen and (min-width: 1201px) and (max-width:1689px) {
    .container {
        width: 1200px;
    }

    .lunbo-ucb {
        top: 92%;
        z-index: 100;
        background-image: none;
    }
}

/* 首页修改*/
.height-qk .nav-link-list {
    width: 1200px;
    margin: 0 auto;
}

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

.wind-wz {
    background: #F4F3F8;
    border-radius: 5px;
    float: left;
    margin: 26px 0;
    padding: 5px 15px;
}

.wind-wz p {
    font-size: 12px;
    color: #5C5C63;
    letter-spacing: 0;
    line-height: 24px;

    display: inline;
}

.wind-wz .text-wind {
    font-size: 14px;
    color: #19253E;
    letter-spacing: 0;
}

.pic-gai {
    padding: 0;
}

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

.mork ul li {}

.mork {

    padding: 0px 180px;
    line-height: 30px;
}

body {
    overflow-x: hidden;
}

.container {
    padding: 0;
}

.clearfix {
    clear: both;
    zoom: 1;
}

.pind {
    padding: 0px;
}

.pind .input-group {
    margin-right: 15px;
}

.pb-30 {
    padding-bottom: 30px;
}

li {
    list-style-type: none
}

.txt-center {
    text-align: center;
}

a:hover {
    text-decoration: none;
}

/*Header box css start*/
.logo {
    /* width: 229px; */
    /* height: 55px; */
    margin-top: 25px;
    margin-bottom: 10px;
    max-width: 100%;
    max-height: 100%;
}

.btn-login {
    color: #191933;
    border: 1px #191933 solid;
    width: 68px;
    height: 37px;
    line-height: 37px;
    padding: 0px;
    margin-top: 25px;
}

.nav-link-list {
    border: none;
    width: 1200px;
    margin: 0 auto;
    padding: 0;
    background-color: #fff;
    height: 90px;
}

.nav-link-list a {
    font-size: 14px;
    color: #191933;
    letter-spacing: 0;
    font-weight: 800;
}

.nav-img {
    width: 60px;
    height: 60px;
    margin-top: 15px;
    border-radius: 4px;
}

.height-qk {
    padding: 0px;
    height: 100%;
}

.navbar-nav li a:hover,
.navbar-nav li a:focus {
    background-image: url(../img/qk38.png);
}

.nav-qk {
    min-height: 60px;
    margin-bottom: 0;
    border-top: 1px solid #E5E5E5;
}

.sub-nav-list {
    height: 55px;
    line-height: 54px;
    background: #8181FF;
    text-align: center;
}

.sub-nav-list a {
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
    display: inline-block;
    height: 54px;
    padding: 0px 22px;
}

.sub-nav-list a:hover,
.sub-nav-list a.active {
    background: #6B6BDE;
}

.gaidong {
    width: 97%;
    height: 50px;
    border: 1px solid rgba(218, 218, 228, 1);
    border-radius: 8px;
    font-size: 20px;
    color: #9F9FAE;
    letter-spacing: 0;
    text-indent: 20px;
    font-weight: 400;
}

.but-gai {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    border: 0;
    margin-left: 15px;
    background-image: url(../img/qk35.png);
    background-position: -5px -5px;
}

.wenzi-1 {
    width: 272px;
    height: 36px;
    /* bottom: 90%; */
    /* left: 2%; */
    line-height: 0;
    padding-bottom: 10px;
    background: rgba(0, 0, 0, 0.34);
    border-radius: 18px;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    font-weight: 600;
    line-height: 36px;
}

.wenzi-2 {
    /* width: 1180px; */
    /* height: 180px; */
    font-family: Helvetica-Bold;
    font-size: 50px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 90px;
    margin: 0 auto;
    /* bottom: 54%; */
    /* left: 13%; */
    padding-top: 130px;
}

/* 大于1200 */
@media screen and (min-width: 1200px) {
    .wenzi-2 {
        width: 1080px;
        font-family: Helvetica-Bold;
        font-size: 50px;
        color: #FFFFFF;
        letter-spacing: 0;
        text-align: center;
        line-height: 90px;
        margin: 0 auto;
        /* bottom: 54%; */
        /* left: 13%; */
        padding-top: 130px;
    }
}


/* 大于768 */
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .wenzi-2 {
        width: 100%;
        /* height: 180px; */
        font-family: Helvetica-Bold;
        font-size: 25px;
        color: #FFFFFF;
        letter-spacing: 0;
        text-align: center;
        line-height: 45px;
        /* bottom: 54%; */
        /* left: 13%; */
        padding-top: 60px;
    }
}

/* 小于768px */
@media screen and (max-width: 768px) {
    .wenzi-2 {
        width: 100%;
        /* height: 180px; */
        font-family: Helvetica-Bold;
        font-size: 14px;
        color: #FFFFFF;
        letter-spacing: 0;
        text-align: center;
        line-height: 20px;
        /* bottom: 54%; */
        /* left: 13%; */
        padding-top: 30px;
    }
}

.kong {
    width: 248px;
    height: 4px;
    opacity: 0.19;
    background: #FFFFFF;
    bottom: 47%;
    left: 45%;
    padding: 0;
}

.wenzi-3 {
    /* width: 1200px; */
    height: 80px;
    opacity: 0.67;
    font-size: 30px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 80px;
    font-weight: 700;
    /* bottom: 40%; */
    /* left: 14%; */
    opacity: 0.67;
    font-family: DINCondensed-Bold;
    font-size: 30px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 40px;
}

.lunbo-ol {
    bottom: 0px;
    width: 100%;
    height: 70px;
    margin: 0;
    left: 0;
    opacity: 0.43;
    background: #2D2D68;
}

.lunbo-left {
    left: 200%;
    right: revert;
}

.lunbo-right {
    right: 200%;
    left: revert;
}

.lunbo-ucb-right {
    right: 0;
    left: auto;
}

.lunbo-ol li {
    width: 74.07px;
    height: 3.13px;
    opacity: 0.21;
    margin-top: 35px;
    background: #000000;
}

.lunbo-ol li.active {
    width: 74.07px;
    height: 3.13px;
    opacity: 1;
    background: #ffffff;
}

.yangcang {
    display: none;
}

.lunbo {
    margin-top: -1px;
}

/*end*/

/*main box css*/
.fenye {
    height: 50px;
    background: #F9F9F9;
}

.fenye-like {
    height: 50px;
}

.fenye-like a {
    padding-left: 7px;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 50px;
}

.input-group-btn:last-child>.btn {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    margin-left: 0px;
}

.input-gai {
    width: 1%;
    height: 50px;
    line-height: 50px;
}

.but-1 {
    width: 211px;
    height: 51px;
    border: 2px solid rgba(129, 129, 255, 0.71);
    border-radius: 8px;
    font-size: 20px;
    color: #8181FF;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
    line-height: 36px;
    /* margin-top: -10px; */
}

.but-2 {
    width: 268px;
    height: 51px;
    border: 2px solid rgba(129, 129, 255, 0.71);
    border-radius: 8px;
    font-size: 20px;
    color: #8181FF;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
    line-height: 36px;
}

.shangcheng {
    margin-top: 21px;
}

.ul-fenye {
    width: 100%;
    height: 100%;
}

.qi-index-list-box a {
    width: 90px;
    height: 30px;
    background: rgb(129, 129, 255, 0.1);
    border-radius: 17.5px;
    text-decoration: none;
    border: none;
    display: inline-block;
    font-size: 16px;
    color: #4D4D99;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
    margin-left: 32px;
    line-height: 30px;
}

.qi-index-list-box a.active,
.qi-index-list-box a:hover {
    color: #fff !important;
    font-weight: 700;
    font-style: italic;
    background: #8181FF;
}

.fenyexg nav {
    background: rgba(129, 129, 255, 0.04);
}

.fenyexg {
    margin-top: 25px;
    margin-bottom: 16px;
}

.ul-fenye li a.jiantou {
    width: 40px;
    height: 25px;
    border: 0;
    background: rgb(0, 0, 0, 0);
}

.books {
    padding: 0px 15px;
}

.books-yanse {
    background: #F8F8FB;
    border-radius: 4px;
    height: 100%;
    padding: 0;
}

.ulname {
    border: 0;
    margin: 77px 0 20px;
}

.ulname img {
    /* position: absolute; */
    margin-left: 10px;
}

.ulname-img-1 {
    margin-left: 18px;
    margin-top: 20px;
}

.ulname-img-2 {
    right: 0;
    margin-top: -55px;
}

.ul-beijing {
    width: 71%;
    height: 33px;
    margin: 0 auto;
    background-image: url(../img/qk34.png);
    background-repeat: no-repeat;
    background-size: 630px 26px;
}

.ulname h1 {
    font-size: 32px;
    color: #19253E;
    letter-spacing: 0;
    text-align: center;
    font-weight: 600;
    line-height: 1.5;
}

.books-neirong {
    height: 50%;
    background: #F8F8FB;
    border-radius: 4px;
}

.Subtitle {
    border: 0;
    margin: 15px 0;
}

.Subtitle-ul {
    width: 130px;
    height: 26px;
    margin: 0 auto;
    border-bottom: #E4E4F6 16px solid;
}

.Subtitle-ul h2 {
    width: 130px;
    height: 33px;
    line-height: 6px;
    font-size: 24px;
    color: #19253E;
    letter-spacing: 0;
    font-weight: 600;
}

.books-botten {
    height: 30%;
}

.books-tow {
    background: #F8F8FB;
    border-radius: 4px;
    /* height: 608px; */
    padding: 0;
    margin-top: 20px;
    padding-bottom: 30px;
}

.tow-beijing {
    margin-top: 42px;
    background-position: bottom left;
    height: auto;
}

.tow-beijing h1 {
    /* width: 570px; */
    background-size: 500px 30px;
}

.tow-ulname {}

.tow-gai,
.tow-gai h2 {
    width: 290px;
}

.tow-gai img {
    float: right;
    margin-right: -19%;
    margin-top: -16%;
}

.like-kuang {
    margin-left: 50px;
    margin-top: 45px;
}

.yangtou {
    position: absolute;
    width: 130px;
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
    margin-top: -1%;
    margin-left: -5px;
    background: #F8F8FB;
    font-weight: 500;
}

.like-kuang a img {
    width: 16px;
    height: 16px;
    background: #D8DEE6;
    margin-left: 24px;
    margin-top: -5px;
    margin-right: 16px;
}

.like-kuang a {
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
    line-height: 90px;
    font-weight: 500;
}

.modular {
    padding-bottom: 10px;
}

.modular-fd {
    width: 160px;
}

.modular ul {
    padding-left: 0;
    margin-top: 20px;
}

.modular ul li a {
    line-height: 42px;
}

.book-fenye {
    background: #F8F8FB;
    border-radius: 4px;
    min-height: 280px;
    padding: 0;
}

.upbook {
    margin-top: 17px;
}

.fenxian {
    border: 1px solid rgba(222, 222, 222, 1);
    width: 90%;
    height: 1px;
    margin: 0 auto;
}

.sub-like {
    width: 1075px;
    height: 17px;
    /* margin-top: 19px; */
    margin-left: 63px;
    margin-bottom: 8px;
    padding-bottom: 12px;
}

.sub-like h3 {
    font-size: 24px;
    color: #19253E;
    line-height: 1.5;
    letter-spacing: 0;
    font-weight: 500;
}

.jourmal-img-1 {
    margin-top: -48px;
}

.book-neirong {
    width: 92%;
    height: 93px;
    margin: 0 auto;
    border: 2px solid #fff;
    /* border-bottom: 2px solid rgba(222,222,222,1); */
    padding-bottom: 10px;
    background: #fff;
    background: #FFFFFF;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.03);
    border-radius: 4px;
}

.book-neirong a {
    background: #fff;
    height: 100%;
    border: 0;
    padding: 10px;
}

.book-p {
    padding: 0;
    font-size: 14px;
    color: #5C5C63;
    letter-spacing: 0;
    text-align: justify;
    font-weight: 400;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.book-neirong a h4 img {
    margin-left: 5px;
}

.book-ur {
    text-align: right;
}

.cheng {
    margin-top: 10px;
}

.ul-like {
    margin-left: 45px;
}

.ul-like li a {
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    font-weight: 400;
    margin-left: 15px;
    border-radius: 4px;
}

.ul-like li p {
    float: left;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    text-align: right;
    font-weight: 600;
    line-height: 35px;
}

.ul-like li a.ul-like-yanse {
    background: #8181FF;
    margin-right: 20px;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    border: 0;
    font-weight: 500;
}

.modal-backdrop.in {
    opacity: .5;
}

.modal-for {
    width: 420px;
    float: right;
    margin-top: 190px;
    margin-right: 14px;
    height: 504px;
}

.modal-fom {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 600;
    text-align: left;
    margin-left: 11px;
}

.modal-fon {
    padding: 15px 15px;
    background: #4C4C9B;
    border-radius: 4px 4px 0px 0px;
}

.modal-text {
    padding-top: 15px;
    /* padding-bottom: 30px; */
    margin-left: 18px;
    overflow: hidden;
}

.modal-text ul li {
    text-align: left;
    font-size: 16px;
    color: #68686A;
    letter-spacing: 0;
    line-height: 30px;
    font-weight: 400;
}

.modal-text img {
    position: absolute;
}

.dh-ul {
    height: 400px;
    overflow-y: scroll;
    width: 278px;
    font-size: 14px;
    line-height: 16px;
}

.dh-ul::-webkit-scrollbar {
    width: 4px;
    height: 20px;
    scrollbar-arrow-color: red;
}

.dh-ul::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
    scrollbar-arrow-color: red;
}

.innerbox::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

.modal-img-left {
    left: 0;
    margin-top: -10px;
    margin-left: 19px;
}

.modal-img-right {
    right: 0;
    margin-right: 15px;
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.sub-like-uc {
    width: 155px;
    margin-top: 27px;
}

.sub-like-uc img {
    margin-left: 20px;
    margin-top: -20px;
}

.ulname-button {
    width: 1074px;
    height: 1px;
    margin: 0 auto;
    border: 1px solid rgba(222, 222, 222, 1);
}

.like-ab ul {
    margin-left: 25px;
    margin-top: 18px;
}

.like-ab ul li {
    font-size: 18px;
    letter-spacing: 0;
    font-weight: 500;
    margin-top: 18px;
    line-height: 20px;
    /* float: left; */
}

.like-ab ul li p {
    font-size: 14px;
    color: #53535C;
    letter-spacing: 0;
    font-weight: 400;
    height: 34px;
    line-height: 34px;
    width: 298px;
    background: #FDFAEF;
    border-radius: 8px;
    text-indent: 1em;
}

.book-fuac {
    height: auto;
}

.ulname-text ul {
    width: 1071px;
    height: 315px;
    margin: 0 auto;
    padding: 0;
}

.ulname-text ul li {
    list-style-type: none;
    font-size: 14px;
    color: #14183D;
    letter-spacing: 0;
    text-align: justify;
    font-weight: 400;
}

.ul-free-beijing {
    background-image: url(../img/qk5.png);
    width: 40%;
}

.book-free {
    height: 100%;
    margin-top: 17px;
}

.free-img {
    margin-top: -22px;
}

.free-form {
    padding: 0 32px;
    margin-top: 40px;
}

.free-xz p,
.free-xz a {
    float: left;
    margin-left: 2px;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 17px;
    font-weight: 500;
}

.free-xz p {
    color: #B2C1DD;
}

.free-xz a {
    color: #304A7D;
}

.form-group label {
    font-size: 16px;
    color: #1E1D2D;
    letter-spacing: 0;
    font-weight: 600;
}

.form-group input::-webkit-input-placeholder {
    font-size: 14px;
    color: #B2C1DD;
    letter-spacing: 0;
    font-weight: 400;
}

.form-group input::-moz-input-placeholder {
    font-size: 14px;
    color: #B2C1DD;
    letter-spacing: 0;
    font-weight: 400;
}

.free-button {
    width: 100px;
    height: 44px;
    background: #8181FF;
    border-radius: 4px;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 600;
    line-height: 27px;
}

.fanzhuan {
    float: right;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    margin-top: -95px;
    margin-right: 10px;
}

.modal-denglu {
    width: 431px;
    margin-top: 10%;
    overflow: hidden;
    border: none;
}

.land-form h3 {
    text-align: left;
    padding-left: 0;
    color: #525879;
    font-weight: 400;
    margin-bottom: 14px;
    font-size: 24px;
}

.land-form a {
    font-size: 14px;
    color: #4545C0;
    letter-spacing: 0;
    text-align: right;
    position: absolute;
    font-weight: 600;
    top: 25px;
    right: 0;
    padding-right: 0;
}

.land-form a:hover {
    background-color: #fff;
}

.land-form h1 {
    text-align: left;
    font-weight: 600;
    margin-top: -2px;
    font-family: 'PingFangSC-Semibold';
    padding-left: 0;
    line-height: 56px;
}

.land-form label {
    padding: 17px 0px 0px;
    color: #1E1D2D;
    font-size: 16px;
    line-height: 22px;
}

.land-form {
    margin-bottom: 0;
}

.land-modal {
    padding: 15px 30px 50px 30px;
}

.land-form p {
    text-align: left;
    line-height: 20px;
    color: #525879;
    font-size: 12px;
    margin-bottom: 0px;
}

.land-modal form button {
    width: 216px;
    height: 40px;
    background: #8181FF;
    border-radius: 6px;
    margin-right: 0px;
    font-size: 16px;
    color: #FFFFFF;
    margin-top: 5px;
    letter-spacing: 0;
    font-weight: 500;
}

.land-form-web {
    height: 19px;
    margin-bottom: 0;
}

.land-form-web p {
    text-align: center;
    line-height: 30px;
    height: 30px;
    float: left;
    font-size: 12px;
    margin-left: 56px;
    color: #B2C1DD;
}

.land-form-web a {
    height: 21px;
    line-height: 18px;
    color: #000;
    font-size: 12px;
    float: left;
    margin-left: 5px;
    margin-top: 6px;
    padding: 0;
}

.land-form-web a:hover {
    background-color: #fff;
}

.land-gai p {
    margin-left: 0;
    margin-bottom: 0px;
}

.land-gai {
    margin-left: 90px;
    width: 200px;
}

.land-modal form button.zhuce-modal {
    margin-top: 10px;
    margin-bottom: 16px;
}

.zhuce-form {
    /* margin-top: 30px; */
}

.fenye-uaac {
    height: 50px;
    padding: 0;
    background-color: #f9f9f9;
}

.subku {
    height: auto;
    background: #FFFFFF;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    margin-top: 17px;
}

.subku-top {
    height: auto;
    border-bottom: 0 solid rgba(229, 229, 229, 1);
}

.subku-button {
    height: 66px;
}

.subku-img {
    width: 200px;
    height: 200px;
    border-radius: 4%;
    margin-left: 31px;
    margin-top: 30px;
    margin-right: 25px;
    float: left;
}

.subku-neirong span {
    float: right;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    color: #8181FF;
    margin-right: 20px;
    margin-top: 20px;
    width: 40px;
    height: 40px;
    background: #F2F2FF;
    border-radius: 2px;
}

.subku-neirong {
    float: right;
    width: 18%;
}

.subku-neirong ul {
    margin-top: 31px;
    padding: 0;
}

.subku-yanse {
    background: #F2F2FF;
    border-radius: 2px;
    width: 138px;
}

.subku-button ul {
    padding: 0;
}

.subku-button ul li {
    width: 70%;
    line-height: 45px;
    margin-left: 26px;
}

.span-gai {
    color: #8181FF;
    width: 20px;
}

.subku-button ul li img {
    width: 16.67px;
    height: 16.25px;
    margin-right: 5px;
}

.subku-right {
    float: right;
}

.li-subku {
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    font-weight: 600;
}

.btn-uc {
    width: 175px;
    background: #FFFFFF;
    border: 1px solid rgba(229, 229, 229, 1);
    border-radius: 4px;
    text-align: left;
    margin-right: 15px;
}

.btn-uc span {
    float: right;
    line-height: 20px;
    margin-top: 10px;
}
.right{
    float:right;
}
.btn-ulname {
    width: 90%;
    height: 70px;
    line-height: 60px;
    background: #F0F0FD;
    border-radius: 6px;
    font-size: 24px;
    color: #7575EA;
    letter-spacing: 0;
    text-align: center;
    font-weight: 500;
    margin-top: -10px;
    margin-bottom: 20px;
    margin-left: 5%;
    border: 0;
}

.main-yanse {
    background-color: #F9F9F9;
}

.dixian {
    border-bottom: 1px solid #ededed;
}

.subku-book {
    background-color: #fff;
}

.row-subku {
    padding: 0 15px 50px 15px;
}

.text-subku {
    /* width: 1080px; */
    /* height: 113px; */
    margin: 0 auto;
    margin-bottom: 10px;
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 10px;
}

.subku-text-1 {
    font-size: 18px;
    color: #19253E;
    letter-spacing: 0;
    line-height: 30px;
    font-weight: 600;
}

.subku-text-2 {
    font-size: 14px;
    color: #5C5C63;
    letter-spacing: 0;
    text-align: justify;
    width: 100%;
    padding: 0;
    font-weight: 400;
}

.subku-text-3 {
    text-align: right;
    margin-top: 11px;
    float: right;
}

.subku-text-btn {
    margin-top: 11px;
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: 0;
    text-align: center;
    font-weight: 600;
}

.subku-correct {
    background: #F5FCF8;
    border: 1px solid rgba(196, 235, 213, 1);
    color: #06AE50;
}

.under-review {
    background: rgba(250, 149, 0, 0.07);
    border: 1px solid rgba(250, 149, 0, 1);
    color: #FA9500;
    padding: 6px 20px;
}

.error {
    background: rgba(236, 168, 165, 0.08);
    border: 1px solid rgba(224, 32, 32, 0.38);
    color: #E02020;
    padding: 6px 28px;
}

.details {
    margin: 0 45px;
    background: #F8F8FB;
    height: 213px;
}

.details p {
    margin: 0px 30px;
    padding: 20px 0px;
    height: 50px;
    font-size: 18px;
    color: #5C5C63;
    letter-spacing: 1px;
    text-align: justify;
    font-weight: 500;
}

.details ul {
    list-style: none;
    display: table;
    width: 100%;
    padding: 0;
    margin: 38px 0 0 0;
    position: relative;
}

.details ul li {
    display: table-cell;
    width: 1%;
    text-align: center;
}

.details ul li .active .step {
    border-color: #5293C4;
}

.details ul li .step {
    border: 5px solid #F6B639;
    color: #546474;
    font-size: 15px;
    border-radius: 100%;
    position: relative;
    z-index: 2;
    background: #F6B639;
    line-height: 15px;
    margin-top: 7px;
    display: inline-block;
    width: 24px;
    height: 24px;
}

.details ul li .title {
    display: block;
    margin-top: 4px;
    max-width: 100%;
    color: #949EA7;
    font-size: 14px;
    z-index: 104;
    text-align: center;
    table-layout: fixed;
    word-wrap: break-word;
}

.details ul li::before {
    display: block;
    content: "";
    width: 50%;
    height: 1px;
    font-size: 0;
    overflow: hidden;
    border-top: 2px solid #EF8642;
    border-image: linear-gradient(to right, #F6B63A, #ef8642) 1;
    position: relative;
    top: 21px;
    z-index: 1;
}

.details ul li:first-child::before {
    max-width: 50%;
    left: 50%;
}

.details ul li:last-child::before {
    max-width: 100%;
    width: 100%;
    margin-left: -173px;
    border-top: 2px solid #Eeeeee;
    border-image: linear-gradient(to right, #eeeeee, #eeeeee) 1;
}

.details ul li .step-hui {
    border: 5px solid #eeeeee;
    color: #BCBCCB;
    background-color: #eee;
}

.tgxq {
    margin: 40px 0px 20px -15px;
}

.Contribution {
    margin-top: 11px;
    background-color: #ffffff;
}

.tg span {
    font-size: 40px;
    color: #19253E;
    letter-spacing: 0;
    text-align: center;
    font-weight: 600;
}

.tg-img {
    background-image: url(../img/qk5.png);
    background-repeat: no-repeat;
    background-size: 0 0;
    width: 0;
    height: 0;
}

.tougao-yanse {
    background-color: #fff;
}

.tougao-form div {
    margin-bottom: 20px;
}

.tougao-shangchuan,
.tougao-file input {
    width: 138px;
    height: 44px;
    background: #FFFFFF;
    border: 1px solid rgba(196, 196, 255, 1);
    border-radius: 4px;
    font-size: 16px;
    color: #8181FF;
    letter-spacing: 0;
    font-weight: 600;
}

.tougao-file {
    background: #F8F8FB;
}

.tougao-btn {
    margin-top: 18px;
    margin-left: 18px;
}

.tougao-pro {
    width: 147px;
    height: 4px;
    margin-top: 20px;
    float: left;
}

.tougao-p {
    float: left;
    margin-left: 29px;
    margin-right: 16px;
    line-height: 39px;
}

.tougao-form .tougao-jdt {
    margin-top: 20px;
    margin-bottom: 0;
}

.pro-yanse {
    background-color: #8181FF;
}

.tg-span {
    width: 17.5px;
    height: 17.5px;
    line-height: 39.5px;
    margin-left: 10px;
    color: #E86969;
}

.tougao-form .tg-kongyu {
    height: 70px;
    margin-bottom: 0;
}

.tg-p {
    font-size: 14px;
    color: #A0ADC7;
    letter-spacing: 0;
    font-weight: 400;
    margin-left: 20px;
    padding-bottom: 20px;
}

.tg-fd {
    height: 88px;
}

.tougao-color {
    padding-bottom: 55px;
}

.tg-btn {
    /* margin-top: -20px; */
    /* margin-bottom: 41px; */
    float: right;
    margin-left: 5px;
}

.btn-xxk {
    background-image: url(../img/tx.jpeg);
    width: 60px;
    height: 60px;
    float: right;
    border-radius: 4px;
    background-repeat: no-repeat;
    border: 0;
    background-color: #fff;
    margin-right: 5px;
    margin-top: 15px;
    background-size: 100% 100%;
}

.btn-rook {
    width: 139px;
    padding: 0;
    margin-left: 0px;
    margin-top: 10px;
    min-width: 120px;
    text-align: left;
    border: none;
}

.btn-rook li a {
    padding: 6px 10px;
    border-bottom: 1px solid #ccc;
    padding: 11px 8px;
}

.btn-rook p {
    position: absolute;
    font-size: 25px;
    margin-top: -21px;
    margin-left: 35px;
    color: #ccc;
}

.modal-xinxi {
    width: 1060px;
    height: 721px;
}

.modal-xinxi .modal-header {
    padding: 25px 15px;
}

.btn-rook li a:hover {
    background-color: #8181FF;
}

.mod-txt {
    margin-left: 24px;
    font-size: 24px;
    color: #14183D;
    letter-spacing: 0;
    font-weight: 600;
}

.mod-ux {
    padding: 0;
}

.mod-ux li {
    width: 100%;
    height: 100px;
    border-bottom: 1px solid #dedede;
}

.mod-img-1 {
    width: 50px;
    height: 50px;
    margin: 25px;
    background: #F0F0FD;
    border-radius: 8px;
}

.mod-img-2 {
    margin-top: 40px;
    margin-right: 10px;
    float: right;
}

.mod-gai {
    padding: 0;
}

.mod-wb {
    padding: 10px 0 0 0;
}

.mod-wb h4 {
    float: left;
    margin-bottom: 0px;
    font-size: 18px;
    color: #14183D;
    letter-spacing: 0;
    text-align: center;
    font-weight: 600;
}

.mod-wb p {
    margin-top: 9px;
    font-size: 12px;
    color: #898999;
    letter-spacing: 0;
    font-weight: 400;
    margin-left: 100px;
}

.modal-header span {
    font-size: 28px;
}

.col-xs-10 p {
    font-size: 14px;
    color: #53535C;
    letter-spacing: 0;
    font-weight: 400;
}


.naws-btn button {
    background-color: #f8f8fb;
    border: 0;
}

.naws-ulname {
    margin: 77px 0 -5px
}

.naws-qian {
    margin-left: 50px;
}

.naws-ltem a {
    background-color: #fff;
}

.naws-nbook {
    float: left;
    width: 70px;
    height: 70px;
    background-color: #f8f8fb;
    margin-left: 10px;
}

.naws-nbook h1 {
    font-size: 32px;
    color: #1E1D2D;
    letter-spacing: 0;
    line-height: 40px;
    text-align: center;
    margin: 0;
    font-weight: 900;
}

.naws-ltem a:hover {
    background-color: #fff;
}

.naws-nbook p {
    text-align: center;
}

.naws-ltem a h4 {
    margin-top: 10px;
    margin-left: 95px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    font-weight: 400;
}

.nawsxq {
    padding: 0 30px 0 60px;
}

.naws-p {
    margin-left: 15px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #5C5C63;
    letter-spacing: 0;
    text-align: justify;
}

.xq-img1 {
    width: 516px;
    height: 360px;
    float: left;
}

.xq-img2 {
    margin-bottom: 15px;
}

.xq-img2 h1 {
    font-size: 24px;
    color: #19253E;
    letter-spacing: 0;
    text-align: left;
    font-weight: 600;
    line-height: normal;
}

.xq-img3 {
    margin-bottom: 14px;
}

.xq-img3 p {
    width: 235px;
    padding: 8px;
    text-align: left;
    background-color: #EDEDFF;
}

.xqimg1 {
    margin-left: 150px;
    /* margin-top: -40px; */
}

.xqimg2 {
    margin-left: 190px;
    /* margin-top: -42px; */
}

.p-jianju {
    margin-bottom: 20px;
}

.xiangqing-naws {
    height: auto;
}

.ul-intem {
    background-size: 505px 26px;
    width: 49%;
}

.inte p {
    text-align: center;
    padding: 0px 105px;
}

.inte {
    margin-top: 20px;
    height: 560px;
}

.inte ul {
    margin-top: 20px;
}

.inte ul li {
    border: 3px solid rgba(243, 238, 209, 1);
    border-radius: 2px;
    float: left;
    margin-right: 15px;
    margin-top: 15px;
}

.ul-top li {
    width: 336px;
    height: 133px;
}

.ul-top li img {
    padding-top: 10px;
    padding-left: 46%;
}

.ul-top li h4 {
    text-align: center;
}

.ul-top li p {
    padding: 0 22px;
    font-size: 12px;
    color: #ADAEBB;
}

.ul-center li {
    width: 336px;
    height: 164px;
}

.ul-center {
    margin-top: 15px;
}

.ul-center li .img-center {
    padding-left: 10%;
    margin-top: 10%;
}

.national {
    height: 257px;
    opacity: 0.74;
    background: #EEEEEE;
}

.national h3 {
    text-align: left;
    width: 560px;
    margin: 0px auto;
    margin-top: 10px;
    line-height: 22px;
    height: 16px;
    background-color: #e4e4f6;
}

.qianchang {
    padding: 21px 0px;
}

.item,
.carousel-caption-1 {
    width: 100%;
}

.carousel-caption-1 {
    left: 0;
    top: 0;
    padding: 0;
}

.carousel-ucb {
    margin-top: 20px;
}

.img-carousel img {
    padding: 0 5px;
}

.ol-carousel {
    bottom: 0;
}

.btn-anniu {
    bottom: 50px;
    width: 35%;
}

.carousel-indicators .active {
    background-color: #8181ff;
}

.comd {
    width: 100%;
    height: 400px;
}

.comd-uc {
    font-size: 18px;
    color: #19253E;
    letter-spacing: 0;
    line-height: 11px;
    font-weight: 600;
    padding-top: 40px;
    height: 60px;
}

.comd-uc p {
    margin: 10px auto;
    background-color: #e4e4f6;
}

.table-int {
    width: 1002px;
    height: 212px;
    background: #FFFFFF;
    border: 1px solid rgba(229, 229, 229, 1);
    margin: 50px auto;
}

.table-int .table-tr .table-th {
    text-align: left;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 50px;
}

.table-int .table-tr .anduc {
    padding-left: 30px;
    padding-right: 30px;
}

.table-int .table-tr .yanchang {
    width: 350px;
}

.table-int .table-tr-1 .table-th-1 {
    font-size: 14px;
    color: #5C5C63;
    letter-spacing: 0;
    font-weight: 400;
    padding-top: 25px;
    padding-bottom: 15px;
}

.table-int .table-tr-1 .anduc {
    text-align: center;
}

.table-int .table-tr-1 .andth {
    padding-top: 20px;
    padding-left: 20px;
}

.table-int .table-tr-2 .table-th-1 {
    line-height: 17px;
    padding-top: 40px;
    font-size: 14px;
    color: #5C5C63;
    letter-spacing: 0;
    font-weight: 400;
    padding-bottom: 15px;
}

.table-int .table-tr-2 .anduc {
    text-align: center;
}

.table-int .table-tr-2 .andth {
    padding-top: 10px;
    line-height: 25px;
    padding-bottom: 10px;
}

.item .img-carousel {
    height: 142px;
    width: 70%;
    margin: 0 auto;
}

.books-neirong img {
    padding-left: 8%;
}

.like-ab ul div {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* Internet Explorer 9*/
    -moz-transform: rotate(90deg);
    /* Firefox */
    -webkit-transform: rotate(45deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(90deg);
    width: 6px;
    height: 6px;
    background-color: #8181FF;
    float: left;
    margin-left: -12px;
    margin-top: 8px;
}

.lunboyangshi {
    margin-top: 8%;
}

.list-group-item h4 {
    font-size: 18px;
    color: #19253E;
    letter-spacing: 0;
    font-weight: 600;
}

.sub-gai {
    width: 980px;
}

.fenye-uaac li+li::before {
    padding: 0 5px;
    content: ">";
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
    font-weight: 600;
}

.news-img {
    top: 0;
    margin-top: 70px;
}

.btn-triangle {
    position: absolute;
    margin-top: -17px;
    margin-left: 40px;
}

.btn-triangle:before,
.btn-triangle:after {
    position: absolute;
    content: '';
    border-top: 8px transparent dashed;
    border-left: 8px transparent dashed;
    border-right: 8px transparent dashed;
    border-bottom: 8px #8181FF solid;
}

.btn-triangle:before {
    border-bottom: 8px rgba(0, 0, 0, .15) solid;
}

.btn-triangle:after {
    top: 1px;
    border-bottom: 8px #8181FF solid;
}

.Tips {
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    background: #E02020;
    text-align: center;
    position: absolute;
    top: 7px;
    right: 66px;
    font-weight: 600;
}

.col-xs-12 textarea {
    height: 88px;
}

/*end*/

/*footer box css*/
.footer-box {
    height: 108px;
    background: #2B323D;
    margin-top: 12px;
}

.beian ul {
    padding: 20px 0px;
    margin: 0;
}

.beian ul li {
    margin-top: 20px;
}

.beian ul li p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.60);
    letter-spacing: 0;
    text-align: center;
    line-height: 0px;
}

.beian ul li p img {
    padding-left: 15px;
    padding-right: 5px;
}

.btn-rook li a:hover {
    color: #fff;
}

img.code {
    width: 100px;
    right: 15px;
    top: 45px;
    position: absolute;
}

.mb-30 {
    margin-bottom: 30px;
}

.qi-list-box .arch-item {
    text-align: center;
    display: block;
    border: 3px #F8F3D7 solid;
    padding: 10px;
    height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 15px;
}

/*end*/


.title-gai {
    font-size: 14px;
    color: #14183D;
    letter-spacing: 0;
    text-align: center;
    font-weight: 600;
}

.news-beijing {
    background-image: url(../img/qk5.png);
    width: 30%;
}

.ul-right {
    position: absolute;
    right: 4%;
    top: 45px;
}

.pic-1 {
    width: 100%;
    height: 250px;
}

.text-ul h4,
.text-ul p {
    text-overflow: ellipsis;
    overflow: hidden;
}

.text-ul p {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    word-break: break-all;
    margin-top: 20px;
}

.text-ul h4 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.text-ul {
    /* padding: 0 10px 10px 10px; */
}

.ulname-url {
    border: 0;
}

.ulname-url h1 {
    line-height: 1px;
    font-size: 40px;
    color: #19253E;
    letter-spacing: 0;
    text-align: center;
    font-weight: 600;
}

.books-soro {
    background: #F8F8FB;
    border-radius: 4px;
    /* height: 510px; */
    padding: 0;
    margin-top: 20px;
    padding-bottom: 30px;
}

.ul-emd ul {
    padding: 30px 40px;
}

.naws-nbook h1 {
    font-size: 28px;
    color: #1E1D2D;
    letter-spacing: 0;
    line-height: 38px;
    text-align: center;
    margin: 0;
    font-weight: 700;
}

.ul-right-1 {
    position: absolute;
    right: 4%;
    top: 35%;
}

.priority {
    background: #F8F8FB;
    border-radius: 4px;
    /* height: 580px; */
    padding: 0 0px 30px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.tab-pic {
    width: 20%;
    float: left;
    height: 100%;
}

.tab-pic-1 {
    width: 40px;
    height: 40px;
    background-color: #fff;
    padding: 10px;
    margin-top: 10px;
    border-radius: 10px;
}

.tab-text {
    width: 80%;
    float: right;
}

.tab-gai {
    margin: 0 50px;
    margin-top: 20px;
    overflow: hidden;
}

.fenxian-p {
    border: 1px solid rgba(222, 222, 222, 1);
    width: 1074px;
    height: 1px;
    margin: 0 auto;
    margin-top: 20px;
}

.desc-box {
    padding: 30px 30px 30px 60px;
    font-size: 16px;
    line-height: 1.5;
    text-align: justify;
}

.qi-list-box {
    padding: 0px 60px;
}

.nav-link-list .nav>li>a {
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Used for DEVICE MAX WIDTH MORE THAN 1200PX */
@media screen and (min-width: 1201px) {
    .container {
        width: 1200px;
    }
}

/* 首页修改*/
.height-qk .nav-link-list {
    width: 1200px;
    margin: 0 auto;
}

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

.wind-wz {
    background: #F4F3F8;
    border-radius: 5px;
    float: left;
    margin: 26px 0;
    padding: 5px 15px;
}

.wind-wz p {
    font-size: 12px;
    color: #5C5C63;
    letter-spacing: 0;
    line-height: 24px;

    display: inline;
}

.wind-wz .text-wind {
    font-size: 14px;
    color: #19253E;
    letter-spacing: 0;
}

.pic-gai {
    padding: 0;
}

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

.mork {
    padding: 0px 180px;
    line-height: 30px;
}

.user-text {
    padding: 20px 80px;
}

.user-pic {
    width: 25px;
    height: 25px;
}

.user-ul li {
    text-align: center;
    float: left;
    padding: 0 34px;
    color: #aaa;
}

.user-ul {
    /* float: left; */
    margin: 15px 30px;
}

.text-p {
    margin-top: 15px;
}

.text-ul.box-1,
.text-ul.box-0 {
    border-right: 1px #E5E5E5 solid;
    border-bottom: 1px #E5E5E5 solid;
}

.text-ul.box-2 {
    border-bottom: 1px #E5E5E5 solid;
}

.text-ul.box-3,
.text-ul.box-4 {
    border-right: 1px #E5E5E5 solid;
}

.text-ul h4 {
    font-size: 18px;
}

.text-ul a {
    display: block;
    color: #333;
    padding: 30px;
}

.text-ul a:hover h4 {
    color: #8181FF;
}

.text-ul a:hover {
    background: #fff;
}

.text-ul {
    float: left;
    width: 33.333%;
}

.text-ul p.desc {
    height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-ul::after {
    clear: both;
    zoom: 1;
    content: ' ';
    display: block;
}

.list-group-item-heading {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.book-neirong:hover .list-group-item-heading {
    color: #8181FF;
}

.book-neirong:hover {
    border: 2px #8181FF solid;
    border-radius: 5px;
}

.pd-30 {
    padding: 30px;
}

.ulname-text {
    padding: 30px;
    line-height: 1.5;
}

.content-text {
    padding: 30px 50px 30px 50px;
    line-height: 1.5;
}

.pre-next-box {
    display: flex;
    justify-content: left;
    flex-wrap: nowrap;
    background: rgba(129, 129, 255, 0.04);
    border-radius: 4px;
    height: 70px;
    line-height: 40px;
    padding: 15px;
}

.btn-pre-box,
.btn-next-box {
    width: 5%;
    flex: 1;
}

.btn-next-box {
    text-align: right;
}

.qi-index-list-box {
    width: 90%;
    text-align: left;
    justify-content: left;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
}

/*定义滚动条高宽及背景
 高宽分别对应横竖滚动条的尺寸*/
.qi-index-list-box::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background-color: rgb(129, 129, 255, 0.1);
}

/*定义滚动条轨道
 内阴影+圆角*/
.qi-index-list-box::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

/*定义滑块
 内阴影+圆角*/
.qi-index-list-box::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, .3);
    background-color: #555;
}

.point {
    width: 6px;
    height: 6px;
    transform: rotate(-315deg);
    background: #8181FF;
    border-radius: 1px;
    display: inline-block;
    margin-right: 10px;
    float: left;
    margin-top: 8px;
}

.img-icon-box img {
    float: left;
    margin-right: 10px;
    margin-top: -2px;
    margin-left: 0px;
    height: 24px;
}

.pt-30 {
    padding-top: 30px;
}

.wenzi-1-box {
    width: 1200px;
    margin: 0px auto;
    position: absolute;
    top: 0px;
}

.carousel-caption {
    top: 0px;
}

.carousel-caption .container {
    padding-top: 30px;
}

.h-1 {
    line-height: 1px !important;
}

.filed {
    width: 204px;
    float: left;
}

.filed-block {
    margin-top: 20px;
}

.filed-block,
.filed-block p,
.field p,
.filed {
    font-size: 14px;
    color: #666;
    letter-spacing: 0;
    line-height: 20px;
    word-break: break-all;
}

.field p {
    margin-top: 6px;
}

.filed-block .l-name,
.filed .l-name {
    color: #000;
    display: inline-block;
    margin-right: 10px;
}

.h-3 {
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
    margin-top: 24px;
}

.tg-content-box {
    margin: 0px 45px;
    padding-bottom: 30px;
}

.re-list span {
    background: #FDFAEF;
    margin-top: 6px;
    border-radius: 8px;
    display: inline-block;
    min-width: 82px;
    padding: 3px 6px;
    height: 32px;
    line-height: 32px;
    margin-right: 20px;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
}

.part-box {
    padding-left: 30px;
    padding-top: 10px;
}

.tg-btn-report {
    background: #fff;
    color: #8181FF;
}

.ml-15 {
    margin-left: 15px;
}

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

textarea.area-1 {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    height: 100px;
    margin-top: 10px;
}

.status-5,
.status-7,
.status-13,
.status-14 {
    color: #f30;
}

/* 进度条:有最终决定(接受/大修/小修/驳回)时点亮第 2→3 段连接线(默认 last-child::before 恒为灰) */
.details ul li:last-child.reached::before {
    border-top: 2px solid #ef8642 !important;
    border-image: linear-gradient(to right, #F6B63A, #ef8642) 1 !important;
}

/* ===== 作者稿件详情:状态卡片(状态行 + 进度条 一体) ===== */
.status-panel {
    margin: 6px 45px 22px;
    padding: 18px 22px;
    background: #fff;
    border: 1px solid #e6e9ef;
    border-left: 4px solid #b6bfcc;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}
.status-hero-main {
    display: flex;
    align-items: center;
}
.status-hero-icon {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 19px;
    border-radius: 50%;
    margin-right: 13px;
    color: #fff;
}
.status-hero-text {
    flex: 1 1 auto;
}
.status-hero-title {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
}
.status-hero-sub {
    margin-top: 2px;
    font-size: 13px;
    color: #6b7684;
}
.status-hero-feedback {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px dashed rgba(0, 0, 0, 0.1);
}
.status-hero-feedback .l-name {
    display: block;
    font-weight: 600;
    color: #5c6b7a;
    margin-bottom: 4px;
}
.status-hero-actions {
    margin-top: 14px;
}
/* 各状态:左色条 + 标题色 + 图标底色 */
.status-panel-info    { border-left-color: #5293c4; }
.status-panel-info    .status-hero-title { color: #1c4e80; }
.status-panel-info    .status-hero-icon  { background: #5293c4; }
.status-panel-success { border-left-color: #36b37e; }
.status-panel-success .status-hero-title { color: #1e7a4d; }
.status-panel-success .status-hero-icon  { background: #36b37e; }
.status-panel-warning { border-left-color: #f6b639; }
.status-panel-warning .status-hero-title { color: #8a6d3b; }
.status-panel-warning .status-hero-icon  { background: #f6b639; }
.status-panel-danger  { border-left-color: #e25b4b; }
.status-panel-danger  .status-hero-title { color: #a3271a; }
.status-panel-danger  .status-hero-icon  { background: #e25b4b; }
.status-panel-default { border-left-color: #b6bfcc; }
.status-panel-default .status-hero-title { color: #4a5563; }
.status-panel-default .status-hero-icon  { background: #b6bfcc; }

/* ===== 4 步流程进度条(卡片内,顶部分隔线) ===== */
.status-steps {
    display: flex;
    margin: 16px 0 4px;
    padding-top: 16px;
    border-top: 1px solid #eef0f4;
}

/* ===== 推荐审稿人卡片网格 ===== */
.reviewer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 12px;
    margin-top: 8px;
}
.reviewer-card {
    border: 1px solid #e6e9ef;
    border-radius: 8px;
    padding: 12px 14px;
    background: #fafbfc;
}
.reviewer-card-head {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
.reviewer-avatar {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 50%;
    background: #5293c4;
    color: #fff;
    font-weight: 600;
    margin-right: 10px;
}
.reviewer-name {
    font-weight: 600;
    color: #2c3e50;
    line-height: 1.2;
}
.reviewer-title {
    font-size: 12px;
    color: #9aa4b0;
}
.reviewer-line {
    font-size: 13px;
    color: #6b7684;
    margin-top: 3px;
    word-break: break-all;
}
.reviewer-line .glyphicon {
    margin-right: 6px;
    color: #9aa4b0;
    font-size: 12px;
}

/* ===== 文件卡片(附件/补充材料) ===== */
.file-card-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 6px;
}
.file-card {
    display: inline-flex;
    align-items: center;
    margin-top: 6px;
    margin-right: 10px;
    padding: 9px 14px;
    border: 1px solid #d6dbe3;
    border-radius: 8px;
    background: #fafbfc;
    color: #2c3e50;
    text-decoration: none;
}
.file-card:hover {
    border-color: #5293c4;
    background: #f2f8ff;
    color: #1c4e80;
    text-decoration: none;
}
.file-card-icon {
    color: #5293c4;
    margin-right: 8px;
}
.file-card-name {
    font-size: 13px;
    font-weight: 500;
}
.file-card-dl {
    margin-left: 10px;
    color: #9aa4b0;
    font-size: 12px;
}

/* ===== 作者中心左侧资料卡 ===== */
/* 外层只负责与右侧白卡(subku-book)顶部对齐的上边距:右侧 upbook margin-top 即 17px */
.author-aside {
    margin-top: 17px;
}
.profile-card {
    background: #fff;
    border: 1px solid #e6e9ef;
    border-radius: 12px;
    padding: 22px 18px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
    text-align: center;
}
.profile-top {
    padding-bottom: 4px;
}
.profile-avatar {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #f0f2f5;
    display: inline-block;
}
.profile-avatar-fallback {
    line-height: 90px;
    font-size: 38px;
    font-weight: 600;
    color: #fff;
    background: #5293c4;
    text-align: center;
}
.profile-name {
    margin: 14px 0 8px;
    font-size: 18px;
    font-weight: 700;
    color: #2c3e50;
}
.profile-badges {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
}
.profile-badge {
    font-size: 12px;
    padding: 2px 11px;
    border-radius: 12px;
    background: #eef1f5;
    color: #5c6b7a;
}
.profile-badge-role {
    background: #eef5ff;
    color: #1c4e80;
}
.profile-meta {
    list-style: none;
    padding: 0;
    margin: 18px 0 0;
    text-align: left;
}
.profile-meta li {
    padding: 9px 4px;
    border-top: 1px solid #f0f2f5;
    color: #5c6b7a;
    font-size: 13px;
    word-break: break-all;
}
.profile-meta .glyphicon {
    margin-right: 8px;
    color: #9aa4b0;
}
.profile-edit-btn {
    display: block;
    margin-top: 18px;
    padding: 9px;
    text-align: center;
    border: 1px solid #d6dbe3;
    border-radius: 8px;
    color: #4a5563;
    background: #fafbfc;
}
.profile-edit-btn:hover {
    background: #f0f2f5;
    color: #2c3e50;
    text-decoration: none;
}
.status-step {
    flex: 1 1 0;
    position: relative;
    text-align: center;
    padding-top: 4px;
}
.status-step-dot {
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 50%;
    font-size: 13px;
    color: #fff;
    background: #c7ced8;
}
.status-step.done .status-step-dot {
    background: #ef8642;
}
.status-step-line {
    position: absolute;
    top: 17px;
    left: -50%;
    width: 100%;
    height: 3px;
    background: #d9dee6;
    z-index: 1;
}
.status-step-line.done {
    background: #ef8642;
}
.status-step-label {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    color: #6b7684;
    word-break: break-word;
}
.status-step.done .status-step-label {
    color: #2c3e50;
    font-weight: 600;
}

.status-16,
.status-17,
.status-18,
.status-19 {
    color: #2b542c;
}
/* ============ 作者中心:状态筛选 chip 条 ============ */
.uc-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 4px 0 20px;
}
.uc-filter-chip {
    display: inline-block;
    padding: 6px 15px;
    font-size: 13px;
    line-height: 1.4;
    color: #5a6b7b;
    background: #f1f4f8;
    border: 1px solid #e3e9f0;
    border-radius: 16px;
    text-decoration: none;
    transition: all .15s ease;
}
.uc-filter-chip:hover,
.uc-filter-chip:focus {
    color: #1c4e80;
    border-color: #b9d3e8;
    background: #eaf2fb;
    text-decoration: none;
}
.uc-filter-chip.active {
    color: #fff;
    background: #5293c4;
    border-color: #5293c4;
    font-weight: 600;
}
.uc-empty {
    padding: 40px 0;
    text-align: center;
    color: #9aa4b0;
    font-size: 15px;
}

/* ============ 现代分页(取代旧 FIRST/PREVIOUS/NEXT PAGE 文案) ============ */
.uc-pager {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin: 28px 0 10px;
    clear: both;
}
.uc-pager-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 11px;
    font-size: 14px;
    color: #4a5b6b;
    background: #fff;
    border: 1px solid #e3e9f0;
    border-radius: 8px;
    text-decoration: none;
    transition: all .15s ease;
}
.uc-pager-item:hover,
.uc-pager-item:focus {
    border-color: #b9d3e8;
    color: #1c4e80;
    background: #f4f9ff;
    text-decoration: none;
}
.uc-pager-item.active {
    color: #fff;
    background: #5293c4;
    border-color: #5293c4;
    font-weight: 600;
    cursor: default;
}
.uc-pager-item.disabled {
    color: #c2cad3;
    background: #f7f9fb;
    border-color: #edf1f5;
    cursor: not-allowed;
    pointer-events: none;
}
.uc-pager-ellipsis {
    padding: 0 4px;
    color: #aab4bf;
}
.uc-pager-info {
    margin-left: auto;
    font-size: 13px;
    color: #8a96a3;
}

/* ============ 顶部索引徽章(header index badges) ============ */
.header-badges {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
    margin-top: 30px;
    padding-left: 20px;
}
.header-badge {
    display: inline-flex;
    align-items: center;
}
.header-badge-img {
    height: 50px;
    max-height: 60px;
    max-width: 170px;
    width: auto;
    object-fit: contain;
    display: block;
    transition: transform 0.15s ease, opacity 0.15s ease;
}
a.header-badge:hover .header-badge-img {
    transform: translateY(-1px);
    opacity: 0.82;
}
@media (max-width: 768px) {
    .header-badges {
        justify-content: center;
        padding-left: 0;
        margin: 10px 0;
        gap: 16px;
    }
    .header-badge-img {
        height: 38px;
    }
}

/* ============ 页脚改版:方案A 三栏 + 社交图标(footer redesign) ============ */
.ft2 {
    background: linear-gradient(180deg, #182444, #0f1830);
    color: #eef1fb;
    margin-top: 12px;
    font-size: 14px;
}
.ft2 a {
    color: #98a3c4;
    text-decoration: none;
    transition: color 0.16s ease;
}
.ft2 a:hover {
    color: #fff;
}
.ft2-inner {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    padding: 44px 20px 0;
    box-sizing: border-box;
}
.ft2-top {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    padding-bottom: 32px;
}
.ft2-col-brand {
    flex: 1 1 320px;
    min-width: 260px;
}
.ft2-col {
    flex: 0 1 190px;
    min-width: 150px;
}
.ft2-col-connect {
    flex: 1 1 240px;
    min-width: 220px;
}
.ft2-brand-row {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 15px;
}
.ft2-logo-chip {
    display: inline-flex;
    padding: 12px 16px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 6px 18px -8px rgba(0, 0, 0, 0.5);
}
.ft2-logo-chip img {
    height: 40px;
    width: auto;
    max-width: 100%;
    display: block;
}
.ft2-wordmark {
    font-family: Georgia, "Times New Roman", serif;
    line-height: 1.15;
}
.ft2-wordmark .sm {
    display: block;
    font-size: 11.5px;
    letter-spacing: 0.02em;
    color: #98a3c4;
}
.ft2-wordmark .lg {
    display: block;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
}
.ft2-desc {
    color: #98a3c4;
    font-size: 13px;
    max-width: 36ch;
    margin: 0 0 14px;
    line-height: 1.6;
}
.ft2-issn {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 12px;
    color: #98a3c4;
}
.ft2-issn b {
    color: #a5a5ff;
    font-weight: 600;
}
.ft2-h {
    font-size: 12px;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    margin: 4px 0 16px;
}
.ft2-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ft2-links a {
    font-size: 13.5px;
}
.ft2-connect-note {
    color: #98a3c4;
    font-size: 13px;
    margin: 0 0 16px;
    max-width: 30ch;
    line-height: 1.6;
}
.ft2-socials {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.ft2-stile {
    position: relative;
    width: 46px;
    height: 46px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.09);
    transition: transform 0.16s ease, background 0.16s ease, border-color 0.16s ease,
        box-shadow 0.16s ease;
}
.ft2-stile:hover,
.ft2-stile:focus-visible {
    transform: translateY(-3px);
    background: rgba(129, 129, 255, 0.16);
    border-color: #8181ff;
    box-shadow: 0 10px 22px -10px rgba(129, 129, 255, 0.7);
    outline: none;
}
.ft2-stile img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    display: block;
}
.ft2-qr {
    position: absolute;
    bottom: calc(100% + 14px);
    left: 50%;
    transform: translateX(-50%) translateY(6px);
    background: #fff;
    border-radius: 12px;
    padding: 12px 12px 9px;
    width: 150px;
    text-align: center;
    box-shadow: 0 16px 34px -10px rgba(0, 0, 0, 0.55);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
    z-index: 20;
}
.ft2-qr::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 8px solid transparent;
    border-top-color: #fff;
}
.ft2-stile.has-qr:hover .ft2-qr,
.ft2-stile.has-qr:focus-within .ft2-qr {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
    pointer-events: auto;
}
.ft2-qr img {
    width: 126px;
    height: 126px;
    display: block;
    border-radius: 4px;
}
.ft2-qr .cap {
    font-size: 11px;
    color: #4a5170;
    margin-top: 7px;
}
.ft2-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.09);
    padding: 16px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    font-size: 12.5px;
    color: #98a3c4;
}
.ft2-bottom .legal {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
@media (max-width: 768px) {
    .ft2-inner {
        padding: 30px 18px 0;
    }
    .ft2-top {
        gap: 28px;
    }
    .ft2-bottom {
        justify-content: center;
        text-align: center;
    }
}