@charset "gb2312";html,body,div,span,p,a,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,cite,code,em,del,font,img,ins,small,strong,b,i,center,form,label,input,textarea,button,select,th,td {
    padding: 0;
    margin: 0
}

ol,ul,li,dl,dt,dd {
    list-style: none
}

h1,h2,h3,h4,h5,h6 {
    font-size: 1em
}

em,i,cite {
    font-weight: 400;
    font-style: normal
}

img,iframe {
    border: 0;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input,textarea,button,select {
    border: 0;
    outline: 0;
    font-family: Microsoft Yahei
}

body {
    font-size: 16px;
    line-height: 1.8em;
    font-family: Microsoft Yahei;
    color: #666
}

a {
    text-decoration: none;
    color: #333;
    transition: color .2s
}

a:hover {
    color: #3291f9
}

.clear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0
}

.art_wrap {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    zoom:1}

.art_left {
    float: left;
    width: 830px
}

.art_right {
    float: right;
    width: 300px
}

.tab .tabsingle {
}

.tab .tabsingle:first-child {
    display: block
}

.scaleimg img {
    transform: scale(1);
    transition: transform .5s
}

.scaleimg img.zoom {
    transform: scale(1.2);
    transition: transform .5s
}

.art_location {
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.art_location a {
    color: #666
}

.art_location a:hover {
    color: #3291f9
}

h1 {
    font-size: 42px;
    line-height: 62px;
    color: #444;
    margin-top: 28px
}

.art_control {
    float: right;
    margin-top: 15px
}

.art_control i {
    float: left;
    width: 50px;
    background: url(../images/art_control.png) left 49px bottom 6px no-repeat;
    position: relative;
    z-index: 998
}

.art_control i:last-child {
    background: 0 0
}

.art_control i a {
    display: block;
    height: 24px;
    background-image: url(../images/art_control.png);
    background-repeat: no-repeat
}

.art_control i a:hover {
    animation: shake .5s ease 2
}

.art_control i a.disabled {
    opacity: .25;
    cursor: default
}

.art_control i a.disabled:hover {
    animation: none
}

.art_control a.textsizedown,.art_control a.textsizedown.disabled:hover {
    background-position: 17px 2px
}

.art_control a.textsizedown:hover {
    background-position: 17px -48px;
    animation: zoomout .8s ease 1
}

.art_control a.textsizeup,.art_control a.textsizeup.disabled:hover {
    background-position: -32px 2px
}

.art_control a.textsizeup:hover {
    background-position: -32px -48px;
    animation: zoomin .8s ease 1
}

.art_control a.addfavorite {
    background-position: -83px 2px
}

.art_control a.addfavorite:hover {
    background-position: -83px -48px;
    animation: rotate 1.5s ease-in-out 1
}

.art_control a.bshare-sinaminiblog {
    background-position: -132px 2px
}

.art_control a.bshare-sinaminiblog:hover {
    background-position: -132px -48px
}

.art_control a.share-wechat {
    background-position: -181px 2px
}

.art_control a.share-wechat:hover {
    background-position: -181px -48px
}

.art_control a.bshare-qzone {
    background-position: -230px 2px
}

.art_control a.bshare-qzone:hover {
    background-position: -230px -48px
}

.art_control .bshare-custom {
    display: inline
}

.art_control .bshare-custom a {
    width: 50px;
    background-image: url(../images/art_control.png);
    +height: 24px
}

.art_control .share-wechat+span {
    display: none;
    position: absolute;
    width: 135px;
    height: 135px;
    padding: 22px 8px 8px;
    font-size: 14px;
    line-height: 135px;
    text-align: center;
    color: #999;
    background: url(../images/art_control.png) right bottom no-repeat;
    top: 24px;
    left: -51px
}

.art_control .share-wechat+span img {
    width: 100%;
    height: 100%
}

.art_share {
    float: left;
    margin-top: 30px;
    line-height: 30px;
    margin-top: 0\9
}

:root .art_share {
    margin-top: 30px
}

.art_share i {
    display: inline-block;
    width: 30px;
    margin-left: 10px;
    position: relative;
    z-index: 998;
    vertical-align: middle
}

.art_share i a {
    display: block;
    height: 30px;
    background-color: #eaeaea;
    background-image: url(../images/video_share.png);
    background-repeat: no-repeat;
    border-radius: 100%
}

.art_share i a:hover {
    animation: shake .5s ease 2
}

.art_share a.share-wechat {
    background-position: 6px 8px
}

.art_share a.share-wechat:hover {
    background-color: #08ba06;
    background-position: 6px -26px
}

.art_share a.bshare-sinaminiblog {
    background-color: #eaeaea;
    background-position: 6px -61px
}

.art_share a.bshare-sinaminiblog:hover {
    background-color: #fd5d3b;
    background-position: 6px -96px
}

.art_share .bshare-custom {
    display: inline
}

.art_share .bshare-custom i:last-child {
    margin-right: 30px
}

.art_share .bshare-custom a {
    width: 30px;
    background-image: url(../images/video_share.png);
    +height: 30px
}

.art_share .share-wechat+span {
    display: none;
    position: absolute;
    width: 135px;
    height: 135px;
    padding: 22px 8px 8px;
    font-size: 14px;
    line-height: 135px;
    text-align: center;
    color: #999;
    background: url(../images/art_control.png) right bottom no-repeat;
    top: 33px;
    left: -61px
}

.art_share .share-wechat+span img {
    width: 100%;
    height: 100%
}

.art_share a.addfavorite {
    background-position: 6px -132px
}

.art_share a.addfavorite:hover {
    background-color: #ff9f15;
    background-position: 6px -169px;
    animation: rotate 1.5s ease-in-out 1
}

.art_like {
    font-size: 14px;
    line-height: 30px;
    text-align: right;
    margin-top: 30px;
    height: 30px
}

.art_like i {
    display: inline-block;
    padding-left: 30px;
    margin-left: 20px;
    position: relative;
    display: none
}

.art_like i::before {
    content: "";
    display: block;
    position: absolute;
    width: 23px;
    height: 15px;
    background: url(../images/video_share.png) -47px -138px no-repeat;
    left: 0;
    top: 7px
}

.art_like i.like_btn {
    cursor: pointer
}

.art_like i.like_btn:hover {
    color: #3291f9
}

.art_like i.like_btn::before {
    width: 18px;
    height: 16px;
    background-position: -52px -103px
}

.art_like i.like_btn:hover::before {
    background: url(../images/video_share.png) -52px -68px no-repeat;
    animation: zoomout .3s ease 2
}

.art_info {
    font-size: 14px;
    line-height: 24px;
    margin-top: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.art_info em {
    margin-right: 25px
}

.art_info em a {
    color: #666
}

.art_info em a:hover {
    color: #3291f9
}

.art_summary {
    font-size: 16px;
    line-height: 32px;
    background: #f9f9f9;
    padding: 16px 27px;
    margin-top: 40px
}

.art_content {
    font-size: 18px;
    line-height: 38px;
    color: #333;
    margin-top: 30px;
    text-indent: 2em;
}

.art_content p {
    margin-bottom: 22px
}

.art_content img {
    max-width: 100%
}

.art_content a {
    color: #3291f9
}

.art_content video {
    display: block;
    width: 100%;
    background: #000
}

.art_intro {
    font-size: 18px;
    line-height: 42px;
    color: #333;
    margin-top: 30px;
    overflow: hidden
}

.art_intro .intro_title {
    font-weight: 700;
    margin-bottom: 5px
}

.art_intro p {
    text-indent: 2em
}

.audio_info {
    overflow: hidden;
    margin-top: 40px
}

.audio_info .cover {
    float: left;
    box-sizing: border-box;
    width: 211px;
    height: 211px;
    margin-right: 35px;
    padding: 32px 34px 34px 32px;
    background: url(../images/btns_player.png) 0 0 no-repeat
}

.audio_info .cover img {
    width: 100%;
    height: 100%;
    border-radius: 100%
}

.audio_info h1 {
    display: block;
    font-size: 34px;
    line-height: 48px;
    font-weight: 400;
    margin-top: 0;
    height: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.audio_info .art_info {
    font-size: 16px;
    line-height: 18px;
    margin-top: 10px;
    color: #999
}

.audio_info .art_info em {
    display: inline-block
}

.audio_info .art_info .duration {
    padding-left: 25px;
    background: url(../images/btns_player.png) -420px -70px no-repeat
}

.audio_info .control {
    float: left;
    margin-top: 30px;
    width: 56px;
    height: 56px;
    background: url(../images/btns_player.png) -300px -0px no-repeat;
    cursor: pointer
}

.audio_info .control.pause {
    background-position: -240px -0px
}

.bottompop {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: #fff;
    border-top: #F1F1F1 1px solid;
    box-shadow: rgba(0,0,0,.1) 0 0 10px 0;
    transition: bottom .5s
}

.bottompop.hidden {
    bottom: -60px
}

.bottompop .art_wrap {
    position: relative;
    width: 1000px;
    overflow: visible
}

.bottompop .audiotitle {
    width: 700px;
    font-size: 14px;
    line-height: 14px;
    color: #333;
    position: absolute;
    left: 115px;
    top: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bottompop .close {
    width: 26px;
    height: 26px;
    position: absolute;
    right: 0;
    top: 17px;
    background: url(../images/btns_player.png) -300px -70px no-repeat;
    cursor: pointer
}

.art_copyright {
    font-size: 12px;
    line-height: 24px;
    color: #999;
    background: #f9f9f9;
    text-align: center;
    margin-top: 40px;
    padding: 8px 14px;
    clear: both
}

.art_page {
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    margin-top: 50px;
    clear: both
}

.art_page span,.art_page b,.art_page a {
    color: #666;
    display: inline-block;
    width: 36px;
    margin: 0 14px;
    transition: all .3s
}

.art_page span {
    color: #999;
    width: 70px;
    margin: 0 12px
}

.art_page b,.art_page a:hover {
    font-weight: 400;
    color: #3291f9;
    background: #ebf6ff;
    transition: all .3s
}

.art_page span a {
    width: 100%
}

.art_rec {
    margin-top: 50px;
    overflow: hidden
}

.art_right .art_rec {
    margin-top: 40px
}

.sectiontitle {
    line-height: 24px;
    height: 43px;
    border-bottom: #f0f0f0 1px solid;
    white-space: nowrap;
    text-overflow: ellipsis
}

.sectiontitle em {
    display: inline-block;
    padding-bottom: 18px;
    font-size: 20px;
    font-weight: 700;
    color: #3291f9;
    border-bottom: #3291f9 2px solid
}

.sectiontitle a {
    margin-left: 30px;
    +vertical-align: top
}

.sectiontitle a.more {
    float: right;
    font-size: 14px;
    color: #666;
    padding-right: 12px;
    +margin-top: -34px;
    background: url(../images/top_navigation.png) right -201px no-repeat
}

.sectiontitle a.more:hover {
    color: #3291f9;
    background-position: right -251px
}

.sectiontitle b a {
    color: #3291f9;
    font-weight: 400
}

.art_relative .sectiontitle a:nth-child(n+4) {
    display: none
}

.art_right .sectiontitle {
    height: 33px
}

.art_right .sectiontitle em {
    padding-bottom: 8px
}

.art_right .sectiontitle a {
    float: right;
    margin-left: 18px;
    +margin-top: -34px
}

.art_right .sectiontitle a:nth-child(n+4) {
    display: none
}

.sectiontitle.tabnav em {
    margin-right: 20px;
    color: #666;
    font-weight: 400;
    border: 0;
    cursor: pointer
}

.sectiontitle.tabnav em:hover,.sectiontitle.tabnav em.current {
    color: #3291f9;
    font-weight: 700;
    border-bottom: #3291f9 2px solid
}

.baseblock {
    overflow: hidden
}

.baseblock strong {
    display: block;
    line-height: 20px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.baseblock p {
    margin-top: 13px;
    line-height: 30px;
    color: #999;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.baseblock ul {
    line-height: 42px
}

.baseblock li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.baseblock .pic {
    display: block;
    float: left;
    width: 150px;
    height: 112px;
    margin-right: 25px;
    overflow: hidden;
    position: relative
}

.baseblock .pic img {
    width: 100%;
    height: 100%
}

.baseblock .pic b {
    display: block;
    width: 130px;
    height: 40px;
    padding: 0 10px;
    padding-top: 25px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #fff;
    background: url(../images/bg_text.png) left top repeat-x;
    background-size: auto 45px;
    position: absolute;
    left: 0;
    top: 67px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: padding .3s
}

.baseblock .pic:hover b {
    padding: 2px 10px 3px;
    transition: padding .3s
}

.relative_news {
    float: left;
    width: 405px;
    overflow: hidden
}

.relative_news .baseblock {
    height: 112px;
    padding: 25px 0
}

.relative_news .baseblock:last-child {
    padding-bottom: 0
}

.relative_news .baseblock ul {
    margin-top: -7px;
    margin-top: 0\0
}

:root .relative_news .baseblock ul {
    margin-top: -7px
}

.relative_news .baseblock li {
    width: calc(100% - 175px)\9
}

.relative_special {
    float: right;
    width: 365px;
    margin-bottom: 34px
}

.relative_special .baseblock strong {
    margin-top: 28px
}

.relative_expert {
    float: right;
    width: 365px
}

.relative_expert .baseblock ul {
    margin-top: 13px
}

.art_headline .baseblock {
    float: left;
    width: 400px;
    height: 112px;
    padding: 25px 0
}

.art_headline .baseblock:nth-child(2n+1) {
    float: right
}

.art_headline .baseblock:nth-last-child(1),.art_headline .baseblock:nth-last-child(2) {
    padding-bottom: 0
}

.art_headline .baseblock ul {
    margin-top: -7px;
    margin-top: 0\0
}

:root .art_headline .baseblock ul {
    margin-top: -7px
}

.art_headline .baseblock li {
    width: calc(100% - 175px)\9
}

.art_relatedpeople {
    height: 133px;
    font-size: 16px;
    line-height: 32px;
    color: #333;
    background: #f9f9f9;
    padding: 27px 45px 24px 35px
}

.art_relatedpeople img {
    float: left;
    width: 119px;
    height: 119px;
    border-radius: 100%;
    margin: 7px 25px 0 0
}

.art_relatedpeople strong {
    display: block;
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.art_relatedpeople strong span {
    font-size: 16px;
    color: #999;
    margin-left: 15px
}

.art_relatedpeople i {
    display: block;
    line-height: 42px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.art_relatedpeople i a {
    margin-right: 20px
}

.art_relatedpeople p {
    height: 64px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.art_videolist .sectiontitle {
    margin-bottom: 17px
}

.art_videolist .baseblock li {
    float: left;
    width: 365px
}

.art_videolist .baseblock li:nth-child(2n) {
    float: right
}

.art_videolist .baseblock li span {
    float: right;
    font-size: 14px;
    color: #999
}

.art_search {
    overflow: hidden;
    margin-top: 20px
}

.art_search input {
    float: left;
    color: #666;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    background: #f7f7f7;
    border: #f0f0f0 1px solid;
    transition: background-color .3s
}

.art_search input[type=text] {
    width: 254px;
    padding-left: 7px;
    border-right: 0;
    border-radius: 5px 0 0 5px
}

.art_search input[type=submit] {
    width: 38px;
    height: 32px;
    border-left: 0;
    border-radius: 0 5px 5px 0;
    background: #f7f7f7 url(../images/top_navigation.png) 2px -161px no-repeat;
    cursor: pointer
}

.art_search input[type=submit]:hover {
    background-position: 2px -197px
}

.art_search:hover input {
    background-color: #fff
}

.art_doctor {
    background: #ebf6ff;
    overflow: hidden
}

.art_doctor .doctor_info dt {
    padding: 20px 20px 18px;
    font-size: 26px;
    color: #3291f9;
    line-height: 26px;
    text-indent: 15px;
    background: url(../images/dot.png) 20px -104px no-repeat
}

.art_doctor .doctor_info dd {
    padding: 16px 20px 30px;
    border-bottom: #e0f1ff 1px solid;
    overflow: hidden
}

.art_doctor .doctor_info dd img {
    width: 75px;
    height: 75px;
    border-radius: 100%;
    float: left;
    margin-right: 20px
}

.art_doctor .doctor_info dd strong {
    display: block;
    font-weight: 400;
    color: #333;
    font-size: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.art_doctor .doctor_info dd span {
    display: block;
    font-size: 14px;
    line-height: 14px;
    margin-top: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.art_doctor .doctor_art {
    font-size: 16px;
    line-height: 36px;
    padding: 18px 20px 35px
}

.art_doctor .doctor_art dt {
    font-size: 20px;
    line-height: 40px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.art_doctor .doctor_art dd {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.art_doctor .doctor_art.fold dd:nth-child(n+10) {
    display: none
}

.art_doctor .doctor_art .loadmore {
    width: 85px;
    font-size: 16px;
    line-height: 16px;
    color: #3291F9;
    margin: 20px auto 0;
    background: url(../images/top_navigation.png) 72px -432px no-repeat;
    cursor: pointer
}

.art_brand .sectiontitle {
    border-bottom: 0
}

.art_brand .sectiontitle em {
    border-bottom: 0
}

.art_brand ul {
    /* border:#ededed 1px solid; */
    /* padding: 10px; */
    box-sizing: border-box;
    border-right: 0;
    border-bottom: 0;
    margin-top: 10px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.art_brand li {
    float: left;
    width: 148px;
    height: 95px;
    border: #f0f0f0 1px solid;
    text-align: center;
    overflow: hidden;
    border-left: 0;
    border-top: 0;
    box-sizing: border-box;
    width: 48% !important;
    margin-top: 15px;
}

.art_brand li:nth-child(2n) {
    width: 149px
}

.art_brand img {
    height: 100%;
    transition: all .2s;
    /* object-fit: cover; */
    width: 100%;
}

.art_brand img:hover {
    margin-left: 8px;
    transition: all .2s
}

.art_rank li {
    color: #999;
    line-height: 41px;
    border-bottom: #f0f0f0 1px solid;
    transition: all .2s
}

.art_rank li:hover {
    background-color: #f9f9f9;
    transition: all .2s
}

.art_rank .tabsingle:nth-child(2) li {
    padding-left: 32px;
    background: url(../images/art_rank.png) 3px 13px no-repeat
}

.art_rank .tabsingle:nth-child(2) li:nth-child(2) {
    background-position: 3px -29px
}

.art_rank .tabsingle:nth-child(2) li:nth-child(3) {
    background-position: 3px -71px
}

.art_rank .tabsingle:nth-child(2) li:nth-child(4) {
    background-position: 3px -113px
}

.art_rank .tabsingle:nth-child(2) li:nth-child(5) {
    background-position: 3px -155px
}

.art_rank .tabsingle:nth-child(2) li:nth-child(6) {
    background-position: 3px -197px
}

.art_rank .tabsingle:nth-child(2) li:nth-child(7) {
    background-position: 3px -239px
}

.art_rank .tabsingle:nth-child(2) li:nth-child(8) {
    background-position: 3px -281px
}

.art_rank .tabsingle:nth-child(2) li:nth-child(9) {
    background-position: 3px -323px
}

.art_rank .tabsingle:nth-child(2) li:nth-child(10) {
    background-position: 3px -365px
}

.art_rank .tabsingle:nth-child(2) li:hover {
    background-color: #f9f9f9
}

.art_asklist li {
    line-height: 41px;
    border-bottom: #f0f0f0 1px solid
}

.art_asklist li a {
    display: block;
    transition: all .2s
}

.art_asklist li a:hover {
    background: #f9f9f9;
    transition: all .2s
}

.art_othervideo .baseblock {
    height: 68px;
    margin-top: 25px
}

.art_othervideo .baseblock .pic {
    width: 120px;
    height: 68px;
    margin-right: 18px;
    position: relative
}

.art_othervideo .baseblock .pic a::after {
    content: "";
    position: absolute;
    width: 28px;
    height: 28px;
    background: url(../images/video_share.png) right top no-repeat;
    margin: -14px 0 0 -14px;
    top: 50%;
    left: 50%
}

.art_othervideo .baseblock .pic a:hover::after {
    animation: anglerotate .7s ease-in-out 1
}

.art_othervideo .baseblock strong {
    font-size: 16px;
    line-height: 24px;
    margin-top: -3px;
    white-space: normal;
    height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: calc(100% - 138px)\9;
    margin-top: 0\0
}

:root .art_othervideo .baseblock strong {
    margin-top: -3px
}

.art_othervideo .baseblock em {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #999;
    margin-top: 9px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 6px\0
}

:root .art_othervideo .baseblock em {
    margin-top: 9px
}

.art_database .art_jbk {
    line-height: 42px;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: #f0f0f0 1px solid
}

.art_database .art_jbk li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.art_database .art_jbk li a {
    margin-right: 5px
}

.art_database .art_ypk {
    padding-bottom: 20px;
    border-bottom: #f0f0f0 1px solid
}

.art_database .art_ypk li {
    height: 80px;
    margin-top: 20px;
    overflow: hidden
}

.art_database .art_ypk li img {
    width: 78px;
    height: 78px;
    border: #eee 1px solid;
    float: left;
    margin-right: 10px
}

.art_database .art_ypk li strong {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    margin-top: -6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 90px)\9;
    margin-top: 0\0
}

:root .art_database .art_ypk li strong {
    margin-top: -6px
}

.art_database .art_ypk li strong a {
    color: #666
}

.art_database .art_ypk li strong a:hover {
    color: #3291f9
}

.art_database .art_ypk li p {
    font-size: 14px;
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.art_database .art_ypk li p a {
    color: #666
}

.art_database .art_ypk li p a:hover {
    color: #3291f9
}

.art_database .art_ypk li span {
    display: block;
    float: right;
    width: 52px;
    height: 23px;
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    margin-top: 10px;
    overflow: hidden;
    margin-top: 4px\0
}

:root .art_database .art_ypk li span {
    margin-top: 10px
}

.art_database .art_ypk li span a {
    display: block;
    color: #fff;
    background: #2cbf73;
    transition: all .2s
}

.art_database .art_ypk li span a:hover {
    background: #f60;
    transition: all .2s
}

.art_database .art_ypk li em {
    display: block;
    color: #f60;
    line-height: 22px;
    margin-top: 15px;
    margin-top: 9px\0
}

:root .art_database .art_ypk li em {
    margin-top: 15px
}

.art_database .art_yyk span {
    display: block;
    font-size: 18px;
    line-height: 24px;
    margin-top: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.art_database .art_yyk span a {
    margin-left: 30px;
    +vertical-align: top
}

.art_database .art_yyk span a.more {
    float: right;
    font-size: 14px;
    color: #666;
    padding-right: 12px;
    +margin-top: -34px;
    background: url(../images/top_navigation.png) right -201px no-repeat
}

.art_database .art_yyk span a.more:hover {
    color: #3291f9;
    background-position: right -251px
}

.art_database .art_yyk div {
    margin-top: 10px;
    padding-bottom: 20px;
    border-bottom: #f0f0f0 1px solid;
    overflow: hidden
}

.art_database .art_yyk img {
    width: 78px;
    height: 78px;
    border: #eee 1px solid;
    float: left;
    margin-right: 10px
}

.art_database .art_yyk strong {
    display: block;
    font-weight: 400
}

.art_database .art_yyk em {
    display: block;
    font-size: 14px;
    line-height: 22px;
    margin-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.art_database .art_yyk em a {
    color: #666
}

.art_database .art_yyk em a:hover {
    color: #3291f9
}

.art_database .art_yyk p {
    font-size: 14px;
    line-height: 24px;
    margin-top: 4px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.art_database .art_yyk .yykhos {
    height: 80px
}

.art_database .art_yyk .yykhos strong {
    line-height: 28px;
    max-height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.art_database .art_yyk .yykhos em {
    color: #999
}

.art_database .art_yyk .yykdoc {
    height: 100px
}

.art_database .art_yyk .yykdoc img {
    height: 98px
}

.art_database .art_yyk .yykdoc strong {
    font-size: 18px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.art_database .art_yyk .yykdoc strong i {
    font-size: 14px;
    color: #999;
    margin-left: 10px
}

.art_footer {
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    width: 1200px;
    margin: 50px auto 20px
}

.art_footer a {
    color: #666
}

.art_footer a:hover {
    color: #3291f9
}

.art_footer i {
    color: #bbb
}

.wangjing {
    width: 1200px;
    margin: 0 auto 40px
}

@keyframes zoomout {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(0.8)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes zoomin {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes anglerotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(120deg)
    }
}

@keyframes shake {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(-30deg)
    }

    100% {
        transform: rotate(0)
    }
}

.art_show {
    margin-top: 50px;
    overflow: hidden;
    position: relative
}

.art_right .art_show {
    margin-top: 15px
}

.art_show::after {
    content: "\5e7f\544a";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 14px;
    font-size: 12px;
    text-align: center;
    line-height: 14px;
    color: #fff;
    background: #c9c9c9;
    opacity: .5
}

.art_show.nomark::after {
    display: none
}

.loc_topkeys {
    margin-top: 25px;
    font-size: 14px;
    line-height: 14px;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    overflow: hidden
}

.loc_topkeys a {
    color: #999;
    height: 14px;
    overflow: hidden
}

.loc_topkeys a:hover {
    color: #1978f0
}

.loc_topkeys b {
    color: #dcdcdc;
    font-weight: 400;
    height: 14px;
    overflow: hidden
}

.loc_toptl {
    margin-top: 20px;
    background: #f9f9f9
}

.loc_toptl>div,.loc_toptl>span {
    text-align: center;
    margin: 0 auto
}

.loc_lmgz {
    margin-top: 30px
}

.loc_lmgz .s1,.loc_lmgz .s2 {
    font-size: 14px;
    line-height: 44px;
    padding: 0 16px;
    border: #e9e9e9 1px solid;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.loc_lmgz .s1 {
    background: #f9f9f9;
    border-bottom: 0
}

.loc_lmgz .s2 {
    background: #fff;
    border-top: 0
}

.loc_lmgz a {
    color: #666;
    padding-right: 16px
}

.loc_lmgz a:hover {
    color: #1978f0
}

.loc_smalltl {
    margin-top: 40px;
    background: #f9f9f9
}

.loc_smalltl.s2,.loc_smalltl.s4 {
    margin-top: 20px
}

.loc_smalltl>div,.loc_smalltl>span {
    text-align: center;
    margin: 0 auto
}

.loc_smalltl ul {
    font-size: 16px;
    line-height: 32px;
    padding: 14px 0;
    background: #fff;
    border: #e6e6e6 1px solid;
    overflow: hidden
}

.loc_smalltl.s2 ul {
    height: 65px
}

.loc_smalltl.s4 ul {
    height: 95px
}

.loc_smalltl li {
    float: left;
    width: 182px;
    margin-left: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.loc_smalltl a {
    color: #666
}

.loc_smalltl a:hover {
    color: #1978f0
}

.loc_innerhzh {
    float: left;
    margin: 12px 25px 12px 0
}

.art_right .loc_righthzh1 {
    margin-top: 30px
}

.tempad {
    width: 100%;
    height: 100%;
    opacity: .5
}

.testonly {
    position: fixed;
    width: 150px;
    padding-bottom: 8px;
    font-size: 14px;
    line-height: 28px;
    background: #fff;
    border: #e9e9e9 1px solid;
    top: 300px;
    right: 10px;
    z-index: 999
}

.testonly dt {
    text-align: center;
    background: #f9f9f9;
    margin-bottom: 8px
}

.testonly dd {
    font-size: 12px;
    padding: 0 20px;
    cursor: pointer
}

.testonly dd i {
    color: #86bc42;
    float: right
}

.testonly dd.off {
    opacity: .3
}

.testonly dd.off i {
    color: #666
}

#commentDiv h3 {
    line-height: 40px !important;
    height: 40px;
    border-bottom: #f0f0f0 1px solid;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #3291f9;
    font-weight: 700 !important;
    margin: 20px 0;
}

#commentDiv ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#commentDiv ul li {
    width: 48%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}