@charset "utf-8";
html {
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ul,
ol,
li,
form,
th,
td,
table,
label,
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
hgroup {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}

body {
    color: #666;
    font-family: PingFangSC, PingFang SC;
    font-size: 14px;
}

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
hgroup {
    display: block
}
li,ul{list-style:none}
iframe,img{border:0}
sub,sup{vertical-align:baseline}
a{color:#333;text-decoration:none;outline:0}
button,input,select,textarea{margin:0;padding:0;font-size:100%;vertical-align:middle;outline:0 none}
img,input,select{vertical-align:middle}
button{cursor:pointer}
textarea{resize:none;overflow-y:auto}
.clearfix:after{content:'\0020';display:block;height:0;clear:both;font-size:0;visibility:hidden}
table{border-collapse:collapse;border-spacing:0}
.fl{float:left}
.fr{float:right}
.pd-t-2{padding-top:2px}
.pd-t-6{padding-top:6px}
.pd-t-8{padding-top:8px}
.pd-t-10{padding-top:10px}
.pd-t-12{padding-top:12px}
.pd-t-14{padding-top:14px}
.pd-t-26{padding-top:26px}
.pd-t-30{padding-top:30px}
.pd-t-48{padding-top:48px}
.mg-t-15{margin-top:15px!important}
.mg-l-12{margin-left:12px}
.mg-t-12{margin-top:12px}
.mg-b-12{margin-bottom:12px}
.mg-l-16{margin-left:16px}
.mg-t-16{margin-top:16px}
.mg-b-16{margin-bottom:16px}
.mg-t-15{margin-top:15px!important}
.mg-b-20{margin-bottom:20px!important}
.mg-b-40{margin-bottom:40px}
body, html {width: 100%;}
body {overflow-x: hidden;}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/*通用弹窗*/
#commonpop{position:fixed;left:0;top:0;right:0;bottom:0;margin:auto;width:148px;height:48px;background-color:rgba(0,0,0,.6);text-align:center;display:none;border-radius:5px;z-index:100000}
#commonpop p{margin:0!important;padding:0!important;color:#fff;font-size:12px;text-align:center;display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-direction:column}
#commonpop p span{line-height:22px;display:block}
.tips{padding:50px 0;text-align:center;font-size:18px}


/* 头部 */
.wd1200{width:1200px;margin:0 auto}
.inner{width:1200px;margin:0 auto}
.flex{display:flex}
.justify-content-between{justify-content:space-between}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.sx-nav{font-size:14px;line-height:20px;padding:20px 0 20px;font-weight: 400;}
.sx-nav .index{color:#666}
.sx-nav span{background: url(../../images/nav-arrow.png) no-repeat;background-size: 5px 8px;width: 5px;height: 8px;display: inline-block;vertical-align: middle; margin: 0 4px;}

.header{height:120px;z-index:999;width:100%;min-width:1200px}
.header .logo{width:236px;height:54px;overflow:hidden;margin-top: 35px;}
.header .logo a{display:block}
.header .logo a img{display:block;width:100%;height:100%}

.nav{width:100%;min-width:1200px;background: #3FCDC9;}
.nav ul{    display: flex;justify-content: space-between;}
.nav li{float:left;height:16px;padding:17px 0;border-bottom: 3px solid transparent;margin-top: 3px;}
.nav li a{color:#fff;font-size:16px;font-family: MicrosoftYaHeiSemibold;}
.nav li:hover{    border-bottom: 3px solid #fff;}
.nav li.active{    border-bottom: 3px solid #fff;}
.nav ul li:hover .child-nav-wrap{display: block;}
.nav li .child-nav-wrap{display: none;position: absolute;width: 100%;background: #fff;left: 0;top: 176px;box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.1);}
.nav li .child-nav-wrap ul{display: block;}
.nav li .child-nav-wrap li{padding: 13px 0;margin: 0;border: 0;height: unset;margin-right: 60px;}
.nav li .child-nav-wrap li a{color: #333;font-size: 14px;}

.header .search{width:304px;height:40px;border-radius:20px;margin-top:42px;display:flex;margin-left:auto;background:#f7f6f6}
.header .search input{width:270px;height:40px;line-height:40px;color:#999;font-size:16px;font-weight:400;border:0;outline:0;text-indent:16px;background:0 0}
.header .search input::-webkit-input-placeholder{color:#999;font-size:16px;font-weight:400}
.header .search .searchbtn{display:inline-block;width:20px;height:20px;background:url(../../images/search.png) no-repeat;background-size:100% 100%;margin-top:10px;cursor:pointer}
.header .share{width:370px;margin-top:25px;margin-left:40px}
.header .share .share-box{width:100%;display:flex}
.header .share .share-box .button-box-item{width:70px;display:inline-block;position:relative;text-align:center}
.header .share .share-box .button-box-item .button-box-item-default{width:100%;display:flex;flex-direction:column;align-items:center;cursor:pointer}
.header .share .share-box .button-box-item .button-box-item-default img{width:48px;height:48px}
.header .share .share-box .button-box-item .button-box-item-default span{line-height:16px;font-size:12px;color:#333;margin-top:6px}
/* .header .share .share-box .button-box-item .button-box-item-hover{position:absolute;top:80px;left:-19px;width:88px;height:102px;display:flex;flex-direction:column;align-items:center;padding:10px;background:#fff;box-shadow:0 2px 8px 0 rgba(0,0,0,.1);border-radius:4px;z-index:99;display:none} */
.header .share .share-box .button-box-item .button-box-item-hover{margin-top: 10px;margin-left: -19px;width:88px;height:102px;display:flex;flex-direction:column;align-items:center;padding:10px;background:#fff;box-shadow:0 2px 8px 0 rgba(0,0,0,.1);border-radius:4px;z-index:99;display:none}
.header .share .share-box .button-box-item .button-box-item-hover img{width:88px;height:88px}
.header .share .share-box .button-box-item .button-box-item-hover span{line-height:16px;font-size:12px;color:#999;margin-top:4px}
.header .share .share-box .button-box-item .button-box-item-hover.logout{cursor:pointer;width:68px;height:unset;margin-left: -8px;flex-direction: row;justify-content: center;}
.header .share .share-box .button-box-item .button-box-item-hover.logout span{margin-top:0;margin-left: 5px; color: #333;}
.header .share .share-box .button-box-item .button-box-item-hover.logout img{width:13px;height: 12px;margin-top: 0;}
.header .share .share-box .button-box-item:not(.box-login):hover .button-box-item-hover{display:flex}

.content-line{width:100%;height:2px;min-width:1200px;background:#3fcdc9}
.footer{padding:46px 0 53px}
.footer p{font-size:14px;font-weight:400;color:#333;text-align:center;line-height:24px}
.footer a{color:#333}
.footer p span{padding:0 5px}


/* 提示 */
.ct-nav{padding:25px 0;font-size:14px;color:#656565}

/* 右侧大图和热点资讯 */
.ct-right{width:384px}
.ct-right .ctr-top{width:100%;height:216px;overflow:hidden;position:relative}
.ct-right .ctr-top a{display:block;width:100%;height:100%}
.ct-right .ctr-top img{width:100%;height:100%}
.ct-right .ctr-top p{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;display:inline-block;position:absolute;width:94%;padding:0 3%;height:43px;bottom:0;left:0;font-size:16px;line-height:40px;text-align:left;color:#fff;background:url(/images/pc/slide_mask.png) 0 bottom repeat-x;padding-top:28px;display:none}
.ctr-content{width:100%;overflow:hidden;margin-top:8px}
.ctr-bottom .ctr-title{font-size:22px;height:22px;line-height:22px;padding:30px 0 28px;position:relative}
.ctr-title h5{font-size:22px;font-weight:400;display:inline-block;color:#333}
.ctr-title a{float:right;width:9px;height:16px;background:url(../../images/pc/more.png) no-repeat;background-size:9px 16px;padding:4px}
.ctr-line{display:inline-block;width:220px;height:14px;border-bottom:1px solid #c8c8c8;position:absolute;right:0;top:0}
.ctr-content{width:100%;overflow:hidden}
.ctr-content li{width:100%;overflow:hidden;font-size:14px;margin-bottom:26px}
.ctr-content li i{width:25px;overflow:hidden;font-size:16px;display:inline-block;color:#c9c9c9;font-weight:700;font-family:DIN-Bold,DIN}
.ctr-content li .icon1{color:#e70f20}
.ctr-content li .icon2{color:#ff7f0d}
.ctr-content li .icon3{color:#ffc71c}
.ctr-content li a{width:350px;font-size:14px;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333}


/*分页*/
.pages{width:100%;height:32px;margin:20px auto 0px auto;text-align:center;font-size:0;font-weight:400}
.pages span{display:inline-block;margin-right:8px;border-radius: 4px;overflow: hidden;}
.pages span a{height:32px;display:inline-block;line-height:32px;padding:0 10px;color:#333;box-sizing:border-box;min-width:32px;font-size:16px;background:#f5f5f4}
.pages input{width:33px;text-align:center;border:1px solid #989898;height:32px;display:inline-block;line-height:32px;margin-right:10px;border-radius:2px}
.pages span a.on{height:32px;display:inline-block;line-height:32px;background:#3FCDC9;color:#fff}
.pages span .next,.pages span .prev{padding:0 12px}

/* 列表页右侧公共区域 */
.list-right{width:384px;margin-bottom:50px}
.list-right .pic{width:384px;height:216px;position:relative; overflow: hidden;}
.list-right .pic a,.list-right .pic img{width:100%;height:100%;display:block}
.hot-title{font-size:22px;font-weight:600;line-height: 30px;color:#333;margin-bottom:8px;margin-top:24px;display:flex;justify-content:space-between;align-items: center;}
.hot-title a.more{width:9px;height:16px;background:url(../../images/more.png) no-repeat;background-size:100% 100%}
.hot-list{width:100%}
.hot-list li{width:100%;font-size:16px;font-weight:400;color:#333;line-height:48px;height:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hot-list li a{color:#333}
.hot-list li a i{font-weight:700;color:#cacaca;margin-right:10px;font-style:normal}
.hot-list li:nth-child(1) a i{color:#c52d27}
.hot-list li:nth-child(2) a i{color:#ef8535}
.hot-list li:nth-child(3) a i{color:#f6c446}

body,.content-inner{min-width: 1280px;margin: 0 auto;}
.nav,.header,.footer{min-width: 1280px;margin: 0 auto;}

.common-title{display:flex;justify-content:space-between;height:24px;font-size:24px;font-weight:700;color:#333;line-height:24px;padding:40px 0 28px}
.common-title span{border-left:6px solid #0070ea;padding-left:15px;}
.common-title a.more{width:9px;height:16px;background:url(/images/pc/right.png) no-repeat;background-size:100% 100%;margin-top:6px}

.list-right .common-title{padding:29px 0 10px}

/*公共弹窗样式*/
#commonpop{position:fixed;left:0;top:0;right:0;bottom:0;margin:auto;width:300px;height:48px;background-color:rgba(0,0,0,.6);text-align:center;display:none;border-radius:5px;z-index:100000}
#commonpop p{margin:0!important;padding:0!important;color:#fff;font-size:16px;text-align:center;display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-direction:column}
#commonpop p span{line-height:22px;display:block}


/*公共alert提示*/
#tide_alert_box{z-index: 9999;position: relative;}
#tide_alert{ position: fixed; z-index: 99999; width: auto; left: calc(50% - var(--tide_alert_left)); top: 80px; margin: 0; animation: tide-alert-fadein 0.1s ease 1; }
#tide_alert .tide_alert_content{ display: block; text-align: center; }
#tide_alert .tide_alert_content .alert-box{ display: inline-block; margin-bottom: 0; }
#tide_alert #alert-box .alert-text{ word-break: break-all; }
@keyframes tide-alert-fadein {from {top:70px }to {top: 80px; } }
.alert-danger {color: #b51f2e;background-color: #f7d1d5;border-color: #dc3545;}
.alert-success {color: #1c9806;background-color: #bcfcb1;border-color: #23bf08;}
.alert-danger-white {color: var(--tx-default);background-color: #fff;box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05);}
.alert-danger-white .fa{color: #ff3033;}
.alert {border-width: 0;padding: 15px 20px;position: relative;border: 1px solid transparent;border-radius: 3px;font-size: .875rem;font-weight: 400;line-height: 1.5;}
.tx-16 {font-size: 16px;}
.mg-r-5 {margin-right: 5px;}

/* 登录注册 */
/* 弹窗遮罩层 */
.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    justify-content: center;
    align-items: center;
}
/* 弹窗容器 */
.modal-container {
    background-color: #fff;
    border-radius: 8px;
    width: 348px;
    padding: 56px 44px 0;
    position: relative;
}
/* 关闭按钮 */
.close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 20px;
    cursor: pointer;
    color: #999;
}
.close-btn img {
    width: 16px;
    height: 16px;
}
/* 标题样式 */
.modal-title {
    text-align: center;
    font-size: 20px;
    color: #3FCDC9;
    margin-bottom: 28px;
    font-weight: 400;
}
/* 输入框样式 */
.input-group {
    margin-bottom: 28px;
    position: relative;
}
.input-group input {
    width: 100%;
    height: 40px;
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    padding-left: 50px;
    box-sizing: border-box;
    font-size: 14px;
}
.input-group i {
    position: absolute;
    padding: 0 10px;
    /* left: 10px; */
    top: 10px;
    color: #999;
}
.input-group i.icon {
    border-right: 1px solid #EEEEEE;
}
.input-group i.icon img {
    width: 16px;
    height: 18px;
    vertical-align: bottom;
}
/* 验证码输入框和按钮 */
.verification-code {
    display: flex;
    gap: 10px;
}
.verification-code input {
    flex: 1;
}
.get-code-btn {
    height: 40px;
    background: transparent;
    color: #3FCDC9;
    border: none;
    cursor: pointer;
    font-size: 14px;
    position: absolute;
    right: 12px;
}
.get-code-btn:disabled {
    cursor: not-allowed;
}
/* 密码可见性切换 */
.toggle-password {
    position: absolute;
    right: 10px;
    top: 12px;
    cursor: pointer;
    color: #999;
}
.toggle-password img {
    width: 16px;
    height: 12px;
}
/* 协议复选框 */
.agreement {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-size: 12px;
    color: #333;
}
.agreement input {
    width: 14px;
    height: 14px;
    margin-right: 5px;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    position: relative;
    outline: none;
}
.agreement input[type="checkbox"]:checked {
    background-color: #3FCDC9;
    border-color: #3FCDC9;
}
.agreement input[type="checkbox"]:checked::after {
    content: "✓";
    position: absolute;
    top: -3px;
    left: 2px;
    font-size: 12px;
    color: white;
    font-weight: bold;
}
.agreement a {
    color: #3FCDC9;
}
/* 按钮样式 */
.submit-btn {
    width: 100%;
    height: 44px;
    background-color: #3FCDC9;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 20px;
    margin-top: 40px;
}
/* 切换链接 */
.switch-link {
    text-align: center;
    font-size: 14px;
    color: #333;
    padding-bottom: 40px;
}
.switch-link a {
    color: #3FCDC9;
}
/* 登录方式切换 */
.login-tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 28px;
}
.login-tab {
    cursor: pointer;
    font-size: 16px;
    color: #333;
}
.login-tab + .login-tab {
    margin-left: 32px;
}
.login-tab.active {
    color: #3FCDC9;
    font-size: 20px;
}
/* 登录表单切换显示 */
.login-form {
    display: none;
}
.login-form.active {
    display: block;
}
/* 显示弹窗的按钮 */
.show-modal-btn {
    padding: 10px 20px;
    background-color: #3FCDC9;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin: 20px;
}
.hide{display: none !important;}