@charset "utf-8";
* { padding: 0; margin: 0 }
*:focus { outline: 0 }
.fl { float: left }
.fr { float: right }
.clear { clear: both }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { *+height:1%
}
body { width: 100%; max-width: 1920px; margin: auto; font-size: 12px; font-family: "PingFang SC"; , Arial, Helvetica, sans-serif;
background: #000; -webkit-font-smoothing: antialiased }
h1, h2, h3, h4, h5 { font-size: 14px }
a, input, textarea { outline: 0; resize: none }
s { text-decoration: none }
b { font-weight: 400 }
.color_f60 { color: #f60 }
table { border-collapse: collapse; border-spacing: 0 }
li { list-style: none }
img { border: 0; vertical-align: middle }
.big { float: left; width: 100% }
.mt_0 { margin-top: 0 }
.mtop_10 { margin-top: 15px }
.width_1210 { width: 1210px; margin: 0 auto }
.w1200 { width: 1244px }
.wrapper { margin: auto; width: 1800px }
@media screen and (max-width:1800px) {
.wrapper { width: 95% }
}
::-webkit-input-placeholder { /* WebKit browsers */
 color: rgba(255, 255, 255, 0.30);
 font-size: 14px;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: rgba(255, 255, 255, 0.30);
 font-size: 14px;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
 color: rgba(255, 255, 255, 0.30);
 font-size: 14px;
}
.currencyimg { background: url(../images/mbox_currencyimg.png?1111) no-repeat }
.none { display: none }
.header { position: fixed; top: 0; left: 0; right: 0; z-index: 100000; background: var(---, #000);
height: 80px; width: 100%; left: 0; box-sizing: content-box }
.header nav { margin: 16px 54px 16px 54px; height: 48px; position: relative; display: flex; justify-content: space-between; min-width: 980px; }
#ajax-hook { position: fixed; top: 80px; z-index: 99996; width: 100% }
.globalInfoTip { z-index: 20; height: 60px; width: 100%; position: relative; cursor: pointer }
.globalInfoTip p { text-align: center; font-size: 16px; height: 30px; line-height: 30px; padding: 15px 0; color: #FFF; position: relative }
.globalInfoTip .infoTipBack { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #3498db; box-shadow: 0 1px 3px rgba(0,0,0,0.1); opacity: .8; filter: alpha(opacity=80); -moz-opacity: .8; -khtml-opacity: .8 }
}
.topnav { margin: auto; color: #838897 }
.topnav .logo { width: 150px; }
.topnav .logo span { height: 100%; display: block; float: left }
.topnav .logo .logoimg { width: 150px; height: 44px; margin-top: 2px; box-sizing: border-box; background: url(../images/mboxlogo2.png) no-repeat }
.topnav .logo .bate { margin-top: 23px }
.navinfo { text-align: center; height: 100%; }
.navinfo ul { margin: 0 auto; display: grid; column-gap: 40px; width: 100%; box-sizing: border-box; background-color: transparent; grid-template-columns: repeat(8, 1fr); }
@media screen and (max-width:1600px) {
.navinfo ul { column-gap: 20px; }
.my-course { display: none; }
}
@media screen and (max-width:1300px) {
.navinfo ul { column-gap: 0px; }
.my-course { display: none; }
}
@media screen and (max-width:980px) {
.navinfo ul { column-gap: 0px; }
.my_class { display: none; }
}
.navinfo ul li .tc:hover { color: var(--button-Normal, #DCF3FA); font-weight: 600; font-family: "PingFang SC"; }
.navinfo ul li .tc.on { color: var(--button-Normal, #70FFF7); font-size: 16px; font-weight: 600; font-family: "PingFang SC"; }
.navinfo ul li .tc.on .line1 { width: 22px; height: 4px; display: block; background: #ADFF5A; border-radius: 2px; position: absolute; top: 56px; left: 50%; margin-left: -11px; }
.navinfo ul li span { display: inline-block; }
.navinfo ul li .texiao { background-position: -98px -9px; width: 40px; height: 20px; margin-left: 3px; vertical-align: middle }
.navinfo ul li .texiao.vx { background-position: -383px -9px; width: 55px; }
.navinfo ul .navcourse:hover { color: #13aff0; border-bottom: 2px solid #13aff0 }
.navinfo ul li .end { background: 0 }
.navinfo ul li { height: 100%; line-height: 48px; text-align: center; }
.navinfo ul li:last-child {; margin-right: 0px; }
.navinfo ul li .tc { font-size: 16px; display: block; width: 80px; height: 48px; text-align: center; color: #346D86; font-family: "PingFang SC"; font-style: normal; font-weight: 400; position: relative; }
.navinfo ul li.index { width: 138px; position: relative }
.navinfo ul li .hot { position: absolute; width: 35px; height: 17px; top: 7px; right: -7px; display: block; background-position: -236px -107px; }
.navinfo ul li .shuoming { position: absolute; left: -249px; top: 60px; text-align: right; z-index: 1; color: rgba(223, 255, 175, 0.60); display: none; width: 600px; font-size: 30px; border: 2px solid #063B51; text-align: center; backdrop-filter: blur(10px) }
.navinfo ul li.hdcourse:hover .shuoming { display: block; }
.navinfo #newtips5 { color: rgba(223, 255, 175, 0.60); font-size: 12px; position: absolute; left: 65px; top: 62px; text-align: right; z-index: 1 }
.navinfo #newtips5 .t1 { background: url(../images/plate_tips.png) no-repeat; width: 220px; height: 33px; display: block; float: left }
.navinfo #newtips5 .wzdl { width: 55px; display: block; position: absolute; top: -20px; right: -60px; cursor: pointer }
.navinfo .menu-list { background: #0C1012; overflow: hidden; border-radius: 8px; }
.navinfo .menu-list a { width: 100%; height: 45px; line-height: 45px; display: block; color: #346D86; font-size: 14px; }
.navinfo .index:hover .menu-list { display: block; }
.navinfo .plate { color: rgba(223, 255, 175, 0.60); height: 45px; cursor: pointer; }
.navinfo .plate div { height: 45px; line-height: 45px; font-size: 14px; float: left; }
.navinfo .plate .service { width: 16px; height: 16px; display: block; margin-top: 15px; margin-left: 10px; margin-right: 6px; background-position: -387px -34px; }
.navinfo .plate .service.agree { background-position: -409px -34px }
.navinfo .menu-list a:hover { background: rgba(173, 255, 90, 0.05); color: #DCF3FA }
.wanyuanyouhui { position: relative; top: -22px; cursor: pointer; background: url(../images/wanyuanyouhui.png?22) no-repeat; width: 122px; height: 67px; display: block; left: 26px }
.wanyuanyouhui span { width: 80px; height: 36px; margin: auto; padding-top: 20px; color: #fff; font-size: 14px; text-align: center; display: block; line-height: 17px; position: relative; z-index: 10 }
.wanyuanyouhui span a { color: #fff!important; font-size: 14px!important }
.mofa618 { position: relative; top: -19px; cursor: pointer; background: url(../images/mofa618.png) no-repeat; width: 68px; height: 41px; display: block; left: 0px; }
.src-component-button-PrimaryButton-___PrimaryButton-module__primaryButton___2WQp-:after { content: ""; display: block; position: absolute; width: 102px; height: 35px; top: 19px; right: 0; bottom: 0; left: 10px; border-radius: inherit; transition: opacity .4s linear; border-radius: 10px }
.src-component-button-PrimaryButton-___PrimaryButton-module__primaryButton___2WQp-.src-component-button-PrimaryButton-___PrimaryButton-module__anim___WSxMl:after { animation: src-component-button-PrimaryButton-___PrimaryButton-module__buttonGlow___m6nHX 2s cubic-bezier(.25, .46, .45, .14) infinite }
.src-component-button-PrimaryButton-___PrimaryButton-module__primaryButton___2WQp-[data-theme=default]:after { background-image: url(../images/bg-glow.png); background-repeat: no-repeat }
@keyframes src-component-button-PrimaryButton-___PrimaryButton-module__buttonGlow___m6nHX { 0% {
background-position:550% 0
}
to { background-position: -550% 0 }
}
.course_promotion { background: url(../images/course_zx_bg.png) no-repeat; color: #512800; font-size: 18px; margin-top: 12px }
.course_promotion span { background: #edd382; display: block; height: 36px; line-height: 36px; margin-left: 16px; padding-right: 10px; padding-left: 5px }
.nav-user .nav-user-2 { display: flex; justify-content: space-between; }
.my_course_class { width: 240px; height: 100%; }
.my_class { width: 90px; height: 32px; margin-top: 8px; margin-right: 10px; margin-left: 10px; background: rgba(255, 255, 255, 0.05); ; border-radius: 16px; }
.my_class .cl { width: 100%; height: 100%; border-radius: 20px; display: inline-block; box-sizing: border-box; font-size: 14px; font-family: MicrosoftYaHei; color: #2B5E74; line-height: 32px; overflow: hidden; text-align: center; }
.my_class .cl .icon { width: 23px; height: 23px; display: block; background-position: -387px -61px; margin-left: 15px; margin-top: 4px; margin-right: 10px }
.my_class .cl span { width: 100%; text-align: center; }
.my_class .cl:hover { color: var(--button-Normal, #DCF3FA) }
.my_class .cl.my_course .icon { width: 18px; height: 22px; background-position: -156px -8px; }
.nav-user ul li { float: left; color: #13aff0; line-height: 48px; text-align: center; font-size: 16px; cursor: pointer; margin-right: 5px; }
.nav-user ul li:last-child { margin-right: 0px; }
.nav-user ul li .menu-img { width: 48px; height: 48px; position: relative; overflow: hidden; }
.nav-user ul li .menu-img .topshare { width: 48px; height: 48px; margin: auto; display: block; background: url(../images/menu-img-1.png) center no-repeat; }
.nav-user ul li .menu-img .topmessage { width: 48px; height: 48px; margin: auto; display: block; background: url(../images/icon-12.png) center no-repeat; }
.nav-user ul li .menu-img .topdialogue { width: 48px; height: 48px; margin: auto; display: block; background: url(../images/icon-11.png) center no-repeat; }
.nav-user ul li:hover { }
.nav-user ul li:hover a { color: #DCF3FA }
.nav-user ul li .tc { color: #346D86; width: 60px; height: 60px; display: block }
.nav-user ul .glbgon { }
.nav-user ul li a:hover { color: #DCF3FA }
.nav-user .message-menu { top: 6px; right: 0; position: absolute; background: #0C1012; width: 242px; min-height: 80px; font-size: 14px; color: #fff; background: #0C1012; box-shadow: 0px 2px 10px 0px #07101E; border-radius: 16px; }
.nav-user .message-menu .list_menu { height: 45px; line-height: 45px; color: #70FFF7; font-size: 16px; text-align: left; padding-left: 16px; box-sizing: border-box }
.nav-user .message-menu .list_menu .list_menu_li { width: 45px; height: 40px; line-height: 40px; color: #fff; font-size: 16px }
.nav-user .message-menu .list_menu .list_menu_li_curr span { background: url(../images/user_nav_xt_bg.png) center bottom no-repeat; width: 24px; height: 2px; display: block }
.nav-user .message-menu .group { width: 242px; margin: auto; text-align: left; color: #fff; overflow: hidden; line-height: 21px; padding: 10px 16px!important; box-sizing: border-box }
.nav-user .message-menu .group.is_read { color: #346D86 }
.nav-user .message-menu .group.is_read a { color: #346D86 }
.nav-user .message-menu .group:first-child { border-top: 1px solid rgba(255, 255, 255, 0.10) }
.nav-user .message-menu .group:last-child { border-top: 1px solid rgba(255, 255, 255, 0.10); border-bottom: 0 }
.nav-user .message-menu .group a { white-space: normal; word-break: break-all; color: #70FFF7; font-size: 14px }
.nav-user .message-menu .group a:hover { color: #70FFF7 }
.nav-user .message-menu .genduo { text-align: center }
.messageimg { cursor: pointer }
.shareimg img, .messageimg img { margin-top: 18px }
.headerphone img { cursor: pointer; border-radius: 24px; width: 48px; height: 48px }
.headerphone .user_pic { width: 48px; height: 48px; display: block; margin: auto; line-height: 0; position: relative }
.nav-user .message-menu .group:hover, .nav-user .share-menu .group:hover, .nav-user .phone-menu .group:hover { background: rgba(46, 71, 32, 0.20); color: #DCF3FA; }
.nav-user .share-menu .group:first-child, .nav-user .phone-menu .group:first-child { border-radius: 16px 16px 0px 0px; }
.nav-user .share-menu .group:last-child, .nav-user .phone-menu .group:last-child, .nav-user .message-menu .group:last-child { border-radius: 0px 0px 16px 16px; }
.nav-user .message-menu .group:hover a, .nav-user .share-menu .group:hover a, .nav-user .phone-menu .group:hover a { color: #70FFF7 }
.nav-user .message_red { width: 30px; height: 22px; background-position: -65px -9px; display: none; position: relative; top: -52px; left: 31px; font-size: 14px; line-height: 23px; color: #fff; }
.nav-user .message_red.on { display: block }
.nav-user .phone-menu { top: 16px; right: 0; background: #0C1012; position: absolute; width: 180px; font-size: 14px; z-index: 99998; box-shadow: 0px 2px 10px 0px #07101E; border-radius: 8px; }
.nav-user .phone-menu .group { width: 180px; margin: auto; height: 50px; line-height: 50px; text-align: left; overflow: hidden; }
.nav-user .phone-menu .group .userphone1 { padding-left: 24px; box-sizing: border-box; width: 100%; display: block; border-top-left-radius: 16px; border-top-right-radius: 16px; }
.nav-user .phone-menu .group .userphone1 a { color: #70FFF7; font-size: 16px; }
.nav-user .phone-menu .group .userphone2, .nav-user .phone-menu .group .userphone3, .nav-user .phone-menu .group .userphone4, .nav-user .phone-menu .group .userphone5, .nav-user .phone-menu .group .userphone6, .nav-user .phone-menu .group .userphone7 { font-size: 16px; box-sizing: border-box; width: 100%; display: block; margin: auto; width: 100%; padding-left: 24px; }
.nav-user .phone-menu .group .userphone3 { color: #6FFEF7; border-bottom: 2px solid rgba(255, 255, 255, 0.10); }
.nav-user .phone-menu .group .userphone3 a { background: url(../images/coin.png) 0px 13px no-repeat; padding-left: 36px; color: #70FFF7; font-size: 16px; line-height: 50px; }
.nav-user .phone-menu .group .userphone4 { border-top: 2px solid rgba(255, 255, 255, 0.10); }
.nav-user .phone-menu .group:last-child { border-bottom: 0 }
.nav-user .phone-menu .group a { white-space: normal; word-break: break-all; color: #346D86; width: 100%; height: 100%; display: block }
.nav-user .phone-menu .group a:hover { color: #DCF3FA }
.nav-user .phone-menu .genduo { text-align: center }
.nav-user .share-jt { width: 30px; height: 20px; border: 10px solid transparent; border-bottom: 20px solid #0C1012; width: 0; height: 0px; position: absolute; }
.nav-user .shareimg .menushow { top: 40px; right: 134px; position: absolute; width: 160px; min-height: 20px; }
.nav-user .shareimg .menushow .share-jt { top: -5px; right: 25px; }
.nav-user .message .menushow { top: 60px; right: 60px; position: absolute; width: 242px; min-height: 20px; }
.nav-user .message .menushow .share-jt { top: -5px; right: 25px; }
.nav-user .headerphone .menushow { top: 50px; right: -10px; position: absolute; width: 160px; min-height: 20px; }
.nav-user .headerphone .menushow .share-jt { top: -5px; right: 25px; }
.nav-user .share-menu { top: 16px; position: absolute; background: #0C1012; width: 160px; font-size: 14px; border-radius: 16px; box-shadow: 0px 2px 10px 0px #07101E; }
.nav-user .share-menu .group { width: 160px; margin: auto; height: 40px; line-height: 40px; text-align: left; font-weight: 400; color: rgba(223, 255, 175, 0.60); overflow: hidden }
.nav-user .share-menu .group .share1, .nav-user .share-menu .group .share2, .nav-user .share-menu .group .share3 { font-size: 16px; box-sizing: border-box; padding-left: 16px; width: 160px; display: block }
.nav-user .share-menu .group:last-child { border-bottom-left-radius: 16px; border-bottom-right-radius: 16px }
.nav-user .share-menu .group a { white-space: normal; word-break: break-all; width: 100%; display: block; color: #346D86 }
.nav-user .share-menu .group a:hover { color: #DCF3FA }
.nav-user .share-menu .genduo { text-align: center }
.navinfo .course-menu { top: 60px; position: absolute; background: #0C1012; width: 304px; font-size: 14px; color: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; display: none }
.navinfo .course-menu .group { border-bottom: 1px solid #5a6eb0; width: 304px; margin: auto; height: 50px; line-height: 50px; text-align: left; color: #fff; overflow: hidden }
.navinfo .course-menu .group:hover { background: #354168; color: #fff; border-bottom: 1px solid #5a6eb0 }
.navinfo .course-menu .group .course1 { background: url(../images/header_course_top1.png) 12px 12px no-repeat; display: block }
.navinfo .course-menu .group .course2 { background: url(../images/header_course_top2.png) 12px 12px no-repeat; display: block }
.navinfo .course-menu .group .course3 { background: url(../images/header_course_top3.png) 12px 12px no-repeat; display: block }
.navinfo .course-menu .group:last-child { border-bottom: 0 }
.navinfo .course-menu .group a { white-space: normal; word-break: break-all; font-size: 16px; width: 304px; height: 50px; line-height: 50px; padding-left: 45px; display: block; color: #fff }
.navinfo .course-menu .group a.new { background: url(../images/header_course_new.png) 248px 4px no-repeat }
.navinfo .course-menu .genduo { text-align: center }
.navinfo .course-menu .group a b { display: inline-block; line-height: 25px }
.navinfo .course-menu .group a .tit { width: 100% }
.navinfo .course-menu .group a .kc { width: 100%; font-size: 12px; color: #f5a623 }
.index_banner{
    width: 100%;
     height: 300px; overflow: hidden;
    margin: auto;   margin-top: 80px;
    display: grid;
    gap: 10px;   
    grid-template-columns: repeat(2, 1fr); 
}
.index_banner .banner-right{
    width: 522px;
    float:right;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    grid-template-rows: repeat(2, 1fr);   
    gap: 10px;                             
    place-items: center;                  
    justify-content: center;              
    align-content: center;       
}
 .index_banner .banner-right .banner-single{
    width: 255px;
    height: 140px;
    border-radius: 8px;
    overflow: hidden;
}
.index_banner .banner-right .banner-single img{
    width: 255px;
    height: 155px;
    border-radius: 8px;
    object-fit: cover;
    transition: all 0.3s ease;
    transform-origin: center center;
}
.index_banner .banner-right .banner-single:hover img {
    transform: scale(1.2); 
}
.tablistbox {  width: 1345px; height: 300px; overflow: hidden; position: relative;}
.tablist { width: 100%; height: 300px; }
.tablist li { width: 100%; height: 300px; opacity: .1; border-radius: 8px; overflow: hidden; transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; position: absolute; z-index: 1; background-size: 100%; }
.tablist .opc { opacity: 1; z-index: 2 }
.wd1200 { width: 1200px; height: 450px; margin: auto; position: relative }
.tablist li a { height: 560px; display: block }
.tablist_leftbtn, .tablist_rightbtn { display: block; width: 40px; height: 40px; position: absolute; z-index: 2; }
.tablist_leftbtn { left: 55px; top: 39%; }
.tablist_leftbtn:before, .tablist_leftbtn:after { position: absolute; content: ''; border-top: 20px transparent dashed; border-left: 20px transparent dashed; border-right: 20px transparent dashed; }
.tablist_leftbtn:before { border-bottom: 20px rgba(223, 255, 175, 0.60) solid; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); }
.tablist_leftbtn:after { border-bottom: 20px #000001 solid; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); bottom: 0px; /*通过覆盖调整箭头粗细*/ left: 3px; }
.tablist_rightbtn:before, .tablist_rightbtn:after { position: absolute; content: ''; border-top: 20px transparent dashed; border-left: 20px transparent dashed; border-right: 20px transparent dashed; }
.tablist_rightbtn:before { border-bottom: 20px rgba(223, 255, 175, 0.60) solid; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.tablist_rightbtn:after { border-bottom: 20px #000001 solid; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); bottom: 0px; /*通过覆盖调整箭头粗细*/ right: 3px; }
.tablist_rightbtn { right: 55px; top: 39%; }
.tablist_leftbtn:hover:before { border-bottom: 20px #70FFF7 solid; }
.tablist_rightbtn:hover:before { border-bottom: 20px #70FFF7 solid; }
.tablist_smdian { text-align: center; width: 120px; position: absolute; left: 50%; bottom: 6%; margin: auto; margin-left: -63px; z-index: 2; background-color: rgba(255,255,255,0.12); padding: 4px 0; border-radius: 8px }
.tablist_smdian li { width: 9px; height: 9px; margin-right: 9px; background: #2B5E74; border-radius: 8px; cursor: pointer; display: inline-block; transition: width .5s ease; -moz-transition: width .5s ease; -ms-transition: width .5s ease; -o-transition: width .5s ease; -webkit-
}
.tablist_smdian li:last-child { margin-right: 0 }
.tablist_smdian .tablist_active { width: 9px; height: 9px; background: #6FFFF7 }
.bbs_article { margin: 0 30px }
.bbs_articlelist { width: 100%; height: 242px; margin: auto; margin-bottom: 16px; overflow: hidden }
.bbs_articlelist .dange { float: left; margin: 0px 12px; width: 432px; height: 242px; display: block; border-radius: 12px; position: relative }
.bbs_articlelist .dange:last-child { margin-right: 0 }
.bbs_articlelist .dange img { width: 432px; height: 242px; border-radius: 12px }
.bbs_articlelist .dange a { width: 100%; height: 242px; display: block; overflow: hidden; position: relative; bottom: 0; top: -242px; background: url(../images/indexart_bg_new.png) no-repeat; transform: translate(0, 0); transition: all .3s ease-in 0s }
.bbs_articlelist .dange .title { font-size: 16px; width: 100%; text-align: center; color: #fff; position: absolute; bottom: 8px; padding: 0 5px; box-sizing: border-box; margin: 0 }
.bbs_articlelist .dange a:hover { background: url(../images/indexart_bg_newon.png?22) no-repeat; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.bbs_type_tit { color: #DCF3FA; width: 230px; height: 56px; line-height: 56px; font-size: 40px; margin: auto; margin-top: 24px; margin-bottom: 10px; text-align: center; }
.bbs-jh-nav { width: 100%; height: 50px; padding-top: 12px; display: block; }
.bbs-jh-nav .jh-nav-doc { height: 100%; display: block; margin: 0px 50px; }
.bbs-jh-nav .jh-nav-doc .search { position: relative; }
.jh-nav-doc a { font-size: 16px; line-height: 48px; height: 48px; display: block; padding: 0 10px; float: left; margin-right: 30px; text-align: center; color: #346D86; cursor: pointer }
.jh-nav-doc a:last-child { border: 0 }
.jh-nav-doc a:hover { color: #DCF3FA }
.jh-nav-doc a.on { color: #70FFF7; }
.communitybox { width: 100%; height: 560px; overflow: hidden; margin: auto }
.communitybox .boxLeft { float: left }
.article-ban { padding-top: 24px }
.artBan { width: 1296px; margin: auto; margin-top: 20px; height: 176px; margin-bottom: 10px; overflow: hidden }
.artBan .single { float: left; margin-right: 12px; width: 315px; height: 176px; display: block; border-radius: 4px; position: relative }
.artBan .single:last-child { margin-right: 0 }
.artBan .single img { width: 315px; height: 176px; border-radius: 8px }
.artBan .single a { width: 100%; height: 176px; display: block; overflow: hidden; position: relative; bottom: 0; top: -176px; background: url(../images/artban_bg_new.png) no-repeat; transform: translate(0, 0); transition: all .3s ease-in 0s }
.artBan .single .title { font-size: 16px; width: 100%; text-align: center; color: #fff; position: absolute; bottom: 8px; padding: 0 5px; box-sizing: border-box; margin: 0 }
.artBan .single a:hover { background: url(../images/artban_bg_newon.png) no-repeat; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.index_left_gg { background: #172130; border-radius: 5px }
.index_left_gg .notice_content { width: 100%; background: #172130; padding: 20px 0 }
.index_left_gg .notice_content div { width: 200px; margin: auto; font-size: 14px; line-height: 25px; color: #ccc }
.index_article { width: 100%; overflow: hidden; }
.index-cokey-articlenav .article-nav { text-align: center }
.index-cokey-articlenav .article-nav .jsnav { margin: auto; margin-top: 20px; margin-bottom: 20px; width: 210px; height: 46px; display: block; background: url(../images/index_nav_bg.png?1) no-repeat; background-position: -657px 0px; }
.index-workslist { margin: auto; width: 1820px; display: grid; column-gap: 20px; box-sizing: border-box; background-color: transparent; }
@media screen and (min-width: 1841px) {
.index-workslist { grid-template-columns: repeat(6, 1fr); }
}
@media screen and (max-width: 1840px) {
.index-workslist { width: 1520px; grid-template-columns: repeat(5, 1fr); }
}
 @media screen and (max-width:1520px) {
.index-workslist { width: 1220px; grid-template-columns: repeat(4, 1fr); }
}
@media screen and (max-width:1220px) {
.index-workslist { width: 920px; grid-template-columns: repeat(3, 1fr); }
}
/*首页文章*/
.index_article .more { width: 100%; overflow: auto; margin-top: 24px }
.index-articlelist { width: 1824px; height: 325px; margin: auto; text-align: center; overflow: hidden }
.index-articlelist .dange { display: inline-block; width: 280px; margin: auto; text-align: left; margin-left: 12px; margin-right: 12px; border-radius: 12px; position: relative }
.index-articlelist .dange:last-child { margin-right: 0 }
.index-articlelist .dange .cover { width: 280px; height: 207px; position: relative; overflow: hidden; display: inline-block; border-radius: 12px; background: rgba(46, 71, 32, 0.20) }
.index-articlelist .dange .cover a { width: 100%; height: 100%; display: block; cursor: pointer; position: relative; }
.index-articlelist .dange .cover img { border-radius: 8px; object-fit: cover; width: 100%; height: 207px }
.index-articlelist .dange .cover .zip { background: url(../images/yasuoba_bg.png) no-repeat; width: 24px; height: 24px; display: block; position: absolute; top: 12px; left: 12px; }
.index-articlelist .dange .tit { height: 14px; line-height: 14px; margin-top: 10px; margin-bottom: 10px }
.index-articlelist .dange .tit a { font-size: 14px; color: #fff; overflow: hidden; height: 15px; display: block; cursor: pointer }
.index-articlelist .dange .tit .title { height: 15px; line-height: 15px; color: #fff; overflow: hidden; float: left }
.index-articlelist .dange .tit .title a { cursor: pointer; font-size: 14px; color: #DCF3FA }
.index-articlelist .dange .tit .tj { width: 19px; height: 20px; background: url(../images/works_tj3.png) no-repeat; float: right }
.index-articlelist .dange .category { font-size: 12px; color: rgba(223, 255, 175, 0.60); width: 100%; height: 16px; display: block; }
.index-articlelist .dange .record { height: 14px; line-height: 14px; color: #838897; margin-top: 10px }
.index-articlelist .dange:hover a { color: #70FFF7 !important }
.index-articlelist .dange:hover .hoverbg { background: rgba(223, 255, 175, 0.15); }
.index-articlelist .dange .less { width: 100%; height: 32px; margin-top: 9px }
.index-articlelist .dange .less .user_pic { width: 32px; height: 32px; position: relative; float: left }
.index-articlelist .dange .less .user_pic img { width: 32px; height: 32px; border-radius: 16px }
.index-articlelist .dange .less .user_name { width: 160px; height: 32px; line-height: 32px; font-size: 12px; overflow: hidden; color: #DCF3FA; margin-left: 6px; float: left }
.index_notice { background: #021323; width: 100%; text-align: center; height: 60px; font-size: 16px; line-height: 60px; color: #f19c26 }
.index_recommend_main, .index_focus_main { position: relative; width: 100%; z-index: 2; margin-top: 20px; margin-bottom: 30px; }
/*首页banner*/
.index-banner { width: 100%; height: 236px; padding: 24px; box-sizing: border-box; display: grid; column-gap: 24px; margin-right: 24px; box-sizing: border-box; background-color: transparent; grid-template-columns: repeat(3, 1fr); }
.index-banner .banner-xbn { width: 100%; height: 100%; display: block; border-radius: 24px; background: #404040; overflow: hidden; position: relative; }
.index-banner .banner-xbn img { object-fit: cover; width: 100%; height: 100%; }
.index-banner .banner-xbn .Kihs2D { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: linear-gradient(0deg, #140D08 0%, rgba(0, 0, 0, 0.00) 100%); display: block; transition: opacity 0.5s; }
.index-banner .banner-xbn:hover .Kihs2D { opacity: 0; transition: opacity 0.5s; }
.index-banner .banner-xbn .tit { color: #FFF; font-family: "PingFang SC"; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 1px; position: absolute; height: 20px; line-height: 20px; text-align: center; width: 100%; overflow: hidden; left: 0px; bottom: 0px; margin-bottom: 18px; }
.index-banner .banner-xbn .Kihs2D img { width: 100%; height: 100%; }
/*首页文章*/
.index_works { width: 100%; }
.index_works.vx { width: 100%; overflow: hidden; height: 449px !important; }
.index-jbborder { width: 100%; height: 8px; background: linear-gradient(270deg, rgba(50,0,45,1) 0, rgba(23,60,95,1) 100%); display: inline-block; position: relative; bottom: 0 }
.index-cokey-worksnav .works-nav { text-align: center }
.index-cokey-worksnav .works-nav .jsnav { margin: auto; margin-top: 20px; margin-bottom: 20px; width: 215px; height: 46px; display: block; background: url(../images/index_nav_bg.png?1) no-repeat; background-position: 1px 0px }
.user-main .member-workslist { margin: auto; width: 1824px; min-height: 520px }
.card.dange { width: 280px; height: 380px; display: inline-block; overflow: hidden; text-align: left; margin-bottom: 20px; box-sizing: border-box; border-radius: 24px; transform: translate(0, 0); transition: all .1s ease-in 0s; background: url(../images/card-dange-bg.png) center bottom #0C1012 no-repeat; padding-bottom: 20px; }
.card.dange .cover { width: 280px; height: 207px; position: relative; overflow: hidden; display: inline-block; border-radius: 8px 8px 0px 0px; }
.card.dange .cover a { width: 100%; height: 100%; display: block; cursor: pointer; position: relative; }
.card.dange .cover a .hoverbg { width: 280px; height: 207px; border-radius: 8px; position: absolute; top: 0px; left: 0px; display: block }
.card.dange .cover a .zip { background: url(../images/yasuoba_bg.png) no-repeat; width: 24px; height: 24px; display: block; position: absolute; top: 12px; left: 12px; }
.card.dange .cover img { object-fit: cover; width: 100%; height: 207px }
.card.dange .cover a span { position: absolute; width: 82px; height: 24px; top: 0; right: 0; background: url(../images/works_excellent_task4.png) no-repeat }
.card.dange .cover .suspension { width: 121px; height: 24px; position: relative; display: none; text-align: center; border-radius: 12px; background: #0e5370; left: 50%; bottom: 31px; margin-left: -60px; cursor: pointer }
.card.dange .cover .suspension.collection { width: 60px; margin-left: -30px }
.card.dange .cover .suspension .edit { border-right: 1px solid #376491 }
.card.dange .cover .suspension a { width: 60px; height: 24px; float: left; line-height: 24px; text-align: center; color: rgba(223, 255, 175, 0.60); font-size: 14px; display: block }
.card.dange .cover .suspension a:hover { color: #fff }
.card.dange:hover .suspension { display: block }
.card.dange .less { width: calc(100% - 30px); margin: auto; height: 32px; }
.card.dange .less .user_pic { width: 32px; height: 32px; position: relative; float: left }
.card.dange .less .user_pic img { width: 32px; height: 32px; border-radius: 16px }
.card.dange .less .user_name { width: 141px; height: 32px; line-height: 32px; font-size: 12px; overflow: hidden; color: var(--text-white-60, rgba(255, 255, 255, 0.60)); margin-left: 8px; font-family: "PingFang SC"; font-weight: 500; float: left }
.card.dange .less .time { float: right; height: 32px; line-height: 32px; font-size: 12px; color: rgba(255, 255, 255, 0.30); }
.card.dange .tit { width: calc(100% - 30px); height: 22px; line-height: 22px; margin: auto; margin-top: 12px; margin-bottom: 8px; position: relative; display: flex; }
.card.dange .tit a { font-size: 14px; color: #DCF3FA; overflow: hidden; height: 22px; line-height: 22px; display: block; cursor: pointer }
.card.dange .tit .title { width: 100%; height: 22px; color: #fff; overflow: hidden; float: left }
.card.dange .tit .title a { cursor: pointer; font-size: 16px; color: #fff; white-space: nowrap; max-width: 100%; text-overflow: ellipsis; }
.card.dange .tit .title span { width: 55px; height: 16px; line-height: 16px; margin-top: 2px; border-radius: 11px; text-align: center; background: #ADFF5A; color: #000; font-size: 12px; display: block; float: left; margin-right: 3px; font-weight: bold; }
.card.dange .tit .tj { width: 19px; height: 20px; background: url(../images/works_tj3.png) no-repeat; }
.card.dange .category { font-size: 12px; color: rgba(255, 255, 255, 0.60); width: calc(100% - 30px); margin: auto; height: 21px; line-height: 21px; fill: rgba(255, 255, 255, 0.05); display: block; margin-bottom: 12px; }
.card.dange .category .ctx { background-image: linear-gradient(to top, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%); padding: 0px 10px; height: 21px; transform: skewX(-5deg); border-radius: 20px 10px 20px 10px; text-align: center; display: inline-block; height: 21px; min-width: 56px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; }
.card.dange .category .ctx>div { transform: skewX(5deg) }
.card.dange .record { width: calc(100% - 30px); margin: auto; height: 16px; line-height: 14px; color: #838897; margin-bottom: 12px; border-bottom: 0.5px solid rgba(255, 255, 255, 0.10); padding-bottom: 16px; }
.card.dange:hover { -webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; transition: all .1s; -webkit-box-shadow: rgba(44, 255, 231, 0.35) 0px 0px 21px 1px; -moz-box-shadow: rgba(44, 255, 231, 0.35) 0px 0px 21px 1px; box-shadow: 0px 6px 32px 0px rgba(2, 157, 83, 0.39); background: url(../images/card-dange-hoverbg.png) center bottom #0C1012 no-repeat; }
.card.dange:hover .works-play { color: #70FFF7 !important; }
.card.dange:hover .hoverbg { background: rgba(2, 157, 83, 0.15); }
/**/
.index_main .more { width: 100%; overflow: auto }
.index_main .more a { font-size: 16px; color: #DCF3FA; width: 135px; height: 16px; margin: auto; display: block; line-height: 16px; margin-bottom: 20px; letter-spacing: 1px; }
.index_main .more a .txt { float: left }
.index_main .more a .icon { border: 8px solid transparent; border-left: 16px solid #41DEF2; width: 0; height: 0px; float: right }
.index_reference { width: 100%; overflow: hidden; }
.index-cokey-referencenav .reference-nav .jsnav { margin: auto; margin-top: 20px; margin-bottom: 20px; width: 170px; height: 46px; display: block; background: url(../images/index_nav_bg.png?1) no-repeat; background-position: -218px 0px }
.index-referencelist { width: 1780px; height: 284px; display: block; overflow: hidden; margin: auto; margin-top: 28px; margin-bottom: 15px; text-align: center; }
.index-referencelist a { width: 432px; height: 284px; margin-right: 11px; display: inline-block; }
.index-referencelist a img { width: 100%; height: 100%; }
.article-workslist { width: 1824px; min-height: 800px; margin: auto; padding-top: 30px; box-sizing: border-box; display: block; overflow: hidden; display: grid; column-gap: 20px; box-sizing: border-box; background-color: transparent; }
@media screen and (min-width: 1841px) {
.article-workslist { grid-template-columns: repeat(6, 1fr); }
}
@media screen and (max-width: 1840px) {
.article-workslist { grid-template-columns: repeat(5, 1fr); }
}
@media screen and (max-width: 1539px) {
.article-workslist { grid-template-columns: repeat(4, 1fr); }
}
@media screen and (max-width: 1230px) {
.article-workslist { grid-template-columns: repeat(3, 1fr); }
}
.index-main { width: 1800px; margin: auto; min-width: 888px; min-height: 500px; margin-top: 10px; }
.index_main_l { }
.index_main_rinfo { width: 235px; top: 60px }
.index-cokey-nav .categroy-nav { width: 100%; text-align: center; margin: auto; height: 100%; overflow: hidden }
.index-cokey-nav #index-insnav { float: left }
.index-cokey-nav #index-notice { float: right; width: 372px; height: 35px; border-radius: 17px; margin-top: 20px; margin-right: 30px; background-color: rgba(37,45,72,1); position: relative; color: #fff; font-size: 16px }
.index-cokey-nav #index-notice .tit { width: 70px; height: 35px; display: block; border-radius: 17px; background: #354168; text-align: center; line-height: 35px; float: left }
.index-cokey-nav #index-notice .con { width: 280px; float: left; height: 35px; line-height: 35px; margin: 0 10px }
.index-cokey-nav #index-notice #notice_close { background: url(../images/notice_close.png) no-repeat; background-size: 100%; display: block; position: relative; width: 14px; height: 14px; top: -14px; left: 360px; cursor: pointer }
.index-cokey-nav { height: 120px; z-index: 9999; top: 60px }
.index-cokey-nav #article-search { float: right; width: 310px; height: 40px; border-radius: 20px; margin-top: 17px; position: relative; color: #fff; font-size: 14px; border: 1px solid #13aff0 }
.index-cokey-nav #article-search #artSearchInput { float: left; width: 240px; margin-left: 20px; height: 100%; color: #fff; line-height: 40px; background: 0; border: 0; font-size: 14px }
.index-cokey-nav #article-search #artSearchSub { float: left; background: url(../images/art_search_sub_bg.png) center no-repeat; width: 40px; height: 40px; cursor: pointer }
.index-cokey-nav .jsnav { margin: 20px auto; width: 220px; height: 46px; display: block; background: url(../images/index_nav_bg.png?1) no-repeat; background-position: -406px 0px }
.index-cokey-nav .index-insnav { height: 63px; overflow: hidden; }
.index-cokey-nav .index-insnav a { height: 24px; margin: auto; text-align: center; display: inline-block; color: #346D86; text-align: center; margin-top: 24px; padding: 0 11px; line-height: 24px; font-size: 16px; margin-left: 30px; margin-right: 30px; cursor: pointer; border-radius: 12px }
.index-cokey-nav .index-insnav a:last-child { margin-right: 0 }
.index-cokey-nav .index-insnav a:hover { color: #70FFF7 }
.index-cokey-nav .index-insnav a.on { color: #1E474D; background: #70FFF7 }
.article-cokey-nav.on, .index-cokey-nav.on { position: fixed; left: 0px; background: #03141f; opacity: .95; width: 100% }
.suspension.on { position: fixed; left: 0px; background: #0C1012; opacity: .95; width: 100%; z-index: 2; top: 80px; }
.article-cokey-nav { height: 63px; z-index: 99990; top: 60px }
.article-cokey-nav .categroy-nav { width: 100%; max-width: 1920px; margin: auto; height: 100%; position: relative; }
.article-cokey-nav .index-insnav { text-align: center; }
.article-cokey-nav .index-insnav a { height: 24px; text-align: center; border-radius: 12px; margin-top: 24px; padding: 0px 11px; display: inline-block; color: rgba(223, 255, 175, 0.60); line-height: 24px; font-size: 16px; margin-left: 30px; margin-right: 30px; cursor: pointer }
.article-cokey-nav .index-insnav a:hover { color: #DCF3FA }
.article-cokey-nav .index-insnav a.on { color: #1E474D; background: #ADFF5A; }
.bankuai-nav { width: 100%; height: 55px; text-align: center; background: #0C1012; }
.bankuai-nav a { display: inline-block; color: #346D86; height: 55px; padding: 0px 35px; font-size: 16px; line-height: 55px; position: relative; cursor: pointer }
.bankuai-nav a.on { color: #70FFF7 }
.bankuai-nav a:hover { color: #DCF3FA }
.bankuai-nav a.on span { width: 64px; height: 7px; background: url(../images/Vector.png?1) no-repeat; position: absolute; top: 47px; left: 50%; margin-left: -32px; }
/*社区搜索*/
.searchbox { position: absolute; z-index: 1; margin-top: 5px; width: 280px; height: 40px; right: 0px; top: 6px; }
.searchbox #article-search { width: 280px; height: 40px; border-radius: 20px; position: relative; background: rgba(28, 77, 0, 0.30); font-size: 14px; }
.searchbox #article-search #artSearchInput { float: left; width: 160px; height: 22px; color: #fff; margin-top: 9px; margin-left: 70px; padding-left: 10px; box-sizing: border-box; border: 0; line-height: 22px; background: 0; font-size: 14px }
.searchbox #article-search #artSearchSub { float: left; margin-left: 5px; background: url(../images/search_sub_bg2.png?11) center no-repeat; width: 40px; height: 40px; cursor: pointer }
.mod_select { position: absolute; left: 0px; top: 0; width: 70px; z-index: 99 }
.mod_select .select_box { position: relative; width: 70px; height: 40px; background: rgba(28, 77, 0, 0); border-radius: 20px 20px 20px 20px }
.mod_select .select_box .select_txt { display: inline-block; box-sizing: border-box; width: 70px; height: 40px; overflow: hidden; padding-left: 15px; color: #70FFF7; line-height: 40px; font-size: 14px; cursor: pointer }
.mod_select .select_box .select-icon { position: absolute; top: 8px; right: 0px; width: 14px; background: url(../images/search-jt2.png) center no-repeat; width: 24px; height: 24px; cursor: pointer }
.mod_select .select_box .option { display: none; position: absolute; top: 40px; width: 70px; border-top: 0 }
.mod_select .select_box .option li { text-align: center; font-size: 15px; line-height: 2; cursor: pointer; background: rgba(28, 77, 0, 0.3); color: #FFF }
.mod_select .select_box .option li:hover { color: #70FFF7 }
.mod_select .select_box .option li:last-child { border-radius: 0 0 20px 20px }
.searchbox .import { width: 426px; height: 40px; margin-left: 100px; padding-left: 20px; border: 0; outline: 0 }
.searchbox .btn-search { position: absolute; right: 0; width: 100px; height: 40px; color: #fff; background-color: #444786; border: 0 }
.index_recommend { padding-bottom: 20px; margin-top: 20px }
.index_recommend a { width: 100%; display: block; line-height: 18px; font-size: 16px; background: url(../images/art_recommend_libg.png) 0 4px no-repeat; margin-bottom: 20px; padding-left: 16px; box-sizing: border-box }
.index_recommend a:hover { color: #13aff0 }
.public_nav { background: #f5a623; width: 96px; height: 32px; color: #fff; text-align: center; line-height: 32px; border-radius: 32px; font-size: 16px; font-family: MicrosoftYaHei; margin-bottom: 25px; overflow: hidden }
.index_about { margin-top: 20px; color: #666 }
.index_about a { color: #666; margin-right: 10px }
.index_about a:last-child { margin-left: 10px }
.index_about div { margin-bottom: 10px }
#waterfull { margin: auto; margin-top: 0 }
img { border: 0 }
a { text-decoration: none; color: #fff }
#title { width: 600px; margin: 20px auto; text-align: center }
@-webkit-keyframes shade { from {
opacity:1
}
15% {
opacity:.4
}
to { opacity: 1 }
}
@-moz-keyframes shade { from {
opacity:1
}
15% {
opacity:.4
}
to { opacity: 1 }
}
@-ms-keyframes shade { from {
opacity:1
}
15% {
opacity:.4
}
to { opacity: 1 }
}
@-o-keyframes shade { from {
opacity:1
}
15% {
opacity:.4
}
to { opacity: 1 }
}
@keyframes shade { from {
opacity:1
}
15% {
opacity:.4
}
to { opacity: 1 }
}
#wrap { height: auto; position: relative; margin: auto }
.box { width: 204px; height: auto; border: 0; float: left; padding: 0 0 24px 0 }
.box .info { height: auto; border-radius: 12px; box-sizing: border-box; position: relative; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; overflow: hidden }
.box .contribute { width: 222px; height: auto; border-radius: 12px; background: rgba(46, 71, 32, 0.20); position: relative }
.box .contribute .dange { width: 210px; margin: auto; overflow: hidden; padding-bottom: 30px }
.box .contribute .dange .click_contribute { width: 100%; height: 270px; background: url(../images/index_upload_ins_bg2.png) center 30px #081D2A no-repeat; display: block; border-radius: 4px; margin-top: 5px }
.box .contribute .dange .click_contribute span { position: relative; top: 215px; color: #ADFF5A; height: 33px; font-size: 22px; font-size: 22px; width: 100%; text-align: center; height: 33px; display: block; line-height: 33px }
.box .contribute .click_detail { color: rgba(223, 255, 175, 0.60); width: 205px; margin: auto; margin-top: 19px; font-size: 12px; line-height: 18px; text-align: center }
.box .info:hover { transform: translate(0, 0); transition: all .3s ease-in 0s }
.box .info a .hoverbg { width: 100%; height: 100%; border-radius: 12px; position: absolute; top: 0px; left: 0px; display: block; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s }
.box .info:hover .hoverbg { background: rgba(223, 255, 175, 0.15); }
.box .info .pic { width: 204px; height: auto; margin: auto; cursor: pointer; min-height: 100px; max-height: 800px; overflow: hidden; position: relative; display: block }
.box .info .pic img { width: 204px; display: block; border-radius: 12px 12px 12px 12px; }
.user-main .box .info .pic img { width: 204px }
.box .info .play { position: absolute }
.box .info .sh_status { background: linear-gradient(360deg, #000 0, rgba(0,0,0,0) 100%); width: 100%; height: 48px; line-height: 48px; text-align: center; display: block; position: absolute; bottom: 1px; font-size: 14px; color: rgba(223, 255, 175, 0.60); border-radius: 0 0 12px 12px; z-index: 1 }
.box .info .sh_status.no { background: linear-gradient(360deg, #ffa635 0, rgba(0,0,0,0) 100%); color: #fff }
.box .info .gif-play { position: absolute; left: 10px; top: -32px; width: 32px; height: 23px; background: url(../images/bofang.png) 0 0 no-repeat; z-index: 1000; cursor: pointer }
.box .info .gif-stop { position: absolute; left: 10px; top: -32px; width: 32px; height: 23px; background: url(../images/bofang2.png) 0 0 no-repeat; z-index: 1000; cursor: pointer }
.box .info .gif-loading { position: absolute; left: 10px; top: -32px; width: 32px; height: 23px; background: url(../images/bofang3.gif) 0 0 no-repeat; z-index: 1000; cursor: pointer }
.box .info .less { width: 100%; height: 32px; line-height: 32px; margin: auto; margin-top: 8px; display: block; color: #fff }
.box .info .less .user_pic { width: 32px; height: 32px; position: relative; margin-right: 8px }
.box .info .less .user_pic img { width: 32px; height: 32px; border-radius: 16px }
.box .info .less .usershare { width: 108px; height: 32px }
.box .info .less .copyright { width: 55px; height: 32px; line-height: 32px; color: rgba(255, 255, 255, 0.30); text-align: right }
.box .info .less .username { font-size: 12px; max-width: 140px; display: block; color: #DCF3FA; height: 32px; line-height: 32px; overflow: hidden }
.box .info .less li { display: inline-block; float: left; cursor: pointer; line-height: 28px }
.box .info .less>span b { display: inline-block; height: 50px; vertical-align: middle; margin-right: 10px; padding-left: 35px; color: #d8d8da }
.box .info .less .edit { width: 51px; height: 22px; border-radius: 11px; color: #13aff0; text-align: center; line-height: 22px; cursor: pointer; border: 1px solid rgba(19,175,240,1); margin-top: 6px; display: none }
.box .info:hover .edit { display: block }
.box .info .less .del { color: #fff; margin-top: 8px; width: 20px; height: 20px; background: url(../images/new_del.png) 0 0 no-repeat; cursor: pointer; position: absolute; right: 15px; bottom: 68px; z-index: 5 }
.box .info .less .del:hover { color: #2475ec }
#elevator_item { width: 50px; height: 208px; position: fixed; right: 4px; bottom: 175px; z-index: 99980 }
#elevator_item.off { opacity: 0; visibility: hidden }
#elevator_item .nav { width: 195px; height: 25px; border-radius: 12px; background: #1e474e; line-height: 25px; text-align: center; margin-top: 9px; margin-left: 10px; font-size: 14px }
#elevator_item .itemdoc { color: #fff; text-align: center; font-size: 14px }
#elevator { display: block; width: 50px; height: 50px; background: #1E474E; cursor: pointer; border-radius: 0 0 8px 8px; position: relative }
#elevator_item .service, #elevator_item .fankui, #elevator_item .beian, #elevator_item .qq, #elevator_item .qr { display: block; width: 50px; height: 50px; cursor: pointer; background: #0C1012 }
#elevator_item .service { position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.10); border-radius: 8px 8px 0 0; }
#elevator_item .service a { width: 100%; height: 100%; display: block; color: #fff }
#elevator_item .service a:hover { color: #DCF3FA }
#elevator_item .service .txt { width: 100%; height: 100%; display: block; padding-top: 5px; }
#elevator_item .qq { background: url(../images/elevator_item_icon_bg.png) 0 0 no-repeat; position: relative; border-radius: 8px 8px 0px 0px; }
#elevator_item .qr { background: url(../images/elevator_item_icon_bg.png) 0 0 no-repeat; position: relative; }
#elevator_item .beian { background: url(../images/elevator_item_icon_bg.png) 0 0 no-repeat; position: relative; }
#elevator_item .fankui { background: url(../images/elevator_item_icon_bg.png) 0 0 no-repeat; position: relative; border-radius: 0 0 8px 8px }
#elevator_item .qq .icon { background: url(../images/elevator_item_icon1.png) 0 0 no-repeat; position: absolute; top: 11px; left: 12px; width: 27px; height: 28px; display: block; }
#elevator_item .qr .icon { background: url(../images/elevator_item_icon7.png) 0 0 no-repeat; position: absolute; top: 11px; left: 12px; width: 27px; height: 28px; display: block; }
#elevator_item .beian .icon { background: url(../images/elevator_item_icon3.png) 0 0 no-repeat; position: absolute; top: 11px; left: 12px; width: 27px; height: 28px; display: block; }
#elevator_item .fankui .icon { background: url(../images/elevator_item_icon4.png) 0 0 no-repeat; position: absolute; top: 11px; left: 12px; width: 27px; height: 28px; display: block; }
#elevator .icon { width: 17px; height: 27px; background: url(../images/xfjt.png) #1E474E no-repeat; display: block; position: absolute; top: 11px; left: 19px; }
#elevator_item .qq:hover { border-radius: 0 5px 0 0; background: url(../images/elevator_item_icon_bg.png) 0 0 no-repeat; border-radius: 8px 8px 0px 0px; }
#elevator_item .qr:hover { border-radius: 0; background: url(../images/elevator_item_icon_bg.png) 0 0 no-repeat; }
#elevator_item .beian:hover { border-radius: 0; background: url(../images/elevator_item_icon_bg.png) 0 0 no-repeat; }
#elevator_item .fankui:hover { background: url(../images/elevator_item_icon_bg.png) 0 0 no-repeat; }
#elevator_item .beian-popup .beian-info { margin-top: 14px; margin-left: 10px }
#elevator_item .beian-popup a { display: block; height: 50px; line-height: 50px; color: #000; }
#elevator_item .beian-popup .wenwangwen { width: 50px; height: 50px; display: block; background-position: -342px -236px; }
#elevator_item .qq:hover .icon { background: url(../images/elevator_item_icon1.png) 0 0 no-repeat; }
#elevator_item .qr:hover .icon { background: url(../images/elevator_item_icon7.png) 0 0 no-repeat; }
#elevator_item .beian:hover .icon { background: url(../images/elevator_item_icon3.png) 0 0 no-repeat; }
#elevator_item .fankui:hover .icon { background: url(../images/elevator_item_icon4.png) 0 0 no-repeat; }
#elevator_item .qq-popup { width: 245px; height: 103px; background: url(../images/elevator_item_course_bg.png) no-repeat; position: absolute; left: -246px; display: none; text-align: center }
#elevator_item .qr-popup { width: 245px; height: 103px; background: url(../images/elevator_item3.png) no-repeat; position: absolute; left: -246px; display: none; text-align: center }
#elevator_item .beian-popup { width: 220px; height: 140px; background: #0ff5e3; position: absolute; left: -220px; border-radius: 8px 0 0 8px; display: none; text-align: center }
#elevator_item .qq-popup { }
#elevator_item .qr-popup { }
#elevator_item .beian-popup { }
#elevator_item .qq-popup img, #elevator_item .qr-popup img { margin: 7px 3px 20px 143px; width: 90px; height: 90px; border-radius: 8px; }
#elevator_item .qq-popup .xq, #elevator_item .qr-popup .xq { width: 100px; float: left; padding-top: 8px }
#elevator_item .qq-popup .xq span, #elevator_item .qr-popup .xq span { margin-bottom: 8px; width: 100px; display: block; text-align: left }
#elevator_item .qq-popup .xq .tit, #elevator_item .qr-popup .xq .tit { font-size: 14px; margin-top: 8px; margin-bottom: 15px; font-weight: bold; color: #fff }
#elevator_item .qq-popup .xq .qh, #elevator_item .qr-popup .xq .qh { font-size: 12px; color: #ccc }
.article-bt { margin-top: 90px }
.article-main { margin: auto; }
.article-main-content { width: 100%; margin: auto; min-height: 800px; overflow: hidden }
/*文章列表*/
.article-list { width: 1824px; margin: auto; margin-top: 30px; display: grid; column-gap: 20px; box-sizing: border-box; background-color: transparent; }
@media screen and (min-width: 1841px) {
.article-list { grid-template-columns: repeat(6, 1fr); }
}
@media screen and (max-width: 1840px) {
.article-list { grid-template-columns: repeat(5, 1fr); }
}
@media screen and (max-width: 1539px) {
.article-list { grid-template-columns: repeat(4, 1fr); }
}
@media screen and (max-width: 1230px) {
.article-list { grid-template-columns: repeat(3, 1fr); }
}
.searchList .table_table { width: 1824px; margin: auto; margin-top: 30px; display: grid; column-gap: 20px; box-sizing: border-box; background-color: transparent; }
@media screen and (min-width: 1841px) {
.searchList .table_table { grid-template-columns: repeat(6, 1fr); }
}
@media screen and (max-width: 1840px) {
.searchList .table_table { width: 1524px; grid-template-columns: repeat(5, 1fr); }
}
@media screen and (max-width: 1539px) {
.searchList .table_table { width: 1339px; grid-template-columns: repeat(4, 1fr); }
}
@media screen and (max-width: 1230px) {
.searchList .table_table { width: 1030px; grid-template-columns: repeat(3, 1fr); }
}
/*文章列表over*/
.article-detail { width: 1296px; min-height: 550px; margin: auto; overflow: hidden; margin-top: 20px; padding-bottom: 50px; overflow: hidden; position: relative }
.article-detail-top { width: 100%; height: 510px; color: #838897; overflow: hidden }
.article-detail-top .article_copyright { margin-top: 148px; font-size: 16px; color: #fff; background: url(../images/art_detail_cate_bg2.png) no-repeat; height: 24px; width: 100%; padding-left: 34px; box-sizing: border-box }
.article-detail-top .topmain { margin: auto; width: 1296px }
.article-detail-top .topmain h2 { width: 100%; height: 245px; font-size: 60px; color: #fff; margin-top: 15px; overflow: hidden; margin-bottom: 24px }
.article-detail-top .userdoc { color: #fff; float: left; height: 48px; box-sizing: border-box; }
.article-detail-top .userdoc .user_pic { width: 48px; height: 48px; position: relative }
.article-detail-top .userdoc span { display: block; float: left; height: 48px }
.article-detail-top .userdoc span img { width: 48px; height: 48px; border-radius: 24px }
.article-detail-top .userdoc .author { font-size: 18px; margin-left: 12px; line-height: 48px; color: #DCF3FA }
.article-detail-top .userdoc .date { font-size: 12px; font-weight: bold; margin-left: 30px; color: rgba(223, 255, 175, 0.60); line-height: 48px }
.article-detail-top .look_data { float: right; line-height: 18px; height: 18px; margin-top: 12px; text-align: right }
.article-crumbs { margin-top: 24px; width: 100%; display: block; overflow: hidden; }
.article-crumbs a { color: #838897 }
.article-detail .article-crumbs a { font-size: 12px; color: #838897 }
.article-detail .article-crumbs span { padding: 0 5px; color: #838897 }
.article-detail-left { float: left; border-radius: 4px; position: relative }
.article-detail-right { float: right; width: 310px; position: relative }
.article-detail-right .detailrow { width: 310px; height: calc(100% - 105px); background: #0C1012; border-radius: 4px }
.detail-like-collection { width: 100%; height: 86px; color: #fff; font-size: 14px }
.detail-like-collection .like { width: 294px; height: 86px; float: left; margin-left: 340px; background: url(../images/art_like_bg.png) center no-repeat; cursor: pointer }
.detail-like-collection .like.on { color: ##f9786b }
.detail-like-collection .like.on b { background: url(../images/art_like_on.png) no-repeat; color: #13aff0 }
.detail-like-collection .like b:hover { background: url(../images/art_like_suspend.png) no-repeat }
.detail-like-collection .like.on b:hover { background: url(../images/art_like_on.png) no-repeat; color: #13aff0 }
.detail-like-collection .like b { background: url(../images/art_like_default.png) no-repeat; width: 86px; height: 86px; display: block; margin: auto; line-height: 117px; text-align: center; font-size: 14px; box-sizing: border-box }
.detail-like-collection .collection { width: 100px; height: 35px; float: right; margin-top: 23px; border-radius: 17px; border: 1px solid rgba(245,166,35,0.5); cursor: pointer }
.detail-like-collection .collection:hover { border: 1px solid rgba(245,166,35,1) }
.detail-like-collection .collection.on { background: #f5a623 }
.detail-like-collection .collection b { background: url(../images/collection4.png) no-repeat; height: 24px; display: inline-block; margin-top: 6px; margin-left: 11px; line-height: 24px; padding-left: 30px; box-sizing: border-box; font-size: 16px }
.article-detail-info { width: 970px; border-radius: 4px; margin: auto }
.article-detail-right .detail_header { width: 310px; margin: auto; overflow: hidden; padding-top: 26px; padding-bottom: 30px }
.article-detail-right .blueline { width: 100%; height: 1px; background: #0a2c60 }
.article-detail-right .detail_header .related { color: #666; font-size: 16px; margin-bottom: 20px }
.article-detail-right .detail_header .related .user_pic { width: 64px; margin: auto; position: relative }
.article-detail-right .detail_header .related .user_pic img { width: 64px; height: 64px; border-radius: 32px }
.article-detail-right .detail_header .related .user_pic .is_teacher { width: 100%; height: 18px; background: url(../images/is_teacher.png) right no-repeat; background-size: 100%; position: absolute; bottom: -5px; left: 0 }
.article-detail-right .detail_header .related .user_name { width: 100%; font-size: 24px; color: #fff; margin-top: 5px; height: 33px; line-height: 33px; text-align: center; overflow: hidden }
.article-detail-right .detail_header .related .user_name .bigV { background: url(../images/bigv.png) no-repeat; width: 14px; height: 14px; display: inline-block }
.article-detail-right .detail_header .related .user_company { font-size: 12px; color: rgba(255, 255, 255, 0.30); margin-top: 6px; width: 100%; text-align: center }
.article-detail-right .detail_header .related .user_company .position { font-size: 12px; color: rgba(255, 255, 255, 0.30); }
.article-detail-right .detail_header .related .userMedal { width: 100%; text-align: center; margin-top: 10px }
.article-detail-right .detail_header .related .userMedal span { width: 12px; height: 2px; background: rgba(223, 255, 175, 0.60); border-radius: 1px; display: inline-block; vertical-align: middle }
.article-detail-right .detail_header .related .userMedal img { width: 38px; display: inline-block; margin-left: 3px; margin-right: 3px; cursor: pointer }
.article-detail-left .content { font-size: 14px; color: #ccc; line-height: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.10); padding-bottom: 20px }
.article-detail-left .content embed { max-width: 100%!important; max-height: 670px!important }
.article-detail-left .content img { max-width: 100%; margin-bottom: 10px }
.article-detail-left .content .inssetimg img { margin-right: 5px }
.detail-bar-bottom { margin: 10px 0; overflow: hidden; width: 80%; float: left; }
.detail-bar-bottom .detail-tags { line-height: 20px; color: #838897; float: left; width: 70% }
.detail-bar-bottom .detail-tags a { float: left; height: 20px; line-height: 20px; border: 1px solid #70FFF7; border-radius: 10px; padding: 0 10px; color: #fff; margin-right: 10px; margin-bottom: 10px; }
.detail-bar-bottom .tagslabel { color: #838897; font-size: 12px; float: left; height: 20px; line-height: 20px; margin-right: 10px }
.detail-bar-bottom .operation { display: grid; margin: auto; column-gap: 10px; width: 20%; box-sizing: border-box; background-color: transparent; grid-template-columns: repeat(2, 1fr); }
.detail-bar-bottom .operation a { border: 2px solid #9fea3d; text-align: center; border-radius: 20px; color: #9fea3d; margin-right: 30px; height: 30px; line-height: 30px; font-size: 14px; cursor: pointer }
.detail-bar-bottom .operation a:hover { color: #ADFF5A }
.user_pic .bigV { background: url(../images/bigv.png) no-repeat; position: absolute; right: -4px; bottom: 0; width: 14px; height: 14px; display: block }
.user_pic .bigQyyes { background: url(../images/bigQy.png) no-repeat; position: absolute; right: -4px; bottom: 0; width: 14px; height: 14px; display: block }
.user_pic .bigQyyes.bigbig{  width: 20px; height: 20px; background-size:100%}
.article-recommend-nav { width: 100%; height: 50px; line-height: 50px; color: #fff; background: #172130; font-size: 18px; font-weight: bold; border-radius: 4px; margin-top: 30px }
.article-recommend-nav span { padding-left: 40px }
.article-recommend-list { padding-bottom: 20px }
.article-recommend-list a { width: 200px; height: 110px; display: block; color: #fff; font-size: 10.5px }
.article-recommend-list a:hover .tj_img { background: #000; opacity: .7 }
.article-recommend-list div { width: 200px; height: 110px; margin: auto; margin-top: 20px; margin-right: 21px; float: left }
.article-recommend-list .tj_img { border-radius: 0; width: 200px; height: 110px; display: block; overflow: hidden; background: #000; opacity: .5 }
.article-recommend-list .tj_title { width: 200px; height: 110px; display: block; position: relative; top: -110px; left: 0; text-align: center; line-height: 110px; font-size: 18px; font-weight: bold }
.article-recommend-list div:last-child { margin-right: 0; float: right }
.article-detail-right .comment_nav { width: 100%; height: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.10); padding-bottom: 10px }
.article-detail-right .comment_nav .nav_font { background: url(../images/works-pl1.png) 0px no-repeat; padding-left: 36px; font-size: 16px; height: 20px; line-height: 20px; color: #fff; }
.carioca { border-top: 1px solid rgba(255, 255, 255, 0.10); width: 100% }
.carioca .textarea { width: 295px; margin: auto }
.carioca .textarea .commentContent { width: 286px; height: 100px; background: rgba(46, 71, 32, 0.20); border-radius: 20px; font-size: 14px; color: #fff; line-height: 25px; border-color: rgba(46, 71, 32, 0.20); margin: auto; margin-top: 15px; margin-bottom: 8px; padding: 8px; border: 0; box-sizing: border-box }
.carioca .textarea .comment-submit span { width: 96px; height: 40px; float: right; margin-right: 5px; overflow: hidden; cursor: pointer; color: #1E474D; line-height: 40px; text-align: center; font-size: 16px; background: #70FFF7; border-radius: 20px; letter-spacing: 1px; }
.article-detail-right .comlist .no_more_art { text-align: center; color: #838897; font-size: 14px; padding-top: 20px }
.article-detail-right .comlist { width: 100%; min-height: 250px; margin: auto; margin-top: 50px; padding-bottom: 50px; color: #fff }
.article-detail-right .comlist .answerSingle { border-bottom: 1px solid rgba(255, 255, 255, 0.10); width: 100%; overflow: hidden; padding-bottom: 10px }
.article-detail-right .comlist .answerSingle:last-child { border: 0 }
.article-detail-right .comlist .answerSingle .answerDetailInfo { width: 100%; height: 30px; line-height: 30px; margin-top: 20px }
.article-detail-right .comlist .answerSingle .phone { width: 30px; height: 30px; float: left; position: relative }
.article-detail-right .comlist .answerSingle .answerDetailInfo .phone img { width: 30px; height: 30px; border-radius: 15px }
.article-detail-right .comlist .answerSingle .answerDetailInfo .username { color: #DCF3FA; font-size: 14px; float: left; margin-left: 15px }
.article-detail-right .comlist .answerSingle .answerDetailCon { font-size: 16px; margin-top: 20px; margin-bottom: 20px; color: #DCF3FA; line-height: 25px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word }
.article-detail-right .comlist .answerSingle .answerDetailCon img { max-width: 100% }
.article-detail-right .comlist .answerSingle .caozuo { width: 100%; overflow: hidden }
.article-detail-right .comlist .answerSingle .caozuo div { height: 18px; line-height: 18px; cursor: pointer }
.article-detail-right .comlist .answerSingle .caozuo .commentReply { float: left; font-size: 14px; margin-right: 30px; color: #346D86 }
.article-detail-right .comlist .answerSingle .caozuo .commentReply.on { color: #70FFF7 }
.article-detail-right .comlist .answerSingle .caozuo .answerzan { background: url(../images/course_question_dzbg.png) no-repeat; float: left; font-size: 14px; margin-left: 60px; padding-left: 30px }
.article-detail-right .comlist .answerSingle .caozuo .answerzan.on { background: url(../images/course_question_dzbg_on.png) no-repeat; color: #70FFF7 }
.article-detail-right .comlist .answerSingle .caozuo .del { color: #346D86; float: left; font-size: 14px }
.article-detail-right .comlist .answerSingle .caozuo .create_time { font-size: 12px; color: rgba(255, 255, 255, 0.30); float: right }
.article-detail-right .comlist .answerSingle .commentFrom { width: 100%; overflow: hidden }
.article-detail-right .comlist .answerSingle .commentFrom .comint { width: 100%; overflow: hidden }
.article-detail-right .comlist .answerSingle .commentFrom .commentZiInput { width: 100%; height: 100px; background: rgba(46, 71, 32, 0.20); border-radius: 20px; font-size: 14px; color: #DCF3FA; line-height: 25px; border-color: rgba(46, 71, 32, 0.20); margin: auto; margin-top: 15px; padding: 8px; border: 0px; box-sizing: border-box; overflow-wrap: break-word; overflow: hidden; outline: none; }
.article-detail-right .comlist .answerSingle .commentFrom .answerSub { float: right; margin-top: 0 }
.article-detail-right .comlist .answerSingle .commentFrom .answerSub .subenter { width: 96px; height: 40px; margin-top: 8px; float: right; overflow: hidden; cursor: pointer; color: #1E474D; line-height: 40px; text-align: center; font-size: 16px; background: #70FFF7; border-radius: 20px; }
.article-detail-right .comlist .answerSingle .comment { width: 100%; border-left: 1px solid rgba(255, 255, 255, 0.10); overflow: hidden; margin-top: 15px }
.article-detail-right .comlist .answerSingle .comment .fbcomment { width: 96%; margin: auto }
.article-detail-right .comlist .answerSingle .comment .commentInput { width: 90%; height: 45px; border-radius: 4px; background-color: rgba(50,60,104,1); float: left; border: 0; margin-top: 20px; padding-left: 10px; color: #fff; box-sizing: border-box; padding: 10px 10px; line-height: 25px; font-size: 16px }
.article-detail-right .comlist .answerSingle .comment .commentSub { width: 96px; height: 34px; line-height: 34px; border-radius: 4px; font-size: 16px; background: url(../images/write_answer_bg.png) 18px 10px #2475ec no-repeat; float: right; padding-left: 25px; box-sizing: border-box; cursor: pointer; margin-top: 27px; border: 0; color: #fff; font-size: 16px; box-sizing: border-box }
.article-detail-right .comlist .answerSingle .comment .commentlistnav { width: 100%; overflow: hidden; margin-top: 10px; font-size: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.10); height: 50px; line-height: 50px }
.article-detail-right .comlist .answerSingle .comment .commentlistnav div { width: 96%; margin: auto; display: block; color: #fff }
.article-detail-right .comlist .answerSingle .comment .commentlist { color: #838897; text-align: center; overflow: hidden; width: 100% }
.article-detail-right .comlist .answerSingle .comment .commentSingle { width: 100%; margin: auto; padding-left: 10px; box-sizing: border-box; padding-bottom: 20px }
.article-detail-right .comlist .answerSingle .comment .commentSingle:last-child { border: 0; padding-bottom: 10px }
.article-detail-right .comlist .answerSingle .comment .commentSingle .commentInfo { width: 100%; height: 30px; line-height: 30px; margin-top: 5px }
.article-detail-right .comlist .answerSingle .comment .commentSingle .commentInfo .phone img { width: 30px; height: 30px; border-radius: 15px }
.article-detail-right .comlist .answerSingle .comment .commentSingle .commentInfo .username { color: #DCF3FA; font-size: 14px; float: left; margin-left: 15px }
.article-detail-right .comlist .answerSingle .comment .commentSingle .commentInfo .rpnav { float: left; color: #838897; font-size: 14px; margin-left: 7px; margin-right: 7px }
.article-detail-right .comlist .answerSingle .comment .commentSingle .commentInfo .reply_username { float: left; font-size: 14px }
.article-detail-right .comlist .answerSingle .comment .commentSingle .commentContent { font-size: 16px; line-height: 21px; width: 100%; margin-top: 12px; margin-bottom: 12px; color: #fff; overflow: hidden; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word }
.article-detail-right .comlist .answerSingle .comment .commentSingle .commentCaozuo { line-height: 20px; width: 100%; font-size: 14px; overflow: hidden }
.answerSingle .comment .commentSingle .commentCaozuo .commentReply { float: left; cursor: pointer; margin-right: 30px; color: #346D86 }
.answerSingle .comment .commentSingle .commentCaozuo .commentReply:hover { color: #70FFF7 }
.answerSingle .comment .commentSingle .commentCaozuo .commentReply.on { color: #70FFF7 }
.answerSingle .comment .commentSingle .commentCaozuo .commentDel { float: left; cursor: pointer; color: #346D86 }
.answerSingle .comment .commentSingle .commentCaozuo .commentDel:hover { color: #70FFF7 }
.answerSingle .comment .commentSingle .commentCaozuo .create_time { font-size: 12px; color: rgba(255, 255, 255, 0.30); float: right }
.article-detail-right .comlist { width: 100%; margin: auto; min-height: 300px }
.comment_list { position: relative; color: #fff; width: 286px; margin: auto }
.comment_list .no_comment { margin: auto; margin-top: 35px; color: #fff; text-align: center; padding-bottom: 10px }
.comment_list .no_comment span { margin-top: 20px; display: block; font-size: 14px; color: #838897 }
.article-detail-right .comlist .related { color: #666; height: 40px; font-size: 16px; margin-top: 25px; height: 32px; overflow: hidden }
.article-detail-right .comlist .related .user_pic { float: left; margin-right: 15px; position: relative }
.article-detail-right .comlist .related .user_pic img { width: 30px; height: 30px; border-radius: 15px }
.article-detail-right .comlist .related .user_name_date { width: 200px; height: 32px; line-height: 32px; overflow: hidden }
.article-detail-right .comlist .related .user_name { font-size: 16px; color: #fff; float: left; margin-right: 15px }
.article-detail-right .comlist .single { border-bottom: 1px solid #1a3256; padding-bottom: 10px; overflow: hidden; width: 295px }
.article-detail-right .comlist .single:last-child { border-bottom: 0 }
.article-detail-right .comlist .single .com-content .dange .comcont { font-size: 14px; line-height: 25px; white-space: normal; word-break: break-all; overflow: hidden; color: #ccc; overflow: hidden; margin-top: 20px }
.comlist .single .com-content .dange { margin-bottom: 15px }
.com_operation { width: 100%; height: 30px; overflow: hidden; margin-top: 20px }
.com_operation .apply { font-size: 14px; color: #fff; background: url(../images/apply1.png) 0 7px no-repeat; padding-left: 34px; height: 30px; line-height: 30px; display: block; float: right; cursor: pointer }
.com_operation .apply.on { background: url(../images/apply2.png) 0 7px no-repeat }
.com_operation .apply:hover { background: url(../images/apply2.png) 0 7px no-repeat; color: #2475ec }
.com_operation .user_date { font-size: 12px; color: #ccc; float: left; line-height: 30px }
.com_operation .del { font-size: 14px; color: #fff; background: url(../images/del2.png) 0 6px no-repeat; padding-left: 34px; height: 30px; margin-left: 20px; line-height: 30px; display: block; float: right; cursor: pointer }
.com_operation .del:hover { background: url(../images/del.png) 0 6px no-repeat; color: #2475ec }
.comlist .single .com-content .dange { margin-bottom: 15px }
.comlist .single .com-content .reply { position: relative; margin-top: 25px }
.comlist .single .com-content .dange .author span { margin-right: 10px; font-size: 16px; color: #fff }
.comlist .single .com-content .dange .author .date { color: #ccc; font-size: 12px }
.comlist .single .com-content .dange .comcont span { color: #2ebd88; font-size: 16px; cursor: pointer; float: right; margin-right: 21px; margin-bottom: 10px }
.comlist .single .com-content .reply .comcont span { margin-left: 20px; margin-right: 0; margin-bottom: 10px }
.comlist .single .com-content .reply .comcont .delreply { overflow: hidden; width: 100% }
.comlist .single .com-content .replyclick span { color: #2ebd88; font-size: 16px; cursor: pointer; float: right; margin-right: 15px; margin-bottom: 10px }
#container embed { width: 100%!important; height: 550px!important }
/*登录注册弹窗*/
#video_detail { background: #f4f4f6; margin: auto }
#video_detail .detail-main { padding-top: 80px }
#video_detail .detail-info { margin: auto; width: 1000px; background: #f4f4f6 }
#video_detail .detailinfo-right { box-shadow: 0 0 4px #e4e4e6; width: 100%; min-height: 700px; overflow: hidden; margin-bottom: 50px; background: #fff }
#video_detail .detailinfo { width: 970px; margin: auto; overflow: hidden }
#video_detail .detailinfo .title { height: 30px; margin-top: 15px }
#video_detail .detailinfo .title h2 { font-size: 20px; font-weight: 500; color: #191919 }
#video_detail .detailinfo .related { color: #666; height: 30px; font-size: 16px; margin-top: 10px }
#video_detail .detailinfo .related span { margin-right: 15px }
#video_detail .detailinfo .content { margin-top: 15px; border: 1px solid #e4e4e6; background: #fff; text-align: center; padding: 5px }
#video_detail .detailinfo .content img { max-width: 960px; margin-bottom: 10px; margin: auto }
#video_detail .detailinfo .content embed { width: 100%!important; height: 550px!important }
#video_detail .detailinfo .main-comments { border: 1px solid #e4e4e6; width: 97%; min-height: 300px; overflow: hidden; padding: 13px; margin: 10px 0 30px 0; background: #fff }
#video_detail .detailinfo .main-comments .nav { background: url(../images/liuyan-1.png) no-repeat; height: 30px; font-size: 18px; padding-left: 40px; border-bottom: 1px solid #f5f5f5; padding-bottom: 10px }
#video_detail .detailinfo .main-comments .textarea { margin: 15px 0 }
#video_detail .detailinfo .main-comments textarea { width: 98%; height: 80px; border: 1px solid #e4e4e6; padding: 4px; font-size: 14px; line-height: 20px }
#video_detail .detailinfo .main-comments .comment-submit { width: 100%; overflow: hidden }
#video_detail .detailinfo .main-comments .comment-submit span { background: url(../images/comment-submit.png) no-repeat; width: 32px; height: 32px; float: right; overflow: hidden; margin-right: 20px; cursor: pointer }
#video_detail .detailinfo .main-comments .comlist { margin-top: 20px; overflow: hidden; width: 100% }
#video_detail .detailinfo .main-comments .comlist .single { margin-top: 20px; overflow: hidden }
#video_detail .detailinfo .main-comments .comlist .single .userphone { width: 60px; height: 60px }
#video_detail .detailinfo .main-comments .comlist .single .userphone img { width: 60px; height: 60px }
#video_detail .detailinfo .main-comments .comlist .single .com-content { width: 850px }
#video_detail .detail-cokey-leftnav { position: absolute; left: -50px; top: -2px; width: 52px; height: 285px }
#pin_view_layer { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.75); ; z-index: 99990; overflow: auto }
.ins_detail .detail-main { padding-top: 220px }
.ins_detail .detail-info { margin: auto!important; width: 740px; overflow: hidden; margin-bottom: 50px!important; border-radius: 16px; box-sizing: border-box }
.ins_detail .detailinfo-right { width: 420px; min-height: 300px; margin-bottom: 30px }
.ins_detail .content { margin: auto; overflow: hidden; text-align: center; height: 100%; display: block; box-sizing: border-box; margin-bottom: 4px }
.ins_detail .content img { width: 100%; border-radius: 8px }
.inspirationdetail .detailinfo { width: 100%; min-height: 360px; border-radius: 8px; display: block }
.inspirationdetail .detailinfo-right { width: 430px; margin-top: 16px; margin-right: 16px }
.inspirationdetail .detailinfo .related { width: 100%; height: 72px; font-size: 16px; color: #666 }
.inspirationdetail .detailinfo .related .user_pic { float: left; width: 48px; height: 48px; margin: 12px 12px 12px 0; position: relative }
.inspirationdetail .detailinfo .related .user_pic img { border-radius: 24px; width: 48px; height: 48px }
.inspirationdetail .detailinfo .related .user_inner { float: left; margin-top: 12px; height: 55px; overflow: hidden }
.inspirationdetail .detailinfo .related .user_inner .bq { font-size: 12px; color: rgba(223, 255, 175, 0.60); height: 12px; line-height: 12px; margin-top: 7px }
.inspirationdetail .detailinfo .related .user_name { font-size: 18px; color: #DCF3FA }
.inspirationdetail .detailinfo .related .user_company { height: 16px; margin-top: 4px; font-size: 12px; color: #ccc }
.inspirationdetail .detailinfo .related .user_company .position { background: url(../images/huidian_bg.png) 5px 3px no-repeat; font-size: 12px; padding-left: 15px }
.inspirationdetail .detailinfo h1 { color: rgba(223, 255, 175, 0.60); font-size: 16px; line-height: 21px; letter-spacing: 1px }
.inspirationdetail .detailinfo .xq { color: rgba(223, 255, 175, 0.60); font-size: 14px; line-height: 21px; letter-spacing: 1px; line-height: 19px }
.inspirationdetail .detailinfo .collection_box { color: rgba(223, 255, 175, 0.60); font-size: 14px; text-align: center; width: 100%; }
.inspirationdetail .detailinfo .collection_box a { color: #70FFF7; font-size: 14px; cursor: pointer }
.inspirationdetail .detailinfo-right .introduce { margin-top: 10px; border-top: 1px solid rgba(255, 255, 255, 0.10); width: 100%; overflow: hidden }
.inspirationdetail .detailinfo-right .introduce .tit h1 { margin-top: 10px; font-size: 16px; color: #f5f5f5; height: 20px; width: 365px; overflow: hidden; float: left; font-weight: 500 }
.inspirationdetail .detailinfo-right .introduce .tit .bq { font-size: 14px; float: right; margin-top: 10px; width: 60px; color: rgba(223, 255, 175, 0.60) }
.inspirationdetail .detailinfo-right .introduce .xq { margin-top: 10px; font-size: 14px; color: #d1d9e0; height: 95px; width: 100%; overflow: hidden; line-height: 25px }
.inspirationdetail .detailinfo .related .userMedal { border-left: 2px solid #5d7889; padding-left: 5px; float: left; margin-left: 8px; margin-top: 20px }
.inspirationdetail .detailinfo .related .userMedal img { width: 38px; display: inline-block; margin-left: 3px; margin-right: 3px; float: left; cursor: pointer }
.inspirationdetail .detailinfo .like-collection .collection { width: 92px; height: 36px; float: right; margin-top: 12px; border-radius: 20px; border: 2px solid #F2D816; ; cursor: pointer; font-size: 16px }
.inspirationdetail .detailinfo .operation { margin-top: 7px; margin-bottom: 7px; width: 100%; overflow: hidden }
.inspirationdetail .detailinfo .operation div { float: right; color: #526177; height: 16px; line-height: 16px; font-size: 12px }
.inspirationdetail .detailinfo .operation .jubao { margin-right: 0; cursor: pointer; float: right }
.inspirationdetail .detailinfo-right .bar_tool { margin-top: 9px }
.inspirationdetail .detailinfo-right .like-collection .like { width: 70px; height: 90px; float: left; border-radius: 4px; background: #354168; cursor: pointer; margin-right: 20px; font-size: 14px }
.inspirationdetail .detailinfo-right .like-collection .like:hover { background: #354168 }
.inspirationdetail .detailinfo-right .like-collection .collection { width: 70px; height: 90px; float: right; border-radius: 8px; border: 1px solid #fab131; cursor: pointer; font-size: 14px }
.inspirationdetail .detailinfo-right .like-collection .like b { background: url(../images/like2.png) no-repeat; width: 34px; height: 50px; display: inline-block; margin-top: 15px; margin-left: 20px; padding-top: 42px; color: #fff; text-align: center }
.inspirationdetail .detailinfo-right .like-collection .like.on b { background: url(../images/like1.png) no-repeat; width: 34px; height: 50px; display: inline-block; margin-top: 15px; margin-left: 20px; padding-top: 42px; color: #fff; text-align: center }
.inspirationdetail .detailinfo-right .like-collection .collection b { background: url(../images/collection7.png) no-repeat; width: 34px; height: 50px; display: inline-block; margin-top: 12px; margin-left: 18px; padding-top: 48px; color: #fff; text-align: center }
.inspirationdetail .detailinfo-right .like-collection .collection.on { background: #fab131 }
.inspirationdetail .detailinfo-right .operation { margin-top: 7px; margin-bottom: 7px; width: 100%; overflow: hidden }
.inspirationdetail .detailinfo-right .operation a { float: left; color: rgba(223, 255, 175, 0.60); margin-right: 20px; padding-left: 20px; height: 16px; line-height: 16px; font-size: 12px }
.inspirationdetail .detailinfo-right .operation .look { background: url(../images/look.png?1) 0 0 no-repeat }
.inspirationdetail .detailinfo-right .operation .like { background: url(../images/like.png?1) 0 0 no-repeat }
.inspirationdetail .detailinfo-right .operation .collection { background: url(../images/collection.png?1) 0 0 no-repeat }
.inspirationdetail .detailinfo-right .operation .jubao { background: url(../images/jubao_bg.png?3) 0 0 no-repeat; margin-right: 0; cursor: pointer; float: right }
#pin_view_layer .pin-view-arrows a { display: block; width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -50px; cursor: pointer }
#pin_view_layer .pin-view-arrows a.prev { margin-left: -800px }
#pin_view_layer .pin-view-arrows a.next { left: auto; margin-left: 24px }
#pin_view_layer .pin-view-arrows { width: 40px; height: 40px; position: absolute; right: -30px; top: -30px; cursor: pointer }
.leftbtnicon:before, .leftbtnicon:after { position: absolute; content: ''; border-top: 20px transparent dashed; border-left: 20px transparent dashed; border-right: 20px transparent dashed; }
.leftbtnicon:before { border-bottom: 20px rgba(223, 255, 175, 0.60) solid; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); }
.leftbtnicon:after { border-bottom: 20px #000001 solid; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); bottom: 0px; /*通过覆盖调整箭头粗细*/ left: 3px; }
.rightbtnicon:before, .rightbtnicon:after { position: absolute; content: ''; border-top: 20px transparent dashed; border-left: 20px transparent dashed; border-right: 20px transparent dashed; }
.rightbtnicon:before { border-bottom: 20px rgba(223, 255, 175, 0.60) solid; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.rightbtnicon:after { border-bottom: 20px #000001 solid; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); bottom: 0px; /*通过覆盖调整箭头粗细*/ right: 3px; }
.leftbtnicon:hover:before { border-bottom: 20px #70FFF7 solid; }
.rightbtnicon:hover:before { border-bottom: 20px #70FFF7 solid; }
.position-main { background: #f4f4f6; padding-top: 80px }
.position-right-main { width: 100%; min-height: 700px }
.position-list { width: 100%; overflow: hidden; padding-bottom: 20px; margin-bottom: 10px; box-shadow: 0 0 4px #e4e4e6; background: #fff }
.position-list .pos-dange { width: 1000px; margin: auto; overflow: auto; margin-top: 30px }
.position-list .pos-dange .imgsrc { width: 200px; height: 200px; border: 1px solid #ededed }
.position-list .pos-dange .imgsrc img { width: 200px; height: 200px }
.position-list .pos-dange .neiront { width: 770px; position: relative }
.position-list .pos-dange .neiront .top { margin: 8px 0; height: 30px; overflow: hidden; font-size: 20px; font-weight: bold; width: 100%; color: #3c3c3c }
.position-list .pos-dange .neiront .top .tit { width: 400px; overflow: hidden; margin-left: 20px }
.position-list .pos-dange .neiront .top .is_employ { width: 118px; height: 112px; background: url(../images/is_employ.png) 0 0 no-repeat; display: block; position: absolute; right: 0; top: 0 }
.position-list .pos-dange .neiront .middle { height: 30px }
.position-list .pos-dange .neiront .middle li { float: left; margin-right: 50px; padding-left: 30px; height: 30px; line-height: 20px }
.position-list .pos-dange .neiront .middle .salary { background: url(../images/position-xz.png) 0 0 no-repeat; color: #f86672 }
.position-list .pos-dange .neiront .middle .local { background: url(../images/position-local.png) 0 0 no-repeat; color: #c3c3c3 }
.position-list .pos-dange .neiront .bottom { width: 100%; height: 20px; margin: 15px 0 }
.position-list .pos-dange .neiront .bottom span { background: url(../images/position-shang.png) 0 0 no-repeat; width: 28px; height: 20px; display: block; margin: auto; cursor: pointer }
.position-list .pos-dange .neiront .bottom .open { background: url(../images/position-xia.png) 0 0 no-repeat }
.position-list .pos-dange .neiront .introduction pre { font-size: 14px; width: 100%; font-family: "微软雅黑", Arial, Helvetica, sans-serif; margin-top: 5px; overflow: hidden; line-height: 24px; color: #191919; white-space: pre-wrap; word-wrap: break-word }
.video-main { background: #f4f4f6; padding-top: 80px }
.video-list { width: 100%; overflow: hidden; padding-bottom: 10px; margin-bottom: 10px }
.video-list .video-dange { width: 285px; margin: auto; overflow: auto; height: auto; border: 0; float: left; margin: 0 13px 15px 0 }
.video-list .video-dange .info { height: auto; border-radius: 0 0 3px 3px; box-shadow: 0 0 4px #e4e4e6; background: #fff; background: #fafafa; position: relative }
.video-list .video-dange .info .pic { height: auto; margin: 0 auto; border-top: 1px solid #b2b0b9; border-left: 1px solid #b2b0b9; border-right: 1px solid #b2b0b9; cursor: pointer }
.video-list .video-dange .info .pic img { width: 283px; height: 160px }
.video-list .video-dange .info .play { position: absolute }
.video-list .video-dange .info .video-play { position: absolute; left: 130px; top: -105px; width: 42px; height: 42px; background: url(../images/bofang.png) 0 0 no-repeat; z-index: 1000; cursor: pointer }
.video-list .video-dange .info .title { height: 50px; margin: 0 auto; line-height: 50px; color: #212121; font-size: 18px; overflow: hidden; background: #fff; padding-left: 10px }
.video-list .video-dange .info .less { height: 50px; line-height: 50px; padding: 0 5px; background: #fff; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2 }
.video-list .video-dange .info .less>span { display: inline-block; font-size: 16px; margin-left: 5px; cursor: pointer }
.video-list .video-dange .info .less>span b { display: inline-block; height: 50px; vertical-align: middle; margin-right: 10px; padding-left: 35px; color: #d8d8da }
.video-list .video-dange .info .less .like b { background: url(../images/like-1.png) 0 13px no-repeat; background-size: 20px 20px }
.video-list .video-dange .info .less .collection b { background: url(../images/collection-1.png) 0 13px no-repeat; background-size: 20px 20px }
.video-list .video-dange .info .less .like .on { background: url(../images/like-2.png) 0 13px no-repeat; background-size: 20px 20px }
.video-list .video-dange .info .less .collection .on { background: url(../images/collection-2.png) 0 13px no-repeat; background-size: 20px 20px }
.about-main { padding-top: 60px }
.about-main .about-center { height: 314px; overflow: hidden }
.about-main .about-logo { width: 292px; height: 84px; margin: auto; text-align: center; margin-top: 146px }
.about-main .smy { font-size: 26px; width: 100%; color: #024ec0; text-align: center; margin-top: 35px }
.about-nav { width: 100%; height: 55px; background: #0C1012 }
.about-nav-list { width: 250px; height: 55px; margin: auto }
.about-nav a { padding: 0 13px; margin-right: 20px; height: 52px; display: block; text-align: center; line-height: 52px; color: #346D86; font-size: 16px; float: left; cursor: pointer }
.about-nav a:hover { color: #DCF3FA; }
.about-nav a.on { color: #70FFF7; border-bottom: 2px solid #70FFF7 }
.about-main .about-info { background: url(../images/abount_bg2.png) center 50px no-repeat; color: #fff; width: 1050px; min-height: 300px; margin: auto; padding: 30px; font-size: 16px; line-height: 29px; letter-spacing: 1px }
.about-main .about-info p span { color: #888!important }
#changeBgSet { width: 100%; height: 430px; background: #0C1012; overflow: hidden; display: none }
#changeBgSet .changeAuto { width: 618px; margin: auto }
#changeBgSet .changeAuto .j0 { width: 618px; height: 90px; margin-top: 26px; border: 1px dashed var(--button-Normal, #70FFF7); position: relative; border-radius: 16px; }
#changeBgSet .changeAuto .j0 a { width: 128px; height: 40px; background: #70FFF7; border-radius: 20px; position: absolute; left: 245px; top: 30px; line-height: 42px; font-weight: 600; font-size: 16px; color: #1E474D; cursor: pointer }
#changeBgSet .changeAuto .j0 a .icon { background: url(../images/member_upload_xbg.png) no-repeat; width: 24px; height: 24px; margin: 8px 5px 0 13px; float: left; }
#changeBgSet .changeAuto .j0 a .txt { height: 40px; line-height: 40px; display: block; float: left; }
#changeBgSet .changeAuto .j1 { width: 150px; height: 21px; line-height: 21px; color: rgba(223, 255, 175, 0.60); text-align: center; margin: auto; margin-top: 16px; font-size: 16px }
#changeBgSet .changeAuto .j2 { width: 300px; height: 38px; line-height: 19px; color: #838897; text-align: center; margin: auto; margin-top: 16px; margin-bottom: 24px; font-size: 14px }
#changeBgSet .changeAuto .j3 { text-align: center }
#changeBgSet .changeAuto .j3 .submitBgchange, #changeBgSet .changeAuto .j3 .cancelBgchange { width: 96px; height: 40px; border-radius: 20px; display: inline-block; margin: auto; text-align: center; font-size: 16px; line-height: 40px; cursor: pointer }
#changeBgSet .changeAuto .j3 .submitBgchange { background: #70FFF7; color: #1E474D; margin-right: 32px }
#changeBgSet .changeAuto .j3 .cancelBgchange { border: 1px solid rgba(223, 255, 175, 0.60) }
.user-main { width: 100%; padding-top: 80px; padding-bottom: 50px; }
.user-center { width: 100%; height: 450px }
.user-center .navbg { width: 100%; height: 400px; display: block; overflow: hidden; position: relative; }
.user-doc { width: 1296px; height: 400px; margin: auto; overflow: hidden; position: relative }
.user-doc .photo { width: 120px; text-align: center; margin: auto; margin-top: 6px; position: relative }
.user-doc .photo img { width: 120px; height: 120px; margin: 0 auto; border-radius: 63px }
.user-doc .photo .is_teacher { width: 100%; height: 32px; background: url(../images/is_teacher.png) center no-repeat; position: absolute; bottom: -6px; left: 0 }
.user-doc .photo .is_certified_enterprise { width: 100%; height: 35px; background: url(../images/is_certified_enterprise.png) center no-repeat; position: absolute; bottom: -5px; left: 0 }
.user-doc .u10006 .photo .is_teacher { background: url(../images/is_stationmaster.png?6922) center no-repeat; }
.user-doc .like_look_count { margin: auto; margin-top: 16px; text-align: center; overflow: hidden }
.user-doc .like_look_count ul { display: inline-block }
.user-doc .like_look_count li { float: left; width: 70px; height: 50px; color: #93BBCC; padding: 0 24px; text-align: center; font-size: 14px }
.user-doc .like_look_count .left { background: url(../images/user_look_newbg2.png) right no-repeat }
.user-doc .like_look_count li a { color: rgba(255, 255, 255, 0.60) }
.user-doc .like_look_count li .count { font-size: 20px!important; color: #fff; font-family: "DingTalk Sans"; font-style: normal; font-weight: 400; line-height: normal; }
.user-doc .fans_follow_count { position: absolute; right: 0; top: 24px; color: rgba(255, 255, 255, 0.60); font-weight: 600; }
.user-doc .fans_follow_count li { float: left; height: 20px; padding: 0 20px; text-align: center; font-size: 14px }
.user-doc .fans_follow_count .left { border-right: 2px solid rgba(255, 255, 255, 0.10); }
.user-doc .info { width: 500px; margin: auto }
.user-doc .info .username { width: 100%; height: 33px; line-height: 33px; text-align: center; margin-top: 4px; color: #fff }
.user-doc .info .username span:first-child { font-size: 24px; font-weight: 500 }
.user-doc .info .username .bigV { background: url(../images/bigv.png) no-repeat; width: 14px; height: 14px; display: inline-block }
.user-doc .info .position { font-size: 14px; color: #838897; margin-bottom: 16px; background: url(../images/gszy_new_bg.png) 0 5px no-repeat; padding-left: 23px }
.user-doc .info .likelook { font-size: 14px; margin-bottom: 16px }
.user-doc .info .likelook span { margin-right: 20px }
.user-doc .info .signature { color: rgba(255, 255, 255, 0.60); font-size: 15px; width: 100%; text-align: center; margin-top: 4px }
.user-doc .info .vip_icon { background: url(../images/vip_icon_w63.png) no-repeat; display: block; margin: auto; margin-top: 4px; width: 64px; height: 16px; vertical-align: middle }
.user-doc .info .memberMedal { text-align: center; margin-top: 16px }
.user-doc .info .memberMedal li { background: url(../images/works-Polygon1.png) center no-repeat; width: 20px; height: 20px; display: inline-block; vertical-align: middle }
.user-doc .info .memberMedal li:last-child { transform: rotate(180deg) !important; }
.user-doc .info .memberMedal img { width: 38px; display: inline-block; margin-left: 3px; margin-right: 3px; cursor: pointer }



.user-doc #change_bg { color: #000; font-size: 14px; background: #e2e2e2; border-radius: 15px; height: 30px; line-height: 30px; text-align: center; width: 100px; cursor: pointer; display: block; margin: auto; margin-top: 15px; cursor: pointer }
.user-doc .info .share_works { width: 157px; height: 48px; line-height: 44px; color: #1E474D; border-radius: 48px; border: 1px solid #ADFF5A; display: block; cursor: pointer; font-size: 16px; margin: auto; margin-top: 24px; font-weight: 500; overflow: hidden }
.user-doc .info .share_works .icon { background: url(../images/member_upload_xbg2.png) no-repeat; width: 24px; height: 21px; margin: 14px 10px 0 28px; float: left }
.user-doc .info .share_works .fb { float: left; color: #ADFF5A; font-weight: 500; height: 100%; line-height: 50px; font-weight: 600; font-size: 16px }
.user-doc .account_settings { background: url(../images/shezhi-bg.png); width: 100px; height: 35px; border: 1px solid #17f79f; text-align: center; line-height: 33px; float: right; margin-top: 25px; margin-right: 20px }
.user-doc .account_settings a { font-size: 16px; color: #fff }
.user-nav { width: 100%; height: 50px; background: #000 }
.user-nav-list { width: 1296px; text-align: center; margin: auto; position: relative }
.user-nav a { width: 140px; height: 34px; margin: auto; margin-top: 8px; text-align: center; line-height: 32px; color: #346D86; font-size: 16px; cursor: pointer; display: inline-block; position: relative }
.user-nav a:hover { color: #DCF3FA }
.user-nav a.on { color: #70FFF7; }
.user-nav a.on span { width: 64px; height: 7px; display: block; background: url(../images/Vector.png?1) no-repeat; border-radius: 2px; position: absolute; top: 33px; left: 50%; margin-left: -32px; }
.collection-list { margin: auto; width: 1332px; min-height: 520px }
.user-main .collection-list { margin: auto; width: 1800px; min-height: 520px }
.user-main .courselist, .user-main .messagelistf { background: #DCF3FA; box-shadow: 0 0 4px #e4e4e6 }
.user-nav span { float: right }
.user-nav .message_red { background: url(../images/message_red.png) no-repeat; background-size: 6px 6px; width: 6px; height: 6px; display: block; position: relative; top: 15px; left: -20px }
.user-nav #newtips1 { color: rgba(223, 255, 175, 0.60); font-size: 12px; position: absolute; left: 570px; top: -20px; text-align: right; display: none }
.user-nav #newtips1 .t1 { background: url(../images/ins_tips.png) no-repeat; width: 290px; height: 33px; display: block; float: left }
.user-nav #newtips1 .wzdl { width: 55px; display: block; position: absolute; top: -20px; right: -60px; cursor: pointer }
.user-center-list { margin: 15px 50px; overflow: hidden }
.ucenter-list-nav { width: 100%; border-radius: 4px; overflow: hidden; }
.collectionlistW { width: 80px; height: 18px; margin-bottom: 10px; display: block; line-height: 18px; font-size: 14px; color: #346D86 }
.collectionlistW.on { color: #70FFF7 }
.naveinfo-rf { width: 100%; display: inline-block; margin-bottom: 15px; }
.naveinfo-rf a { font-size: 16px; line-height: 18px; height: 18px; padding: 0 16px; float: left; color: #346D86; cursor: pointer; border-right: 2px solid rgba(255, 255, 255, 0.10) }
.naveinfo-rf a:first-child { padding-left: 0 }
.naveinfo-rf a:last-child { border: 0 }
.naveinfo-rf a:hover { color: #DCF3FA }
.naveinfo-rf a.on { color: #70FFF7 }
.ucenter-list-count { color: rgba(255, 255, 255, 0.30); font-size: 14px; overflow: hidden; width: 100%; }
.user-center-list .box-title { width: 100%; display: block; overflow: hidden }
.user-center-list .box-title .dol { float: left; color: rgba(255, 255, 255, 0.30); font-size: 14px }
.user-center-list .box-title .dol span { color: rgba(223, 255, 175, 0.60) }
.user-center-list .box-title .dor { float: right; color: rgba(223, 255, 175, 0.60); font-size: 14px }
.user-center-list .box-naveinfo { margin-top: 9px }
.user-center-list .box-naveinfo a { font-size: 16px; width: 90px; line-height: 24px; text-align: center; height: 24px; padding: 0 6px; float: left; color: rgba(223, 255, 175, 0.60); cursor: pointer }
.user-center-list .box-naveinfo a:first-child { padding-left: 0 }
.user-center-list .box-naveinfo a:last-child { border: 0 }
.user-center-list .box-naveinfo a:hover { color: #DCF3FA }
.user-center-list .box-naveinfo a.on { color: #1E474D; background: #70FFF7; border-radius: 12px }
.member-article-list { width: 1824px; margin: auto; padding-bottom: 50px }
.user-info-setting { width: 1438px; min-height: 500px; margin: auto; margin-top: 50px; overflow: hidden }
.setting-nav { width: 348px; min-height: 600px; float: left; padding: 0px 32px; box-sizing: border-box; background: #0C1012; border-radius: 16px }
.setting-nav .info { color: #fff; margin: auto; border-bottom: 2px solid rgba(255, 255, 255, 0.10); padding-bottom: 24px }
.setting-nav .info .photo { width: 100%; text-align: center; margin-top: 45px; position: relative }
.setting-nav .info .photo img { width: 120px; height: 120px; margin: 0 auto; border-radius: 63px }
.setting-nav .info .username { width: 100%; height: 33px; line-height: 33px; text-align: center; margin-top: 8px }
.setting-nav .info .username span:first-child { font-size: 24px; color: #fff; font-weight: 600 }
.setting-nav .info .username span:nth-child(2) { padding-bottom: 10px; margin-right: 8px }
.setting-nav .info .signature { color: rgba(255, 255, 255, 0.30); font-size: 14px; width: 100%; text-align: center; margin-top: 4px }
.setting-nav .info .vip_icon { background: url(../images/vip_icon_w63.png) no-repeat; display: block; margin: auto; margin-top: 4px; width: 64px; height: 16px; vertical-align: middle }
.setting-nav .info .user_upload { width: 157px; height: 48px; line-height: 44px; color: #ADFF5A; border-radius: 48px; border: 1px solid #ADFF5A; display: block; cursor: pointer; font-size: 16px; margin: auto; margin-top: 24px; font-weight: 500; overflow: hidden }
.setting-nav .info .user_upload .icon { background: url(../images/member_upload_xbg2.png) no-repeat; width: 24px; height: 21px; margin: 14px 10px 0 28px; float: left }
.setting-nav .info .user_upload .txt { float: left; color: #ADFF5A; font-weight: 500; height: 100%; line-height: 50px; font-weight: 600; font-size: 16px }
.setting-nav .info .memberMedal { text-align: center; margin-top: 10px }
.setting-nav .info .memberMedal img { width: 30px; display: inline-block; margin-left: 3px; margin-right: 3px; cursor: pointer }
.setting-nav .navli { margin-top: 25px; padding-bottom: 25px; display: grid; column-gap: 16px; width: 100%; box-sizing: border-box; background-color: transparent; grid-template-columns: repeat(2, 1fr); }
.setting-nav .navli a { width: 134px; height: 40px; margin: auto; margin-bottom: 6px; border-radius: 24px; display: block; color: rgba(255, 255, 255, 0.60); font-size: 14px; }
.setting-nav .navli a .icon { background: url(../images/ucenter_navli_bg2.png) no-repeat; width: 24px; height: 24px; display: block; float: left; margin: 8px 8px 0px 16px; }
.setting-nav .navli a .txt { height: 100%; line-height: 40px; display: block; float: left; }
.setting-nav .navli a:nth-child(1) .icon { background-position: -24px 0px; }
.setting-nav .navli a:nth-child(2) .icon { background-position: -72px -0px; }
.setting-nav .navli a:nth-child(3) .icon { background-position: -120px -0px; }
.setting-nav .navli a:nth-child(4) .icon { background-position: -168px -0px; }
.setting-nav .navli a:nth-child(5) .icon { background-position: -120px -0px; }
.setting-nav .navli a:nth-child(6) .icon { background-position: -120px -0px; }
.setting-nav .navli a:nth-child(7) .icon { background-position: -120px -0px; }
.setting-nav .navli a:nth-child(8) .icon { background-position: -120px -0px; }
.setting-nav .navli a:nth-child(1):hover .icon { background-position: 0px 0px; }
.setting-nav .navli a:nth-child(2):hover .icon { background-position: -48px 0px; }
.setting-nav .navli a:nth-child(3):hover .icon { background-position: -96px 0px; }
.setting-nav .navli a:nth-child(4):hover .icon { background-position: -144px 0px; }
.setting-nav .navli a:nth-child(5):hover .icon { background-position: -96px 0px; }
.setting-nav .navli a:nth-child(6):hover .icon { background-position: -96px 0px; }
.setting-nav .navli a:nth-child(7):hover .icon { background-position: -96px 0px; }
.setting-nav .navli a:nth-child(8):hover .icon { background-position: -96px 0px; }
.setting-nav .navli a.on:nth-child(1) .icon { background-position: 0px 0px; }
.setting-nav .navli a.on:nth-child(2) .icon { background-position: -48px 0px; }
.setting-nav .navli a.on:nth-child(3) .icon { background-position: -96px 0px; }
.setting-nav .navli a.on:nth-child(4) .icon { background-position: -144px 0px; }
.setting-nav .navli a.on:nth-child(5) .icon { background-position: -96px 0px; }
.setting-nav .navli a.on:nth-child(6) .icon { background-position: -96px 0px; }
.setting-nav .navli a.on:nth-child(7) .icon { background-position: -96px 0px; }
.setting-nav .navli a.on:nth-child(8) .icon { background-position: -96px 0px; }
.setting-nav .navli a:hover { color: #ADFF5A }
.setting-nav .navli a.on { background: rgba(173, 255, 90, 0.05); color: #ADFF5A; font-weight: 500; }
.setting-nav ul { margin-top: 20px }
.setting-nav ul p { font-size: 16px; color: #838897; margin-bottom: 30px; line-height: 25px }
.setting-detial { width: 1076px; float: right; border-radius: 16px; background: #0C1012 }
.setting-detial-nav { width: 100%; height: 55px; color: #fff; font-size: 20px; box-sizing: border-box }
.setting-detial-nav .tit { margin: 19px 0 0 24px; float: left }
.setting-detial-nav .tab { height: 22px; border-left: 2px solid rgba(255, 255, 255, 0.10); margin-top: 24px; margin-left: 21px; float: left }
.setting-detial-nav .tab li { padding: 0px 20px; height: 22px; line-height: 22px; text-align: center; color: rgba(223, 255, 175, 0.60); font-size: 16px; margin-left: 21px; float: left; cursor: pointer; -webkit-box-sizing: content-box }
.setting-detial-nav .tab li:hover { color: #DCF3FA }
.setting-detial-nav .tab li.on { color: #ADFF5A }
.setting-detial-info { width: 100%; border-radius: 4px; color: #fff; margin-top: 24px; overflow: hidden }
.setting-detial-submit { width: 100%; height: 82px; border-top: 2px solid rgba(255, 255, 255, 0.10); overflow: hidden }
.setting-detial-submit .save { width: 128px; height: 44px; line-height: 44px; color: #1E474D; display: block; cursor: pointer; background: #ADFF5A; border-radius: 22px; font-size: 18px; margin: auto; margin-top: 13px; font-weight: 500; overflow: hidden }
.setting-detial-submit .save .icon { background: url(../images/member_upload_xbg.png) no-repeat; width: 24px; height: 24px; margin: 10px 4px 0 13px; float: left }
.setting-detial-submit .save .txt { float: left; color: #1E474D; font-weight: 500; height: 100%; line-height: 44px; font-size: 18px }
.setting-detial-info .userinfo-photo { float: left; width: 160px; position: relative }
.setting-detial-info .userinfo-photo .touxiang { width: 160px; height: 160px; cursor: pointer }
.setting-detial-info .userinfo-photo .img { width: 100%; height: 100%; border-radius: 80px }
.setting-detial-info .userinfo-photo .img img { width: 100%; height: 100%; border-radius: 80px }
.setting-detial-info .userinfo-photo .zgc { width: 160px; height: 160px; border-radius: 80px; position: absolute; background-color: rgba(0,0,0,0.5); top: 0 }
.setting-detial-info .userinfo-photo .zxj { width: 80px; height: 160px; margin: auto; text-align: center; font-size: 14px; padding-top: 100px; display: block; background: url(../images/zxj_new.png) center 40px no-repeat; color: rgba(139,165,202,1) }
.setting-detial-info .userinfo-photo .nicheng { font-size: 24px; font-weight: 900; width: 100%; text-align: center; color: #fff; margin-top: 8px }
.user-info-setting .userinfo { width: 610px; margin-left: 24px; margin-bottom: 14px; float: left }
.user-info-setting .userinfo table { width: 580px }
.user-info-setting .userinfo tr { height: 40px; margin-bottom: 18px; font-size: 14px; color: #fff; display: block }
.user-info-setting .userinfo tr th { width: 36px; text-align: center; line-height: 45px; font-weight: 500 }
.user-info-setting .userinfo tr td { padding-left: 8px }
.user-info-setting .userinfo tr .text { width: 340px; height: 40px; background: rgba(46, 71, 32, 0.20); padding: 0 20px; font-size: 14px; border-radius: 20px; color: #fff; border: 0 solid rgba(46, 71, 32, 0.20); box-sizing: border-box }
.user-info-setting .userinfo .save { background: #2475ec; border-radius: 4px; width: 100px; height: 40px; text-align: center; line-height: 40px; font-size: 16px; color: #fff; display: block }
.user-info-setting .userinfo tr .signature_text { width: 390px; height: 45px; background: rgba(46, 71, 32, 0.20); border: 0; padding: 0 5px; font-size: 12px; border-radius: 4px; color: #fff }
.user-info-setting .changepass { width: 700px; margin-bottom: 14px; margin-left: 24px }
.user-info-setting .changepass tr { font-size: 14px; margin-bottom: 18px; color: #fff; display: block }
.user-info-setting .changepass tr th { width: 71px; text-align: center; line-height: 40px; font-weight: 500; font-size: 14px; color: #fff }
.user-info-setting .changepass tr td { padding-left: 8px }
.user-info-setting .changepass tr .text { width: 340px; height: 40px; background: rgba(46, 71, 32, 0.20); padding: 0 20px; font-size: 14px; border-radius: 20px; color: #fff; float: left; box-sizing: border-box; border: 0 solid rgba(46, 71, 32, 0.20) }
.user-info-setting .changepass .pr { position: relative; overflow: hidden; float: left }
.user-info-setting .changepass .pa { position: absolute }
.user-info-setting .changepass .eyes-box { top: 0; right: 0; z-index: 11; cursor: pointer }
.user-info-setting .changepass .eyes { width: 22px; height: 22px; top: 10px; right: 10px; display: block }
.user-info-setting .changepass .close-eyes { background: url(../images/login-inputbg-2.png) 0 0 no-repeat }
.user-info-setting .changepass .open-eyes { background: url(../images/login-inputbg-1.png) 0 0 no-repeat }
.user-info-setting .changepass .clear-eyes { background: url(../images/login-inputbg-3.png) 0 0 no-repeat; background-size: 100% }
.user-info-setting .changepass .tip { color: #93c6f8; font-size: 14px; float: left; line-height: 40px; margin-left: 30px }
.user-info-setting .plate { width: 700px; margin-bottom: 14px; margin-left: 54px; color: rgba(223, 255, 175, 0.60) }
.user-info-setting .plate .t1 { font-size: 24px; font-weight: bold; }
.user-info-setting .plate .t2 { font-size: 18px; margin-top: 10px }
.user-info-setting .plate .tline { background: rgba(223, 255, 175, 0.60); width: 100%; height: 1px; margin-top: 30px; margin-bottom: 20px; }
.user-info-setting .plate .t3 { font-size: 18px; margin-top: 10px }
.user-info-setting .plate .plate_xz { font-size: 18px; margin-top: 20px; }
.user-info-setting .plate .plate_xz .radio_type { width: 20px; height: 20px; appearance: none; position: relative; top: -2px; }
.user-info-setting .plate .plate_xz .radio_type:before { content: ''; width: 20px; height: 20px; border: 2px solid #fff; display: inline-block; border-radius: 50%; vertical-align: middle; }
.user-info-setting .plate .plate_xz .radio_type:checked:before { content: ''; width: 20px; height: 20px; border: 2px solid #ADFF5A; background: #ADFF5A; display: inline-block; border-radius: 50%; vertical-align: middle; }
.user-info-setting .plate .plate_xz .radio_type:checked:after { content: ''; width: 10px; height: 5px; border: 2px solid #1E474D; border-top: transparent; border-right: transparent; text-align: center; display: block; position: absolute; top: 6px; left: 5px; vertical-align: middle; transform: rotate(-45deg); }
.user-info-setting .plate .plate_xz .radio_type:checked+label { color: #c59c5a; }
.user-info-setting .plate .plate_xz span { margin-left: 10px; cursor: pointer }
.video-collection .video-dange { width: 285px; margin: auto; overflow: auto; height: auto; border: 0; float: left; margin: 0 14px 15px 0 }
.video-collection .video-dange .info { height: auto; border-radius: 0 0 3px 3px; box-shadow: 0 0 4px #e4e4e6; background: #fff; background: #fafafa; position: relative }
.video-collection .video-dange .info .pic { height: auto; margin: 0 auto; border-top: 1px solid #b2b0b9; border-left: 1px solid #b2b0b9; border-right: 1px solid #b2b0b9 }
.video-collection .video-dange .info .pic img { width: 283px; height: 160px }
.video-collection .video-dange .info .play { position: absolute }
.video-collection .video-dange .info .video-play { position: absolute; left: 130px; top: -105px; width: 42px; height: 42px; background: url(../images/bofang.png) 0 0 no-repeat; z-index: 1000; cursor: pointer }
.video-collection .video-dange .info .title { height: 50px; margin: 0 auto; line-height: 50px; color: #212121; font-size: 18px; overflow: hidden; background: #fff; padding-left: 15px }
.video-collection .video-dange .info .less { height: 50px; line-height: 50px; padding: 0 5px; background: #fff; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2 }
.video-collection .video-dange .info .less>span { display: inline-block; font-size: 16px; margin-left: 5px; cursor: pointer }
.video-collection .video-dange .info .less>span b { display: inline-block; height: 50px; vertical-align: middle; margin-right: 10px; padding-left: 35px; color: #d8d8da }
.video-collection .video-dange .info .less .like b { background: url(../images/like-1.png) 0 13px no-repeat; background-size: 20px 20px }
.video-collection .video-dange .info .less .collection b { background: url(../images/collection-1.png) 0 13px no-repeat; background-size: 20px 20px }
.video-collection .video-dange .info .less .like .on { background: url(../images/like-2.png) 0 13px no-repeat; background-size: 20px 20px }
.video-collection .video-dange .info .less .collection .on { background: url(../images/collection-2.png) 0 13px no-repeat; background-size: 20px 20px }
.course-list { width: 1000px; margin: auto; overflow: hidden; padding-bottom: 50px; padding-top: 50px }
.course-list .course-dange { border: 1px solid #e7e7e7; width: 90%; margin: auto; margin-top: 10px; margin-bottom: 20px }
.course-list .course-dange .top { background: #f8f8f8; border-bottom: 1px solid #e7e7e7 }
.course-list .course-dange .top:hover { background: #f8f8f8 }
.course-list .course-dange .coursename { font-size: 18px; line-height: 80px; padding-left: 30px }
.course-list .course-dange .downloadlist { width: 100% }
.course-list .course-dange .downloadlist .das { width: 100%; height: 50px; line-height: 50px }
.course-list .course-dange .downloadlist .das .coursetitle { float: left; font-size: 14px; padding-left: 30px }
.course-list .course-dange .downloadlist .das .downloadurl a { color: #15f89f; padding-right: 20px }
.message-list { width: 100%; margin: auto; overflow: hidden }
.message-list .related { color: #666; font-size: 16px; height: 50px; overflow: hidden }
.message-list .related .user_pic { float: left; width: 50px; margin-right: 20px; position: relative }
.message-list .related .user_pic img { border-radius: 25px; width: 50px; height: 50px }
.message-list .related .user_inner { float: left }
.message-list .related .user_name_date { width: 800px; overflow: hidden }
.message-list .related .user_name_date li { float: left }
.message-list .related .user_name { font-size: 14px; color: #fff; float: left; margin-right: 10px }
.message-list .related .share_con { font-size: 14px; color: #fff }
.message-list .related .share_con a { color: #2475ec }
.message-list .related .user_company { height: 20px; display: block; margin-top: 15px; font-size: 12px; color: #838897; float: left }
.message-list .related .user_company .company { float: left }
.message-list .related .user_company .position { background: url(../images/huidian_bg.png) 5px 4px no-repeat; font-size: 12px; padding-left: 15px; float: left }
.message-list .related .user_company .user_date { font-size: 12px; color: #838897; float: left; margin-left: 18px }
.message-list .message-dange { width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.10); padding: 22px 0 22px 0 }
.message-list .message-dange:last-child { border-bottom: 0 }
.message-list .comment_con { color: #ccc; font-size: 16px; width: 100%; line-height: 25px; margin-top: 20px }
.message-list .comment_con a { color: #2475ec }
.page { width: 100%; padding: 10px 0; font-size: 16px; overflow: hidden; text-align: center }
.page li { float: left }
.page a { width: 36px; height: 36px; display: inline-block; margin: 0 4px; text-align: center; line-height: 36px; font-size: 14px; border-radius: 20px; color: #6D7278 }
.page a:hover { color: #DCF3FA }
.page .current { width: 36px; height: 36px; display: inline-block; margin: 0 4px; text-align: center; line-height: 36px; background-color: #70FFF7; font-size: 14px; border-radius: 4px; color: #1E474D }
.page .prev { background: url("../images/lfjt1.png") 10px center no-repeat; text-indent: -9999px }
.page .next { background: url("../images/lfjt1.png") 10px center no-repeat; text-indent: -9999px; transform: rotate(180deg); -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); }
.page .prev:hover { background: url("../images/lfjt1_hover.png") 10px center no-repeat; }
.page .next:hover { background: url("../images/lfjt1_hover.png") 10px center no-repeat; transform: rotate(180deg); -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); }
.page .jump_page { display: inline-block; color: #27627B; height: 38px; font-size: 14px }
.page .jump_page span { margin-right: 5px; margin-left: 5px; height: 38px; display: inline-block; line-height: 38px; font-size: 14px }
.page .jump_page input { width: 50px; height: 30px; border: 1px solid #ccc; border-radius: 4px; text-align: center; background: #fff; outline: 0; box-sizing: border-box }
.page .jump_page input:focus { border-color: #409eff }
.page .jump_page button { color: #fff; width: 50px; height: 30px; border-radius: 4px; text-align: center; border: 0; cursor: pointer; border: 2px solid #27627B; color: #27627B; background: none; font-size: 14px }
.fade { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .3; filter: alpha(opacity=30); -webkit-opacity: .3; display: none; position: fixed }
#imloading .SeeMore { cursor: pointer; display: inline-block; width: 175px; height: 36px; text-align: center; line-height: 36px; border-radius: 18px; border: 2px solid #ADFF5A; color: #ADFF5A; font-size: 16px; }
#imloading .SeeMore:hover { }
#imloading { width: 200px; margin: auto; display: block; padding: 0px; text-align: center; margin-top: 20px; color: rgba(255, 255, 255, 0.30); }
#imloading span { vertical-align: middle; border-radius: 100%; display: inline-block; width: 10px; height: 10px; margin: 3px 2px; -webkit-animation: loader1 0.8s linear infinite alternate; animation: loader1 0.8s linear infinite alternate; }
#imloading span:nth-child(1) { -webkit-animation-delay: -1s; animation-delay: -1s; background: rgba(112, 255, 247,0.6); }
#imloading span:nth-child(2) { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; background: rgba(112, 255, 247,0.8); }
#imloading span:nth-child(3) { -webkit-animation-delay: -0.26666s; animation-delay: -0.26666s; background: rgba(112, 255, 247,1); }
#imloading span:nth-child(4) { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; background: rgba(112, 255, 247,0.8); }
#imloading span:nth-child(5) { -webkit-animation-delay: -1s; animation-delay: -1s; background: rgba(112, 255, 247,0.4); }
 @keyframes loader1 { from {
transform: scale(0, 0);
}
to { transform: scale(1, 1); }
}
@-webkit-keyframes loader1 { from {
-webkit-transform: scale(0, 0);
}
to { -webkit-transform: scale(1, 1); }
}
.emptydata { width: 1800px; max-width: 100%; overflow: hidden; line-height: 30px; font-size: 16px; text-align: center; color: #fff; padding-bottom: 30px; margin: auto; }
.emptydata p { color: rgba(255, 255, 255, 0.30); font-size: 13px }
.emptydata img { display: inline-block; margin-top: 30px; margin-bottom: 20px }
.return-error-msg { width: 460px; margin: auto; text-align: left; color: #F00; font-size: 14px; margin-top: 10px }
#listloading { width: 180px; height: 60px; line-height: 60px; font-size: 16px; text-align: center; margin: auto; border: double rgba(34,25,25,.14); border-width: 3px 0 0 0; border-radius: 4px; margin: 10px auto 30px; color: #d7d6d7; overflow: hidden }
#listloading img { width: 60px; float: left }
#listloading span { display: block; width: 150px; height: 100%; line-height: 60px }
#listloading .SeeMore { cursor: pointer; display: inline-block; width: 175px; height: 38px; text-align: center; line-height: 38px; border-radius: 38px; line-height: 38px; border: 1px solid rgba(112, 255, 247, 0.60); color: rgba(112, 255, 247, 0.60) }
.footer { width: 100%; display: inline-block; border-top: 1px solid rgba(151,151,151,0.2); margin-top: 20px; }
.footer .footer-main { width: 1296px; max-width: 100%; height: 140px; margin: auto; text-align: center; position: relative }
.footer .footer-main .footer-logo { width: 168px; height: 51px; margin: auto; margin-top: 100px; background-position: -146px -48px; display: inline-block; }
.footer .footer-main .footer-detail { height: 100px; padding: 0px 24px; box-sizing: border-box; color: rgba(255, 255, 255, 0.30); font-size: 16px; display: inline-block }
.footer .footer-main .footer-detail .defl { margin-top: 35px }
.footer .footer-main .footer-detail .defr { float: right; margin-top: 50px; }
.footer-detail .defl a { color: rgba(255, 255, 255, 0.30); margin-right: 24px; font-size: 16px }
.footer-detail a { margin-left: 24px }
.footer-detail .wenwangwen { width: 50px; height: 50px; background-position: -342px -236px; display: block; margin-left: 24px }
.footer-detail .defl div { margin: auto; text-align: center }
.footer-detail .defl .about { margin-top: 40px; }
.footer-detail .defl .icp { margin-top: 30px; margin-bottom: 24px; }
.about-info .footer-qr { width: 128px; text-align: center; margin: auto; color: #fff; display: inline-block; margin-bottom: 100px; }
.about-info .footer-qr div { width: 100%; height: 21px; line-height: 21px; text-align: center; color: rgba(255, 255, 255, 0.30); font-size: 16px; display: block; margin-top: 28px; text-align: center; }
.about-info .footer-qr a { display: block; float: left; margin-top: 25px; position: relative }
.about-info .footer-qr a img { width: 112px; height: 112px; margin: 10px }
.about-info .footer-qr .weixin { width: 42px; height: 42px; background-position: -325px -50px; margin-left: 12px; }
.about-info .footer-qr .qq { width: 42px; height: 42px; background-position: -325px -3px; margin-left: 24px }
.about-info .footer-qr .weixin i, .about-info .footer-qr .qq i { position: absolute; background: #0C1012; width: 132px; height: 132px; border-radius: 8px; bottom: 55px; right: -43px; display: none }
.about-info .footer-qr label { width: 0; height: 0; border: 10px solid #0C1012; border-color: #0C1012 transparent transparent transparent; position: absolute; left: 57px; bottom: -19px; }
.user-infoenter { padding-top: 60px }
.user_idcard { width: 100%; padding-bottom: 10px; background: #1f2437 }
.user_idcard .authentict { width: calc(100% - 20px); margin: auto; background: #191e31; overflow: hidden; min-height: 600px }
.user_idcard .authentict .form { width: 498px; margin: auto }
.user_idcard .authentict .form .title { font-size: 24px; width: 100%; height: 24px; text-align: center; padding-top: 40px; padding-bottom: 40px; color: #fff }
.user_idcard .authentict .form .inputDiv { margin-bottom: 25px }
.user_idcard .authentict .form .inputDiv label { font-size: 16px; color: #8a9ebe }
.user_idcard .authentict .form .inputDiv label span { color: red; margin-right: 5px }
.user_idcard .authentict .form .inputDiv .inputText { width: 496px; height: 45px; background: #0c101d; border: 1px solid #364e73; border-radius: 4px; font-size: 16px; margin-top: 15px; color: #8a9ebe }
.user_idcard .authentict .form .submit { width: 253px; height: 48px; margin: 45px auto; line-height: 48px; background: #3b4f6c; border-radius: 24px; color: #fff; font-size: 18px; text-align: center; cursor: pointer }
.user_idcard .authentict .form .inputDiv .code { width: 100%; height: 244px; text-align: center; margin-top: 45px; color: #fff; font-size: 14px; line-height: 26px; }
.user_idcard .authentict .form .inputDiv .code img { margin: auto }
.user_idcard .authentict .form .sm { color: #8a9ebe; font-size: 14px; line-height: 30px }
.progress_bar { width: 385px; height: 90px; margin: auto; overflow: hidden }
.progress_bar ul { width: 100%; height: 32px; margin-top: 29px }
.progress_bar li { float: left }
.progress_bar .wc { width: 32px; height: 32px; background: url(../images/progress.png) no-repeat }
.progress_bar .on { background: url(../images/progress_on.png) no-repeat }
.progress_bar .jt { width: 316px; height: 15px; background: url(../images/progress_jt.png) no-repeat; margin-top: 9px }
.teacherCourseMain { padding-top: 60px; min-height: 640px; overflow: hidden; width: 1296px; margin: auto }
.teacherCourseMain .courseMain .tn1 { font-size: 24px; color: #fff; margin-top: 60px; font-family: PingFangSC-Semibold }
.teacherCourseMain .courseMain .tn2 { font-size: 16px; color: #838897; margin-top: 10px }
.teacherCourseMain .courseMain .courseList { overflow: hidden; margin-top: 35px; padding-bottom: 30px }
.teacherCourseMain .courseMain .courseList .single { width: 630px; height: 300px; float: left; background: url(../images/course_bg.png) no-repeat; border-radius: 20px; margin-bottom: 30px; position: relative }
.teacherCourseMain .courseMain .courseList .single:nth-of-type(even) { float: right }
.teacherCourseMain .courseMain .courseList .single:hover a { color: #ADFF5A; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.4); -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.4); box-shadow: 0 5px 5px rgba(0,0,0,0.4); border-radius: 20px }
.teacherCourseMain .courseMain .courseList .single .courseTitle { width: 100%; font-size: 24px; text-align: center; margin-top: 66px; color: #fff }
.teacherCourseMain .courseMain .courseList .single a { border: 1px solid #ADFF5A; font-size: 16px; color: #fff; text-align: center; width: 166px; height: 38px; line-height: 38px; border-radius: 19px; display: block; margin: auto; margin-top: 50px; cursor: pointer; transform: translate(0, 0); transition: all .3s ease-in 0s }
.teacherCourseMain .courseMain .courseEmpty { width: 600px; margin: auto; margin-top: 87px; text-align: center }
.teacherCourseMain .courseMain .courseEmpty .nocourse { margin-top: 40px; font-size: 16px; color: #fff; margin-bottom: 20px }
.teacherCourseMain .courseMain .courseEmpty .clickcourse a { color: #13aff0; font-size: 20px }
.user_course_index { padding-top: 60px; background: #1f2437; min-height: 640px }
.user_course_index .course_list { width: 600px; margin: auto; margin-top: 230px; text-align: center }
.user_course_index .course_list .nocourse { font-size: 20px; color: #fff; margin-bottom: 20px }
.user_course_index .course_list .clickcourse a { color: #2475ec; font-size: 20px }
.userCourseMain { padding-top: 140px; min-height: 840px; overflow: hidden; width: 1024px; margin: auto }
.userCourseMain .courseMain { padding-bottom: 20px }
.userCourseMain .courseMain .signup_menu { width: 248px; padding: 0px 16px; min-height: 400px; float: left; background: #0C1012; border-radius: 16px; box-sizing: border-box; }
.userCourseMain .courseMain .topnav { width: 190px; margin-top: 16px; height: 61px; border-bottom: 1px solid rgba(255, 255, 255, 0.10); }
.userCourseMain .courseMain .signup_menu a { width: 100%; height: 48px; display: block; line-height: 48px; margin-top: 15px; font-size: 14px; cursor: pointer; border-radius: 24px; box-sizing: border-box }
.userCourseMain .courseMain .signup_menu a.on { background: rgba(173, 255, 90, 0.05); }
.userCourseMain .courseMain .signup_menu a:nth-child(1) .icon { background-position: 0px 0px }
.userCourseMain .courseMain .signup_menu a:nth-child(2) .icon { background-position: -44px 0px }
.userCourseMain .courseMain .signup_menu a:nth-child(3) .icon { background-position: -22px 0px }
.userCourseMain .courseMain .signup_menu a:nth-child(1):hover .icon { background-position: 0px -22px }
.userCourseMain .courseMain .signup_menu a:nth-child(2):hover .icon { background-position: -44px -22px }
.userCourseMain .courseMain .signup_menu a:nth-child(3):hover .icon { background-position: -22px -22px }
.userCourseMain .courseMain .signup_menu a:nth-child(1).on .icon { background-position: 0px -44px }
.userCourseMain .courseMain .signup_menu a:nth-child(2).on .icon { background-position: -44px -44px }
.userCourseMain .courseMain .signup_menu a:nth-child(3).on .icon { background-position: -22px -44px }
.userCourseMain .courseMain .signup_menu a .icon { background: url(../images/class_nav_bg.png) no-repeat; width: 22px; height: 22px; display: block; float: left; margin-top: 13px; margin-left: 28px; margin-right: 20px; }
.userCourseMain .courseMain .signup_menu a .txt { color: rgba(255, 255, 255, 0.60); float: left }
.userCourseMain .courseMain .signup_menu a:hover .txt { color: #fff }
.userCourseMain .courseMain .signup_menu a.on .txt { color: #70FFF7 }
.userCourseMain .courseMain .signup_menu .course_end_tips { width: 272px; height: 39px; position: relative; top: -50px; left: 180px; cursor: pointer; display: none }
.userCourseMain .courseMain .home_pro { display: none }
.userCourseMain .courseMain .home_pro.on { display: block }
.userCourseMain .courseMain .signup_list { float: right; width: 750px }
.userCourseMain .courseMain .signup_list_count { background: url(../images/course_my_teacher_end_bg.png) center center no-repeat; width: 309px; height: 14px; line-height: 14px; color: rgba(223, 255, 175, 0.60); text-align: center; font-size: 14px; margin: auto; margin-top: 20px; margin-bottom: 15px }
.userCourseMain .courseMain .courseList { overflow: hidden }
.userCourseMain .courseMain .courseList .single { width: 750px; height: 300px; border-radius: 8px; margin-bottom: 20px; overflow: hidden; position: relative }
.userCourseMain .courseMain .courseList .single:hover .enter_study { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.4); -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.4); box-shadow: 0 5px 5px rgba(0,0,0,0.4); border-radius: 100px }
.userCourseMain .courseMain .courseList .single .enter_study { font-size: 18px; color: #fff; padding-left: 21px; box-sizing: border-box; width: 146px; height: 50px; line-height: 50px; display: block; cursor: pointer; position: relative; left: 580px; top: 140px; border-radius: 100px; font-weight: 600; }
.userCourseMain .courseMain .courseList .single .get_into { background: #70FFF7; transform: translate(0, 0); transition: all .3s ease-in 0s }
.userCourseMain .courseMain .courseList .single .get_into .icon { background: url(../images/member_upload_xbg.png) no-repeat; width: 24px; height: 24px; margin: 13px 4px 0 8px; float: left; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); }
.userCourseMain .courseMain .courseList .single .get_into .txt { color: #1E474D; float: left }
.userCourseMain .courseMain .courseList .single .renewal_btn { background: #dfc77d; color: #1a1c26 }
.userCourseMain .courseMain .courseList .single .renewal_btn .txt { color: #1E474D; float: left }
.userCourseMain .courseMain .courseList .single .renewal_btn .icon { background: url(../images/course_jran_bg_2.png?1) no-repeat; width: 26px; height: 24px; display: block; margin: 13px 4px 0 8px; float: left; }
.userCourseMain .courseMain .courseList .single .title { width: 100%; color: #fff; font-size: 32px }
.userCourseMain .courseMain .courseList .single .jieshao { width: 560px; position: absolute; top: 24px; left: 20px }
.userCourseMain .courseMain .courseList .single .jieshao .lecturer { font-size: 16px; color: #fff; line-height: 30px }
.userCourseMain .courseMain .courseList .single .studynotes { position: absolute; top: 235px; left: 20px }
.userCourseMain .courseMain .courseList .single .studynotes .icon { background: url(../images/class_nav_bg.png) no-repeat; width: 24px; height: 24px; font-size: 16px; float: left; margin-right: 5px; background-position: -66px -42px; }
.userCourseMain .courseMain .courseList .single .studynotes .txt { margin-right: 5px; font-size: 16px; height: 24px; line-height: 24px; }
.userCourseMain .courseMain .courseList .single .courseJd { width: 130px; height: 70px; color: #fff; text-align: right; position: relative; top: 24px; left: 590px; font-family: Arial-Black }
.userCourseMain .courseMain .courseList .single .courseJd .tit { font-size: 18px }
.userCourseMain .courseMain .courseList .single .courseJd .progress { font-size: 30px; margin-top: 5px; font-weight: bold }
.userCourseMain .courseMain .courseList .single .vip { display: block; background: url(../images/course_single_vip.png) no-repeat; width: 52px; height: 53px; position: absolute; top: 0; right: 0 }
.userCourseMain .courseMain .courseEmpty { width: 600px; margin: auto; text-align: center }
.userCourseMain .courseMain .courseEmpty .nocourse { margin-top: 40px; font-size: 16px; color: #fff; margin-bottom: 20px }
.userCourseMain .courseMain .courseEmpty .nocourse a { color: rgba(223, 255, 175, 0.60) }
.userCourseMain .courseMain .recommend_list .recommendcourse { width: 100%; height: 300px; overflow: hidden; margin-top: 27px; cursor: pointer }
.userCourseMain .courseMain .recommend_list .recommendcourse img { border-radius: 8px }
.userCourseMain .courseMain .certificate_list { width: 100%; overflow: hidden }
.userCourseMain .courseMain .certificate_list .nav { background: url(../images/enrolment_process_navbg.png) 0 4px no-repeat; padding-left: 15px; font-size: 18px; width: 100%; height: 39px; line-height: 32px; box-sizing: border-box; color: #fff; margin-bottom: 18px; border-bottom: 2px solid #242641 }
.userCourseMain .courseMain .certificate_list .zslist { width: 100%; overflow: hidden }
.userCourseMain .courseMain .certificate_list .zslist .single { width: 370px; height: 220px; position: relative; border-radius: 8px; overflow: hidden; margin-bottom: 32px; cursor: pointer }
.userCourseMain .courseMain .certificate_list .zslist .single.graduation { background: url(../images/graduation_certificate_bg.jpg?1) no-repeat }
.userCourseMain .courseMain .certificate_list .zslist .single.excellent { background: url(../images/excellent_certificate_bg.jpg?2) no-repeat }
.userCourseMain .courseMain .certificate_list .zslist .single:nth-child(odd) { float: left }
.userCourseMain .courseMain .certificate_list .zslist .single:nth-child(even) { float: right }
.userCourseMain .courseMain .certificate_list .zslist .single .typename { display: none }
.userCourseMain .courseMain .certificate_list .zslist .single .title { font-size: 18px; color: #fff; width: 100%; height: 30px; line-height: 30px; text-align: center; margin-top: 112px; box-sizing: border-box }
.userCourseMain .courseMain .certificate_list .zslist .single .enddate { font-size: 12px; margin-top: 16px; color: #fff; text-align: center }
.userCourseMain .courseMain .certificate_list .zslist .single .enddate li { margin-top: 10px }
#downloadCertificate { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(14,18,37,0.8); z-index: 99990; overflow: auto; display: none }
#downloadCertificate .main { width: 1072px; margin: auto }
#downloadCertificate .main .title { font-size: 24px; width: 100%; height: 24px; line-height: 24px; text-align: center; color: #fff; margin-top: 120px; margin-bottom: 24px }
#downloadCertificate .main .zsimg img { max-width: 100%; border-radius: 8px }
#downloadCertificate .main .clickdownload { background: url(../images/submit_bg.png) no-repeat; font-size: 18px; color: #fff; box-sizing: border-box; width: 146px; height: 50px; line-height: 50px; display: block; cursor: pointer; margin: auto; margin-top: 32px }
#downloadCertificate .main .clickdownload a { background: url(../images/clickdownload_bg.png) 19px 14px no-repeat; width: 100%; height: 50px; line-height: 50px; border-radius: 4px; display: block; color: #fff; font-size: 18px; padding-left: 49px }
#downloadCertificate .main .close { background: url(../images/popup_close.png) no-repeat; width: 26px; height: 26px; display: block; position: absolute; right: 26px; top: 86px; cursor: pointer }
.userCourseMain .courseMain .certificate_list .courseEmpty { width: 600px; margin: auto; text-align: center }
.userCourseMain .courseMain .certificate_list .courseEmpty .nocourse { margin-top: 40px; font-size: 16px; color: #88a1c5; margin-bottom: 20px }
.userCourseMain .courseMain .certificate_list .courseEmpty .nocourse a { color: rgba(223, 255, 175, 0.60) }
.orderstatus { padding-top: 60px; padding-bottom: 100px; min-height: 600px; background: #1f2437 }
#elective { background: #191e31; width: 1180px; height: 220px; margin: 30px auto; border-top: 4px solid #2475ec; border-left: 1px solid #151a2b; border-right: 1px solid #151a2b; border-bottom: 1px solid #151a2b; border-radius: 5px; font-size: 18px; position: relative; overflow: hidden; text-align: center }
#elective .electiveError { height: 30px; line-height: 20px; text-align: center; color: #fff; font-size: 24px; margin-top: 40px; display: inline-block }
#elective .electiveError .errorImg { width: 30px; height: 30px; float: left; background-size: contain }
#elective .electiveError .errorTip { height: 30px; float: left; line-height: 30px }
#elective .warning { width: 500px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 20px; margin: 0 auto }
#elective .warning span { color: #f67272 }
#zhifubao { width: 200px; height: 50px; font-size: 18px; color: #fff; background: #3b4e6c; line-height: 50px; text-align: center; border-radius: 4px; cursor: pointer; display: block; border: 0; margin: auto }
.article_footer { width: 100%; margin: 0 auto; margin-top: 25px; text-align: center }
.article_footer .c_page { text-align: center; color: #ccc; margin-bottom: 20px; margin: auto; min-width: 100px; line-height: 36px; overflow: hidden }
.article_footer .c_page a { width: 36px; height: 36px; display: inline-block; margin: 0 4px; text-align: center; line-height: 36px; font-size: 16px; border: 2px solid #27627B; border-radius: 20px; color: #27627B }
.article_footer .c_page a:hover { border: 2px solid #DCF3FA; color: #DCF3FA }
.article_footer .c_page .tcdNumber:hover { text-decoration: none; }
.article_footer .c_page .prevPage, .article_footer .c_page .prevPage2, .article_footer .c_page .prevPage3 { background: url("../images/lfjt1.png") 10px center no-repeat; text-indent: -9999px; }
.article_footer .c_page .nextPage, .article_footer .c_page .nextPage2, .article_footer .c_page .nextPage3 { background: url("../images/lfjt1.png") 10px center no-repeat; text-indent: -9999px; transform: rotate(180deg); -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); }
.article_footer .c_page .prevPage:hover, .article_footer .c_page .prevPage2:hover, .article_footer .c_page .prevPage3:hover { background: url("../images/lfjt1_hover.png") 10px center no-repeat; text-indent: -9999px; }
.article_footer .c_page .nextPage:hover, .article_footer .c_page .nextPage2:hover, .article_footer .c_page .nextPage2:hover { background: url("../images/lfjt1_hover.png") 10px center no-repeat; text-indent: -9999px; transform: rotate(180deg); -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); }
.article_footer .c_page span.current_page { display: inline-block; height: 36px; line-height: 32px; padding: 0 13px; margin: 0 5px; color: #fff; background-color: #3B4F6C; vertical-align: middle; }
.article_footer .c_page span.current { color: #1E474D; width: 40px; height: 40px; display: inline-block; margin: 0 4px; text-align: center; line-height: 40px; background-color: #70FFF7; font-size: 16px; border-radius: 20px; }
.article_footer .c_page span.disabled { display: inline-block; width: 36px; height: 36px; border-radius: 18px; margin: 0 5px; color: #fff; vertical-align: middle; alpha(Opacity=30);
-moz-opacity: 0.3; opacity: 0.3 }
.load-icon { width: 200px; height: 50px; line-height: 50px; margin: 10px auto; position: relative; padding-left: 46px; font-size: 18px; color: #838897 }
.newtips { width: 300px }
.newtips .tips_tit { width: 300px; height: 22px; background: #f5a623; color: #13151e; border-radius: 11px; line-height: 22px; text-align: center; font-size: 14px }
.newtips .tips_close { font-size: 12px; height: 12px; color: #838897; line-height: 12px; margin-top: 5px; text-align: right; cursor: pointer; background: url(../images/new_tips_bg.png) right center no-repeat; padding-right: 16px }
.w_vip_icon { background: url(../images/vip_icon_w63.png) no-repeat; display: inline-block; margin-left: 4px; width: 64px; height: 16px; vertical-align: middle }
#promotion_coupon_point { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100001 }
#promotion_coupon_point .promotion_coupon_mark { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99998; background: rgba(0,0,0,0.95); background-color: rgba(14,18,37,0.95) }
#promotion_coupon_point .promotion_coupon_content { width: 773px; height: 566px; background: url(../images/order_get_coupon_bg.png) top center no-repeat; position: fixed; top: 50%; left: 50%; z-index: 99999; border-radius: 8px; margin: -283px 0 0 -387px }
.promotion_coupon_con .promotion_coupon_close { width: 26px; height: 26px; background: url("../images/popup_close3.png") no-repeat; background-size: 18px 18px; position: absolute; top: -18px; right: -18px; cursor: pointer }
.promotion_coupon_con .c1 { width: 134px; height: 26px; background: url(../images/order_pay_succes.png) no-repeat; margin: auto }
.promotion_coupon_con .c2 { font-size: 18px; color: #fff; height: 24px; line-height: 24px; letter-spacing: 1px; width: 100%; text-align: center }
.promotion_coupon_con .c2 span { color: #f5a623 }
.promotion_coupon_con .c3 { font-size: 14px; color: rgba(223, 255, 175, 0.60); height: 19px; line-height: 19px; letter-spacing: 1px; margin-top: 10px; width: 100%; text-align: center }
.promotion_coupon_con .c4 { background: url(../images/look_coupon_list_bg.png) no-repeat; display: block; margin: auto; margin-top: 14px; width: 158px; height: 70px; text-align: center; font-size: 16px; color: #fff; line-height: 55px }
.promotion_coupon_con .c5 { font-size: 14px; color: rgba(223, 255, 175, 0.60); height: 19px; line-height: 19px; letter-spacing: 1px; margin-top: 20px; width: 100%; text-align: center }
.promotion_coupon_con .c5 span { color: #13aef0 }
.promotion_coupon_con .c_type1 { background: url(../images/c_type1.png) no-repeat; position: absolute; top: 6px; right: 12px; width: 60px; height: 61px; display: block }
.promotion_coupon_con .c_type2 { background: url(../images/c_type2.png) no-repeat; position: absolute; top: 6px; right: 12px; width: 60px; height: 61px; display: block }
.promotion_coupon_con.coupons { width: 100% }
.promotion_coupon_con.coupons .coupons-icon { width: 317px; height: 214px; background: url(../images/order_get_coupn_bg2.png?43) no-repeat; margin: auto; margin-top: 170px; position: relative }
.promotion_coupon_con.coupons .coupons-icon .amount { font-size: 60px; color: #fff; width: 290px; margin: auto; font-weight: 500; display: block; padding-top: 15px; padding-left: 12px; box-sizing: border-box; overflow: hidden }
.promotion_coupon_con.coupons .coupons-icon .msgs { width: 269px; height: 22px; display: block; margin: auto; font-size: 16px; color: #fff; margin-top: 15px; position: relative }
.promotion_coupon_con.coupons .coupons-icon .use_condition { width: 269px; height: 45px; margin: auto; display: block; font-size: 12px; color: #fff; overflow: hidden }
.promotion_coupon_con.coupons .coupons-icon .use_condition li { width: 100%; line-height: 18px; overflow: hidden }
.promotion_coupon_con.coupons .coupons-icon .yxq { font-size: 12px; color: #fff; float: right; margin-right: 20px; z-index: 30; position: relative }
.xianxia { margin-bottom: 8px }
#index_wyyh_point { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100001; background: rgba(14,18,37,0.95) }
#index_wyyh_point .wyyh { width: 31%; height: 767px; margin: auto }
#index_wyyh_point .wyyh img { max-width: 100% }
#index_wyyh_point .wyyh .wyyh_gotit { width: 158px; height: 70px; background: url(../images/wyhd_enter.png) no-repeat; color: #fff; font-size: 16px; text-align: center; line-height: 58px; display: block; margin: auto; margin-top: 10px; cursor: pointer }
#massage_item { width: 378px; background: #0C1012; border-radius: 16px; position: fixed; bottom: -500px; right: 16px; z-index: 99981 }
#massage_item .itemnav { width: 100%; height: 54px; border-bottom: 1px solid rgba(255, 255, 255, 0.10) }
#massage_item .itemnav .title { float: left; color: #ADFF5A; margin-left: 8px; font-size: 16px; height: 54px; line-height: 54px }
#massage_item .itemnav .explain { float: right; width: 120px; margin-right: 8px }
#massage_item .itemnav .explain .e1 { width: 100%; margin-top: 8px; overflow: hidden }
#massage_item .itemnav .explain .e1 #massageDjs { float: right; margin-right: 3px; font-size: 14px; color: rgba(223, 255, 175, 0.60) }
#massage_item .itemnav .explain .e1 #massageClose { float: right; font-size: 14px; color: #ADFF5A; cursor: pointer }
#massage_item .itemnav .explain .e2 { width: 100%; color: rgba(223, 255, 175, 0.60); text-align: right; font-size: 12px; margin-top: 3px; overflow: hidden }
#massage_item .massagelist .dange { width: 368px; margin: auto; margin-top: 16px; overflow: hidden }
#massage_item .massagelist .dange .user_pic { width: 24px; height: 24px; float: left; border-radius: 12px }
#massage_item .massagelist .dange .user_pic a img { width: 24px; height: 24px; border-radius: 12px }
#massage_item .massagelist .dange .details { float: left; width: 330px; margin-left: 5px; font-size: 14px; color: rgba(223, 255, 175, 0.60) }
#massage_item .massagelist .dange .details .username { font-size: 14px }
#massage_item .massagelist .dange .details .username a { color: #fff }
#massage_item .massagelist .dange .details .title a { color: #ADFF5A }
#massage_item .massage_more { width: 100%; height: 21px; display: block; margin-top: 16px; margin-bottom: 16px; text-align: center; color: #ADFF5A; font-size: 16px; line-height: 21px; letter-spacing: 1px }
#box_popup { position: fixed; top: 80px; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.75); z-index: 99998; overflow: auto; display: none }
#box_popup .box-main { margin: auto; margin-top: 300px; width: 280px; position: relative }
#box_popup .box-main #boxdel { display: none }
#box_popup .box-main #addbox { display: none }
#box_popup .box-main .box-info { width: 280px; background: #0C1012; padding: 16px; overflow: hidden; border-radius: 12px; box-sizing: border-box; height: auto }
#box_popup .box-main .box-info .tit { width: 136px; height: 33px; line-height: 33px; letter-spacing: 3px; color: #fff; font-size: 24px }
#box_popup .box-main .box-info label { color: #DCF3FA; font-size: 14px; margin-top: 16px; width: 100%; display: block }
#box_popup .box-main .box-info .boxname { width: 248px; border-radius: 20px; outline: medium; background: rgba(46, 71, 32, 0.20); border: 0; color: #fff; height: 40px; line-height: 40px; font-size: 14px; margin-top: 8px; padding-left: 16px; box-sizing: border-box }
#box_popup .box-main .box-info .boxname::-webkit-input-placeholder {
color:rgba(223, 255, 175, 0.60)
}
#box_popup .box-main .box-info .boxname::-moz-input-placeholder {
color:rgba(223, 255, 175, 0.60)
}
#box_popup .box-main .box-info .boxname::-ms-input-placeholder {
color:rgba(223, 255, 175, 0.60)
}
#box_popup .box-main .box-info select { -webkit-appearance: none }
#box_popup .box-main .box-info .sx_select { width: 276px; height: 40px; background: url(../images/share_cate_jt2.png) 245px center #013b59 no-repeat; border-radius: 20px; border: 0; color: #fff; padding-left: 16px; font-size: 16px; cursor: pointer; margin-top: 5px; line-height: 40px }
#box_popup .box-main .box-info .sx_select option { width: 276px; height: 40px!important; background: rgba(46, 71, 32, 0.20); border-radius: 4px; border: 0; color: #fff; padding: 10px }
#box_popup .box-main .box-info .boxcaozuo { overflow: hidden }
#box_popup .box-main .box-info .boxcaozuo a { text-align: center; font-size: 16px; margin-top: 14px; cursor: pointer; float: right; border-radius: 20px }
#box_popup .box-main .box-info .delboxenter { width: 92px; height: 36px; border: 2px solid #70FFF7; color: #70FFF7; line-height: 36px; margin-right: 8px }
#box_popup .box-main .box-info .boxenter, #box_popup .box-main .box-info .addboxsub { width: 96px; height: 40px; background: #70FFF7; color: #1E474D; line-height: 40px }
#box_popup .box-main .boxsm, #box_popup .box-doc .boxsm { line-height: 19px; letter-spacing: 1px; font-size: 14px; color: rgba(223, 255, 175, 0.60); overflow: hidden; margin-top: 8px; text-align: left }
#box_popup .box-main .popup-box-close { width: 20px; height: 20px; position: absolute; right: -24px; top: -24px; cursor: pointer }
#box_popup .box-main .popup-box-close i { width: 20px; height: 20px; background: url(../images/popup_close3.png) no-repeat; position: fixed }
#box_popup .box-doc { margin: auto; margin-top: 150px; width: 485px; position: relative }
#box_popup .box-doc .box-info .boxinfoleft { width: 210px; float: left }
#box_popup .box-doc .box-info .boxinforight { width: 242px; float: left; margin-left: 14px }
#box_popup .box-doc .box-info .boxinfoleft .cover img { width: 210px; background: rgba(37,45,72,1); border-radius: 12px }
#box_popup .box-doc .box-info .boxinfoleft .count { color: #346D86; font-size: 14px; line-height: 19px; letter-spacing: 1px; margin-top: 4px }
#box_popup .box-doc .box-info .boxinfoleft .count span { color: #13aff0 }
#box_popup .box-doc .box-info { width: 485px; background: #0C1012; padding: 8px; overflow: hidden; border-radius: 12px; box-sizing: border-box; height: auto }
#box_popup .box-doc .box-info .tit { width: 136px; height: 33px; line-height: 33px; letter-spacing: 3px; color: #70FFF7; font-size: 24px }
#box_popup .box-doc .box-info .titsm { letter-spacing: 1px; font-size: 14px; color: #346D86 }
#box_popup .box-doc .box-info .boxnamesearch { width: 237px; height: 30px; border-radius: 15px; border: 1px solid #346D86; margin-top: 7px; font-size: 14px; color: #DCF3FA; background: 0; padding-left: 10px; box-sizing: border-box }
#box_popup .box-doc .popup-box-close { width: 26px; height: 26px; position: absolute; right: -24px; top: -24px; cursor: pointer }
#box_popup .box-doc .popup-box-close i { width: 26px; height: 26px; background: url(../images/popup_close3.png) no-repeat; position: fixed }
#box_popup .box-doc .box-info .boxcaozuo .cancel_collection { width: 92px; height: 36px; border-radius: 20px; border: 2px solid #70FFF7; font-size: 16px; color: #70FFF7; float: right; text-align: center; line-height: 36px; letter-spacing: 1px; margin-top: 12px; margin-right: 8px; cursor: pointer; }
#box_popup .box-doc .box-info .boxcaozuo .boxenter { text-align: center; font-size: 16px; margin-top: 12px; cursor: pointer; float: right; border-radius: 20px; margin-right: 8px }
#box_popup .box-doc .box-info .delboxenter { width: 109px; height: 36px; border: 2px solid #70FFF7; color: #70FFF7; line-height: 36px }
#box_popup .box-doc .box-info .boxenter { width: 96px; height: 40px; background: #70FFF7; color: #1E474D; line-height: 40px }
.sortable { width: 1824px; min-height: 600px; margin: auto }
#waterfall .add-box { position: relative; float: left; width: 280px; height: 300px; margin-right: 24px; background: #0C1012; border-radius: 8px; overflow: hidden; cursor: pointer }
#waterfall .add-box .inner i { display: block; width: 49px; height: 49px; background: url(../images/share_upload_bg4.png) 0 0 no-repeat; margin: auto; margin-top: 93px }
#waterfall .add-box .inner span { display: block; color: rgba(223, 255, 175, 0.60); font-size: 16px; text-align: center; margin-top: 30px }
#waterfall .add-pin { width: 236px; height: 130px; background: #f6f5f5; background: rgba(255,255,255,.5); box-shadow: 0 1px 3px rgba(0,0,0,.3); cursor: pointer; text-decoration: none }
#waterfall .add-pin:hover { background: #fff }
#waterfall .add-pin:active { background: #fafafa; background: rgba(255,255,255,.6) }
#waterfall .add-pin .inner { height: 126px; border: 2px dashed #dedede }
#waterfall .add-pin:hover .inner { border-color: #d4d4d4 }
#waterfall .add-pin:active .inner { border-color: #bbb }
#waterfall .add-pin .inner i { display: block; width: 48px; height: 48px; background: url(/img/icon_add_rbig.png) 0 0 no-repeat; margin: 28px auto 10px }
#waterfall .add-pin:hover .inner i { background-position: 0 -80px }
#waterfall .add-pin:active .inner i { background-position: 0 -160px }
#waterfall .add-pin .inner span { display: block; color: #777; text-align: center }
#waterfall.view-type-list .add-box { height: 60px; background: #fff }
#waterfall.view-type-list .add-box:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(/img/layout/ic-addboard-small.svg); background-position: 106px 18px; background-repeat: no-repeat; opacity: .6 }
#waterfall.view-type-list .add-box:hover:after { opacity: 1 }
#waterfall.view-type-list .add-box .inner { visibility: hidden }
#user_page #waterfall.sort-lists.view-type-list .Board { height: 60px }
#waterfall.sort-lists.view-type-list .Board .drag-icon { width: 32px; height: 32px }
#waterfall.sort-lists.view-type-list .Board .creation-mark, #waterfall.sort-lists.view-type-list .Board .privacy-admin-mark, #waterfall.sort-lists.view-type-list .Board .privacy-creation-mark, #waterfall.sort-lists.view-type-list .Board .privacy-mark { top: 30px }
#waterfall.sort-lists.view-type-list .Board .link img { display: none }
#waterfall.sort-lists.view-type-list .Board .link .shadows { display: none }
#waterfall.sort-lists.view-type-list .Board .link .over { top: 0; left: 60px; width: 146px; height: 60px; background: 0 }
#waterfall.sort-lists.view-type-list .Board .link .over h3 { padding: 10px 0 0 10px; color: #222; font-weight: 400; text-shadow: none }
#waterfall.sort-lists.view-type-list .Board .link .over h4 { display: none }
#waterfall.sort-lists.view-type-list .Board .link .over .pin-count { display: block; left: 10px; top: 32px; padding: 0; background: 0; color: #bbb; font-size: 14px }
#waterfall.sort-lists.view-type-list .Board .link .over.empty-box { left: 59px; border-left: 1px solid #ededed }
#waterfall.sort-lists.view-type-list .Board .link .over.empty-box:after { position: absolute; content: '0'; left: 10px; top: 32px; padding: 0; color: #bbb; font-size: 14px }
.Board { position: static; width: 280px; height: 306px; border-radius: 8px; overflow: hidden; float: left; margin-right: 10px; margin-bottom: 10px; padding: 8px; box-sizing: border-box; }
.Board .link { display: block; overflow: hidden; position: relative; width: 264px; height: 258px; }
.Board .link img { float: left; width: 83px; height: 83px; margin-top: 7px; margin-right: 6px; border-radius: 8px; object-fit: cover }
.Board .link img.large { width: 264px; height: 167px; border-radius: 8px; margin: 0 }
.Board .link img:nth-child(4) { margin-right: 0 }
.Board .link .shadows { position: absolute; }
.Board .link .shadows .shadow { width: 79px; height: 79px; float: left; margin-top: 7px; margin-right: 6px; border-radius: 8px; border: 2px solid rgba(255, 255, 255, 0.10) }
.Board .link .shadows .shadow:last-child { margin-right: 0 }
.Board .link .shadows .large-shadow { width: 260px; height: 163px; border-radius: 8px; float: left; border: 2px solid rgba(255, 255, 255, 0.10) }
.Board .link .over { position: absolute; left: 10px; top: 10px; width: 216px; height: 289px; background: url(/img/box_info_cover.png) 0 0 repeat-x; transition: background-color .36s ease-in-out }
.Board .link:hover .over { background-color: rgba(0,0,0,.1) }
.Board .link .empty-box { background: 0 }
.Board .link .empty-box h3 { color: #999; text-shadow: none }
.Board .link .empty-box h4 { color: #999; text-shadow: none }
.Board .likesComments { margin: 0; padding: 0 15px 10px; background-color: #fff }
.Board .creation-mark, .Board .privacy-admin-mark, .Board .privacy-creation-mark, .Board .privacy-mark { position: absolute; top: 17px; right: 0; width: 40px; height: 20px; -webkit-transition: opacity .1s linear; transition: opacity .1s linear; background: url(/img/box/em-badge-original.svg) no-repeat }
.Board .privacy-mark { width: 24px; background: url(/img/box/em-badge-private.svg) no-repeat }
.Board .privacy-creation-mark { width: 54px; background: url(/img/box/em-badge-original-private.svg) no-repeat }
.Board .privacy-admin-mark { width: 24px; background: url(/img/box/em-badge-private-admin.svg) no-repeat }
.Board .FollowBoard .boxcolor { width: 16px; height: 16px; background: #70FFF7; border-radius: 8px; float: left; margin-right: 5px; margin-top: 12px; }
.Board .FollowBoard .boxname { width: 146px; height: 16px; line-height: 16px; font-size: 14px; color: #346D86; float: left; margin-top: 12px; }
.Board .FollowBoard .wbtn { width: 56px; height: 24px; border-radius: 12px; border: 1px solid #70FFF7; font-size: 16px; line-height: 24px; color: #70FFF7; float: right; text-align: center; cursor: pointer; display: none; margin-top: 8px; }
.Board:hover .wbtn { display: block }
.Board:hover { background: #0C1012 }
.Board:hover .boxname { color: #DCF3FA }
.Board .board-preview { z-index: 10 }
.Board .drag-icon { position: absolute; top: 1px; right: 1px; cursor: move; width: 28px; height: 28px; z-index: 8; background: url(/img/board/board_drag_icon.png) no-repeat; display: none }
.Board:hover .drag-icon { display: block }
.Board.prevent-drag:hover .drag-icon { display: none }
.box_deleted { opacity: .2!important; pointer-events: none }
#waterfull .addins { position: relative; float: left; left: auto; top: auto; width: 222px; height: 140px; border-radius: 8px; overflow: hidden; cursor: pointer }
#waterfull .addins a { width: 210px; height: 140px; display: block; background: #0C1012; margin: auto; margin-top: 6px; overflow: hidden; border-radius: 8px }
#waterfull .addins .inner i { display: block; width: 64px; height: 64px; background: url(../images/share_upload_bg4.png) center no-repeat; margin: auto; margin-top: 16px }
#waterfull .addins .inner span { display: block; color: rgba(223, 255, 175, 0.60); font-size: 14px; text-align: center; margin-top: 14px }
.boxlist { height: 250px; position: relative; overflow-y: auto; margin-top: 11px }
.boxlist .notbox { width: 222px; height: 14px; font-size: 14px; font-family: MicrosoftYaHei; color: rgba(223, 255, 175, 0.60); line-height: 14px; letter-spacing: 1px; margin-top: 100px; }
.right-part .top-shadow { visibility: hidden; width: 100%; height: 4px; position: relative; top: 4px; display: block }
.right-part .bottom-shadow { visibility: hidden; width: 100%; height: 4px; position: relative; bottom: 13px }
.board-divider.blur { box-shadow: inset 0 1px 0 rgba(0,0,0,.02), inset 0 2px 0 rgba(0,0,0,.02), inset 0 3px 0 rgba(0,0,0,.02) }
.text-block-divider.blur { box-shadow: inset 0 -1px 0 rgba(0,0,0,.02), inset 0 -2px 0 rgba(0,0,0,.02), inset 0 -3px 0 rgba(0,0,0,.02) }
.boxlist .item { height: 22px; font-size: 14px; margin-top: 3px; line-height: 22px; color: #346D86; cursor: pointer; position: relative; overflow: hidden; border-radius: 11px; box-sizing: border-box }
.boxlist .item:hover { background: linear-gradient(90deg, #3BACD0 0%, rgba(30, 113, 140, 0) 100%); border-radius: 11px; color: #fff }
.boxlist .item:hover .buttons { display: block }
.boxlist .item.selected { background: linear-gradient(90deg, #3BACD0 0%, rgba(30, 113, 140, 0) 100%); border-radius: 11px; color: #fff }
.boxlist .item.selected .buttons { display: block }
.boxlist .item.create { background: linear-gradient(90deg, #3BACD0 0%, rgba(30, 113, 140, 0) 100%); border-radius: 11px; color: #fff }
.boxlist .item.create .buttons { display: block }
.boxlist .item.create .btn-selected { color: #70FFF7 }
.boxlist .item .icon { display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-right: 6px; margin-top: -2px; background-repeat: no-repeat }
.boxlist .item .box-title.privacy-mark { display: inline-block; position: relative; margin-right: 24px; background-color: #50e3c233; max-width: 256px }
.boxlist .item .box-title.privacy-mark:before { content: ''; position: absolute; top: -1px; right: -24px; width: 16px; height: 16px; background-image: url(/img/board/ic-private.svg); background-size: 16px 16px }
.boxlist .item .controller { float: right; display: none; width: 24px; height: 24px; background-image: url(/img/ic-sele.svg); background-repeat: no-repeat; margin-right: 10px; margin-top: -2px }
.boxlist .item.selected .controller { display: block }
.boxlist .recent .icon.history { background-image: url(/img/board_list_icons.svg) }
.boxlist .recent .item:first-child { padding-left: 10px }
.boxlist .sorted .item:first-child { padding-left: 10px }
.boxlist .search .icon.search { background-image: url(/img/board_list_icons.svg); background-position: -160px 0; margin-right: 8px }
.boxlist .search .item:first-child { padding-left: 8px }
.createboard { cursor: pointer; padding: 8px 0 8px 10px; color: #4a4a4a; text-shadow: 0 1px 0 rgba(255,255,255,.5) }
.createboard .icon.add { display: inline-block; width: 16px; height: 20px; margin-right: 10px; background-image: url(/img/board_list_icons.svg); background-position: -82px 0; background-repeat: no-repeat; vertical-align: middle }
.right-part .text-block .createboard { margin-bottom: 20px; border-bottom: 1px solid #ededed; transition: border-color .2s }
.right-part .text-block .createboard:hover { border-bottom-color: #f7f7f7 }
.right-part .text-block .tag-input { width: 316px; padding: 2px 6px }
.preview .text-block .tag-bar { color: #999; padding: 10px 0; line-height: 12px; max-height: 10px; overflow: hidden }
.right-part .text-block .tag-input>input { height: 34px }
.right-part .text-block .tag-input>.placeholder { top: 10px }
.preview .text-block .tag-bar .tag { display: inline-block; padding: 0 8px 0 0; margin-bottom: 10px; vertical-align: top; text-decoration: none; text-overflow: ellipsis; color: #9e7e6b; cursor: pointer }
.preview .text-block .tag-bar .tag:first-child { padding-left: 4px }
.preview .text-block .tag-bar .title { padding-right: 10px }
.bottom-part { margin: 0 -30px -20px -30px; height: 68px; background: #fafafa; border-top: 1px solid #f2f2f2; position: relative }
.buttons { position: absolute; right: 8px; top: 0; display: none }
.buttons .btn-selected { height: 22px; line-height: 22px }
.boxlist .item.selected .buttons .btn-selected { color: #70FFF7 }
.cancel { margin-right: 10px }
.shares { position: absolute; left: 30px; top: 21px; height: 26px }
.shares .share { display: inline-block; vertical-align: middle; height: 24px; line-height: 24px; padding: 0 10px 0 44px; background: url(/img/social_icons.png) 24px -25px no-repeat #fff; border: 1px solid #f2f2f2; margin-left: 10px; position: relative; cursor: pointer }
.shares .share:hover { border-color: #ddd; background-color: #fafafa }
.shares .share.weibo.active { background-position: 24px 5px }
.shares .share.tqq { background-position: 24px -85px }
.shares .share.tqq.active { background-position: 24px -55px }
.shares .share.qzone { background-position: 24px -145px }
.shares .share.qzone.active { background-position: 24px -115px }
.shares .share.renren { background-position: 24px -205px }
.shares .share.renren.active { background-position: 24px -175px }
.shares .share.douban { background-position: 24px -265px }
.shares .share.douban.active { background-position: 24px -235px }
.shares .share .selection { width: 14px; height: 14px; background: url(/img/checkbox.svg) 0 0 no-repeat; position: absolute; left: 5px; top: 5px; border-radius: 2px }
.shares .share.active .selection { background-position: 0 -40px }
.rbtn { text-shadow: none; color: #70FFF7; box-shadow: none; font-size: 14px }
.flbq .cate { width: 222px; float: left }
.flbq .copyright { width: 222px; float: left; margin-left: 16px }
.flbq select { width: 222px!important; height: 40px; background: url(../images/share_cate_jt5.png) 188px center rgba(46, 71, 32, 0.20) no-repeat!important; border-radius: 4px; border: 0; color: #fff; padding: 10px; font-size: 16px; cursor: pointer }
.cate .insboxnamesearch { width: 374px; height: 40px; background: url(../images/share_cate_jt5.png) 342px center rgba(46, 71, 32, 0.20) no-repeat!important; background: rgba(46, 71, 32, 0.20); border-radius: 20px; color: #DCF3FA; font-size: 14px; border: 0; padding-left: 15px; box-sizing: border-box; cursor: pointer }
.cate .box-group { position: relative }
.cate .noradius { border-radius: 20px 20px 0 0 }
.cate .blist { width: 100%; max-height: 320px; overflow: auto; background: #0C1012; border-radius: 0 0 20px 20px; color: rgba(223, 255, 175, 0.60); border-top: 2px solid rgba(46, 71, 32, 0.20); display: none; position: absolute; z-index: 9 }
.cate .blist li { width: 100%; height: 40px; font-size: 14px; line-height: 40px; color: #fff; padding-left: 18px; box-sizing: border-box; cursor: pointer }
.cate .blist li.create { color: #ADFF5A; }
.cate .blist li.create .icon { width: 16px; height: 16px; background: url(../images/works_follow_sc.png) no-repeat; background-position: 0px 0px; float: left; display: block; margin: 12px 5px 0px 0px; }
.cate .blist li .boxnew { width: 34px; height: 14px; line-height: 14px; margin-left: 4px; margin-top: 13px; font-size: 10px; text-align: center; display: block; border-radius: 7px; border: 1px solid #13aff0; color: #13aff0 }
.waibaonav { position: relative; cursor: pointer; background: url(../images/waibaonav_bg.png?22) no-repeat; width: 122px; height: 56px; display: block }
.waibaonav span { width: 122px; height: 56px; margin: auto; line-height: 56px; color: #fff; font-size: 18px; text-align: center; display: block; position: relative; z-index: 10 }
.waibaonav span a { color: #fff!important; font-size: 14px!important }
.wbcj1:after { content: ""; display: block; position: absolute; width: 102px; height: 35px; top: 12px; right: 0; bottom: 0; left: 10px; border-radius: inherit; transition: opacity .4s linear; border-radius: 10px }
.wbcj1.wbcj2:after { animation: src-component-button-PrimaryButton-___PrimaryButton-module__buttonGlow___m6nHX 2s cubic-bezier(.25, .46, .45, .14) infinite }
.wbcj1[data-theme=default]:after { background-image: url(../images/bg-glow.png); background-repeat: no-repeat }
#index_lucky_charm_point { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10001; display: none; background: rgba(14,18,37,0.95) }
#index_lucky_charm_point .lucky_charm { width: 373px; margin: auto; position: relative; top: 0 }
#index_lucky_charm_point .lucky_charm .show2 { top: 0; position: relative; display: none }
#index_lucky_charm_point .lucky_charm .sm { width: 100%; height: 24px; font-size: 18px; color: #efa250; line-height: 24px; letter-spacing: 1px; text-align: center; margin-top: 10px }
#index_lucky_charm_point .lucky_charm .zy { width: 230px; margin: auto; margin-top: 30px }
#index_lucky_charm_point .lucky_charm .zzt { width: 96px; height: 40px; background: #efa250; border-radius: 21px; border: 2px solid #d46048; font-size: 18px; color: #0e1526; line-height: 24px; letter-spacing: 1px; text-align: center; cursor: pointer; display: block; line-height: 40px; float: left }
#index_lucky_charm_point .lucky_charm .jl1 { width: 189px; height: 336px; margin: auto; margin-top: 166px; top: 50px; position: relative }
#index_lucky_charm_point .lucky_charm .jl1, #index_lucky_charm_point .lucky_charm .jl2 { text-align: center }
#index_lucky_charm_point .lucky_charm .jl1 img { margin: auto; width: 1px; height: 1px; position: absolute; bottom: 0 }
#index_lucky_charm_point .lucky_charm .lucky_charm_gotit { width: 96px; height: 40px; line-height: 40px; border-radius: 21px; border: 2px solid #efa250; font-size: 18px; color: #efa250; letter-spacing: 1px; cursor: pointer; display: block; text-align: center; float: right }
.lucky_coupon { width: 558px; height: 336px; margin: auto; margin-top: 210px; margin-left: -279px; display: none; position: absolute; top: 0; left: 50% }
.lucky_coupon .coupons-icon { width: 373px; height: 270px; background: url(../images/2021newyear/jl_yhj_bg.png) no-repeat; overflow: hidden; margin: auto; position: relative }
.lucky_coupon .coupons-icon .amount { font-size: 60px; color: #fff; width: 290px; margin: auto; display: block; margin-top: 50px; padding-left: 12px; box-sizing: border-box }
.lucky_coupon .coupons-icon .msgs { width: 260px; height: 22px; display: block; margin: auto; font-size: 16px; color: #fff; margin-top: 0; position: relative }
.lucky_coupon .coupons-icon .use_condition { width: 260px; height: 50px; margin: auto; display: block; font-size: 12px; color: #fff; overflow: hidden }
.lucky_coupon .coupons-icon .use_condition li { width: 100%; line-height: 16px; overflow: hidden }
.lucky_coupon .coupons-icon .yxq { font-size: 12px; color: #fff; float: right; margin-right: 48px; z-index: 30; position: relative }
#index_lucky_charm_point .lucky_coupon .jl2 { text-align: center }
.lucky_coupon .jl3 { width: 130px; height: 45px; background: #13aff0; border-radius: 23px; text-align: center; font-size: 18px; font-weight: 600; color: #fff; line-height: 45px; margin: auto; margin-top: 19px; display: block }
.fix_medal { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; background-color: rgba(0,0,0,.80); display: none }
.fix_medal .medal_close { background: url(../images/medal_close.png) center no-repeat; width: 40px; height: 40px; cursor: pointer; position: absolute; right: 50px; top: 50px }
.fix_medal .blankmedal { width: 100%; height: 100%; margin: auto 0; position: relative }
.fix_medal #frame_full { position: absolute; left: 50%; margin-left: -413px; margin-top: 170px; opacity: 0 }
.gain_medal { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; background-color: rgba(14,18,37,.90); opacity: 0 }
.gain_medal .medal { width: 571px; height: 540px; margin: 130px auto 0; position: relative; background: url(../images/ribbon.png) center no-repeat; background-size: 0 }
.gain_medal .ribbon_big { width: 100%; height: 100%; background: url(../images/ribbon_big.png) center no-repeat; overflow: hidden; background-size: 0 }
.gain_medal .medal_light { width: 336px; height: 510px; position: relative; left: 50%; margin-left: -168px }
.gain_medal .medal_brilliance { width: 258px; height: 258px; background: url(../images/medal_brilliance.png) center no-repeat; -webkit-animation: run 6s linear 0s infinite; position: absolute; top: 0; left: 50%; margin-left: -129px; opacity: 0 }
@-webkit-keyframes run { from {
-webkit-transform:rotate(0deg)
}
to { -webkit-transform: rotate(360deg) }
}
.gain_medal .shadow { width: 336px; height: 510px; left: 0; opacity: 0 }
.gain_medal .medal_type_1 .shadow, .gain_medal .medal_type_2 .shadow, .gain_medal .medal_type_3 .shadow, .gain_medal .medal_type_9 .shadow, .gain_medal .medal_type_10 .shadow, .gain_medal .medal_type_11 .shadow, .gain_medal .medal_type_12 .shadow, .gain_medal .medal_type_16 .shadow, .gain_medal .medal_type_17 .shadow, .gain_medal .medal_type_18 .shadow, .gain_medal .medal_type_19 .shadow, .gain_medal .medal_type_20 .shadow, .gain_medal .medal_type_21 .shadow, .gain_medal .medal_type_22 .shadow, .gain_medal .medal_type_23 .shadow, .gain_medal .medal_type_24 .shadow { background: url(../images/light_red.png?1) center no-repeat }
.gain_medal .medal_type_4 .shadow, .gain_medal .medal_type_5 .shadow, .gain_medal .medal_type_7 .shadow, .gain_medal .medal_type_8 .shadow { background: url(../images/light_blue.png?1) center no-repeat }
.gain_medal .medal_type_6 .shadow, .gain_medal .medal_type_13 .shadow, .gain_medal .medal_type_14 .shadow, .gain_medal .medal_type_15 .shadow { background: url(../images/light_violet.png?1) center no-repeat }
.gain_medal .get_medal { width: 232px; height: 416px; position: absolute; top: 37px; left: 50%; margin-left: -116px; overflow: hidden; opacity: 0 }
.gain_medal .get_medal.on { animation: .5s dance linear infinite; transform: scale(0.2, 0.2))); transform-style: preserve-3d; animation-iteration-count: 1; -webkit-animation-iteration-count: 1 }
@keyframes dance { 0% {
transform:scale(0.2, 0.2)
}
25% {
transform:scale(1.1, 1.1)
}
100% {
transform:scale(1, 1)
}
}
@-webkit-keyframes changeImg { from {
left:200%
}
100% {
left:-250%
}
}
.shan { opacity: 0; position: absolute; -webkit-animation: changeImg 2s ease 0s; -o-animation: changeImg 2s ease 0s; animation: changeImg 2s ease 0s; top: 0; left: 450px; width: 30%; height: 100%; content: ""; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,.4) 50%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,.4) 50%, rgba(255,255,255,0) 100%); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,.4) 50%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0, rgba(255,255,255,.4) 50%, rgba(255,255,255,0) 100%); transform: skewX(-45deg); animation-iteration-count: 1; -moz-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-delay: 1s; -webkit-animation-delay: 1s }
.gain_medal .medal_type_1 .get_medal { background: url(../images/get_medal_1.png?1) top center no-repeat }
.gain_medal .medal_type_2 .get_medal { background: url(../images/get_medal_2.png?1) top center no-repeat }
.gain_medal .medal_type_3 .get_medal { background: url(../images/get_medal_3.png?1) top center no-repeat }
.gain_medal .medal_type_4 .get_medal { background: url(../images/get_medal_4.png?1) top center no-repeat }
.gain_medal .medal_type_5 .get_medal { background: url(../images/get_medal_5.png?1) top center no-repeat }
.gain_medal .medal_type_6 .get_medal { background: url(../images/get_medal_6.png?1) top center no-repeat }
.gain_medal .medal_type_7 .get_medal { background: url(../images/get_medal_7.png?1) top center no-repeat }
.gain_medal .medal_type_8 .get_medal { background: url(../images/get_medal_8.png?1) top center no-repeat }
.gain_medal .medal_type_9 .get_medal { background: url(../images/get_medal_9.png?1) top center no-repeat }
.gain_medal .medal_type_10 .get_medal { background: url(../images/get_medal_10.png?1) top center no-repeat }
.gain_medal .medal_type_11 .get_medal { background: url(../images/get_medal_11.png?1) top center no-repeat }
.gain_medal .medal_type_12 .get_medal { background: url(../images/get_medal_12.png?1) top center no-repeat }
.gain_medal .medal_type_13 .get_medal { background: url(../images/get_medal_13.png?1) top center no-repeat }
.gain_medal .medal_type_14 .get_medal { background: url(../images/get_medal_14.png?1) top center no-repeat }
.gain_medal .medal_type_15 .get_medal { background: url(../images/get_medal_15.png?1) top center no-repeat }
.gain_medal .medal_type_16 .get_medal { background: url(../images/get_medal_16.png?1) top center no-repeat }
.gain_medal .medal_type_17 .get_medal { background: url(../images/get_medal_17.png?1) top center no-repeat }
.gain_medal .medal_type_18 .get_medal { background: url(../images/get_medal_18.png?1) top center no-repeat }
.gain_medal .medal_type_19 .get_medal { background: url(../images/get_medal_19.png?1) top center no-repeat }
.gain_medal .medal_type_20 .get_medal { background: url(../images/get_medal_20.png?1) top center no-repeat }
.gain_medal .medal_type_21 .get_medal { background: url(../images/get_medal_21.png?1) top center no-repeat }
.gain_medal .medal_type_22 .get_medal { background: url(../images/get_medal_22.png?1) top center no-repeat }
.gain_medal .medal_type_23 .get_medal { background: url(../images/get_medal_23.png?1) top center no-repeat }
.gain_medal .medal_type_24 .get_medal { background: url(../images/get_medal_24.png?1) top center no-repeat }
.gain_medal .icon_close { width: 80px; height: 50px; position: absolute; bottom: 20px; left: 50%; margin-left: -40px; font-size: 16px; color: #f3c393 }
.gain_medal .icon_close div { width: 100%; height: 25px; line-height: 25px; text-align: center }
.gain_medal .icon_close .medal_close { cursor: pointer }
.gain_medal .medal_type_1 .icon_close, .gain_medal .medal_type_10 .icon_close, .gain_medal .medal_type_16 .icon_close, .gain_medal .medal_type_19 .icon_close, .gain_medal .medal_type_22 .icon_close { color: #f3c393 }
.gain_medal .medal_type_2 .icon_close, .gain_medal .medal_type_9 .icon_close, .gain_medal .medal_type_11 .icon_close, .gain_medal .medal_type_17 .icon_close, .gain_medal .medal_type_20 .icon_close, .gain_medal .medal_type_23 .icon_close, .gain_medal .medal_type_24 .icon_close { color: #f59333 }
.gain_medal .medal_type_3 .icon_close, .gain_medal .medal_type_12 .icon_close, .gain_medal .medal_type_18 .icon_close, .gain_medal .medal_type_21 .icon_close { color: #f54233 }
.gain_medal .medal_type_4 .icon_close, .gain_medal .medal_type_7 .icon_close, .gain_medal .medal_type_8 .icon_close, .gain_medal .medal_type_14 .icon_close { color: #b8e1f6 }
.gain_medal .medal_type_6 .icon_close, .gain_medal .medal_type_15 .icon_close { color: #f6b8b8 }
.gain_medal .medal_type_5 .icon_close, .gain_medal .medal_type_13 .icon_close { color: #eeccfc }
.gain_medal .get_coupon { width: 510px; position: absolute; top: 0; left: 50%; margin-left: -255px; overflow: hidden; opacity: 0 }
.gain_medal .get_coupon.on { animation: .5s dance linear infinite; transform: scale(0.2, 0.2))); transform-style: preserve-3d; animation-iteration-count: 1; -webkit-animation-iteration-count: 1 }
@keyframes dance { 0% {
transform:scale(0.2, 0.2)
}
25% {
transform:scale(1.1, 1.1)
}
100% {
transform:scale(1, 1)
}
}
@-webkit-keyframes changeImg { from {
left:200%
}
100% {
left:-250%
}
}
/*关注收藏公用*/
.user_operation.ins { text-align: center; float: right; margin-top: 16px; }
.user_operation.works { width: 100%; margin-top: 16px; text-align: center; }
.user_operation a { text-align: left; border-radius: 20px; width: 100px; text-align: center; height: 30px; line-height: 30px; cursor: pointer; letter-spacing: 1px; display: inline-block; font-size:16px; }
.user_operation .follow_user span, .user_operation .collection span { float: left; text-align: center; display: contents;}
.user_operation2 a { margin: auto; margin-left: 16px; text-align: left; border-radius: 20px; width: 82px; text-align: center; height: 28px; line-height: 28px; cursor: pointer; letter-spacing: 1px; display: inline-block }
.user_operation2 .collection span { float: left; width: 100%; text-align: center; }

.user_operation{display: flex;align-items: center; justify-content: center; margin-top:20px;}
.user_operation .private-message{ width:100px; height:30px; line-height:30px; border: 2px solid #70FFF7; border-radius: 20px; font-size: 16px; text-align:center;display: inline-block; margin-left:10px; color:#70FFF7}
/*关注*/
.user_operation .follow_user { border: 2px solid #70FFF7; color: #70FFF7; }
.user_operation .follow_user.on { background: #70FFF7; }
.user_operation .follow_user .icon { width: 16px; height: 16px; background: url(../images/works_follow_sc.png) no-repeat; background-position: 0px 0px; float: left; display: block; margin: 6px 10px 0px 16px; }
.user_operation .follow_user.on .icon { color: #1E474D; background-position: -32px 0px; margin-right: 2px; }
.user_operation .follow_user.on span { color: #1E474D }
/*收藏*/
.user_operation2 .collection { border: 2px solid #FDE761; color: #FDE761; }
.user_operation2 .collection.on { background: #FDE761; }
.user_operation2 .collection .icon { width: 16px; height: 16px; display: block; background: url(../images/works_follow_sc.png) no-repeat; background-position: -16px 0px; color: #FDE761; margin: 9px 10px 0px 12px; }
.user_operation2 .collection.on .icon { color: #1E474D; background-position: -32px 0px; margin-right: 2px; }
.user_operation2 .collection.on span { color: #1E474D; }
/*关注收藏over*/
/*举报*/
.jubao { float: right; color: #838897; background: url(../images/works_currencyimg.png?111) no-repeat; margin-right: 0px; width: 16px; height: 16px; margin-top: 3px; cursor: pointer; display: block; background-position: -42px 0px; }
/*查看点评收藏*/
.look_review_collection div { display: block; float: left; height: 17px; margin-top: 8px; }
.look_review_collection div .icon { background: url(../images/works_currencyimg2.png) no-repeat; width: 16px; height: 17px; display: block; float: left; }
.look_review_collection .look .icon { background-position: -35px 0px }
.look_review_collection .review .icon { background-position: -16px 0px }
.look_review_collection .collection .icon { background-position: 0px 0px }
.look_review_collection .look b { color: rgba(255, 255, 255, 0.60); margin-right: 30px; float: left }
.look_review_collection .review b { color: rgba(255, 255, 255, 0.60); margin-right: 30px; float: left }
.look_review_collection .collection b { color: rgba(255, 255, 255, 0.60); float: left; margin-right: 30px; }
.look_review_collection .look b, .look_review_collection .review b, .look_review_collection .collection b { display: inline-block; height: 17px; vertical-align: middle; line-height: 17px; margin-left: 4px; font-weight: 500; }
/*移动端*/
@media screen and (min-width:600px) and (max-width:980px) {
.my_course_class { right: 0px; top: 60px; }
.user-doc { width: 100% }
.user-nav-list { width: 100%; }
.user-nav a { width: 90px; }
.user-main .collection-list { width: 900px; }
.member-article-list { width: 900px; }
.sortable { width: 95%; }
.member-follow-list .follow-dange .follow_list { width: 500px; }
.header nav { margin: 16px 5px 16px 5px; }
.nav-user ul .default-userphoto { display: none; }
}
.index-cokey-articlenav .article-nav.vx .jsnav { width: 215px; height: 46px; background: url(../images/index_nav_bg.png?1) no-repeat; background-position: -654px -40px }
.index-cokey-worksnav .works-nav.vx .jsnav { width: 215px; height: 46px; background: url(../images/index_nav_bg.png?1) no-repeat; background-position: 0px -46px }
.index-cokey-referencenav .reference-nav.vx .jsnav { width: 170px; height: 46px; background: url(../images/index_nav_bg.png?1) no-repeat; background-position: -215px -46px }
.index-cokey-nav .inspiration-nav.vx .jsnav { width: 222px; height: 46px; background: url(../images/index_nav_bg.png?1) no-repeat; background-position: -406px -46px }
/*板块选择*/
#plate_selete_point { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100001; background-color: rgba(14, 18, 37, 0.9); overflow-y: scroll; overflow-x: hidden; }
#plate_selete_point .selete_main { width: 623px; margin: auto }
#plate_selete_point .selete_main .t1 { width: 100%; height: 33px; text-align: center; font-size: 24px; font-family: Arial-Black, Arial; font-weight: 900; color: #DCF3FA; line-height: 33px; letter-spacing: 1px; margin-top: 209px }
#plate_selete_point .selete_main .t2 { width: 100%; height: 19px; font-size: 14px; font-family: MicrosoftYaHei; color: #DCF3FA; line-height: 19px; text-align: center; letter-spacing: 1px; margin-top: 8px; }
#plate_selete_point .selete_main .t3 { width: 100%; height: 19px; font-size: 14px; font-family: MicrosoftYaHei; color: rgba(223, 255, 175, 0.60); line-height: 19px; margin-top: 26px; text-align: center; }
#plate_selete_point .selete_main .plate_selete_ok { width: 96px; height: 40px; background: #ADFF5A; border-radius: 20px; text-align: center; line-height: 40px; color: #1E474D; font-size: 16px; letter-spacing: 1px; margin: auto; margin-top: 19px; cursor: pointer }
#plate_selete_point .selete_main .plate_select { background: url(../images/plate_select_bg.png) no-repeat; width: 623px; height: 256px; margin-top: 29px; position: relative; border-radius: 8px; }
#plate_selete_point .selete_main .plate_select .vx { width: 354px; height: 100%; position: absolute; left: 0px }
#plate_selete_point .selete_main .plate_select .vfx { width: 354px; height: 100%; position: absolute; right: 0px; }
#plate_selete_point .selete_main .plate_select .vx.on { width: 447px; height: 354px; background: url(../images/plate_select_vx.png) no-repeat; display: block; position: absolute; top: -47px; left: -47px; }
#plate_selete_point .selete_main .plate_select .vfx.on { width: 447px; height: 354px; background: url(../images/plate_select_vfx.png) no-repeat; display: block; position: absolute; top: -51px; right: -48px; }
#plate_selete_point .selete_main .plate_select .select_qy_vx { width: 354px; height: 256px; box-sizing: border-box; -webkit-clip-path: polygon( 0 0, 100% 0px, 100% 0, 76% 100%, 100% calc(100% - 0px), 0 100%); cursor: pointer; clip-path: ppolygon( 0 0, 100% 0px, 100% 0, 76% 100%, 100% calc(100% - 0px), 0 100%); display: block; position: absolute; top: 0px; left: 0px }
#plate_selete_point .selete_main .plate_select .select_qy_vfx { width: 354px; height: 256px; box-sizing: border-box; -webkit-clip-path: polygon( 24% 0, 100% 0px, 100% 0, 100% 100%, 100% calc(100% - 0px), 0 100%); cursor: pointer; clip-path: ppolygon( 24% 0, 100% 0px, 100% 0, 100% 100%, 100% calc(100% - 0px), 0 100%); display: block; position: absolute; top: 0px; right: 0px }
.article_status { width: 100%; height: 40px; text-align: center; position: relative; top: 80px; background: #ADFF5A }
.article_status a { color: #1E474D; line-height: 40px; font-size: 14px; }
.get_coin_remind { height: 60px; width: 400px; background: rgba(46, 71, 32, 0.20); position: fixed; top: 200px; left: 50%; margin-left: -200px; border-radius: 8px; text-align: center; opacity: 0; z-index: 999999 }
.get_coin_remind div { display: inline-block; margin: auto; font-size: 14px; line-height: 60px; }
.get_coin_remind .r1 { color: rgba(223, 255, 175, 0.60); margin-right: 60px; }
.get_coin_remind .r2 { color: #ADFF5A; }
.mboxindex-nav { width: 100%; text-align: center; height: 60px; background: #0C1012; }
.mboxindex-nav a { display: inline-block; height: 60px; padding: 0px 50px; line-height: 60px; margin: auto; font-size: 16px; color: #2B5E74; position: relative; }
.mboxindex-nav a:hover { color: #DCF3FA }
.mboxindex-nav a.on { font-size: 16px; color: var(--button-Normal, #6FFFF7); font-weight: 600; }
.mboxindex-nav a.on .line { width: 64px; height: 7px; display: block; background: url(../images/Vector.png?22) no-repeat; border-radius: 2px; position: absolute; top: 53px; left: 50%; margin-left: -32px; }
.index_focus_null { width: 400px; margin: auto; text-align: center; padding-bottom: 50px; margin-top: 50px; display: block; font-size: 18px; color: #838897; }
.work-focus-con { width: 400px; margin: auto; text-align: center; padding-bottom: 50px; margin-top: 20px; display: block; font-size: 14px; color: #838897; }
.work-focus-null { margin-top: 22px; }
.focus-null-login { width: 120px; height: 36px; border-radius: 18px; border: 2px solid #ADFF5A; text-align: center; margin: auto; font-size: 16px; color: #ADFF5A; line-height: 34px; letter-spacing: 1px; background: none; margin-top: 22px; }
.tablist .gse-p17 { width: 550px; height: 80px; padding-top: 15px; padding-bottom: 15px; background: rgba(170, 72, 135, 0.80); box-sizing: border-box; position: absolute; bottom: 0px; right: 0px; z-index: 999; }
.tablist .gse-p17 .Juaj8s { width: 100%; height: 50px; background: rgba(231, 177, 212, 0.80); display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex: initial; -ms-flex: initial; flex: initial; -webkit-flex-wrap: initial; -ms-flex-wrap: initial; flex-wrap: initial; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.tablist .gse-p17 .quota { color: #1b1b1b; text-align: center; margin-left: 38px; margin-right: 38px; }
.tablist .gse-p17 .quota .t1 { font-size: 18px; font-weight: 700; height: 26px; line-height: 26px; }
.tablist .gse-p17 .quota .t2 { font-size: 12px; font-weight: 700; }

.watermark-text { transform: rotate(-45deg); position: absolute; white-space: nowrap; color: rgba(255, 255, 255, 0.2); font-size: 28px; user-select: none; }