html {margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,dialog,footer,header,hgroup,menu,nav,section {display:block;}
body {line-height:1.5;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption,th,td {text-align:left;font-weight:normal;float:none!important;}
table,th,td {vertical-align:middle;}
blockquote:before,blockquote:after,q:before,q:after {content:'';}
blockquote,q {quotes:"" "";}
a img {border:0;}
:focus {outline:0;}
ul,ol,li {list-style:none;}
button,input,select,textarea,label {vertical-align:middle;}
h1,h2,h3,h4,h6,h6 {font-weight:bold;font-size:100%;}
a:link {text-decoration:none;}
a:hover {text-decoration:underline;}
a:visited {text-decoration:none;}
* {
  box-sizing: border-box;
}
body,html{
font-size:14px;
}
body {
margin: 0 calc((100vw - 100%) * -1) 0 0;
padding-right: calc(100vw - 100%);
overflow-x: hidden;
overflow-y: scroll; /* 始终保留滚动条轨道（推荐） */
padding:0px;

}
.kaoyancontainer{
display: -webkit-box;      /* Old iOS6- Safari 3.1-6 */
display: -moz-box;         /* Old Firefox 19-28 */
display: -ms-flexbox;      /* IE10 */
display: -webkit-flex;     /* Chrome 21-28, Safari 6.1+ */
display: flex;             /* Modern browsers */
min-height: 100vh;
flex-direction:column;
}
/*定义滚动条高宽及背景
 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: #f5f5f5;
}
/*定义滚动条轨道
  内阴影+圆角*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}
/*定义滑块
  内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}
.navheader{
    width:100%;
    margin: 0 auto;
    background: #2A61A3;
    color:#fff;
}
.navheader >div:first-child{
    width:984px;
    margin: 0 auto;
    height: auto;
}
.navheader >div>ul>li> a{
    font: 16px/45px å¾®è½¯é›…é»‘, tahoma;
color:#fff;
    border-left: 1px solid #26517e;
    padding:0 10px 0 10px;
}
.navheader >div>ul>li> a:hover
{
    background: #26517e;
    text-decoration: none;
}
.ft14{font-size:14px}
.ft14 p{font-size:14px}
#content{
    margin:0 auto;
    border: 0px solid #ebebeb;
    background: #fefefe;
    font-size: 14px;
}
.items{
    width: 50%;
    float: left;
    padding: 18px;
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
}
.items li.imageview{
    padding: 0;
    height: 90px;
    background: 0;
    text-align: left;
    margin-bottom: 14px;
    line-height: 20px;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
}

.items li.imageview img
{
    float: left;
    width: 90px;
    height: 90px;
    padding-right: 10px;
    margin-bottom: 5px;
}
.items li{
    height: 26px;
    line-height: 26px;
    padding-left: 8px;
    font-size: 14px;
    overflow: hidden;
}
.footer{
    border-top: 1px solid #ebebeb;
    padding: 15px 0;
}
.__CLASS_26__ {padding:18px;margin:0;border-right:1px solid #ececec;border-bottom:1px solid #ececec;overflow:hidden;}
.__CLASS_17__ {padding:0px;margin:0;border-bottom:1px solid #ececec;overflow:hidden;}
.__CLASS_NAV__{
    padding: 20px;
    margin-left: -1px;
    border-left: 1px solid #ececec;
    background: #fefefe;
    overflow: hidden;
}
.__CLASS_NAV__ .__CLASS_21__ a:link,.__CLASS_NAV__  .__CLASS_21__ a:visited {color:#fff;float:left;font-size:14px;white-space:nowrap;padding:5px 10px;margin:10px 10px 0 0;display:inline;border-radius:3px;background:#3886c2;box-shadow:0 1px 1px 0 #ccc;}
.__CLASS_22__{
    height: 28px;
    line-height: 29px;
    padding: 0 10px;
    overflow: hidden;
}
.__CLASS_22__ h3 , .__CLASS_NAV__ .__CLASS_22__ h3 {
    padding-left: 10px;
    border-left: 3px solid #369;
    color: #333;
    height: 20px;
    font: 18px/19px "Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";
    width: 220px;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
}
.__CLASS_22__ h3 {
    float: left;
    font-size: 14px;
}
.clearx{
    height: 10px;
    border-top: 1px solid #ececec;
}
 .__CLASS_22__ h3 a:link, .__CLASS_22__ h3 a:visited, .__CLASS_22__ h3 a:hover {
    color: #369;
    line-height: 18px;
    font-weight: bold;
}
#__JS_ID_105__,#__JS_ID_107__ {padding:0 20px;}
#__JS_ID_105__ h1 {font:normal 26px/32px "Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜";color:#333;padding-left:20px;border-left:7px solid #369;margin:20px 0;text-align:left;}
.logo{
margin:0 auto;
text-align:center;
}


.logo img{
 max-width:80% !important;
}

/* PC 端样式覆盖（屏幕宽度 ≥ 769px） */
@media screen and (min-width: 769px) {
  .logo img {
    max-width: 30% !important; /* 限制 PC 端最大宽度 */
  }
}

footer {
    color: #999;
    text-align: center;
    padding: 10px 0;
    margin-top: 20px;
    border-top: 1px solid #e5e5e5;

}
.emptyheight{
    height: 70px;
}
.rightborder{
    border-right: 1px solid #ebebeb;
}
.booktiem{
    margin-top: 10px;
}
.pictable{
    display: table;
    float: left;
    margin-right: 10px;
    overflow: hidden;
}
.bookpic{
    width: 100px;
    height: 150px;
    margin: 4px 10px 0 0;
    overflow: hidden;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    *font-size:178px;
    zoom:1;
}
.bookpic img{
    display: block;
    margin: 0 auto;
    width:100px;
    height: 60px;
    max-width: 100%;
    max-height: 100%;
}
.__CLASS_29__{
    color: #777;
    font-size: 12px;
    line-height: 20px;
}
.__CLASS_28__{
    height: 20px;
    text-align: right;
    color: #bbb;
    margin: 5px 0 0;
}
.pay-content{
    font-size: 18px;
    line-height:2;
}
.pay-content.shadowbox{
    margin-top: 20px;
    background: #fff;
    -webkit-box-shadow: 0 7px 29px 0 rgba(18, 52, 91, .11);
     box-shadow: 0 7px 29px 0 rgba(18, 52, 91, .11);
    border-radius: 6px;
    padding-top: 14px;
    padding-bottom: 20px;
}
.pay-content .intro {
    padding: 10px 20px;
    color: #444444;
    font-size: 14px;
    line-height: 2.2;
    letter-spacing: .5px;
    font-weight: normal;
}
.pay-content .intro .content{
    min-height: 200px;
    clear: both;
}

.pay-content .intro .content .divImg{
    width: 110px;
    height: 154px;
    float: left;
}
.pay-content .intro .content .bookitems{
    display: inline-block;
    margin-left: 20px;
}

.pay-content .intro .content .bookitems h4{
    display: inline;
}


.pay-content .intro .content .divImg img{
    width: 110px;
    height: 154px;
    display: block;
}










.pay-content label{
    color:#999;
    font-size: 14px;
}

.pay-content .pay-type {
    display: inline-block;
    text-align: center;
    background: #f7f7f7;
    border: 2px solid #e7e7e7;
    border-radius: 5px;
    position: relative;
    padding: 7px 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}
.buy button {
    border: initial;
    color: #fff;
    display: inline-block;
    width: 170px;
    font-size: 18px;
    font-weight: 700;
    line-height: 45px;
    border-radius: 100px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: 0 5px 6px 0 rgba(73, 105, 230, .22);
    background-image: linear-gradient(135deg, #3C8CE7 10%, #00EAFF 100%);
}
.pay-content  .pay-type svg {
    vertical-align: middle;
}

.pay-content  .pay-select {
    border: 2px solid rgb(51, 105, 255);
    background: rgb(248, 250, 255);
    color: rgb(51, 105, 255);
}


.btns a, .btns button {
    border: initial;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    width: auto;
    line-height: 45px;
    margin-top: 15px;
    border-radius: 100px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: 0 5px 6px 0 rgba(73, 105, 230, .22);
    background-image: linear-gradient(135deg, #F44336 10%, #FF9800 100%);
}

.pay-content .wpay{
    font-size: 24px;
    background-color: rgb(0, 176, 80);
    color: rgb(255, 255, 255);
}
.pay-content .alipay{
    text-decoration:none;
    font-size: 36px;
    background-color: rgb(0, 176, 240);
    color: rgb(255, 255, 255);
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: å®‹ä½“, SimSun;
}
.pay-content .huabei{
    font-size: 18px;
    background-color: rgb(255, 255, 0);
    color: rgb(0, 0, 0);
}

/*Ã¤Â¸Â»Ã¤Â½â€œ*/
.main .main-box {
    margin-top: 20px;
    background: #fff;
    -webkit-box-shadow: 0 7px 29px 0 rgba(18, 52, 91, .11);
    box-shadow: 0 7px 29px 0 rgba(18, 52, 91, .11);
    border-radius: 6px;
    padding-top: 14px;
    padding-bottom: 20px;
    overflow: hidden;
}

 .input input {
    display: inline-block;
    padding: 0 5px;
    height: 35px;
    width: 60%;
    font-weight: 500;
    font-size: 14px;
    color: #999;
    background: #fff;
    border: 2px solid #c4c7ce;
    -webkit-box-shadow: 0 4px 10px 0 rgba(135, 142, 154, .07);
    box-shadow: 0 4px 10px 0 rgba(135, 142, 154, .07);
    border-radius: 4px;
    overflow: hidden;
}

.entry{
    display: block !important;
}
.entry >label{
    display: block;
}
.main .btn a, .btn button {
    border: initial;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    width: 160px;
    line-height: 45px;
    margin-top: 15px;
    border-radius: 100px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: 0 5px 6px 0 rgba(73, 105, 230, .22);
    background-image: linear-gradient(135deg, #3C8CE7 10%, #00EAFF 100%);
}

table.book1{
    margin-bottom: 20px;
}
.tu_content{
    margin-left: 10px !important;
}
.tubookimg p{
    text-align: left !important;
}
#pageinfo{
    font-size:16px;
}
#pageinfo input{
    display: none !important;
}
.book1 input[type=checkbox] {
    visibility: hidden;
}
#navbook{
    font-size: 12px;
    color:rgb(38, 28, 220);
}
#navbook b{
    color:#000000;
}
.book1 p{
     display: none !important;
}
.book1 p.vp{
    display: inline-block !important;
}.book1 p.myssnumber{
    display:  inline-block  !important;
}
#b_img {
    /*BACKGROUND-IMAGE: url(../images/bookbg.gif);*/ PADDING-LEFT: 14px; WIDTH: 80px; FLOAT: left; HEIGHT: 108px; PADDING-TOP: 6px
}
#b_img IMG {
    BORDER-BOTTOM: #666 1px solid; BORDER-LEFT: #666 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; WIDTH: 66px; PADDING-RIGHT: 1px; HEIGHT: 99px; BORDER-TOP: #666 1px solid; BORDER-RIGHT: #666 1px solid; PADDING-TOP: 1px
}
#bb {
    WIDTH: 80px; HEIGHT: 108px
}

.container .advisorycode{
    height: 100px;
    float: left;
    line-height: 100px;
    margin-bottom: 30px;
}
.container .advisorycode input{
    margin-left: 10px;
    outline-style: none ;
    height: 36px;
    border: 0px;
    border: 1px solid #ccc;
    border-radius: 3px;
}
#book{
    position:relative;
    line-height:36px;
    height:36px;
    left: 0px;
    top: 10px;
    overflow:hidden;
}
.btns{
    margin-bottom: 20px;
    text-align: center;
}
#score{
    vertical-align: middle;
}
.bookitems{
 display:block;
 line-height:44px;
}
.category {
display:block;
}
.category li{
 float:left;
}
/*ketang*/
.ketang,.kyyx,.ky_list{}
.w250 .hdb{border-top:3px solid #d80b2a;height:40px;font-size:16px;line-height:40px;font-weight:bold;}
.w250 .hdbs{height:40px;font-size:16px;line-height:40px;font-weight:bold;}
.w250 .add250 img{
text-align:center;
width:89%;
}
.ket_lists li{float:left;padding-left:2px;font-size:14px;line-height:24px}
.clearfloat ,.clearfloat{clear:both;height:0;font-size: 1px;line-height: 0px;}

.scrollable-content {
  overflow-x: auto;       /* 启用水平滚动 */
  -webkit-overflow-scrolling: touch; /* 移动端滚动优化 */
  max-width: 100vw;       /* 最大宽度不超过视口宽度 */
}

/* 修复 Bootstrap 容器溢出限制 */
.container {
  overflow-x: visible;
}
.justify-content-center{
display: flex;
justify-content: center;
}
 .force-center {
      float: none !important;
      display: block !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
/* 清除浮动 */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}
.xqy_core_time {
    font-size: 10px;
    color: #A0A2A3;
    line-height: 40px;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 12px;
    position: relative
}