html {
font-size: 14px;
color: #333333;
font-family: Arial,Microsoft Yahei;
margin: 0 auto;
}
* {
padding: 0;
box-sizing: border-box;
margin: 0;
}
ul {
list-style: none;
}
a {
color: #333;
text-decoration: none;
font-size: 14px;
}
a:hover {
color: inherit;
}
input {
background: none;
outline: none;
border: none;
}
.hide{display: none;}
html {
min-height: 100%;
}
body{
min-height: 100vh;
display: flex;
flex-direction: column;
background: #fafafa;
}
.mgtop0{margin-top: 0!important;}
.ovhidd{overflow: hidden;}
button {
/*娑堥櫎button鐨勯粯璁ゆ牱寮�*/
/*杩欑鍐欐硶鏄鎵€鏈夌殑button鏍囩鍚屾椂鐢熸晥*/
margin: 0;
padding: 0;
/*鑷畾涔夎竟妗�*/
border: 0;
/*娑堥櫎榛樿鐐瑰嚮钃濊壊杈规鏁堟灉*/
outline: none;
cursor: pointer;
}
.main1100{
width: 1100px;
margin: 0 auto;
}
.mgbot50{
margin-bottom: 50px!important;
}
.maglft20{margin-left: 20px;}
.fl{
float: left;
}
.diandian{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.fr{
float: right;
}
.mgtop20{
margin-top: 20px;
}
/* 鍏叡澶撮儴 */
header{
height: 80px;
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
background: white;
}
.logo{
margin-top: 25px;
}
.head_search_box input{
width: 370px;
height: 40px;
border-radius: 20px 0 0 20px;
border: 1px solid #FFAB12;
border-right: none;
float: left;
padding-left: 25px;
box-sizing: border-box;
}
.head_search_box button{
width: 100px;
height: 40px;
background: #FF9D00;
border-radius: 0px 20px 20px 0px;
float: left;
box-sizing: border-box;
}
.head_search_box img{
width: 20px;
height: 20px;
}
.head_denglu{
font-size: 14px;
margin-left: 35px;
margin-top: 10px;
}
/* 闈㈠寘灞� */
.crumbs{
height: 50px;
line-height: 50px;
}
.crumbs img{
width: 14px;
height: 14px;
margin-right: 2px;
position: relative;
top: 2px;
}
.crumbs a,.crumbs{
font-size: 14px;
color: #333;
}
.crumbs span{
color: #999999;
}
.wendalist_type_box{
border: 1px solid #E6E6E6;
padding: 0 25px;
flex-wrap: wrap;
padding-top: 7px;
background: white;
height: 92px;
overflow: hidden;
}
.wendalist_type_box .lefttitle{
font-size: 14px;
font-weight: bold;
line-height: 40px;
}
.wendalist_type_box a{
font-size: 14px;
line-height: 40px;
padding: 5px 19px;
float: left;
line-height: normal;
margin-bottom: 10px;
}
.wendalist_type_box a.active{
background: rgba(51, 150, 247, 1);
color: white;
border-radius: 4px;
}
.wendalist_type_box .typemore{
font-size: 14px;
color: rgba(128, 128, 128, 1);
line-height: 40px;
cursor: pointer;
}
.wendalist_type_box .wenda_list{
flex-wrap: wrap;
margin: 0 20px;
max-width: 945px;
margin-top: 5px;
}
.wenda_content_list{
margin-top: 20px;
background: white;
padding: 0 25px;
}
.wenda_content_list a{
font-size: 16px;
}
.wenda_content_list li{
height: 54px;
line-height: 54px;
padding-left: 12px;
font-weight: 500;
box-sizing: border-box;
border-bottom: 1px solid #E6E6E6;
}
.wenda_content_list li:hover{
background: #F3F9FF;
}
.wenda_content_list li span{
margin-left: 8px;
color: #999999;
float: left;
}
.wenda_content_list li span:nth-of-type(1){
margin-left: 20px;
}
.wenda_content_list li span img{
width: 20px;
height: 20px;
position: relative;
}
.wenda_content_list li div{
font-weight: 500;
color: #999999;
}
.wenda_content_list li a{display: block;overflow: hidden;}
.wenda_content_list li .fr span{
margin-left: 18px;
}
.wenda_content_list li:nth-last-of-type(1){
border-bottom: none;
}
.wenda_content_list .content_info{
margin: 0!important;
color: #333333;
max-width: 710px;
}
.wenda_content_list a>div{max-width: 852px;overflow: hidden;}
.list_page{
overflow: hidden;
margin: 0 auto;
margin-top: 65px;
display: flex;
justify-content: center;
align-items: center;
}
.list_page a{
float: left;
width: 38px;
height: 38px;
border-radius: 19px;
text-align: center;
line-height: 38px;
}
.list_page .b{
width: 80px;
height: 38px;
background: #FFFFFF;
border: 1px solid #F0F0F0;
border-radius: 19px;
text-align:center ;
line-height: 38px;
margin: 0 20px;
}
.list_page div input{
width: 80px;
height: 38px;
background: #FFFFFF;
border: 1px solid #F0F0F0;
border-radius: 19px;
text-align: center;
line-height: 38px;
}
.list_page div{margin-left: 29px;}
.list_page div button{
width: 80px;
height: 38px;
background: #3396F7;
border-radius: 19px;
text-align: center;
line-height: 38px;
color: white;
margin-left: 16px;
}
.list_page div span:nth-of-type(1){
margin-right: 14px;
}
.list_page div span:nth-of-type(2){
margin-left: 12px;
}
.list_page a.current{
color: white;
background:rgba(51, 150, 247, 1) ;
}
/* 鍙嬫儏閾炬帴 */
.links {
float: left;
margin: 0;
min-width: 1100px;
width: 1100px;
height: auto;
padding: 0;
}
.divTop {
float: left;
min-width: 1100px;
margin: 0;
padding: 0;
border-bottom: 1px solid #e6e6e6;
}
.divTop li {
float: left;
color: #333;
height: 29px;
line-height: 29px;
text-align: left;
font-size: 16px;
font-weight: bold;
}
.divTop li.hover {
font-weight: bold;
cursor: pointer;
border-bottom: 3px solid #3388ff;
}
.divCont {
float: left;
min-width: 1100px;
width: 1100px;
height: auto;
margin: 0;
padding: 8px 0px;
border-top: none;
line-height: 24px;
}
.links .bt li {
float: left;
margin: 0;
padding: 0 5px;
line-height: 24px;
white-space: nowrap;
margin-right: 31px;
}
.divCont .bt a {
color: #666;
font-size: 12px;
}
/* 搴曢儴瀵艰埅 */
.hhx_footer_box {
display: inline-block;
height: 88px;
float: left;
margin-right: 50px;
}
.hhx_fontfff16 {
color: #333;
font-size: 14px;
font-weight: bold;
}
.hhx_flexaBox {
margin-top: 17px;
}
.hhx_flex_a {
width: 100%;
margin-bottom: 17px;
}
.hhx_flexaBox a {
display: inline-block;
width: 73px;
white-space: nowrap;
font-size: 12px;
color: #333!important;
text-align: center;
font-family: "microsoft yahei";
border-right: 1px solid #cccccc;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
visibility: hidden;
clear: both;
}
.newIndex_load {
display: inline-block;
width: 86px;
margin-right: 33px;
float: left;
position: relative;
}
.newIndex_load div {
width: 100%;
text-align: center;
font-size: 14px;
color: #333;
font-weight: bold;
margin-bottom: 12px;
}
.newIndex_load>img {
width: 81px;
height: 81px;
}
.large-img {
position: absolute;
top: -200px;
left: -56px;
display: none;
}
.newIndex_sugg {
display: inline-block;
float: right;
margin-top: 42px;
}
.newIndex_sugg img {
display: inline-block;
margin-right: 9px;
}
.newIndex_sugg a div:first-of-type {
font-size: 14px;
color: #333;
margin-bottom: 7px;
}
.newIndex_sugg a div {
white-space: nowrap;
}
.newIndex_sugg a div:last-of-type {
font-size: 12px;
color: #333;
margin-top: 7px;
}
#footer {
min-width: 1100px;
width: 1100px;
background: #f6f6f6;
padding: 0;
margin: 10px auto;
}
/* 搴曢儴 */
#hhx_footer {
color: #6f6f6f!important;
width: 100%;
background: #333;
border-top: 1px solid #444444;
text-align: center;
padding: 10px 0;
overflow: hidden;
font-size: 14px;
}
.hhx_footer_mid {
width: 1100px;
margin: 0 auto;
overflow: hidden!important;
}
#hhx_footer a {
color: #6f6f6f!important;
white-space: nowrap!important;
}
/* 棣栭〉 */
.index_header{
background: url(../images/banner.jpg) no-repeat;
background-size: cover;
height: 400px;
}
.index_top_logo{
margin-top: 24px;
}
.index_top_logo span img{
margin-right: 10px;
}
.index_top_logo span {
margin-top: 12px;
color: #FFFFFF;
display: flex;
align-items: center;
cursor: pointer;
}
.index_search{
margin: 0 auto;
width: 550px;
margin-top: 155px;
overflow: hidden;
border-radius: 0px 20px 20px 0px;
margin-left: 64px;
}
.index_search input{
width: 450px;
background:white;
}
.index_search input::placeholder{
color: #BBBBBB;
}
.index_hot_search{
display: flex;
align-items: center;
width: 550px;
margin: 0 auto;
margin-top:16px ;
margin-left: 80px;
}
.index_hot_search span{
color: white;
}
.index_hot_search a{
width: 50px;
height: 22px;
background: rgba(0, 0, 0, 0.32);
border-radius: 11px;
color: white;
text-align: center;
line-height: 22px;
margin-right: 13px;
}
.index_top_type{
background: #FFFFFF;
box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.06);
border-radius: 16px;
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 10px 8px;
margin-top: -60px;
}
.index_top_type a{
width: 11%;
text-align: center;
line-height: 45px;
font-size: 16px;
font-weight: 500;
}
.index_top_type a:hover{
color: rgba(255, 0, 0, 1);
}
.index_ask_list{
background: #FFFFFF;
box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.06);
border-radius: 16px;
margin-top: 20px;
padding: 8px 26px 10px 26px;
overflow: hidden;
}
.index_jingxuan p{
font-size: 22px;
line-height: 50px;
font-weight: 500;
}
.index_jingxuan p img{
margin-right: 9px;
position: relative;
top: 5px;
}
.jingxuan_ask_list{
display: flex;
flex-wrap: wrap;
max-width: 610px;
}
.jingxuan_ask_list li{
width: 280px;
}
.jingxuan_ask_list li span{
line-height: 36px;
font-weight: 500;
position: relative;
padding-left: 14px;
display: block;
}
.jingxuan_ask_list li span::before{
content: '';
display: block;
width: 5px;
height: 5px;
background: #3396F7;
position: absolute;
left: 0;
top: 15px;
}
.jingxuan_ask_list li:nth-of-type(2n+1){
margin-right: 50px;
}
.others_ask_list_title{
font-size: 22px;
line-height: 50px;
font-weight: 500;
text-align: center;
position: relative;
width: 367px;
}
.others_ask_list_title::before,.others_ask_list_title::after{
content: '';
display: block;
width: 80px;
height: 2px;
background: #E6E6E6;
position: absolute;
left: 27px;
top: 25px;
}
#dome{
height: 600px;
overflow: hidden;
}
.others_ask_list_title::after{
left: auto;
right: 27px;
}
.others_ask_list li{
height: 60px;
line-height: 60px;
border-bottom:1px dashed #e6e6e6 ;
}
.others_ask_list li a{
display: flex;
justify-content: space-between;
align-items: center;
}
.others_ask_list li img{
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 12px;
border: 2px solid #e6e6e6;
}
.others_ask_list li p{
max-width: 270px;
display: flex;
align-items: center;
}
.others_ask_list li span{
font-weight: 500;
color: #999999;
}
.others_ask_list li:nth-last-of-type(1){
border: none;
}
.index_new_answer{
background: #FFFFFF;
box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.06);
border-radius: 16px;
margin-top: 24px;
margin-bottom: 60px;
}
.new_answer_title{
display: flex;
align-items: center;
padding: 23px 0 0 27px;
}
.new_answer_title span{
font-size: 22px;
font-weight: 500;
margin: 0 20px 0 10px;
line-height: 30px;
}
.new_answer_label{
display: flex;
}
.new_answer_label li{
padding: 3px 10px;
height: 24px;
background: #F0F0F0;
border-radius: 12px;
font-weight: 500;
line-height: 20px;
margin-right: 13px;
}
.index_new_answer .wenda_content_list{background: transparent;margin-top: 6px;}
.search_title p{
font-size: 20px;
font-weight: 500;
line-height: 54px;
}
.search_title p span{
color: #FD1E00;
margin-right: 8px;
}
.about_search{line-height: 54px;}
.search_title .about_search span,.search_title .about_search a{
color: #999999;
line-height: 34px;
}
.search_title .about_search a.active{
color: rgba(253, 30, 0, 1);
}
.search_title .about_search a{
margin-left: 20px;
}
.search_title .about_search a:nth-of-type(1){
margin-left: 0;
}
/* 热点问答 */
.pw {
width: 1100px;
margin: 0 auto;
overflow: hidden;
}
.hot-tabs-nav {
height: 48px;
line-height: 48px;
font-size: 22px;
color: #333;
overflow: hidden;
border-bottom: 1px solid #ededed;
margin-bottom: 10px;
}
.hot-tabs-ele {
display: block;
float: left;
margin-right: 20px;
color: #333;
cursor: pointer;
line-height: 48px;
font-size: 22px;
}
.hot-tabs-con.current {
display: block;
}
.hot-inter-tabs-nav {
line-height: 28px;
height: 30px;
text-align: center;
font-size: 14px;
color: #666;
border-bottom: 1px solid #ededed;
margin-bottom: 10px;
}
.cf {
zoom: 1;
}
.hot-inter-tabs-nav li {
width: 10%;
float: left;
display: inline;
height: 28px;
}
.hot-inter-tabs-nav li span {
cursor: pointer;
display: block;
color: #666;
position: relative;
line-height: 28px;
font-size: 14px;
}
.hot-inter-tabs-nav li span i {
position: absolute;
width: 1px;
height: 14px;
display: block;
left: 0;
top: 50%;
margin-top: -7px;
background-color: #ccc;
}
.hot-inter-tabs-nav li:first-child span i {
display: none;
}
.hot-inter-tabs-nav li.current span {
border-bottom: 2px solid #ef5231;
color: #ef5231;
}
.cf:after {
content: "";
display: table;
clear: both;
}
.hot-inter-tabs-con.current {
display: block;
}
.hot-inter-tabs-con {
display: none;
}
.hot-inter-list {
line-height: 30px;
width: 1220px;
}
.hot-inter-list li {
width: 204px;
float: left;
display: inline;
margin-right: 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.hot-inter-list li a{
font-size: 16px;
}
.mt10 {
margin-top: 10px;
}
.title-h2 {
height: 48px;
line-height: 48px;
font-size: 22px;
color: #333;
position: relative;
}
.data-re .title-h2, .hot-spot .title-h2 {
border-bottom: 1px solid #ededed;
}
.mix_content_list {
overflow: hidden;
}
.mix_content_list li {
padding: 15px 0;
overflow: hidden;
float: left;
padding-bottom: 0;
}
.mix_content_list li img {
width: 222px;
height: 124px;
margin-right: 17px;
}
.fl {
float: left;
}
.mix_content_list li h3 {
font-size: 20px;
font-weight: 700;
line-height: 30px;
}
.mix_content_list li p {
font-size: 14px;
color: #999999;
line-height: 30px;
}
.mix_content_list li .audio_title {
margin-bottom: 6px;
}
.mix_content_list li .imgs {
overflow: hidden;
margin: 20px 0 14px 0;
}
.mix_content_list li .imgs img {
width: 237px;
height: 132px;
margin-right: 24px;
}
.mix_content_list li .imgs img:nth-last-of-type(1) {
margin-right: 0;
}
.mix_content_list li.ask:first-child {
margin-top: 20px !important;
}
.mix_content_list .ask {
width: 760px;
height: 120px;
box-sizing: border-box;
margin-top: 20px;
}
.mix_content_list .ask h3 {
font-size: 20px;
font-weight: bold;
}
.mix_content_list .ask h3 span {
display: inline-block;
width: 26px;
height: 26px;
background: #3388ff;
border-radius: 8px 8px 8px 0;
margin-right: 13px;
font-size: 16px;
color: #ffffff;
text-align: center;
line-height: 26px;
}
.mix_content_list .ask p {
font-size: 14px;
color: #808080;
line-height: 28px;
margin-top: 15px;
}
.duodiandian {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.mix_content_list .ask p span {
display: inline-block;
width: 26px;
height: 26px;
background: #F39800;
border-radius: 8px 8px 0 8px;
margin-right: 13px;
font-size: 16px;
color: #ffffff;
text-align: center;
line-height: 26px;
}
.like {
margin-left: 0;
}
.allsee-item {
float: left;
margin-right: 27px;
width: 168px;
position: relative;
}
.allsee-item:nth-child(4n) {
margin-right: 0;
}
.allsee-item .allsee-image {
display: block;
height: 130px;
}
.img-do {
overflow: hidden;
transform-style: preserve-3d;
}
.img-do img {
display: block;
width: 100%;
height: 100%;
transition: transform .5s ease .1s;
-webkit-transition: -webkit-transform .5s ease .1s;
}
.allsee-item .allsee-title {
display: block;
display: -webkit-box;
overflow: hidden;
margin-top: 8px;
width: 100%;
line-height: 20px;
font-size: 14px;
color: #303030;
-webkit-line-clamp: 1;
word-break: break-all;
-webkit-box-orient: vertical;
}
.index_audio_tjlist {
padding: 12px 0 15px 0;
border-bottom: 1px dashed #e6e6e6;
}
.index_audio_tjlist h4 {
font-size: 20px;
line-height: 40px;
font-weight: 600;
}
.index_audio_tjlist h4 img {
width: 26px;
height: 26px;
margin-right: 12px;
position: relative;
top: 6px;
}
.index_audio_tjlist p {
font-size: 14px;
color: #999999;
line-height: 24px;
-webkit-line-clamp: 3;
}
.duodiandian {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.mgtop5 {
margin-top: 5px;
}
.index_audio_tjlist p img {
width: 20px;
height: 18px;
margin-right: 12px;
position: relative;
top: 3px;
}
.wrapbox, .banner1100, .wrap1100 {
display: block;
clear: both;
width: 1100px;
margin: 0 auto;
}
.wrapbox .left {
float: left;
width: 760px;
min-height: 100px;
}
.cnys_videobox {
width: 100%;
height: 450px;
overflow: hidden;
}
.cnys_videobox video {
width: 100%;
height: 100%;
}
.readbox {
display: block;
clear: both;
width: 760px;
}
.readbox h1 {
display: block;
clear: both;
width: 100%;
font-size: 32px;
padding: 15px 0 20px;
line-height: 40px;
font-weight: bold;
color: #333;
margin-top: 7px;
padding-right: 120px;
}
.video_infos {
width: 100%;
}
.video_time {
display: inline-block;
font-size: 14px;
color: #999999;
}
.video_docter {
width: 100%;
border-top: 1px dashed #e6e6e6;
padding-top: 15px;
margin-top: 15px;
}
.video_docimg {
width: 100px;
height: 100px;
float: left;
overflow: hidden;
border-radius: 50%;
}
.video_docimg img {
width: 100%;
height: 100%;
}
.video_docinfo {
display: inline-block;
float: left;
margin-left: 25px;
}
.video_doc {
height: 50px;
line-height: 50px;
}
.video_doc span:nth-child(1) {
font-size: 22px;
color: #333333;
}
.video_doc span:nth-child(2) {
font-size: 16px;
color: #333333;
background-color: #E6E6E6;
margin-left: 12px;
padding: 4px 10px;
}
.video_hospital {
height: 50px;
line-height: 50px;
}
.video_hospital span:nth-child(1) {
font-size: 16px;
color: #808080;
}
.video_hospital span:nth-child(2) {
font-size: 16px;
color: #808080;
margin-left: 20px;
}
.readbox .reads {
padding: 0px;
line-height: 30px;
font-size: 14px;
}
.cnys_abarticle {
width: 100%;
}
.cnys_abarticle_title {
width: 100%;
padding-top: 10px;
padding-bottom: 0px;
border-bottom: 1px solid #e6e6e6;
}
.cnys_mtitle {
font-size: 22px;
color: #222222;
display: inline-block;
border-bottom: 2px solid #3388ff;
padding-right: 20px;
padding-bottom: 6px;
}
.wrapbox .right {
float: right;
width: 300px;
min-height: 100px;
margin-left: 20px;
}
.recommend {
width: 300px;
height: auto;
border: solid 1px #eeeeee;
border-top: none;
box-sizing: border-box;
margin-bottom: 20px;
}
.recommendTitle {
height: 40px;
border-top: 1px solid #e6e6e6;
font-size: 18px;
line-height: 40px;
color: #333333;
padding: 0 12px;
margin-top: 20px;
}
.recomd_div {
width: 100%;
border-bottom: 1px solid #e6e6e6;
}
.recomd_div span {
display: inline-block;
font-size: 18px;
border-bottom: 2px solid #3388ff;
}
.content_lists .guide {
width: 300px;
border: 1px solid rgba(230,230,230,1);
padding: 0 10px 14px 14px;
}
.content_lists .guide .h2 {
position: relative;
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: bold;
color: rgba(51,51,51,1);
margin: 16px 0 0 0;
padding-bottom: 0;
border-bottom: 1px solid rgba(230,230,230,1);
}
.ask_zjkp_title span {
color: #333;
font-weight: 400;
margin-right: 26px;
padding-bottom: 12px;
display: inline-block;
cursor: pointer;
}
.guide ul li {
overflow: hidden;
margin-top: 17px;
}
.guide ul li a {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.list_video {
width: 126px;
height: 87px;
float: left;
margin-right: 10px;
position: relative;
overflow: hidden;
}
.list_video img {
transition: 1s;
}
.guide ul li p {
font-size: 15px;
font-family: Microsoft YaHei;
font-weight: 500;
color: rgba(51,51,51,1);
line-height: 24px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.ask_zjkp_list li a p:nth-of-type(1) {
font-weight: 550;
}
.ask_zjkp_list li p:last-child {
font-size: 14px;
color: #b8b8b8;
margin-top: 10px;
}
.guide ul li+li {
margin-top: 13px;
}
.ask_zjkp_list .ask {
width: 100%!important;
box-sizing: border-box;
margin-top: 20px;
height: auto!important;
}
.ask_zjkp_list .ask h3 {
font-size: 14px!important;
font-weight: bold;
line-height: 26px!important;
}
.ask_zjkp_list .ask h3 span {
display: inline-block;
width: 22px!important;
height: 22px!important;
background: #3388ff;
border-radius: 5px 5px 5px 0!important;
margin-right: 6px!important;
font-size: 14px!important;
color: #ffffff;
text-align: center;
line-height: 25px!important;
}
.ask_zjkp_list .ask p {
font-weight: normal!important;
}
.ask_zjkp_list .ask p span {
display: inline-block;
width: 22px!important;
height: 22px!important;
background: #F39800;
border-radius: 5px 5px 0 5px!important;
margin-right: 6px!important;
font-size: 14px!important;
color: #ffffff;
text-align: center;
line-height: 25px!important;
}
.readbox .reads p {
display: block;
clear: both;
line-height: 30px;
font-size: 18px;
padding: 10px 0;
word-break: break-all;
word-wrap: break-word;
}
.mix_content_list .video_style .leftimg {
width: 161px;
height: 110px;
position: relative;
margin-right: 16px;
}
.mix_content_list .video_style .leftimg img:nth-of-type(2) {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
}
.mix_content_list .video_style .leftimg img {
width: 100%;
height: 100%;
}
.mix_content_list .video_style .leftimg span {
position: absolute;
display: block;
width: 46px;
height: 20px;
background: rgba(0,0,0,0.5);
border-radius: 4px;
color: #FFFFFF;
font-size: 13px;
text-align: center;
line-height: 20px;
right: 7px;
bottom: 7px;
}
.new_audio_list .author_info img {
width: 56px;
height: 56px;
border-radius: 50%;
margin-right: 10px;
}
.new_audio_list .author_info div {
width: 197px;
height: 40px;
background: url(../../cnys2021/images/audio.png) no-repeat;
background-size: cover;
text-align: center;
font-size: 14px;
line-height: 40px;
color: #999999;
}
.new_audio_list .author_info .time_length {
color: #3388ff;
margin-left: 10px;
}
.mix_content_list .video_style .right_content h3 {
font-size: 18px;
font-weight: bold;
max-width: 580px;
margin-bottom: 20px;
}
.mix_content_list .video_style .right_content p {
color: #999999;
line-height: 28px;
font-size: 14px;
max-width: 580px;
}
.flex {
display: flex;
}
.aic {
align-items: center;
}
.new_audio_list li {
border-bottom: 1px dashed #E6E6E6;
padding: 15px 0;
}
.cnys_abarticle .mix_content_list .ask{
margin-top: 0;
}
.readbox .digest {
display: block;
clear: both;
width: 730px;
padding: 12px 15px;
line-height: 26px;
color: #666;
border-radius: 3px;
font-size: 14px;
margin-top: 10px;
color: #999;
background-color: #f9f9f9;
}
.daodu {
background-color: #333;
color: #fff !important;
padding: 2px 3px;
margin-right: 4px;
}
.readbox .digest b {
font-size: 14px;
color: #ccc;
}
.list_video {
width: 89px;
height: 61px;
float: left;
margin-right: 10px;
position: relative;
overflow: hidden;
}
.content_lists .recommend .ask_zjkp_list{
padding: 0 20px 20px 20px;
}
img {
border: none;
object-position: center top;
object-fit: cover;
}
.readbox .reads p img {
display: block;
margin: 0 auto;
padding: 0 10px;
max-width: 660px;
}
.down_load{
position: absolute;
right: 0;
top:50px;
width: 160px;
height: 40px;
border: 1px solid #ffa500;
display: flex;
align-items: center;
justify-content: center;
border-radius: 20px;
font-size: 18px;
color: white;
background: #ffa500;
font-weight: bold;
}
.down_load:hover{
color: white;
background: #ffa500;
font-weight: bold;
}
.down_load:visited{
color: white;
}
.wenda_content_list span a{
font-size: 14px;
color: rgba(51, 150, 247, 1);
}
.wenda_content_list span a:hover{
text-decoration: underline;
}
.index_top_logo ul{
display: flex;
margin-left: 25px;
}
.index_top_logo ul li a{
font-size: 16px;
color: #152337;
line-height: 34px;
display: block;
padding: 0 25px;
}
.index_top_logo .login{
display: flex;
align-items: center;
font-size: 16px;
color: #FFFFFF;
cursor: pointer;
}
.index_top_logo .login img{
margin-right: 9px;
}
.index_top_logo .login span{
margin-top: 0;
}
.health_doc_type{
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 46px;
}
.health_doc_type a{
display: flex;
width: 233px;
height: 140px;
border-radius: 10px;
background: url(../images/1.png) no-repeat;
flex-direction: column;
align-items: center;
}
.health_doc_type a:nth-of-type(2){
background: url(../images/2.png) no-repeat;
}
.health_doc_type a:nth-of-type(3){
background: url(../images/3.png) no-repeat;
}
.health_doc_type a:nth-of-type(4){
background: url(../images/4.png) no-repeat;
}
.health_doc_type a h3{
font-size: 28px;
font-family: PingFang SC;
font-weight: 800;
color: #FFFFFF;
text-shadow: 0px 4px 0px rgba(0,0,0,0.2);
margin-top: 25px;
}
.health_doc_type a p{
font-size: 14px;
font-family: PingFang SC;
font-weight: 800;
color: #FFFFFF;
line-height: 24px;
text-shadow: 0px 4px 0px rgba(0,0,0,0.2);
max-width: 117px;
text-align: center;
margin-top: 6px;
}
.health_doc_type a:nth-of-type(4) h3{
font-size: 24px;
line-height: 40px;
}
.health_doc_type a:nth-of-type(4) p{
max-width: 164px;
}
.health_doc_type a:nth-of-type(3) p{
max-width: 160px;
}
.vip_box{
overflow: hidden;
margin-top: 50px;
}
.vip_source{
width: 750px;
height: 300px;
background: #FFFFFF;
border-radius: 10px;
background: white;
}
.vip_source >p{
font-size: 14px;
color: rgba(102, 102, 102, 1);
padding-left: 15px;
margin-top: 25px;
}
.vip_source >p span{
color: #3388ff;
font-size: 20px;
}
.vip_source >p a{
color: #3388ff;
font-size: 14px;
}
.wendang_alllist{
display: flex;
flex-wrap: wrap;
padding: 0 15px;
margin-top: 30px;
}
.wendang_alllist li{
margin-right: 40px;
margin-bottom: 40px;
}
.wendang_alllist li:nth-of-type(3n){
margin-right: 0;
}
.wendang_alllist li a{
display: flex;
align-items: center;
}
.wendang_alllist li a div{
margin-left: 20px;
font-size: 14px;
color: #333333;
line-height: 18px;
display: flex;
height: 70px;
flex-direction: column;
justify-content: space-between;
}
.wendang_alllist li a div p{
max-width: 126px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.wendang_alllist li a div span{
font-size: 12px;
color: #999999;
line-height: 18px;
}
.login_vip{
width: 320px;
height: 300px;
background: #FFFFFF;
border-radius: 10px;
}
.login_vip >P{
font-size: 14px;
font-weight: bold;
color: #333333;
padding-left: 30px;
display: flex;
align-items: center;
margin-top: 27px;
}
.login_vip >P img{
margin-right: 8px;
}
.login_vip .tequan_list{
margin-top: 44px;
padding: 0 27px;
display: flex;
flex-wrap: wrap;
}
.login_vip .tequan_list li{
font-size: 14px;
font-weight: bold;
color: #EDC381;
display: flex;
align-items: center;
width: 45.2%;
margin-right: 25px;
justify-content: space-between;
margin-bottom: 18px;
}
.login_vip .tequan_list li:nth-of-type(2n){
margin-right: 0;
}
.login_vip .tequan_list li:nth-of-type(3),.login_vip .tequan_list li:nth-of-type(4){
padding-left: 3px;
}
.login_vip button{
width: 270px;
height: 46px;
background: #3388ff;
border-radius: 23px;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
line-height: 46px;
text-align: center;
margin-top:30px;
margin-left: 24px;
}
.wendang_list{
width: 100%;
height: 520px;
background: #FFFFFF;
border-radius: 10px;
margin-top: 30px;
}
.wendang_list .fl{
width: 750px;
}
.wendang_list .fr{
width: 300px;
}
.choose_doc{
font-size: 20px;
font-weight: 800;
color: #3388ff;
padding: 20px 0 0 15px;
display: flex;
align-items: center;
}
.choose_doc span{
display: block;
width: 80px;
height: 32px;
background: #FFFFFF;
border: 1px solid #3388ff;
border-radius: 16px;
font-size: 14px;
font-weight: 500;
color: #3388ff;
text-align: center;
line-height: 32px;
margin-right: 20px;
cursor: pointer;
}
.choose_doc span.active{
background: #3388ff;
color: white;
}
.choose_doc span:nth-of-type(1){
margin-left: 34px;
}
.hot_paihang >p{
font-size: 20px;
font-weight: 800;
color: #3388ff;
margin-top: 25px;
margin-bottom: 30px;
}
.hot_paihang .paihang_list li {
margin-bottom: 19px;
}
.hot_paihang .paihang_list li a{
display: flex;
align-items: center;
font-size: 14px;
font-weight: 500;
color: #333333;
}
.hot_paihang .paihang_list li a p{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-left: 14px;
}
.hot_paihang .paihang_list li a span{
display: block;
width: 24px;
height: 24px;
background: #EDEDED;
border-radius: 12px;
font-size: 14px;
font-weight: 800;
font-style: italic;
color: #666666;
text-align: center;
line-height: 24px;
}
.hot_paihang .paihang_list li:nth-of-type(1) a span,.hot_paihang .paihang_list li:nth-of-type(2) a span,.hot_paihang .paihang_list li:nth-of-type(3) a span{
background: #3388ff;
color: white;
}
.greate_author{
width: 100%;
height: 322px;
background: #FFFFFF;
border-radius: 10px;
margin-top: 40px;
overflow: hidden;
}
.greate_author >p{
font-size: 14px;
color: rgba(102, 102, 102, 1);
padding-left: 15px;
margin: 25px 0 30px 0;
}
.greate_author >p span{
font-size: 20px;
color: #3388ff;
}
.greate_author >p i{
color: #3388ff;
}
.index_swiper_box {
position: relative;
overflow: hidden;
}
.index_daka_list {
overflow: hidden;
width: max-content;
}
.new_index_swiper .swiper_item {
width: 170px;
height: 219px;
background: #FFFFFF;
border: 1px solid #F0F0F0;
margin-right: 16px;
float: left;
}
.swiper_item>a {
display: block;
text-align: center;
}
.new_index_swiper .swiper_item img {
width: 80px;
height: 80px;
border-radius: 50%;
border: 2px solid #e6e6e6;
margin: 0 auto;
margin-top: 20px;
vertical-align: middle;
}
.new_index_swiper .swiper_item p {
font-size: 16px;
margin: 0;
line-height: 40px;
}
.new_index_swiper .swiper_item p:nth-of-type(2) {
width: 86px;
height: 24px;
background: #FFFFFF;
border: 1px solid #3388ff;
border-radius: 4px;
color: #3388ff;
font-size: 13px;
text-align: center;
line-height: 24px;
margin: 0 auto;
}
.new_index_swiper .swiper_item .index_addrees {
padding: 0 15px;
display: -webkit-box;
font-size: 14px;
color: #999999;
margin-top: 12px;
}
.new_index_swiper .swiper_item .index_addrees i{
color: #3388ff;
}
.new_index_swiper:hover >img{display: block;}
.letfarrow {
position: absolute;
left: 0;
top: 70px;
z-index: 999;
cursor: pointer;
}
.index_swiper_box>img {
display: none;
}
.rightarrow {
position: absolute;
right: 0;
top: 70px;
z-index: 999;
cursor: pointer;
}
.login_bg,.set_keyword{
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
background: rgba(0,0,0,0.5);
display: none;
}
.login_bg >div,.set_keyword >div{
width: 540px;
height: 450px;
background: #FFFFFF;
border-radius: 10px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
padding: 0 75px;
box-sizing: border-box;
}
.closebtn{
position: absolute;
right: -36px;
top: 0;
cursor: pointer;
}
.login_bg .logo{
margin: 0 auto;
margin-top: 35px;
margin-bottom: 45px;
display: block;
}
.login_bg .phonenumber,.set_keyword .phonenumber{
width: 390px;
height: 50px;
background: #FAFAFA;
border: 1px solid #EDEDED;
border-radius: 10px;
line-height: 50px;
padding-left: 20px;
box-sizing: border-box;
font-size: 16px;
color: #333333;
}
.login_bg input::placeholder,.set_keyword input::placeholder{
color: #999999;
}
.login_bg form,.set_keyword form{
position: relative;
}
.erro_tip{
line-height: 30px;
font-size: 12px;
font-weight: 500;
color: #FF4444;
padding-left: 13px;
display: none;
position: absolute;
top: 50px;
}
.yanzhengma{
display: flex;
justify-content: space-between;
margin-top: 30px;
}
.yanzhengma input{
width: 220px;
height: 50px;
background: #FAFAFA;
border: 1px solid #EDEDED;
border-radius: 10px;
padding-left: 20px;
box-sizing: border-box;
font-size: 16px;
}
.yanzhengma p{
width: 154px;
height: 50px;
background: #3388ff;
opacity: 0.5;
border-radius: 10px;
text-align: center;
line-height: 50px;
color: white;
font-size: 16px;
cursor: pointer;
}
.yanzhengma p.active{
opacity: 1;
}
.login_bg button,.set_keyword button{
width: 389px;
height: 50px;
background: #3388ff;
border-radius: 10px;
font-size: 16px;
color: #FFFFFF;
line-height: 50px;
text-align: center;
margin-top: 30px;
}
.login_bg .keyword,.set_keyword .keyword{
position: relative;
margin-top: 30px;
width: 390px;
height: 50px;
background: #FAFAFA;
border: 1px solid #EDEDED;
border-radius: 10px;
display: none;
align-items: center;
padding-right: 30px;
}
.login_bg .keyword img{
cursor: pointer;
}
.login_bg .keyword input,.set_keyword .keyword input{
height: 100%;
width: 94%;
line-height: 50px;
padding-left: 20px;
box-sizing: border-box;
font-size: 16px;
}
.tips_{
margin-top: 17px;
font-size: 14px;
color: #999999;
line-height: 24px;
}
.tips_ span{
color: #3388ff;
cursor: pointer;
}
.login_type{
font-size: 14px;
text-decoration: underline;
color: #3388ff;
margin: 0 auto;
text-align: center;
margin-top: 20px;
}
.login_type span{
cursor: pointer;
}
.login_bg .user_xieyi{
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 1100px;
height: 600px;
border-radius: 10px;
background: white;
padding: 0;
font-size: 14px;
}
.login_bg .user_xieyi div{
width: 1100px;
height: 600px;
overflow-y: scroll;
padding: 20px;
box-sizing: border-box;
text-align: justify;
}
.closexieyi{
position: absolute;
right: -36px;
top: 0;
cursor: pointer;
}
.second_login{
display: flex;
align-items: center;
cursor: pointer;
}
.second_login img{
margin-right: 9px;
}
.year_vip{
width: 233px;
height: 140px;
background: #F8F1E6;
border: 2px solid #EDC381;
border-radius: 10px;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
margin: 50px 0 36px 0;
}
.year_vip .title{
font-size: 18px;
font-weight: 500;
color: #333333;
margin-bottom: 5px;
}
.year_vip .price{
display: flex;
align-items: center;
font-family: PingFang SC;
}
.year_vip .price p{
font-size: 30px;
font-weight: 800;
color: #D71C18;
margin-right: 8px;
}
.year_vip .price span{
font-size: 20px;
text-decoration: line-through;
color: #999999;
}
.year_vip >span{
width: 110px;
height: 24px;
background: #D71C18;
border-radius: 12px;
display: block;
font-size: 13px;
font-weight: 500;
color: #FFFFFF;
line-height: 24px;
text-align: center;
margin-top: 10px;
}
.year_vip .choose{
width: 0;
height: 0;
border-top: 25px solid transparent;
border-right: 27px solid #EAA63C;
border-bottom: 25px solid #EAA63C;
border-left: 27px solid transparent;
position: absolute;
right: 0;
bottom: 0;
border-radius: 0 0 8px 0;
}
.quanyi{
width: 100%;
height: 152px;
background: #FFFFFF;
border-radius: 10px;
margin-top: 36px;
display: flex;
align-items: center;
padding: 0 40px;
box-sizing: border-box;
margin-bottom: 50px;
}
.quanyi li{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 16px;
margin-right: 115px;
}
.quanyi li:nth-last-of-type(1){
margin-right: 0;
}
.pay_money{
font-size: 16px;
margin: 0 auto;
text-align: center;
padding-top: 40px;
}
.pay_money span{
color: #D71C18;
font-size: 30px;
}
.pay_btn{
width: 180px;
height: 48px;
background: #FF9D00;
border-radius: 24px;
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
line-height: 48px;
text-align: center;
margin: 0 auto;
margin-top: 45px;
display: block;
}
.pay_erweima{
margin: 0 auto;
text-align: center;
}
.detail_maintit{
width: 789px;
display: flex;
align-items: center;
padding:0 30px;
font-size: 26px;
}
.detail_maintit img{
margin-right: 20px;
}
.detail_content{
margin-top: 10px;
width: 789px;
background: #FFFFFF;
border-radius: 10px;
}
.detail_content .content_{
width: 100%;
height: 100%;
padding-bottom: 60px;
box-sizing: border-box;
overflow-y: scroll;
}
.detail_content .download_btn{
position: absolute;
bottom: 0;
left: 0;
display: flex;
justify-content: space-between;
padding-left: 50px;
box-sizing: border-box;
width: 100%;
height: 60px;
background: #FFFFFF;
box-shadow: 0px -2px 7px 0px rgba(209, 209, 209, 0.2);
color: #999999;
font-size: 16px;
line-height: 60px;
}
.detail_content .download_btn img{
margin-right: 25px;
vertical-align: middle;
cursor: pointer;
}
.detail_content .download_btn a{
width: 200px;
height: 60px;
background: #FF9D00;
font-size: 20px;
color: #FFFFFF;
line-height: 60px;
text-align: center;
}
.about_source{
width: 290px;
height: 539px;
background: #FFFFFF;
border-radius: 10px;
margin-top: 10px;
}
.about_source >p{
height: 53px;
border-bottom: 1px solid #ededed;
font-size: 16px;
font-weight: bold;
color: #333333;
line-height: 40px;
padding-left: 18px;
box-sizing: border-box;
}
.about_source ul{
padding: 20px 0 0 0;
}
.about_source ul li{
margin-bottom: 30px;
padding: 0 15px;
}
.about_source ul li a{
display: flex;
font-size: 14px;
line-height: 22px;
}
.about_source ul li a img{
margin-right: 9px;
}
.left_menue{
width: 290px;
height: 764px;
background: #FFFFFF;
border-radius: 10px;
padding-top: 29px;
box-sizing: border-box;
margin-top: 34px;
}
.left_menue>img{
margin: 0 auto;
display: block;
margin-bottom: 30px;
}
.left_menue>span{
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #333333;
margin: 0 auto;
margin-bottom: 15px;
display: block;
text-align: center;
}
.left_menue> .uoloadsource{
width: 110px;
height: 32px;
background: #3388ff;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
color: #FFFFFF;
margin: 0 auto;
margin-bottom: 20px;
cursor: pointer;
}
.left_menue> .uoloadsource img{
margin-right: 6px;
vertical-align: middle;
}
.user_center_list >li{
width: 290px;
height: 50px;
border-radius: 10px;
display: flex;
align-items: center;
padding-left: 90px;
box-sizing: border-box;
position: relative;
cursor: pointer;
}
.user_center_list >li.active{
background: #FAFAFA;
position: relative;
}
.user_center_list >li.active::before,.user_center_list ul li.active::before{
content: '';
width: 4px;
height: 50px;
background: #3388ff;
display: block;
position: absolute;
left: 0;
}
.user_center_list >li span{
font-size: 16px;
font-weight: bold;
color: #333333;
margin:0 10px;
}
.user_center_list ul{display: none;}
.user_center_list ul li{
width: 100%;
height: 50px;
border-radius: 10px;
padding-left: 120px;
font-size: 14px;
color: #666666;
line-height: 50px;
}
.user_center_list ul li.active{
background: #FAFAFA;
position: relative;
}
.doc_number{
width: 789px;
height: 178px;
background: #FFFFFF;
border-radius: 10px;
margin-top: 34px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 96px;
}
.doc_number li p{
font-size: 30px;
font-weight: bold;
color: #333333;
line-height: 30px;
text-align: center;
margin-bottom: 8px;
}
.doc_number li span{
font-size: 14px;
color: #999999;
text-align: center;
display: block;
}
.usercenter_tequan_box{
width: 789px;
height: 567px;
background: #FFFFFF;
border-radius: 10px;
margin-top: 20px;
overflow: hidden;
}
.usercenter_tequan_box a{
font-size: 16px;
color: #3388ff;
line-height: 30px;
margin-top: 40px;
text-align: center;
display: block;
}
.usercenter_tequan_box ul{
display: flex;
flex-wrap: wrap;
padding-left: 78px;
}
.usercenter_tequan_box ul li{
font-size: 16px;
margin-right: 116px;
margin-bottom: 45px;
text-align: center;
}
.usercenter_tequan_box ul li:nth-of-type(4n){
margin-right: 0;
}
.my_down_load_box{
width: 789px;
height: 765px;
background: #FFFFFF;
border-radius: 10px;
padding: 0 36px;
box-sizing: border-box;
overflow: hidden;
}
.vip_chongzhi_record{
width: 789px;
height: max-content;
background: #FFFFFF;
border-radius: 10px;
padding: 0 25px;
overflow: hidden;
margin-top: 25px;
}
.mydown_load_list >p{
margin-top: 25px;
font-size: 16px;
font-weight: bold;
color: #333333;
}
.mydown_load_list >p span{
font-size: 14px;
color: #999999;
}
.source_list_table{
margin-top: 25px;
}
.source_list_table p{
border-bottom: 1px solid #ededed;
padding-bottom: 5px;
}
.source_list_table .source_item{
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #333333;
line-height: 30px;
display: flex;
margin-bottom: 12px;
}
.source_list_table .source_item span{
display: block;
width: 60%;
text-align: center;
}
.source_list_table .source_item span:nth-of-type(1){
text-align: left;
}
.source_list_table .source_item span:nth-of-type(2){
width: 20%;
}
.source_list_table .source_item span:nth-of-type(3){
width: 20%;
}
.nocontent{
text-align: center;
font-size: 16px;
font-weight: 500;
color: #999999;
line-height: 40px;
}
.my_down_load_box .my_up_load_table .source_item span{
width: 15%;
}
.my_up_load_table p+p span{
color: #999999;
}
.my_up_load_table .source_item span:nth-of-type(1){
width: 35%;
color: #333;
}
.my_up_load_table .source_item span:nth-of-type(2){
width: 5%;
}
.shenhe_status{
display: flex;
align-items: center;
margin-top: 30px;
}
.shenhe_status a{
font-size: 14px;
line-height: 30px;
}
.shenhe_status li{
margin-right: 50px;
}
.shenhe_status li.active{
border-bottom: 2px solid #3388ff;
}
.public_source{
width: 100%;
height: 511px;
background: #FFFFFF;
border-radius: 10px;
margin-top: 30px;
padding: 0 25px;
box-sizing: border-box;
overflow: hidden;
}
.public_source p:nth-of-type(1){
font-size: 16px;
font-weight: bold;
line-height: 30px;
font-family: Microsoft YaHei;
border-bottom: 1px solid #ededed;
margin-top: 15px;
padding-left: 16px;
padding-bottom: 8px;
text-align: left;
color: #333;
}
.public_source >img{
display: block;
margin: 0 auto;
margin-top: 70px;
}
.public_source p{
font-size: 14px;
font-family: PingFang SC;
font-weight: 500;
color: #999999;
line-height: 72px;
text-align: center;
}
.public_source button{
width: 225px;
height: 49px;
background: #FF9D00;
border-radius: 24px;
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
.public_source button img{
margin-right: 14px;
}
.public_source p:nth-last-of-type(1){
display: flex;
align-items: center;
justify-content: center;
margin-left: -80px;
}
.public_source p:nth-last-of-type(1) img{
width: 24px;
margin-left: 16px;
}
.cation_tips{
font-size: 14px;
font-weight: 400;
color: #666666;
line-height: 24px;
}
.cation_tips p:nth-of-type(1){
font-size: 18px;
color: #333;
line-height: 48px;
margin-top: 30px;
}
.detail_source_info{
height: 86px;
line-height: 86px;
display: flex;
justify-content: space-between;
align-items: center;
}
.detail_source_info p{
font-size: 16px;
font-weight: bold;
color: #333333;
}
.detail_source_info p span{
color: #999999;
}
.detail_source_info a{
width: 120px;
height: 40px;
background: #FAFAFA;
border: 1px solid #3388ff;
border-radius: 20px;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
color: #3388ff;
line-height: 40px;
}
.detail_source_info a img{
margin-right: 6px;
}
.upload_resource_itembox{
width: 100%;
height: 280px;
background: #FFFFFF;
border: 1px solid #EDEDED;
border-radius: 10px;
position: relative;
}
.upload_resource_itembox >span{
width: 34px;
height: 34px;
background: #3388ff;
border: 1px solid #EDEDED;
border-radius: 10px 0px 10px 0px;
display: block;
position: absolute;
left: 0;
top: 0;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
line-height: 34px;
text-align: center;
}
.upload_resource_itembox >p{
font-size: 14px;
color: #666666;
line-height: 54px;
text-align: right;
padding-right: 70px;
}
.upload_resource_itembox >p img{
margin-left: 20px;
}
.upload_resource_itembox .info_table{
display: flex;
flex-wrap: wrap;
}
.upload_resource_itembox .info_table p{
width: 50%;
font-size: 14px;
line-height: 30px;
margin-bottom: 35px;
display: flex;
padding-left: 50px;
}
.upload_resource_itembox .info_table p span{
color: #FE664D;
}
.upload_resource_itembox .info_table p input{
margin-left: 10px;
width: 346px;
height: 36px;
background: #FAFAFA;
border: 1px solid #EDEDED;
border-radius: 2px;
line-height: 36px;
padding-left: 15px;
box-sizing: border-box;
font-size: 14px;
}
.upload_resource_itembox .info_table p select{
width: 132px;
height: 36px;
background: #FAFAFA;
border: 1px solid #EDEDED;
border-radius: 2px;
padding-left: 15px;
box-sizing: border-box;
font-size: 14px;
margin-left: 10px;
}
.upload_resource_itembox .info_table p textarea{
width: 346px;
height: 118px;
background: #FAFAFA;
border: 1px solid #EDEDED;
border-radius: 2px;
margin-left: 10px;
padding: 10px;
padding-left: 15px;
box-sizing: border-box;
font-size: 14px;
resize: none;
}
.source_info_sub{
width: 210px;
height: 60px;
background: #FF9D00;
font-size: 20px;
font-weight: bold;
color: #FFFFFF;
line-height: 60px;
text-align: center;
margin: 0 auto;
display: block;
margin-top: 50px;
}
.upload_success{
width: 100%;
height: 619px;
background: #FFFFFF;
border: 1px solid #EDEDED;
border-radius: 10px;
margin-top: 70px;
display: flex;
flex-direction: column;
align-items: center;
}
.upload_success img{
margin-top: 123px;
}
.upload_success p{
font-size: 20px;
font-family: Source Han Sans CN;
color: #333333;
line-height: 40px;
}
.upload_success p+p{
font-size: 14px;
font-family: Source Han Sans CN;
color: #666666;
line-height: 40px;
}
.upload_success div{
display: flex;
align-items: center;
margin-top: 25px;
}
.upload_success div a{
width: 134px;
height: 42px;
background: #FFFFFF;
border: 1px solid #3388ff;
border-radius: 21px;
font-size: 16px;
color: #3388ff;
line-height: 42px;
text-align: center;
}
.upload_success div a+a{
background: #3388ff;
color: white;
margin-left: 60px;
}
.vip_chongzhi_record .source_list_table .source_item span{
width: 35%;
}
.vip_chongzhi_record .source_list_table .source_item span:nth-of-type(2){
width: 30%;
}
.vip_chongzhi_record .source_list_table .source_item span:nth-of-type(2){
width: 35%;
}
.account-security-title{
font-size: 16px;
font-weight: bold;
color: #222222;
}
.account-security-list{
margin-top: 80px;
margin-left: 41px;
}
.account-security-list .item{
height: 77px;
line-height: 77px;
border-bottom: solid 1px #DEDEDE;
}
.account-security-list .item-icon{
margin-right: 18px;
width: 26px;
height: 26px;
background: url(/static/shenhe/images/mima.png) no-repeat center;
background-size: 100%;
margin-top: 26px;
}
.account-security-list .item-status{
font-size: 16px;
}
.account-security-list .item-btn{
margin-top: 20px;
width: 100px;
height: 36px;
line-height: 36px;
text-align: center;
border-radius: 3px;
color: #ffffff;
background: #3388ff;
cursor: pointer;
}
.mydown_load_list .form-list{
margin-top: 60px;
margin-left: 92px;
font-size: 14px;
color: #666666;
}
.mydown_load_list .form-list .item{
margin-top: 16px;
height: 34px;
line-height: 34px;
}
.mydown_load_list .form-list .item .item-title {
display: inline-block;
margin-right: 10px;
width: 65px;
text-align: right;
}
.form-list .item input {
display: inline-block;
padding-left: 10px;
width: 300px;
height: 34px;
border: 1px solid #ededed;
}
.form-list .item .item-input::placeholder{
color: #ededed;
}
.form-list .item .item-btn {
display: inline-block;
width: 120px;
height: 40px;
line-height: 40px;
text-align: center;
background: #f25125;
border-radius: 4px;
font-size: 15px;
color: #ffffff;
cursor: pointer;
}
.form-list .item-cancel-btn {
margin-right: 15px;
background: #eee !important;
color: #333 !important;
}
.author_ziliao{
width: 789px;
height: 764px;
background: #FFFFFF;
border-radius: 10px;
margin-top: 34px;
padding: 0 35px;
box-sizing: border-box;
}
.author_ziliao>p{
font-size: 16px;
font-weight: bold;
color: #333333;
margin-top: 30px;
}
.author_ziliao .author_fabu{
border-bottom: 1px solid #ededed;
display: flex;
justify-content: space-between;
margin-top: 30px;
}
.author_ziliao .author_fabu ul{
display: flex;
}
.author_ziliao .author_fabu ul li a{
font-size: 14px;
line-height: 30px;
padding-bottom: 8px;
display: block;
}
.author_ziliao .author_fabu ul li{
margin-right: 45px;
}
.author_ziliao .author_fabu ul li.active{
border-bottom: 1px solid #3388ff;
}
.author_ziliao .author_fabu select{
border: none;
font-size: 14px;
line-height: 30px;
outline: none;
}
.author_allist li{
margin-right: 0;
width: 100%;
margin-bottom: 30px;
}
.author_allist li a div p{
max-width: 100%;
font-weight: bold;
}
.author_info{
width: 290px;
height: 148px;
background: #FFFFFF;
border-radius: 10px;
padding: 13px 20px 0 20px;
margin-top: 34px;
}
.author_info >p{
font-size: 16px;
font-family: PingFang SC;
font-weight: 800;
color: #333333;
display: flex;
align-items: center;
}
.author_info >p img{
width: 34px;
height: 34px;
margin-right: 10px;
}
.author_info ul{
display: flex;
align-items: center;
margin-top: 20px;
justify-content: space-between;
}
.author_info ul li{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 26px;
font-family: PingFang SC;
font-weight: 800;
color: #333333;
line-height: 24px;
text-align: center;
}
.author_info ul li span{
font-size: 14px;
color: #999999;
margin-top: 6px;
}
.detailtop_header_{
width: 789px;
background: #FFFFFF;
border-radius: 10px;
overflow: hidden;
padding-top: 30px;
}
.detailtop_header_ >div{
display: flex;
align-items: center;
margin-left: 80px;
font-size: 14px;
color: #666666;
margin-top: 15px;
}
.detailtop_header_ >div img{
width: 36px;
height: 36px;
}
.detailtop_header_ >div span{
margin:0 12px
}