@charset "utf-8";
*{margin:0;padding:0;}
em{font-style: normal;}
img{max-width:100%;}
a{color:inherit;text-decoration: none;}
ul{
    list-style: none;
}
.clearfix::after{content:"";display:block;clear:both;}
.pd-0{
    padding-left:0 !important;
    padding-right:0 !important;
}
figure{font-size:0;/*子元素只能是img*/display:inline-block;}
.hide{display:none;}
h1,h2,h3,h4,h5,h6{
    font-size:medium;
    font-weight:normal;
}
.visibal{ visibility:hidden; }
@font-face {
    font-family: sub-flag;
    src: ;
}

html{
    font-size:0;/*不在样式中初始化为1rem*/
}
body{
    font-family: 'microsoft yahei',simhei,simsun,'pingfang sc',stheiti,stsong,serif;
    line-height:2;
    background-color:#f2f9ff;
    /* background-image: linear-gradient(to bottom,#7dc4b4 10%,#d9e6dd,transparent); */
    background-image:;
    background-position: center top;
    background-repeat: no-repeat;
}
.my-container{
    width:7.5rem;
    /* max-width: 750px; */
    margin:0 auto;
    box-sizing: border-box;
    padding-left: .24rem;
    padding-right: .24rem;
    position:relative;
}
.tk-header,.tk-flag{
    height:1.32rem;
    position:relative;
    z-index: 99;
}

.tk-flag {
    width:4.2rem;
    top:.26rem;

}
.tk-sub-flag{ 
    position:absolute;
    right:0;
    bottom:0;
    font-family: sub-flag,'microsoft yahei';
    color:#0071cf;
    display: flex;
    backdrop-filter: blur(2px);
    border-radius:6px;
 }
 .tk-sub-flag::before{
    content:"";
    display:inline-block;
    width:.24rem;
    height:1em;
    margin-top:0.5em;
    background:url(/uploads/image/iz2wnddssg/icon-bookmark.png) left center/contain no-repeat;
    text-align: right;
 }
 .tk-banner{
    font-size:0;
    box-shadow: 0 6px 5px #b9cee1;
    border-radius: 6px;
    margin-bottom:.4rem;
    overflow:hidden;
 }
 .tk-list{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
 }
 .tk-item{
    width:50%;
    position:relative;
    
 }
 .tk-list .tk-item:nth-child(odd){
    background:url(/uploads/image/iz2wnddssg/bg-dot-dot.png) right calc(50% - 0.67rem) no-repeat;
 }
 .tk-item .tk-item-inner{
    /* width:calc(1.88rem   .44rem   .34rem); */
    margin:0 auto;
 }
 .tk-item .book-info{
    display:flex;
    align-items: flex-start;
    position:relative;
    justify-content: center;
 }
.tk-item .book-name{ 
    line-height:2.5;
    letter-spacing: 1px;
    color:#6f8ba1;
    writing-mode: vertical-lr;
    max-height:calc(2.92rem - 0.67rem);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tk-item .book-name::before{
    content:"";
    display:inline-block;
    width:100%;
    height:1em;
    margin-bottom:4px;
    background:url(/uploads/image/iz2wnddssg/icon-book.png) center center/contain no-repeat ;
}
.tk-item .book-pic{
    width:1.88rem;
    height:2.92rem;
    overflow:hidden;
}
.tk-item .mg-info{
    display:flex;
    align-items:flex-end;
    position:relative;
    bottom:.67rem;
}
.tk-item .mg-oth{
    text-align: left;
    padding-left:0.5em;
    backdrop-filter: blur(1px);
}
.tk-item .mg-name{
    color:#1d5789;
    font-weight:bold;
    line-height:1.2;
}
.tk-item .mg-gov{
    color:#6f8ba1;
    line-height:1.2;
    max-height:2.4em;
}
 .tk-item .mg-photo{
    flex-shrink: 0;
    flex-grow: 0;
    width:1.34rem;
    height:1.34rem;
    border-radius:50%;
    overflow:hidden;
    border:.03rem solid white;
    box-shadow:0 .03rem .08rem #cdddec;
 }
 .tk-footer{
    background-color: #dceffe;
    color:#6f8ba1;
    padding-top:2em;
    padding-bottom:2em;
    text-align: center;
    font-size:small;
 }
 .to-xsb,.to-jsb{
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    /* display:none; */

 }
 .to-xsb,.to-jsb,
 .to-xsb img,.to-jsb img{
    max-height: calc(1.32rem - 1.5em);
    z-index: 999;
 }
 
/*根据图片相机调整*/
.tk-item .book-pic img{ margin-left:-0.2rem; }
.tk-item .mg-info{
    bottom: 0.8rem;
}
.tk-item .mg-photo{
    /* width:1.08rem; */
    /* height:1.08rem; */
    margin-left:0.26rem;
}
.tk-item .book-name{
    max-height: calc(2.92rem - 1.0rem);
}
/*end根据图片相机调整*/
/*字号集中设置*/
/*正文字号*/

body
{
    font-size:medium;
}
.tk-sub-flag,
.tk-item .mg-name
{ 
    font-size:large;
}
.tk-item .book-name{ 
    font-size:medium;
}

@media (min-width:576px){

    /*根据图片相机调整*/
    .tk-item .book-pic img{ margin-left:-0.2rem; }
    .tk-item .mg-info{
        bottom: 1.27rem;
    }
    .tk-item .mg-photo{
        /* width:1.08rem; */
        /* height:1.08rem; */
        margin-left:0.26rem;
    }
    .tk-item .book-name{
        font-size:0.18rem;
        max-height: calc(2.92rem - 1.0rem);
    }
    /*end根据图片相机调整*/
}
@media (min-width:750px){
    body{
        font-size:18px;
    }
    .tk-sub-flag{ 
        font-size:.24rem;
    }
    .tk-item .tk-item-inner{
        width:calc(1.88rem   .44rem   .34rem);
    }
    .tk-item .book-name{ 
        font-size:.22rem;
    }
    .tk-item .mg-name{
        font-size:.24rem;
    }
    .to-xsb,.to-jsb{
        display:inline-block;
    }
}
/*pc端使用px*/
@media (min-width:1200px){
    body{
        font-size:18px;
    }
    .my-container{
        width:1200px;

    }
    .tk-list{
        justify-content: flex-start;
    }
    .tk-item{
        width:25%;
    }
    .tk-list{
        background: url(/uploads/image/iz2wnddssg/bg-dot-dot.png) left calc(50% - 0.67rem) no-repeat;
    }
    .tk-list .tk-item:nth-child(2n 1),
    .tk-list .tk-item:nth-child(2n) {
        background: url(/uploads/image/iz2wnddssg/bg-dot-dot.png) right calc(50% - 0.67rem) no-repeat;
    }

    .tk-item .mg-name{
        font-size:0.2rem;
    }
    .tk-item .mg-gov{
        font-size:0.16rem;
    }
    .tk-item .mg-photo{
        width:1.08rem;
        height:1.08rem;
        margin-left:0.26rem;
    }
    
}