@charset "UTF-8";
* {
margin: 0;
padding: 0;
font-family: "SF Pro SC", "PingFang SC", system-ui, -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
/*font-family: "SF Pro SC", "PingFang SC", system-ui, -apple-system, Helvetica, Arial, sans-serif;*/
color: #333;
}
a {
text-decoration: none;
}
li {
list-style: none;
}
body {
overflow-x: hidden;
}
img[src=''] {
visibility: hidden;
}
.ni_right_login_wrap > ul li span > a, .dt_pay_warp > a > .rz_btn, .lg_user_pub_wrap a > div p, .ni_community_wrap ul li a, .lg_bottom_wrap > div > a, .lg_bottom_list p, .lg_bottom_wrap > div:nth-child(2) a {
-webkit-transition: all .5s linear;
transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
}
.lb_wrap {
width: 700px;
height: 210px;
padding-left: 10px;
/*padding-right: 10px;*/
}
.new_wrap {
width: 1200px;
margin: auto;
}
.new_wrap .pike_spot > .spot {
width: 30%;
height: 4px;
margin-left: 5px;
margin-right: 5px;
border-radius: 2px;
}
.new_wrap .pike_spot > .spot:nth-child(1) {
margin-left: 0;
}
.new_wrap .pike_spot > .spot:nth-last-child(1) {
margin-right: 0;
}
.ni_left_wrap,
.ni_right_wrap,
.ni_right_left_wrap,
.ni_right_right_wrap {
float: left;
}
.ni_left_wrap {
width: 158px;
min-height: 500px;
margin-left: 0;
position: relative;
}
.ni_right_wrap {
width: 1032px;
margin-left: 10px;
}
.ni_right_left_wrap {
width: 712px;
}
.ni_right_right_wrap {
width: 300px;
margin-left: 20px;
}
.ni_header {
width: 1022px;
height: 39px;
line-height: 40px;
margin-bottom: 20px;
border-bottom: 1px solid #eee;
position: sticky;
left: 0;
top: 0;
background: white;
z-index: 999999999999;
margin-left: 10px;
}
.ni_head_ul {
float: left;
}
.ni_right_wrap .ni_head_ul {
display: flex;
}
.ni_right_wrap .ni_head_ul > li {
width: auto;
/* float: left; */
font-size: 14px;
text-align: center;
/* margin-right: 15px; */
cursor: pointer;
position: relative;
/* box-sizing: border-box; */
padding: 0 16px;
}
.ni_head_second .ni_head_ul > li {
width: 65px;
float: left;
font-size: 14px;
text-align: center;
/* margin-right: 15px; */
cursor: pointer;
position: relative;
box-sizing: border-box;
}
.ni_head_ul > .ni_vip_li {
margin-left: 20px;
margin-right: 20px;
}
.ni_head_ul > li > a > img {
width: 60%;
margin-top: 9px;
display: block;
}
.ni_head_ul > li.my-project img {
display: block;
width: 22px;
height: 13px;
position: absolute;
top: -5px;
right: -5px;
}
.ri_right_ul li,
.ri_cont_wrap,
.ni_not_login_wrap,
.ri_bar_top li > div {
-webkit-transition: all .5s linear;
transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
}
.ni_head_ul li:hover > a,
.ni_head_ul li > ul > li:hover > a {
color: #3B97F6;
-webkit-transition: color .3s linear;
transition: color .3s linear;
-moz-transition: color .3s linear;
-ms-transition: color .3s linear;
-o-transition: color .3s linear;
}
.ni_head_ul .ni_list {
margin-right: 12px;
}
.ni_list > img {
width: 10px;
position: absolute;
right: 0;
top: 17px;
-webkit-transition: all .3s linear;
transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
}
.ni_head_ul li > ul {
/* width: auto; */
/* padding-left: 10px;
padding-right: 10px; */
position: absolute;
z-index: 9999;
border-top: none;
top: 40px;
left: 0;
display: none;
border-radius: 5px;
box-shadow: 0 0 4px #c0c0c0;
background: white;
max-height: 400px;
overflow-y: auto;
}
.ni_head_ul li > ul > li {
/* width: 100%; */
background: white;
text-align: center;
font-size: 14px;
word-break: keep-all;
white-space: nowrap;
}
.ni_head_ul li > ul > li:nth-child(1) {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.ni_head_ul li > ul > li:nth-last-child(1) {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.ni_head_ul li > ul > li > a {
/* width: 100%;
height: 100%; */
display: block;
padding: 0 10px;
white-space: nowrap;
word-break: keep-all;
}
.ni_head_ul > li:nth-last-child(1),
.ni_head_ul li > ul > li:nth-last-child(1) {
border: none;
}
.ni_head_ul li > ul > li:hover {
background-color: #E6F4FF;
}
/*
.ni_head_ul>li:nth-last-child(1) {
width: 70px;
} */
.ni_head_second {
width: 100%;
height: 40px;
line-height: 40px;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
position: fixed;
left: 0;
top: 0;
border: none;
z-index: 999999999999;
background: white;
margin-left: 0;
}
.ni_head_second > div {
width: 1200px;
margin: auto;
}
.det_login {
width: 68px;
margin-top: 5px;
float: left;
}
.dt_list_wrap {
width: 70px;
height: 41px;
float: left;
cursor: pointer;
margin-left: 40px;
position: relative;
}
.dt_list_wrap > img {
width: 17px;
height: 17px;
vertical-align: middle;
margin-top: -4px;
}
.dt_list_wrap > div {
width: 100%;
height: 40px;
position: fixed;
top: 40px;
left: 0;
box-shadow: 0 3px 3px 0 rgba(160, 155, 155, 0.1);
display: none;
background: white;
}
.dt_list_wrap:hover > div {
display: block;
}
.dt_head_img2 {
display: none;
}
.dt_list_wrap:hover > .dt_head_img1 {
display: none;
}
.dt_list_wrap:hover > .dt_head_img2 {
display: inline-block;
}
.ni_head_second .ni_head_ul > li:nth-last-child(1) {
width: 65px;
}
.ni_head_second .ni_head_ul > li {
margin-right: 0;
}
.ni_head_second .ni_head_ul {
margin-left: 20px;
}
.dt_h_title_wrap {
max-width: 683px;
float: left;
font-size: 16px;
display: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dt_h_title_wrap p {
display: inline-block;
}
.ni_head_second .ni_head_ul1 {
width: 700px;
position: absolute;
left: 0;
margin-left: -18px;
display: none;
top: 40px;
}
.ni_head_second .ni_head_ul1 > li:nth-last-child(1) {
width: 80px;
}
.ni_head_second .ni_head_ul2 > li:nth-last-child(1) {
margin-left: 15px;
}
.ni_not_login_wrap a {
font-size: 14px;
color: white;
width: 50%;
text-align: center;
float: left;
height: 12px;
line-height: 12px;
margin-top: 9px;
cursor: pointer;
}
.newpcnameadrs span {
font-size: 10px;
line-height: 17px;
vertical-align: middle;
margin: 0 3px;
border: 1px solid #0C95FF;
color: #0C95FF;
border-radius: 9px 0 9px 0;
padding: 0 5px;
}
.newpcnameadrs span font {
color: #0C95FF;
}
.newpcnameadrs span:nth-last-child(1) {
color: #333;
font-size: 10px;
line-height: 17px;
vertical-align: middle;
margin: inherit;
border: none;
border-radius: 0;
padding: 0;
}
.ni_not_login_wrap {
width: 117px;
height: 30px;
background: #0C95FF;
line-height: 30px;
margin-top: 5px;
border-radius: 3px;
}
.ni_not_login_wrap:hover {
background: #0578d0;
}
.ni_not_login_wrap a:nth-child(1) {
border-right: 1px solid white;
box-sizing: border-box;
}
.ni_login_wrap {
min-width: 100px;
cursor: pointer;
position: relative;
}
.ni_login_wrap:hover .ni_login_shadow span {
color: #0C95FF;
}
.ni_login_shadow {
z-index: 9999999;
position: relative;
}
.ni_login_shadow > a {
position: relative;
}
.ni_login_shadow > a > em,
.letter_icon1 {
width: 5px;
height: 5px;
position: absolute;
border-radius: 50%;
background: red;
top: -14px;
left: 5px;
display: none;
}
.letter_icon1 {
top: 10px;
left: 40px;
}
.ni_login_wrap > ul {
width: 100px;
position: absolute;
z-index: 999999;
border: 1px solid #ddd;
border-top: none;
top: 40px;
left: 50%;
margin-left: -50px;
display: none;
border-bottom: none;
border-radius: 5px;
box-shadow: 0 0 4px #c0c0c0;
}
.ni_login_wrap > ul li {
width: 100%;
background: white;
border-bottom: 1px solid #ddd;
text-align: center;
}
.ni_login_wrap > ul li a {
font-size: 14px;
display: block;
position: relative;
}
.letter_num {
position: absolute;
width: 8px;
height: 8px;
border-radius: 50%;
background: red;
color: white !important;
font-size: 8px;
right: 17px;
top: 9px;
display: none;
}
.ni_login_wrap > ul li:hover > a {
color: #3B97F6;
-webkit-transition: all .5s linear;
transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
}
.ni_login_wrap .ni_user_img {
width: 100%;
height: 100%;
border-radius: 50%;
}
.ni_login_wrap span {
color: #8790A4;
font-size: 12px;
-webkit-transition: all .5s linear;
transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
}
.dt_login_toast a,
.dt_pay_toast a {
font-size: 16px;
color: #0C95FF;
text-align: center;
margin-top: 50px;
display: block;
}
.ni_head_search_wrap {
margin-right: 50px;
cursor: pointer;
}
/* .ni_head_search_wrap.project-wrap{
margin-right: 50px;
} */
.ni_head_search_wrap,
.ni_login_wraps {
float: right;
}
.ni_head_search_wrap img {
width: 17px;
height: 15px;
vertical-align: middle;
margin-top: -2px;
}
.ni_head_search_wrap span {
font-size: 14px;
-webkit-transition: all .5s linear;
transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
}
.ni_head_search_wrap:hover span {
color: #0C95FF;
}
.ni_left_container {
width: 1200px;
position: absolute;
margin: auto;
top: 20px;
z-index: 9;
}
.ni_login_wraps {
position: relative;
}
.ni_left_cwrap {
width: 158px;
position: absolute;
left: 0;
top: 0;
background: white;
}
.ni_left_cwrap > img {
width: 110px;
cursor: pointer;
}
.ni_left_ul {
width: 100%;
margin-top: 30px;
}
.ni_left_ul > li {
width: 100%;
line-height: 39px;
cursor: pointer;
position: relative;
-webkit-transition: all .3s linear;
transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
margin-bottom: 4px;
}
.ni_left_ul > li:nth-last-child(1) {
border-top: 1px solid #E7EFFF;
}
.ni_left_ul .ni_left_active > a > div:nth-child(1) {
background: #0C95FF;
}
.ni_left_ul li > a > div:nth-child(1) {
border-radius: 4px 4px 4px 4px;
-webkit-transition: all .3s linear;
transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
}
.ni_left_ul > li div > .ni_left_icon {
width: 20px;
vertical-align: middle;
margin-top: -3px;
margin-left: 10px;
}
.ni_left_ul > li div > .ni_left_icon:nth-child(1) {
display: none;
}
.ni_left_ul .ni_left_active div > .ni_left_icon:nth-child(1) {
display: inline-block;
}
.ni_left_ul .ni_left_active div > .ni_left_icon:nth-child(2) {
display: none;
}
.ni_left_ul .ni_left_active > a > div > span {
color: white;
}
.ni_left_ul > li > a > div > span {
color: #666;
font-size: 18px;
margin-left: 20px;
-webkit-transition: all .3s linear;
transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
}
.ni_left_btn,
.ni_left_btn1 {
width: 7px;
float: right;
vertical-align: middle;
margin-top: 13px;
cursor: pointer;
margin-right: 10px;
-webkit-transition: all .3s linear;
transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
}
.ni_left_btn {
display: inline-block;
transform: rotateZ(-90deg);
}
.ni_left_btn1 {
-webkit-transition: all .2s linear;
transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
display: none;
transform: rotateZ(-90deg);
}
.ni_left_active .ni_left_btn1 {
display: inline-block;
}
.ni_left_active .ni_left_btn {
display: none;
}
.ni_second_nav_wrap {
display: none;
}
.ni_second_nav_wrap > div {
width: 100%;
height: 10px;
background: white;
}
.ni_second_nav_wrap > ul {
background: #F5F6F8;
padding-top: 7px;
padding-bottom: 7px;
border-radius: 4px;
}
.ni_second_nav_wrap > ul li {
float: left;
padding: 1px 5px;
line-height: 28px;
font-size: 16px;
}
.ni_second_nav_wrap > ul li a {
color: #8790A4;
display: inline-block;
padding: 0 5px;
text-align: center;
border-radius: 4px;
-webkit-transition: all .5s linear;
transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
}
.ni_second_nav_wrap > ul li:hover a {
background: #0C95FF;
color: white;
}
.ni_second_nav_wrap > ul .ni_actives a {
background: #0C95FF;
color: white;
}
.in_left_btn {
width: 138px;
height: 28px;
line-height: 28px;
text-align: center;
border: 1px solid #0C95FF;
margin: 20px auto;
-webkit-transition: all .5s linear;
transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
cursor: pointer;
}
.dt_left_wraps > h1 {
margin-bottom: 20px;
}
.in_left_btn a {
color: #0C95FF;
font-size: 12px;
display: block;
width: 100%;
height: 100%;
}
.in_left_btn:hover {
background: #0C95FF;
}
.in_left_btn:hover > a {
color: white;
}
.ni_short_wrap {
margin-top: 20px;
border: 1px solid #E7EFFF;
position: relative;
margin-left: 10px;
padding-bottom: 1px;
}
.ni_short_top {
width: 100%;
height: 40px;
line-height: 40px;
}
.ni_short_top > a {
float: right;
font-size: 12px;
margin-right: 10px;
color: #0C95FF;
position: relative;
z-index: 9;
}
.ni_short_top ul {
float: left;
}
.ni_short_top ul li {
width: 95px;
float: left;
font-size: 14px;
text-align: center;
}
.ni_short_top ul li a {
color: #8790A4;
position: relative;
}
.ni_short_top ul li:nth-child(1) a {
color: #0C95FF;
}
.ni_short_top ul li a div {
position: absolute;
width: 100%;
height: 2px;
background: #0C95FF;
left: 0;
bottom: -10px;
}
.ni_short_content {
background: #F5F6F8;
}
.ni_sc_wrap {
width: 92%;
margin-left: 4%;
padding-top: 10px;
}
.ni_sc_toast_wrap {
font-size: 12px;
color: #8790A4;
position: absolute;
right: 78px;
bottom: -29px;
display: none;
}
.ni_sc_toast_wrap a {
color: #0C95FF;
text-decoration: underline;
}
.nisc_title {
border-bottom: 1px solid #E7EFFF;
position: relative;
}
.ni_sc_title_num {
position: absolute;
right: 0;
bottom: 10px;
}
.ni_sc_title_num span {
font-size: 12px;
color: #8790A4;
}
.nisc_title input {
width: 100%;
height: 40px;
font-size: 15px;
border: none;
background: none;
outline: none;
color: #333;
font-weight: bold;
}
.nisc_title input::-webkit-input-placeholder,
.ni_sc_wraps textarea::-webkit-input-placeholder {
color: #8790A4;
}
.ni_sc_wraps {
height: 40px;
margin-top: 10px;
overflow: hidden;
border-bottom: 1px solid #E7EFFF;
position: relative;
}
.ni_sc_wraps textarea {
margin-top: 5px;
width: 100%;
border: none;
background: none;
outline: none;
font-size: 14px;
color: #333;
word-break: break-all;
}
.ni_sc_wraps .ni_sc_nologin {
width: 100%;
height: 40px;
line-height: 40px;
font-size: 14px;
color: #8790A4;
position: absolute;
top: -5px;
background: #F5F6F8;
display: none;
}
.ni_bot_wrap {
height: 40px;
line-height: 40px;
background: white;
position: relative;
}
.ni_upoload_wrap {
width: 360px;
min-height: 246px;
position: absolute;
top: 40px;
background-color: #fff;
border: 1px solid #e8e8e8;
box-shadow: 0 2px 15px rgba(0, 0, 0, .12);
border-radius: 5px;
z-index: 300;
display: none;
}
.uploader-title {
margin-bottom: 5px;
font-size: 14px;
color: #222;
margin-left: 15px;
margin-top: 10px;
}
.uploader-title span {
color: #999;
margin-left: 10px;
}
.ni_up_close {
position: absolute;
right: 10px;
top: -3px;
font-size: 23px;
color: gray;
cursor: pointer;
}
.ni_up_close:hover {
color: #0C95FF;
-webkit-transition: all .5s linear;
transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
}
.ni_bot_wrap > ul {
float: left;
display: none;
}
.ni_bot_wrap > ul li {
float: left;
font-size: 14px;
color: #8790A4;
margin-left: 29px;
cursor: pointer;
}
.ni_bot_wrap > ul li img {
width: 20px;
margin-right: 10px;
vertical-align: middle;
margin-top: -4px;
}
.ni_b_btn,
.ni_bs_btn {
width: 120px;
height: 100%;
line-height: 40px;
background: #0C95FF;
color: white;
float: right;
font-size: 14px;
text-align: center;
cursor: pointer;
}
.ni_bs_btn {
opacity: .4;
pointer-events: none;
}
.ni_b_btn {
opacity: 1;
pointer-events: inherit;
-webkit-transition: all .5s linear;
transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
}
.ni_b_btn:hover {
background: #0578d0;
}
.ni_short_shadow {
position: absolute;
width: 100%;
height: 184px;
left: 0;
top: 0;
cursor: pointer;
display: none;
}
.ni_clist_wrap {
margin-top: 30px;
}
.ni_clist_title {
font-size: 24px;
margin-bottom: 20px;
margin-left: 10px;
}
.ni_clist {
padding: 10px;
margin-bottom: 10px;
position: relative;
width: 100%;
}
.ni_content_wrap .ni_clist {
padding-right: 0;
}
.ni_clist:hover {
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: all .5s linear;
transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
}
.ni_clist:nth-child(2) {
border-bottom: 1px solid #E7EFFF;
padding-bottom: 20px;
}
.new_index_wrap .ni_clist:nth-child(2) {
border-bottom: none;
}
.new_index_wrap .ni_clist:nth-child(3) {
border-bottom: 1px solid #E7EFFF;
padding-bottom: 20px;
}
.new_dtwrap .ni_clist:nth-child(2) {
border: none;
}
.clist_img_wrap {
width: 156px;
height: 109px;
float: left;
position: relative;
overflow: hidden;
border-radius: 4px;
}
.clist_img_wrap > a {
width: 100%;
height: 100%;
display: inline-block;
background: url("https://files.cn-healthcare.com/skin/jkj5/images/new_errorimg1.jpg") no-repeat 0 0/100% 100%;
}
.clist_img_wrap > a > img:nth-child(1) {
width: 100%;
height: 100%;
border-radius: 5px;
transition: all .5s ease-out .1s;
background: url("https://files.cn-healthcare.com/skin/jkj5/images/new_errorimg1.jpg") no-repeat 0 0/100% 100%;
}
.clist_img_wrap:hover a img:nth-child(1) {
transform: scale(1.1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.clist_img_wrap > a .ni_clist_icon1 {
width: 36px;
position: absolute;
right: 5px;
top: 0;
}
.clist_img_wrap > a .ni_clist_icon2 {
width: 46px;
height: 46px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -23px;
margin-top: -23px;
}
.clist_img_wrap > a .clist_imgtype {
padding: 2px 3px;
font-size: 12px;
position: absolute;
right: 5px;
bottom: 5px;
color: white;
background: rgba(0, 0, 0, 0.3);
border-radius: 5px;
}
.clist_c_wrap {
float: left;
width: 500px;
margin-left: 15px;
left: 417px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}
.clist_c_wrap1 {
margin-left: 0;
width: 100%;
position: static;
transform: inherit;
}
.clist_c_wrap > a > h3,
.clist_c_wrap > a > .tj_title {
font-size: 18px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
cursor: pointer;
}
.clist_c_wrap > a > .tj_title {
font-weight: bold;
}
.clist_c_wrap > a > h3:hover,
.clist_c_wrap > a > .tj_title:hover {
color: #0C95FF;
-webkit-transition: all .5s linear;
transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
}
.clist_c_wrap > a > h3 > div {
font-size: 11px;
color: #FFF;
border-radius: 5px;
padding: 2px 3px;
vertical-align: middle;
margin-top: -3px;
margin-right: 10px;
font-weight: 500;
}
.clist_c_wrap > a > h3 > .cl_zt {
background: #FF3C41;
}
.clist_c_wrap > a > h3 > .cl_yc {
background: #0C95FF;
}
.zhsh-icon {
width: 64px;
height: 28px;
text-align: center;
line-height: 28px;
color: #FFF;
position: absolute;
display: block;
left: 0;
top: 0;
background: #F29940;
}
.indexsc-icon {
display: block;
float: right;
width: 17px;
height: 17px;
cursor: pointer;
position: relative;
background: url(../images/n_no_colle.png) no-repeat 100% 100%/100% 100%;
-webkit-transition: all .1s ease-in;
transition: all .1s ease-in;
-moz-transition: all .1s ease-in;
-ms-transition: all .1s ease-in;
-o-transition: all .1s ease-in;
margin-top: 3px;
}
.indexsc-iconadd {
background: url(../images/n_colle.png) no-repeat 100% 100%/100% 100%;
}
.indexlike-icon,
.in_comment {
width: 80px;
display: inline-block;
float: right;
height: 16px;
line-height: 16px;
position: relative;
padding-right: 0;
margin-right: 0;
top: 4px;
}
.in_comment {
cursor: pointer;
}
.indexlike-icon span,
.in_comment span {
width: 17px;
height: 17px;
display: inline-block;
float: left;
background: url(https://files.cn-healthcare.com/skin/jkj5/images/n_no_goods.png) no-repeat 100% 100%/100% 100%;
-webkit-transition: all .1s ease-in;
transition: all .1s ease-in;
-moz-transition: all .1s ease-in;
-ms-transition: all .1s ease-in;
-o-transition: all .1s ease-in;
cursor: pointer;
}
.in_comment span {
background: url(https://files.cn-healthcare.com/skin/jkj5/images/in_pl.png) no-repeat 100% 100%/100% 100%;
}
.indexlike-icon .likeadd {
background: url(https://files.cn-healthcare.com/skin/jkj5/images/n_goods.png) no-repeat 100% 100%/100% 100%;
}
.indexlike-icon p,
.in_comment p {
display: inline-block;
color: #8790A4;
font-size: 12px;
float: left;
margin-left: 10px;
}
.clist_msg_wrap {
margin-top: 15px;
}
.clist_msg_wrap > div {
display: inline-block;
}
.clist_msg_wrap > div:nth-child(1) {
color: #FF3C41;
border: 1px solid #FF3C41;
padding: 0 3px;
border-radius: 3px;
font-size: 12px;
margin-right: 8px;
}
.clist_msg_wrap > img:nth-child(2),
.clist_msg_wrap > a:nth-child(2) > img {
width: 18px;
height: 18px;
border-radius: 50%;
vertical-align: middle;
margin-top: -2px;
margin-right: 10px;
cursor: pointer;
}
.clist_c_wrap1 .clist_msg_wrap > img:nth-child(2),
.clist_c_wrap1 .clist_msg_wrap > a:nth-child(2) > img {
margin-right: 8px;
}
.clist_msg_wrap > span,
.clist_msg_wrap > a:nth-child(3) > span {
font-size: 12px;
color: #8790A4;
margin-right: 10px;
}
.clist_msg_wrap > span.isShortArt {
padding: 0 5px;
background: black;
color: #E9BC7A;
border-radius: 0px 4px 0px 4px;
}
.clist_btn_wrap {
float: right;
position: relative;
}
.clist_c_wrap1 .clist_btn_wrap {
margin-right: 10px;
}
.ni_hearth_wrap {
margin-top: 20px;
}
.ni_h_title > h2 {
font-size: 24px;
margin-bottom: 10px;
margin-left: 10px;
display: inline-block;
}
.ni_h_title > a {
float: right;
font-size: 13px;
color: #8790A4;
margin-right: 10px;
margin-top: 9px;
-webkit-transition: all .5s linear;
transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
}
.clist_c_wrap1 .clist_msg_wrap > a:nth-child(3) > span {
font-size: 12px;
color: #8790A4;
margin-right: 10px;
}
.ni_h_title > a:hover {
color: #0C95FF;
}
.ni_h_list {
width: 175px;
height: 215px;
cursor: pointer;
float: left;
margin-top: 5px;
margin-bottom: 10px;
}
.ni_h_list:hover > div {
width: 175px !important;
height: 215px !important;
margin-top: 0 !important;
border: 1px solid #c0c0c0;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: all .2s linear;
transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
}
.ni_h_list:hover .health_btn {
background: #0C95FF;
color: white;
-webkit-transition: all .5s linear;
transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
}
.ni_h_list:hover .health_btn span {
color: white;
-webkit-transition: all .5s linear;
transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
}
.ni_h_list > a > div,
.new_index_wrap .ni_h_list > div {
width: 153px;
height: 195px;
border: 1px solid #E7EFFF;
border-radius: 4px;
box-sizing: border-box;
margin: auto;
margin-top: 10px;
}
.ni_h_list > a > div > img,
.new_index_wrap .ni_h_list > div > a > img {
width: 60px;
height: 60px;
border-radius: 50%;
margin: auto;
display: block;
margin-top: 20px;
}
.ni_h_list > a > div > p,
.new_index_wrap .ni_h_list > div > p {
text-align: center;
}
.ni_h_list > a > div > p:nth-child(2),
.new_index_wrap .ni_h_list > div > a:nth-child(2) > p {
width: 93%;
font-size: 18px;
margin-left: 3.5%;
font-weight: bold;
margin-top: 10px;
margin-bottom: 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
}
.ni_h_list > a > div > p:nth-child(3),
.new_index_wrap .ni_h_list > div > p:nth-child(3) {
font-size: 14px;
color: #8790A4;
}
.ni_h_list > a > div > p:nth-child(3) > span,
.new_index_wrap .ni_h_list > div > p:nth-child(3) > span {
font-size: 14px;
color: #8790A4;
}
.health_btn {
width: 79px;
height: 27px;
line-height: 26px;
color: #0C95FF;
border-radius: 14px;
text-align: center;
margin: auto;
margin-top: 15px;
font-size: 18px;
cursor: pointer;
}
.ni_user_img_wrap {
width: 26px;
height: 26px;
display: inline-block;
vertical-align: top;
border-radius: 50%;
margin-top: 5px;
position: relative;
margin-right: 5px;
}
.ni_login_shadow > a > span {
max-width: 90px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
}
.health_btn span {
color: #0C95FF;
font-size: 26px;
vertical-align: middle;
margin-top: -8px;
display: inline-block;
}
.health_btn:after {
content: "关注";
}
.health_btn1 {
width: 79px;
height: 27px;
line-height: 26px;
color: #b9bdc7;
background: #F5F6F8;
border-radius: 14px;
text-align: center;
margin: auto;
margin-top: 15px;
font-size: 18px;
cursor: pointer;
}
.health_btn1 span {
display: none;
}
.health_btn1:after {
content: "已关注";
}
.ni_college_list {
width: 175px;
height: 192px;
padding-top: 10px;
cursor: pointer;
float: left;
position: relative;
}
.ni_college_list:hover > div:nth-child(2) {
opacity: 1;
}
.ni_college_list > .ni_col_wrap {
margin: 10px;
margin-top: 0;
}
.ni_college_list > .ni_col_wrap > img {
width: 155px;
height: 86px;
border-radius: 3px;
}
.ni_college_list > .ni_col_wrap > p {
height: 48px;
line-height: 24px;
font-size: 14px;
margin-top: 4px;
margin-bottom: 0;
font-weight: bold;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.ni_college_list > .ni_col_wrap > span {
font-size: 12px;
color: #8790A4;
}
.ni_college_list > div:nth-child(2) {
width: 100%;
height: 100%;
position: absolute;
background: rgba(0, 0, 0, 0.8);
left: 0;
top: 0;
display: block;
opacity: 0;
-webkit-transition: all .3s linear;
transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
}
.ni_college_list > div:nth-child(2) > img {
width: 100px;
height: 100px;
display: block;
margin: auto;
margin-top: 25px;
}
.ni_college_list > div:nth-child(2) > p {
font-size: 14px;
line-height: 20px;
color: white;
width: 70%;
text-align: center;
margin-left: 15%;
margin-top: 10px;
}
.loadmorpllist {
width: 100%;
border-radius: 3px;
overflow: hidden;
text-align: center;
font-size: 14px;
color: #999;
cursor: pointer;
-webkit-transition: all .5s ease-in;
margin-bottom: 15px;
transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
margin-top: 40px;
}
#waplistloading .loader .ball-pulse > div {
background-color: #FFF;
}
.ball-pulse > div:nth-child(0) {
-webkit-animation: scale .75s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
animation: scale .75s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
}
.ball-pulse > div:nth-child(1) {
-webkit-animation: scale .75s .12s infinite cubic-bezier(.2, .68, .18, 1.08);
animation: scale .75s .12s infinite cubic-bezier(.2, .68, .18, 1.08);
}
.ball-pulse > div:nth-child(2) {
-webkit-animation: scale .75s .24s infinite cubic-bezier(.2, .68, .18, 1.08);
animation: scale .75s .24s infinite cubic-bezier(.2, .68, .18, 1.08);
}
.ball-pulse > div:nth-child(3) {
-webkit-animation: scale .75s .36s infinite cubic-bezier(.2, .68, .18, 1.08);
animation: scale .75s .36s infinite cubic-bezier(.2, .68, .18, 1.08);
}
.ball-pulse > div {
background-color: #999;
width: 2px;
height: 2px;
border-radius: 100%;
margin: 3px 1px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
}
#waplistloading .loader .ball-pulse > div {
background-color: #FFF;
}
.loader {
display: inline-block;
margin-left: 2px;
}
.loadmorpllistb {
width: 100%;
border-radius: 3px;
overflow: hidden;
text-align: center;
font-size: 14px;
color: #444;
cursor: pointer;
-webkit-transition: all .2s ease-in;
padding: 2.5% 0;
background: #EEE;
margin-bottom: 15px;
transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
}
.loadmorpllist1 {
width: 150px;
height: 36px;
line-height: 36px;
border-radius: 4px;
color: #0C95FF;
margin: auto;
margin-top: 55px;
border: 1px solid #0C95FF;
}
.loadmorpllist1:hover {
background: #0C95FF;
color: white;
}
.ni_img_list {
width: 138px;
height: 95px;
position: relative;
margin-bottom: 20px;
margin-right: 20px;
float: left;
}
.ni_img_list:nth-child(2n) {
margin-right: 0;
}
.ni_img_list img {
width: 100%;
height: 100%;
border-radius: 3px;
}
.ni_img_list:hover .ni_tit_box {
opacity: 1;
}
.ni_tit_box {
display: block;
background: rgba(0, 0, 0, 0.55);
opacity: 0;
color: #FFF;
width: 100%;
height: 100%;
border-radius: 4px;
position: absolute;
left: 0;
top: 0;
-webkit-transition: all .5s linear;
transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
}
.ni_img_list p {
position: absolute;
width: 86%;
font-size: 13px;
color: white;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
z-index: 9;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-align: justify;
}
.ni_zhezhao {
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0;
top: 0;
cursor: pointer;
border-radius: 3px;
}
.ni_login_msg_wrap {
background: #F5F6F8;
padding-top: 15px;
margin-bottom: 30px;
border-radius: 4px;
}
.ni_nologin_wrap {
margin-top: 14px;
padding-bottom: 15px;
display: none;
}
.ni_nologin_wrap > p {
width: 84%;
margin-left: 8%;
color: #8790A4;
font-size: 14px;
line-height: 17px;
text-align: center;
margin-top: 10px;
}
.ni_nologin_wrap > .ni_nologin_btn {
width: 260px;
height: 40px;
line-height: 40px;
background: #0C95FF;
color: white;
font-size: 16px;
text-align: center;
border-radius: 4px;
margin: auto;
margin-top: 8px;
cursor: pointer;
display: block;
-webkit-transition: all .5s linear;
transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
}
.ni_nologin_wrap > .ni_nologin_btn:hover {
background: #0578d0;
}
.ni_nologin_wrap > div:nth-last-child(1) {
text-align: center;
margin-top: 19px;
}
.ni_nologin_wrap > div:nth-last-child(1) a {
margin-left: 10px;
margin-right: 10px;
position: relative;
}
.ni_nologin_wrap > div:nth-last-child(1) img {
width: 29px;
}
.no_login_text {
display: flex;
align-items: center;
justify-content: center;
}
.no_login_text > img {
width: 46px;
height: 47px;
display: block;
margin-right: 5px;
}
.no_login_text > p {
font-size: 14px;
color: #8790A4;
position: relative;
}
.no_login_text > p > span {
font-weight: bold;
color: #333333;
}
.no_login_text > p > img {
display: block;
width: 23px;
height: 13px;
position: absolute;
right: -5px;
top: -10px;
}
.ni_right_login_wrap {
position: relative;
display: none;
}
.ni_right_img_wraps {
width: 50px;
height: 50px;
display: block;
margin: auto;
border-radius: 50%;
position: relative;
}
.ni_right_img_wraps > img:nth-child(1),
.ni_right_img_wraps > a:nth-child(1) img {
width: 100%;
height: 100%;
border-radius: 50%;
}
.ni_right_img_wraps > img:nth-child(2) {
width: 15px;
height: 15px;
position: absolute;
right: 0;
bottom: 0;
}
.ni_right_login_wrap > a {
position: absolute;
font-size: 12px;
color: #8790A4;
right: 10px;
top: 0;
}
.ni_right_login_wrap > a:hover {
color: #0C95FF;
-webkit-transition: all .5s linear;
transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
}
.ni_right_login_wrap .pb_btn:hover {
color: white;
}
.ni_login_center {
text-align: center;
margin-top: 20px;
}
.ni_login_center > img {
width: 20px;
height: 18px;
vertical-align: middle;
margin-top: -9px;
margin-left: 5px;
}
.ni_login_center > label {
font-size: 18px;
font-weight: bold;
vertical-align: middle;
}
.ni_login_center > label > a {
display: inline-block;
max-width: 180px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ni_login_center > span {
border: 1px solid #0C95FF;
color: #0C95FF;
font-size: 12px;
border-radius: 9px 0 9px 0;
margin-left: 5px;
padding: 1px 3px;
vertical-align: middle;
display: inline-block;
margin-top: -10px;
}
.ni_right_login_wrap > ul {
width: 82%;
margin-top: 25px;
margin-left: 9%;
}
.ni_right_login_wrap > ul li {
float: left;
width: 33.3%;
text-align: center;
margin-bottom: 17px;
font-size: 13px;
}
.ni_right_login_wrap > ul li p {
color: #666;
cursor: pointer;
}
.ni_right_login_wrap > ul li span {
margin-top: 5px;
display: block;
}
.ni_right_login_wrap > ul li span > a {
color: #8790A4;
}
.ni_right_login_wrap > ul li span > a:hover {
color: #0C95FF;
}
.ni_kj_wrap {
margin-top: 30px;
}
.dtimg_wrap .ni_kj_wrap {
margin-top: 0;
}
.ni_kj_title > div,
.ni_kj_title > h2 {
display: inline-block;
}
.ni_kj_title > div {
width: 4px;
height: 22px;
background: rgba(12, 149, 255, 1);
border-radius: 4px 4px 4px 4px;
vertical-align: middle;
margin-top: 4px;
float: left;
}
.ni_kj1_title > div {
width: 4px;
height: 42px;
background: rgba(12, 149, 255, 1);
border-radius: 4px 4px 4px 4px;
vertical-align: middle;
margin-top: 4px;
float: left;
}
.ni_kj_title > p {
font-size: 14px;
color: #707070;
margin-top: 2px;
padding-left: 15px;
}
.ni_kj_title > h2 {
font-size: 20px;
margin-left: 10px;
}
/* .new_dtwrap .ni_kj_title>h2 {
margin-left: 0;
} */
.ni_kx_wrap {
margin-top: 20px;
}
.ni_kx_list {
border-left: 1px solid #E7EFFF;
margin-left: 4px;
padding-bottom: 15px;
position: relative;
}
.ni_kx_list > div:nth-child(1) {
width: 9px;
height: 9px;
position: absolute;
box-sizing: border-box;
border: 2px solid #0C95FF;
border-radius: 50%;
left: -4.5px;
background: white;
top: 9px;
}
.ni_kx_con_wrap {
margin-left: 20px;
}
.ni_kx_con_wrap > h3 {
font-size: 16px;
line-height: 25px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
cursor: pointer;
}
.ni_kx_con_wrap > h3:hover {
color: #0C95FF;
-webkit-transition: all .5s ease-in;
transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
}
.ni_kx_con_wrap > span {
font-size: 12px;
line-height: 17px;
color: #999;
}
.ni_kx_con_wrap > p {
font-size: 14px;
line-height: 23px;
color: #8790A4;
margin-top: 5px;
display: none;
}
.ni_kx_btn,
.ni_kx_btn1,
.new_index_wrap .ni_kx_btn,
.new_index_wrap .ni_kx_btn1 {
width: 272px;
height: 36px;
line-height: 36px;
background: #F5F6F8;
color: #0C95FF;
font-size: 14px;
display: block;
text-align: center;
cursor: pointer;
margin-left: 25px;
margin-top: 20px;
border-radius: 5px;
-webkit-transition: all .5s linear;
transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
}
.new_index_wrap .ni_kx_btn,
.new_index_wrap .ni_kx_btn1 {
opacity: 0;
}
.new_index_wrap .ni_kx_btn:hover,
.new_index_wrap .ni_kx_btn1:hover {
background: #0C95FF;
color: white;
}
.ni_hot_wrap {
margin-top: 8px;
}
.ni_hot_list {
padding-top: 10px;
padding-bottom: 10px;
position: relative;
}
.ni_hot_img_wrap {
width: 108px;
height: 75px;
position: relative;
float: left;
}
.ni_hot_img_wrap > div {
width: 18px;
height: 18px;
line-height: 18px;
font-size: 14px;
position: absolute;
background: #0C95FF;
color: white;
left: 5px;
top: 0;
text-align: center;
}
.ni_hot_img_wrap > img {
width: 100%;
height: 100%;
border-radius: 4px;
}
.ni_hotconten_wrap {
float: left;
}
.ni_hot_special {
width: 182px;
left: 210px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}
.ni_hotconten_wrap > a > h3 {
font-size: 14px;
line-height: 20px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
cursor: pointer;
}
.ni_hotconten_wrap > .isShortArt {
padding: 0 5px;
background: black;
color: #E9BC7A;
border-radius: 0px 4px 0px 4px;
font-size: 12px;
margin: 0;
}
.ni_hotconten_wrap > a > h3 > span {
-webkit-box-orient: vertical;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
overflow: hidden;
}
.ni_hotconten_wrap > a > h3:hover {
color: #0C95FF;
-webkit-transition: all .5s ease-in;
transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
}
.ni_hotconten_wrap > a > h3 img {
width: 10px;
}
.ni_hotconten_wrap > a > h3 img:nth-last-child(1) {
margin-right: 3px;
}
.ni_h_content {
margin-top: 5px;
}
.ni_h_content img {
width: 18px;
height: 18px;
border-radius: 50%;
vertical-align: middle;
margin-top: -2px;
}
.ni_h_content span {
font-size: 12px;
color: #8790A4;
margin-left: 5px;
display: inline-block;
vertical-align: middle;
margin-top: -3px;
}
.ni_hot_special .ni_user_name {
max-width: 58px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ni_h_content span:nth-last-child(1) {
margin-left: 4px;
}
.new-footer {
display: block;
background: #F5F6F8;
font-size: 14px;
color: #808086;
margin-top: 75px;
position: relative;
z-index: 1;
}
.new-footer-inner {
width: 1200px;
margin: 0 auto;
}
.wx-QRcode-box {
padding: 22px 0 22px 0;
}
.popular-products {
width: 1220px;
position: relative;
border-top: 1px solid #D7D7D7;
border-bottom: 1px solid #D7D7D7;
padding: 20px 0;
text-align: center;
}
.hot-pro-tit {
margin-right: 20px;
}
.footer-other-box {
padding: 15px 0;
text-align: center;
}
.footer-other-box a {
font-size: 14px;
color: #333;
margin-right: 27px;
}
.popular-products .pro-item {
position: relative;
margin-right: 34px;
}
.popular-products .prev-line-item {
margin-right: 0;
}
.popular-products a {
font-size: 14px;
color: #808086;
}
.vertical-line {
margin: 0 18px;
color: #D7D7D7;
}
.copyright-box {
font-size: 12px;
color: #6C6C72;
text-align: center;
padding-bottom: 10px;
margin-top: 10px;
}
.copyright-box p {
margin-bottom: 5px;
line-height: 20px;
}
.copyright-box a {
color: #6C6C72;
}
.wx-QRcode-box .wx-QRcode-list {
position: relative;
float: left;
}
.wx-QRcode-box .about-us-box {
width: 330px;
text-align: center;
float: right;
/*border-left: 1px solid #D7D7D7;*/
}
.follow-us-tit {
margin-bottom: 15px;
/*margin-left: 33px;*/
}
.about-us-phone-box {
text-align: left;
margin-top: 45px;
font-size: 22px;
color: #3D3D3D;
margin-left: 80px;
}
.about-us-phone-box .stock-img-box {
margin-top: 12px;
}
.about-us-phone-box .stock-img {
display: inline-block;
vertical-align: middle;
width: 24px;
height: 24px;
margin-right: 2px;
}
.about-us-phone-box .phone-img {
display: inline-block;
vertical-align: middle;
width: 24px;
height: 26px;
margin-right: 2px;
}
.channel-box {
margin: 36px 0 0 0;
font-size: 14px;
}
.channel-box a {
color: #3D3D3D;
margin-right: 10px;
margin-left: 20px;
}
.about-us-con .about-us-item {
display: inline-block;
text-align: center;
margin-left: 8px;
}
.about-us-con .about-us-item a {
font-size: 14px;
color: #808086;
}
.wx-code-img {
display: block;
width: 98px;
height: 98px;
margin-top: 12px;
}
.wx-QRcode-box .wx-QRcode-list .wx-RQcode-item {
float: left;
margin-right: 94px;
}
.QR-tit {
margin-bottom: 25px;
}
.new-footer-tit {
display: inline-block;
font-size: 16px;
color: #333;
font-weight: 400;
}
.wx-QRcode-box .wx-QRcode-list .wx-RQcode-item .RQcode-item-link {
position: relative;
margin-bottom: 10px;
}
.wx-QRcode-box .wx-QRcode-list a {
font-size: 14px;
color: #818187;
}
.wx-QRcode-box .wx-QRcode-list .wx-RQcode-item .RQcode-item-link .hot-img {
position: absolute;
right: -27px;
top: -14px;
width: 26px;
/*height: 16px;*/
}
.wx-QRcode-box .wx-QRcode-list .wx-RQcode-item .RQcode-item-link:hover > img {
display: block !important;
}
.popular-products .pro-item .pro-code-img {
position: absolute;
width: 133px;
height: 133px;
top: -142px;
z-index: 1000;
display: none;
}
.popular-products .pro-item .pro-code-img1 {
left: -27px;
}
.popular-products .pro-item .pro-code-img2 {
left: -54px;
}
.popular-products .pro-item .pro-code-img3 {
left: -33px;
}
.popular-products .pro-item .pro-code-img4 {
left: -31px;
}
.popular-products .pro-item .pro-code-img6 {
left: -30px;
}
.popular-products .pro-item .pro-code-img7 {
left: -31px;
}
.popular-products .pro-item .except-img {
position: absolute;
right: -24px;
top: -16px;
width: 38px;
height: 16px;
}
.popular-products .pro-item:hover > img {
display: block !important;
}
.wx-QRcode-img {
position: absolute;
right: -105px;
z-index: 100;
width: 98px;
height: 98px;
display: none;
}
.wx-QRcode-img1 {
top: -40px;
}
.wx-QRcode-img2 {
top: -35px;
}
.wx-QRcode-img3 {
top: -38px;
}
.wx-QRcode-img4 {
top: -41px;
}
.wx-QRcode-img5 {
top: -36px;
}
.wx-QRcode-img6 {
top: -41px;
}
.wx-QRcode-img7 {
top: -36px;
}
.wx-QRcode-img8 {
top: -38px;
}
.wx-QRcode-img10 {
top: -34px;
}
.wx-QRcode-img11,
.wx-QRcode-img12,
.wx-QRcode-img13 {
top: -35px;
}
.ni_short_toast {
font-size: 12px;
color: #8790A4;
float: right;
margin-right: 20px;
}
.ni_sc_input_num {
position: absolute;
right: 0;
bottom: -30px;
}
.ni_sc_input_num span {
font-size: 12px;
color: #8790A4;
}
.dt_content_wraps {
margin-top: 60px;
}
.dt_left_wraps,
.dt_left_wrap,
.dt_right_wrap,
.dt_right_wraps {
float: left;
}
.dt_left_wraps {
width: 870px;
}
.dt_left_wrap {
width: 100px;
min-height: 500px;
position: relative;
}
.dt_position_wrap {
width: 100%;
position: absolute;
top: -80px;
}
.dt_fot_scroll_wrap {
width: 100%;
position: absolute;
top: -620px;
}
.ni_hot_blank {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
cursor: pointer;
}
.ni_college_cavans {
text-align: center;
padding-top: 25px;
}
.ni_college_cavans canvas {
border: 5px solid white;
}
.dt_curri_wrap .ni_college_cavans {
padding-top: 13px;
}
.new_index_footer .dt_fot_scroll_wrap {
top: -420px;
}
.dt_right_wrap {
width: 740px;
margin-left: 30px;
}
.dt_left_ad_wrap {
width: 100%;
height: 80px;
margin-bottom: 30px;
}
.dt_left_ad_wrap > a {
display: block;
}
.dt_left_ad_wrap > a,
.dt_left_ad_wrap > a > img {
width: 100%;
height: 100%;
border-radius: 4px;
}
.dt_left_wraps > h2,
.dt_left_wraps > h1 {
font-size: 36px;
margin-bottom: 30px;
}
.dt_left_fixed {
position: relative;
top: 0;
width: 1200px;
margin: auto;
z-index: 9999999;
}
.dt_left_fixed1 {
position: fixed;
top: 70px;
}
.dt_left_fixed2 {
position: absolute;
}
.dt_left_fixed > div {
width: 100px;
position: absolute;
top: 0;
left: 0;
text-align: center;
}
.dt_year {
font-size: 16px;
color: #8790A4;
text-align: center;
position: relative;
margin-bottom: 20px;
}
.dt_year > div {
width: 25px;
height: 1px;
position: absolute;
background: #E7EFFF;
top: 50%;
margin-top: -0.5px;
}
.dt_left_fixed > div .dt_author_name {
font-size: 16px;
margin-top: 5px;
margin-bottom: 5px;
cursor: pointer;
}
.dt_year > div:nth-child(1) {
left: 0;
}
.dt_year > div:nth-child(2) {
right: 0;
}
.dt_month {
font-size: 24px;
color: #666;
margin-top: -18px;
}
.dt_year_val {
color: #666;
}
.dt_user_img {
width: 40px;
height: 40px;
display: block;
margin: auto;
border-radius: 50%;
margin-top: 25px;
cursor: pointer;
}
.dt_left_icon {
width: max-content;
height: 18px;
font-size: 12px;
border: 1px solid #0C95FF;
color: #0C95FF;
border-radius: 9px 0 9px 0;
padding: 0 5px;
margin: auto;
}
.dt_left_icon font {
color: #0C95FF;
}
.dt_sub_btn {
width: 79px;
height: 27px;
line-height: 27px;
background: #0C95FF;
border-radius: 14px;
color: white;
font-size: 18px;
text-align: center;
margin: auto;
margin-top: 20px;
cursor: pointer;
}
.dt_sub_btn span {
color: white;
font-size: 25px;
margin-right: 3px;
vertical-align: middle;
display: inline-block;
margin-top: -7px;
cursor: inherit;
}
.dt_sub_btn:after {
content: "关注";
}
.dt_sub_btn1 {
width: 79px;
height: 27px;
line-height: 27px;
background: #F5F6F8;
border-radius: 14px;
color: #b9bdc7;
font-size: 18px;
text-align: center;
margin: auto;
margin-top: 20px;
content: "未关注";
}
.dt_share_btn {
margin-top: 20px;
}
.dt_sub_btn1:after {
content: "已关注";
}
.dt_sub_btn1 span {
display: none;
}
.dt_wx_wrap,
.dt_wb_wrap {
width: 36px;
margin: auto;
margin-bottom: 20px;
}
.dt_wx_wrap a,
.dt_wb_wrap a {
width: 100%;
height: 100%;
display: block;
position: relative;
}
.dt_wx_wrap img,
.dt_wb_wrap img {
width: 100%;
height: 100%;
}
/* .dt_wx_wrap a img:nth-child(2) {
width: 72px;
height: 72px;
position: absolute;
right: -90px;
top: -22px;
display: none;
border: 1px solid #eee;
z-index: 999;
} */
.dt_wx_share_box > img {
width: 120px;
height: 120px;
position: absolute;
right: -132px;
top: -50px;
display: none;
border: 1px solid #eee;
z-index: 999;
}
.dt_wx_wrap a .dt_wx_share_box {
width: 150px;
background: #FFFFFF;
box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
border-radius: 4px;
position: absolute;
right: -170px;
top: -70px;
z-index: 999;
padding: 10px;
box-sizing: border-box;
display: none;
}
.dt_wx_wrap a .dt_wx_share_box > p {
text-align: center;
font-size: 14px;
color: #3C3532;
margin-bottom: 10px;
display: block !important;
}
.dt_wx_wrap a .dt_wx_share_qrcode {
width: 120px;
height: 120px;
margin: 0 auto;
}
.dt_wx_wrap a:hover > .dt_wx_share_box {
display: block;
}
.dt_left_num_wrap {
position: relative;
}
.dt_left_num_wrap > img {
width: 44px;
}
.dt_left_num_wrap > div {
font-size: 24px;
color: #0C95FF;
position: absolute;
background: white;
top: 36px;
right: 33px;
height: 17px;
line-height: 17px;
}
.dt_right_wraps {
width: 300px;
margin-left: 30px;
position: relative;
}
.dt_rt_title {
font-size: 16px;
color: #8790A4;
line-height: 22px;
position: relative;
padding-bottom: 20px;
}
.dt_rt_title p {
color: #8790A4;
}
.dt_rt_author {
font-size: 16px;
color: #8790A4;
line-height: 22px;
position: relative;
margin-bottom: 15px;
}
.dt_rt_title > div {
width: 77px;
height: 1px;
background: #E7EFFF;
position: absolute;
bottom: 0;
}
.dt_rt_content_wrap {
font-size: 20px;
}
.dt_rt_content_wrap img {
max-width: 100%;
min-width: auto;
display: block;
margin: auto;
margin-top: 20px;
margin-bottom: 10px;
}
.dt_rt_give_wrap {
text-align: center;
margin-top: 40px;
margin-bottom: 40px;
}
.dt_rt_give_wrap > div {
display: inline-block;
}
.dt_rt_give_btn {
width: 65px;
height: 48px;
border-radius: 50%;
cursor: pointer;
margin-left: 25px;
margin-right: 25px;
padding-top: 17px;
}
.dt_rt_give_btn:hover {
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: all .5s ease-in;
transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
}
.dt_rt_give_btn > img {
width: 31px;
margin: auto;
}
.dt_dz_wrap .dt_rt_give_btn > img {
width: 27px;
}
.dt_collection_wrap .dt_rt_give_btn > img {
width: 28px;
}
.dt_rt_give_wrap > div > p {
font-size: 16px;
color: #8790A4;
margin-top: 10px;
}
.dt_rt_give_wrap > div > p span {
color: #8790A4;
}
.dt_com_title {
height: 50px;
font-size: 20px;
font-weight: bold;
}
.dt_comment_wrap {
width: 100%;
}
.pl-botbox {
width: 100%;
margin-top: 25px;
background: #FFF;
margin-bottom: 35px;
}
.newplboxb {
font-size: 18px;
color: #999;
line-height: 220px;
height: 220px;
text-align: center;
}
.newplboxaa {
margin-bottom: 20px;
height: 30px;
line-height: 30px;
}
.newplboxba {
width: 97%;
height: 68px;
border: 1px solid #E7EFFF;
padding: 10px;
position: relative;
background: #F5F6F8;
}
.newplboxca {
width: 100%;
height: 38px;
padding: 0;
background: #F5F6F8;
}
.erjihuifus .newplboxca {
width: 100.4%;
}
.newplboxab {
float: left;
display: block;
width: 80px;
height: 20px;
font-size: 20px;
font-weight: bold;
width: 100%;
}
.erjihuifu {
margin-top: 10px;
width: 100%;
display: none;
}
.newplboxac {
display: none;
}
.newplboxba textarea {
width: 100%;
height: 60px;
border: 0;
display: block;
color: #333;
resize: none;
line-height: 160%;
outline: none;
font-size: 14px;
}
.newplboxba textarea {
background-color: #F5F6F8;
font-family: "SF Pro SC", "PingFang SC", system-ui, -apple-system, Helvetica, Arial, sans-serif;
border: 0 solid #fff;
}
.dt_head_wrap {
background: #F5F6F8;
}
.erjihuifus textarea {
background: #F5F6F8;
}
.newplboxc {
width: 100%;
margin-top: 30px;
}
.newplboxcca {
border-bottom: 1px dotted #DDD;
padding-bottom: 25px;
margin-bottom: 25px;
}
.saysonme {
height: inherit;
width: 100%;
overflow: hidden;
}
.newplboxbaa {
position: absolute;
color: #8790A4;
font-size: 14px;
right: 10px;
bottom: 5px;
}
.newplboxbab {
position: absolute;
width: 150px;
height: 32px;
line-height: 32px;
text-align: center;
border-radius: 3px;
background: #FF4D4D;
color: #FFF;
font-size: 14px;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: 1000;
display: none;
}
.newplboxbaa span {
color: #8790A4;
}
.pcnewbiaoqingbox {
color: #8790A4;
font-size: 14px;
float: left;
cursor: pointer;
height: 38px;
line-height: 38px;
}
.pcnewbiaoqingbox {
position: relative;
}
.tb-iocn {
height: 15px;
margin-top: 7px;
width: 133px;
line-height: 17px;
font-size: 12px;
color: #999;
cursor: pointer;
float: left;
}
.newpchuifubtn {
width: 120px;
text-align: center;
cursor: pointer;
height: 100%;
float: right;
color: #FFF;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
line-height: 38px;
background: #3A97F6;
font-size: 14px;
}
.pcnewbiaoqingbox span {
display: inline-block;
width: 20px;
height: 20px;
background: url(https://files.cn-healthcare.com/skin/jkj_new/images/n_icon2.png) no-repeat 100% 100%/100% 100%;
margin-top: 9px;
float: left;
margin-right: 8px;
line-height: 24px;
margin-left: 10px;
}
.change_btn span {
display: block;
float: left;
width: 5px;
height: 9px;
overflow: hidden;
background: red;
text-indent: -9999px;
cursor: pointer;
margin-top: 5px;
margin-right: 0;
}
.change_btn .previous {
float: left;
background: url(//www.cn-healthcare.com/skin/jkj/images/hdbtna.png) no-repeat;
}
.change_btn .last_btn {
float: right;
background: url(//www.cn-healthcare.com/skin/jkj/images/hdbtnbb.png) no-repeat;
cursor: default;
}
.change_btn .first_btn {
background: url(//www.cn-healthcare.com/skin/jkj/images/hdbtnaa.png) no-repeat;
cursor: default;
}
.change_btn .next {
float: right;
background: url(//www.cn-healthcare.com/skin/jkj/images/hdbtnb.png) no-repeat;
}
.v_content ul li span img {
display: block;
margin: 5px;
}
.v_content ul li span {
width: 33px;
height: 33px;
margin: -1px 0 0 -1px;
background: #FAFAFA;
display: block;
float: left;
}
.tb-iocn span {
width: 12px;
height: 13px;
background: #F2F2F2;
border: 1px solid #ABABAB;
display: block;
float: left;
margin-right: 5px;
}
.tb-iocn span em {
display: block;
width: 8px;
height: 9px;
margin-top: 2px;
margin-left: 2px;
background: #CCC;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
}
.ncnameaddress {
height: 40px;
width: 500px;
float: left;
margin-left: 10px;
}
.nickphotobox img {
width: 40px;
height: 40px;
border-radius: 100%;
display: block;
}
.newpcnameadrs span.yl {
border-radius: 18px;
color: #fff;
font-size: 10px;
line-height: 17px;
vertical-align: middle;
margin: 0 3px;
border: 1px solid #0C95FF;
color: #0C95FF;
border-radius: 9px 0 9px 0;
padding: 0 5px;
}
.newpcnameadrs a {
color: #333;
font-size: 14px;
margin-right: 3px;
}
.newpctimeadd {
height: 20px;
line-height: 20px;
color: #999;
font-size: 12px;
display: block;
}
.newpcnameadrs {
height: 20px;
line-height: 20px;
overflow: inherit;
}
.nickphotobox .pc-member {
width: 17px;
height: 17px;
position: absolute;
right: 0;
bottom: 0;
margin: 0;
}
.nickphotobox img.pc-member {
position: absolute;
right: 0;
bottom: 0;
width: 17px;
height: 17px;
}
.nickphotobox {
display: block;
width: 40px;
height: 40px;
border-radius: 100%;
overflow: visible;
float: left;
position: relative;
}
.plhfbox {
width: 100%;
margin-top: 5px;
}
.saysonme {
width: 86%;
margin-left: 7%;
line-height: 24px;
font-size: 16px;
color: #333;
margin-top: 8px;
position: relative;
overflow: visible;
}
.otherspinglun {
margin-top: 10px;
}
.litileiconadd {
width: 16px;
height: 8px;
margin-left: 20px;
}
.otherspinglunlist {
width: 700px;
padding: 20px;
background: #F5F6F8;
margin-bottom: 15px;
}
.litileiconadd img {
display: block;
}
.listothera {
height: 30px;
line-height: 30px;
padding-bottom: 10px;
border-bottom: 1px solid #E3E3E3;
}
.listotherb {
margin-top: 10px;
}
.listotherc {
padding-bottom: 10px;
}
.listotherc {
display: none;
}
.listotheraa {
color: #202020;
font-size: 14px;
float: left;
display: inline-block;
}
.listotherb a img {
display: block;
width: 40px;
height: 40px;
border-radius: 100%;
}
.listotherb a .pc-member {
position: absolute;
right: 0;
bottom: 0;
width: 17px;
height: 17px;
}
.listotherb a {
width: 40px;
margin: 0 7px;
display: block;
border-radius: 100%;
overflow: visible;
float: left;
margin-bottom: 10px;
position: relative;
}
.listotherab {
display: inline-block;
float: right;
color: #999;
font-size: 14px;
cursor: pointer;
}
.listotheraa span {
color: #3A97F6;
}
.listotherclist {
padding: 15px 0;
border-bottom: 1px dotted #DDD;
width: 700px;
}
.shouqiloup {
height: 30px;
line-height: 45px;
text-align: center;
font-size: 14px;
color: #999;
cursor: pointer;
}
.nickphotobox {
display: block;
width: 40px;
height: 40px;
border-radius: 100%;
overflow: visible;
float: left;
position: relative;
}
.ncnameaddressb {
width: 650px;
float: left;
margin-left: 10px;
}
.newpcnameadrsb {
color: #333;
line-height: 24px;
}
.newpcnameadrsb a {
color: #999;
margin-right: 10px;
}
.newpcnameadrsb span {
word-break: break-all;
}
.newpctimeaddb {
margin-top: 8px;
color: #999;
font-size: 12px;
}
.newpctimeaddb .otherlisttime {
float: left;
display: inline-block;
}
.plhfboxaa {
display: inline-block;
float: right;
height: 19px;
}
.erjihuifu {
margin-top: 10px;
width: 100%;
display: none;
}
.plhfboxa {
cursor: pointer;
margin-right: 5px;
float: left;
position: relative;
}
.plhfboxb {
width: 1px;
height: 19px;
background: #E3E3E3;
float: left;
}
.plhfboxc {
color: #999;
font-size: 14px;
float: left;
margin-left: 5px;
cursor: pointer;
padding-left: 5px;
height: 19px;
line-height: 22px;
}
.plhfboxc:hover {
color: #3A97F6;
-webkit-transition: all .5s ease-in;
transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
}
.plhfboxa em {
width: 18px;
height: 19px;
float: left;
position: relative;
height: 19px;
float: left;
background: url(https://files.cn-healthcare.com/skin/jkj5/images/n_no_goods.png) no-repeat 100% 100%/100% 100%;
}
.plhfboxa span {
font-size: 12px;
color: #999;
display: inline-block;
float: left;
height: 19px;
line-height: 23px;
margin-left: 6px;
}
.plhfboxa:hover span {
color: #FF4C4C;
-webkit-transition: all .5s ease-in;
transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
}
.plhfboxas em {
width: 18px;
height: 19px;
float: left;
position: relative;
height: 19px;
float: left;
background: url(https://files.cn-healthcare.com/skin/jkj5/images/n_goods.png) no-repeat 100% 100%/100% 100%;
}
.plhfboxas span {
font-size: 12px;
color: #FF4C4C;
display: inline-block;
float: left;
height: 19px;
line-height: 23px;
margin-left: 6px;
}
.plhfboxa:hover em {
background: url(https://files.cn-healthcare.com/skin/jkj5/images/n_goods.png) no-repeat 100% 100%/100% 100%;
}
.plhfboxa {
cursor: pointer;
margin-right: 5px;
float: left;
position: relative;
}
.addcounts {
position: absolute;
left: 20px;
color: #FF4D4D;
top: 0;
overflow: visible;
width: 16px;
height: 16px;
background: none;
transform: scale(0, 0);
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-webkit-transform: scale(0, 0);
-o-transform: scale(0, 0);
}
.loadlineadd {
-webkit-animation: typing 1s 1;
-moz-animation: typing 1s 1;
animation: typing 1s 1;
-o-animation: typing 1s 1;
-ms-animation: typing 1s 1;
}
@-webkit-keyframes typing {
0% {
display: none;
-webkit-transform: scale(0, 0);
left: 20px;
top: 0;
}
50% {
display: block;
-webkit-transform: scale(1.5, 1.5);
left: 20px;
top: -40px;
}
100% {
display: none;
-webkit-transform: scale(0, 0);
left: 20px;
top: 0;
}
}
.Tipsuccess {
width: max-content;
position: fixed;
padding: 30px 25px;
margin: auto;
left: 0;
right: 0;
top: 25%;
border-radius: 6px;
background: rgba(0, 0, 0, 0.6);
z-index: 10000004;
display: none;
}
.Tipbox {
width: 480px;
position: fixed;
padding-bottom: 65px;
margin: 0 auto;
left: 0;
right: 0;
top: 25%;
display: none;
background: #fff;
z-index: 10000004;
border: 1px solid #eee;
}
.Tipbox a.delete {
width: 32px;
height: 32px;
float: right;
background: url(https://files.cn-healthcare.com/skin/jkj/images/wm/discovery-icon.png) 0 0 no-repeat;
}
.Tipbox h3 {
font-size: 24px;
color: #0C9;
font-weight: 400;
text-align: center;
padding-top: 65px;
}
.btnbox {
width: 200px;
margin: 40px auto 0 auto;
}
.btnbox a {
width: 72px;
height: 34px;
line-height: 34px;
font-size: 12px;
display: block;
float: left;
text-align: center;
margin-left: 20px;
}
.btnbox a.sure {
color: #fff;
background: #35aa47;
}
.btnbox a.cancel {
color: #333;
background: #eee;
}
.Tipsuccess h3 {
color: #fff;
font-size: 16px;
text-align: center;
padding: 20px 0;
}
.dt_re_title {
font-size: 20px;
margin-bottom: 20px;
}
.alertbiaoqingbox {
width: 410px;
height: 248px;
background: url(//www.cn-healthcare.com/skin/jkj/images/litileiconaddb.png) no-repeat;
position: absolute;
left: 54px;
top: -96px;
overflow: hidden;
padding-left: 7px;
padding-top: 1px;
z-index: 10000;
}
.v_content {
position: relative;
width: 410px;
height: 204px;
overflow: hidden;
}
.highlight_tip {
display: none;
}
.change_btn {
float: left;
width: 36px;
height: 20px;
float: right;
margin-right: 10px;
overflow: hidden;
margin-top: 8px;
}
.v_content_list {
position: absolute;
width: 820px;
}
.v_content ul li {
width: 410px;
height: 204px;
float: left;
}
.dt_rad_img {
width: 100%;
height: 80px;
margin-bottom: 30px;
}
.dt_rad_img a,
.dt_rad_img img {
width: 100%;
height: 100%;
display: block;
border-radius: 4px;
}
.dt_rightclass_wrap {
margin-top: 20px;
float: left;
}
.dt_rightclass_wrap > h2 {
font-size: 20px;
margin-bottom: 20px;
}
.dt_file_wraps {
margin-top: 5px;
}
.ni_rc_list {
width: 141px;
height: 160px;
margin-left: 18px;
float: left;
margin-bottom: 20px;
position: relative;
}
.ni_rqcode_warp {
width: 100%;
height: 100%;
position: absolute;
background: rgba(0, 0, 0, 0.8);
left: 0;
top: 0;
opacity: 0;
-webkit-transition: all .5s ease-in;
transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
}
.ni_rqcode_warp img {
width: 90px;
height: 90px;
display: block;
margin: auto;
margin-top: 14px;
}
.ni_rqcode_warp p {
font-size: 12px;
line-height: 20px;
color: white;
width: 70%;
text-align: center;
margin-left: 15%;
margin-top: 1px;
}
.dt_right_video_wrap {
width: 300px;
position: absolute;
top: 0;
}
.dt_right_video_wrap .ni_rc_list {
height: 180px;
margin-bottom: 15px;
}
.ni_rc_list:nth-child(2n+1) {
margin-left: 0;
}
.ni_rc_img_wrap {
width: 100%;
height: 78px;
position: relative;
}
.dt_right_video_wrap .ni_rc_img_wrap {
height: 98px;
}
.ni_rc_img_wrap > a,
.ni_rc_img_wrap > a > img:nth-child(1) {
width: 100%;
height: 100%;
border-radius: 4px;
display: block;
}
.ni_rc_img_wrap > a > img:nth-child(2) {
width: 46px;
height: 46px;
position: absolute;
top: 50%;
left: 50%;
border-radius: 0;
margin-left: -23px;
margin-top: -23px;
}
.ni_rc_list > p {
font-size: 14px;
line-height: 24px;
margin-top: 10px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-weight: bold;
cursor: pointer;
}
.ni_rc_list > p > a {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.ni_rc_list > p:hover > a {
color: #0C95FF;
font-weight: bold;
transition: all .5s linear;
}
.ni_rc_list > span {
font-size: 12px;
color: #8790A4;
display: inline-block;
margin-top: 4px;
}
.dt_file_list {
margin-bottom: 20px;
}
.dt_file_list a {
display: block;
width: 100%;
}
.dt_file_list img {
width: 26px;
vertical-align: bottom;
}
.dt_file_list p {
width: 254px;
font-size: 16px;
line-height: 22px;
margin-left: 10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
-webkit-transition: color .4s linear;
transition: color .4s linear;
-moz-transition: color .4s linear;
-ms-transition: color .4s linear;
-o-transition: color .4s linear;
}
.dt_file_list p:hover {
color: #0C95FF;
}
.ni_container {
position: relative;
}
.ni_container_waps {
opacity: 0;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
-moz-transition: opacity .2s linear;
-ms-transition: opacity .2s linear;
-o-transition: opacity .2s linear;
}
.dt_lb_wrap {
float: left;
margin-bottom: 20px;
}
.dt_lb_wrap .slider__item > a {
height: 100%;
display: block;
border-radius: 3px;
}
.dt_lb_wrap .slider__item > a > img {
width: 300px;
height: 210px;
border-radius: 3px;
}
.dt_lb_wrap .slider__item {
height: 210px !important;
border-radius: 3px;
}
.dt_lb_wrap .ni_kj_bottom_wrap {
width: 36px;
height: 210px;
margin-left: 0;
margin-top: 0;
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 264px;
border-radius: 0;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.dt_lb_wrap .preview {
width: 100%;
height: 100%;
top: 0;
overflow-y: hidden;
}
.dt_lb_wrap .preview a {
position: static;
display: block;
width: 30px;
height: 21px;
margin: auto;
margin-top: 6px;
opacity: .4;
border: 1px solid rgba(0, 0, 0, 0);
}
.dt_lb_wrap .preview a > img {
width: 30px;
height: 21px;
}
.dt_lb_wrap .slider-container {
width: 300px;
}
.dt_lb_wrap .preview .sli_active {
opacity: 1;
border: 1px solid #1C9CFF;
}
.dt_slider_icon {
position: absolute;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
color: white;
border-radius: 0 0 100px 0;
font-size: 12px;
text-align: center;
padding: 4px 8px;
}
.dt_right_scroll_wrap {
display: none;
}
.dt_right_scroll_wrap > div {
position: fixed;
width: 1200px;
margin: auto;
top: 45px;
}
.dt_lb_bottom_wrap {
width: 100%;
float: left;
}
.dt_video_wraps {
min-height: 411px;
}
.dt_video_wrap {
width: 100%;
height: 411px;
position: relative;
}
.wz-textbox .dt_video_wrap1 {
position: fixed;
width: 477px !important;
height: 269px !important;
right: 50px;
bottom: 200px;
z-index: 9999;
}
.dt_vediowx_wrap {
width: 100%;
height: 411px;
position: relative;
}
.dt_video_shadows {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 50%;
z-index: 999;
cursor: move;
display: none;
}
.dt_video_shadows:hover .dt_video_windows {
display: block;
}
.dt_video_windows {
width: 100%;
height: 30px;
line-height: 30px;
position: absolute;
left: 0;
top: 0;
z-index: 99999;
display: block;
background: rgba(0, 0, 0, 0.2);
box-shadow: 0 14px 10px rgba(0, 0, 0, 0.2);
display: none;
}
.dt_video_windows p {
float: left;
color: white;
font-size: 15px;
margin-left: 15px;
margin-top: 5px;
}
.dt_video_windows div {
float: right;
color: white;
margin-top: 5px;
margin-right: 15px;
cursor: pointer;
}
.dt_video_wrap video {
width: 100%;
height: 100%;
object-fit: fill;
}
.dt_video_shadow {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 9;
display: none;
cursor: move;
}
.icon-review {
width: 36px;
height: 18px;
background: rgba(0, 0, 0, 0.3);
border-radius: 3px;
font-size: 12px;
font-weight: 400;
color: #FFFFFF;
line-height: 18px;
position: absolute;
right: 16px;
bottom: 64px;
z-index: 99999;
text-align: center;
}
.dt_pay_warp,
.dt_login_toast,
.dt_pay_toast {
width: 100%;
position: relative;
margin-top: 20px;
padding-bottom: 30px;
cursor: pointer;
display: none;
}
.dt_pay_warp {
display: block;
}
.dt_pay_warp > div,
.dt_login_toast > div,
.dt_pay_toast > div,
.dt_pay_warp > a > div {
font-size: 16px;
color: #0C95FF;
text-align: center;
}
.dt_pay_warp > img,
.dt_login_toast > img,
.dt_pay_toast > img,
.dt_pay_warp > a > .ni_vip_icon {
width: 12px;
height: 10px;
display: block;
-webkit-animation: leader ease-in-out .7s infinite alternate;
animation: leader ease-in-out .7s infinite alternate;
position: absolute;
left: 50%;
margin-left: -6px;
top: 30px;
}
.dt_pay_warp > a > .ni_vip_img {
width: 100%;
margin-top: 53px;
}
@keyframes leader {
from {
top: 30px;
}
to {
top: 40px;
}
}
.mainplay {
position: relative;
width: 99%;
border-radius: 8px;
margin: 20px auto;
background: #F5F6F8;
border: none;
height: 95px;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.mainplayleft {
float: left;
position: relative;
}
.mainplayright {
max-width: 600px;
float: left;
margin-left: 4%;
margin-top: 10px;
}
.mainplayleft p {
position: relative;
border-radius: 50%;
padding: 5px;
width: 48px;
height: 48px;
margin-left: 14px;
margin-top: 10px;
box-sizing: border-box;
}
.mainplayleft p .bg-img {
display: none;
width: 100%;
height: 100%;
border-radius: 50%;
overflow: hidden;
}
.mainplayleft .pause-btn,
.mainplayleft .play-btn {
position: absolute;
top: 50%;
left: 50%;
width: 48px;
height: 48px;
margin-left: -17px;
margin-top: -9px;
}
.mainplayleft .play-btn {
display: none;
}
.mainplayright p {
max-width: 600px;
color: #222;
font-size: 16px;
padding-top: 8px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.wx-audio-content .wx-audio-right .wx-audio-title {
padding-bottom: 6px;
width: 100%;
font-size: 14px;
font-weight: 400;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: none;
}
.wx-audio-content .wx-audio-right .wx-audio-disc {
width: 100%;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
padding-bottom: 10px;
font-size: 12px;
color: #8c8c8c;
display: none;
}
.wx-audio-content .wx-audio-right .wx-audio-progrees {
height: 2px;
width: 100%;
position: relative;
margin-top: 20px;
}
.wx-audio-content .wx-audio-right .wx-audio-time {
width: 100%;
padding-top: 6px;
height: auto;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
overflow: hidden;
}
.wx-audio-content .wx-audio-right .wx-audio-progrees .wx-progrees-detail {
height: 100%;
width: 100%;
background: #ebebeb;
position: relative;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
-moz-user-select: -moz-none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.playbox {
width: 67%;
float: left;
position: absolute;
z-index: 10;
bottom: 15px;
}
.playbox {
width: 80%;
}
.mainplayright p span {
color: #333;
font-size: 16px;
}
.wx-audio-content {
-moz-user-select: -moz-none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
width: 300px;
height: auto;
margin: 0 auto;
font-size: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
.playbox audio {
width: 100%;
background: #433A3B;
}
.wx-audio-content .wx-audio-left {
display: none;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
width: 42px;
height: 100%;
}
.wx-audio-content .wx-audio-right {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
width: 100%;
font-size: 16px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wx-audio-content .wx-audio-left .wx-audio-state {
width: 100%;
height: 100%;
}
.dt_font_wraps {
float: right;
margin-top: -3px;
}
.dt_font_wraps div {
width: 30px;
height: 28px;
display: block;
float: right;
margin-right: 20px;
display: block;
line-height: 28px;
text-align: center;
color: #666;
background: #F2F2F2;
cursor: pointer;
user-select: none;
}
.dt_font_wraps .dt_remove_font {
margin-right: 0;
}
.dt_imgs_wraps {
display: none;
z-index: -1;
margin-top: 20px;
}
.dtimg_wrap #gallery {
width: 100%;
height: 488px;
border-radius: 4px;
}
.dtimg_wrap #thumbs {
width: 94%;
height: 70px;
padding-left: 3%;
padding-right: 3%;
background: #F5F6F8;
margin-top: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
.dtimg_wrap #thumbs img {
height: 100%;
}
.dtimg_wrap .swiper-wrapper {
height: inherit;
}
.dtimg_wrap #thumbs .swiper-slide > span {
text-align: center;
display: block;
margin-top: 22px;
font-size: 16px;
}
.dtimg_wrap .swiper-button-prev,
.dtimg_wrap .swiper-button-next {
background-image: none;
background: rgba(0, 0, 0, 0.5);
padding: 5px 5px;
}
.dtimg_wrap .swiper-button-prev img,
.dtimg_wrap .swiper-button-next img {
width: 60%;
margin-left: 26%;
margin-top: 7px;
}
.dtimg_wrap .swiper-slide .de_swiper_img,
.dtimg_wrap .swiper-slide > img {
width: auto;
display: block;
max-height: 100%;
margin: auto;
cursor: pointer;
max-width: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.dtimg_wrap .swiper-slide {
cursor: pointer;
}
.dtimg_wrap #thumbs .swiper-slide {
border-radius: 4px;
overflow: hidden;
}
.dtimg_wrap #thumbs .swiper-slide:nth-last-child(1) {
background: white;
border: 1px solid #c0c0c0;
box-sizing: border-box;
}
.dtimg_wrap .swiper-slide-thumb-active {
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
cursor: pointer;
}
.dt_red_wrap {
width: 100%;
height: 100%;
padding-top: 28px;
border: 1px solid #E7EFFF;
box-sizing: border-box;
padding-left: 42px;
background: white;
}
.dt_red_wrap > h3 {
color: #0C95FF;
font-size: 18px;
margin-bottom: 20px;
}
.dt_recomend_list {
width: 140px;
float: left;
margin-right: 30px;
margin-bottom: 50px;
}
.dt_recomend_list:nth-child(4n) {
margin-right: 0;
}
.dt_recomend_list > p {
height: 42px;
line-height: 21px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-top: 13px;
}
.dt_recomend_list > p > a {
color: #333;
font-size: 14px;
}
.dt_recomend_list > p > a:hover {
color: #0C95FF;
-webkit-transition: all .5s linear;
transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
}
.dt_recod_img_wrap {
width: 140px;
height: 98px;
position: relative;
}
.dt_recod_img_wrap > a > img {
width: 100%;
height: 100%;
border-radius: 4px;
}
.dt_recod_img_wrap > a > div {
position: absolute;
bottom: 5px;
right: 5px;
padding: 2px 2px;
background: rgba(0, 0, 0, 0.5);
color: #fff;
font-size: 12px;
border-radius: 4px;
}
.zhezhao {
width: 100%;
height: 100%;
background: #000;
background: rgba(0, 0, 0, 0);
position: fixed;
top: 0;
left: 0;
z-index: 10000002;
display: none;
}
.zhezhaozan {
width: 100%;
height: 100%;
background: #000;
background: rgba(0, 0, 0, 0);
position: fixed;
top: 0;
left: 0;
z-index: 10000002;
display: none;
}
.login_interface {
left: 50%;
position: fixed;
top: 40%;
width: 494px;
z-index: 10000004;
display: none;
border: 1px solid #eee;
}
.close {
display: block;
width: 10px;
height: 10px;
cursor: pointer;
float: right;
margin: 10px;
}
.login_interface .inter {
width: 494px;
min-height: 299px;
padding-bottom: 20px;
background: #fff;
margin: 0 auto;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.inter .inter_tit {
height: 44px;
border-bottom: 1px solid #EEE;
line-height: 44px;
font-size: 25px;
color: #333;
padding-left: 20px;
}
.inter .inter_tit .into {
float: left;
}
.inter .inter_tit .close {
margin-top: 16px;
}
.member {
margin: 0 auto;
padding-top: 20px;
width: 366px;
}
.member td {
font-size: 12px;
color: #666;
padding-top: 20px;
}
.member .user {
padding-right: 10px;
}
.inter .member .inform {
height: 32px;
}
.login_interface {
left: 40%;
position: fixed;
top: 40%;
width: 494px;
z-index: 10000004;
display: none;
}
.login_interface .inter {
width: 494px;
min-height: 299px;
padding-bottom: 20px;
background: #fff;
margin: 0 auto;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.inter .inter_tit {
height: 44px;
border-bottom: 1px solid #EEE;
line-height: 44px;
font-size: 25px;
color: #333;
padding-left: 20px;
}
.inter .inter_tit .into {
float: left;
}
.Tipbox {
width: 480px;
position: fixed;
padding-bottom: 65px;
margin: 0 auto;
left: 0;
right: 0;
top: 25%;
display: none;
background: #fff;
z-index: 10000004;
}
.Tipbox a.delete {
width: 32px;
height: 32px;
float: right;
background: url(https://files.cn-healthcare.com/skin/jkj/images/wm/discovery-icon.png) 0 0 no-repeat;
}
.Tipbox h3 {
font-size: 24px;
color: #0C9;
font-weight: 400;
text-align: center;
padding-top: 65px;
}
.btnbox {
width: 200px;
margin: 40px auto 0 auto;
}
.btnbox a {
width: 72px;
height: 34px;
line-height: 34px;
font-size: 12px;
display: block;
float: left;
text-align: center;
margin-left: 20px;
}
.btnbox a.sure {
color: #fff;
background: #35aa47;
}
.btnbox a.cancel {
color: #333;
background: #eee;
}
.payforbg {
display: none;
width: 100%;
height: 100%;
left: 0;
top: 0;
position: fixed;
z-index: 10000000;
background: rgba(0, 0, 0, 0.5);
}
.payforboxa {
width: 480px;
height: 355px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #FFF;
margin: auto;
display: none;
}
.payforboxb {
width: 480px;
height: 297px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #FFF;
margin: auto;
}
.closebtn {
width: 32px;
height: 32px;
background: #EEE;
color: #999;
position: absolute;
display: block;
right: 0;
top: 0;
cursor: pointer;
text-align: center;
line-height: 32px;
font-size: 20px;
font-weight: 100;
font-family: cursive;
}
.ewmpayleft {
width: 180px;
height: 180px;
overflow: hidden;
float: left;
background: #EEE;
}
.ewmpayright {
float: left;
margin-left: 15px;
width: 160px;
height: 180px;
}
.ewmpayleft img {
display: block;
width: 180px;
height: 180px;
}
.ewmtipsa {
height: 30px;
line-height: 30px;
font-size: 18px;
color: #000;
margin-top: 50px;
}
.ewmtipsb {
height: 30px;
line-height: 30px;
font-size: 18px;
color: #FF8A00;
}
.ewmtipsc {
height: 20px;
line-height: 20px;
font-size: 12px;
color: #999;
}
.erweimapay {
width: 355px;
height: 180px;
margin: 64px auto;
}
.dollorlist {
margin-top: 32px;
width: 420px;
margin: 32px auto 0 auto;
}
.padytitle {
width: 100%;
height: 30px;
line-height: 30px;
color: #FF8A00;
font-size: 24px;
text-align: center;
margin-bottom: 10px;
}
.dollorlist span {
width: 118px;
height: 54px;
border: 1px solid #E3E3E3;
background: #FFF;
display: block;
cursor: pointer;
float: left;
margin: 10px;
text-align: center;
line-height: 54px;
border-radius: 3px;
font-size: 18px;
color: #212121;
}
.dollorlist .nowclis {
border: 1px solid #FF8A01;
background: #FF8A01;
color: #FFF;
}
.dingyibox {
width: 400px;
margin-left: 10px;
margin-top: 10px;
display: none;
}
.payforbtnb {
width: 128px;
height: 40px;
line-height: 40px;
text-align: center;
color: #FFF;
font-size: 18px;
background: #FF8A01;
border-radius: 3px;
margin: 20px auto;
cursor: pointer;
}
.dingyibox input {
height: 22px;
width: 186px;
border: 1px solid #E3E3E3;
padding: 5px;
line-height: 22px;
color: #999;
float: left;
font-size: 14px;
}
.dingyibox p {
height: 34px;
line-height: 34px;
float: left;
margin-left: 10px;
color: #CCC;
}
.new_index_wrap .swiper-container {
width: 100%;
height: 100%;
position: relative;
border-radius: 3px;
}
.new_index_wrap .swiper-wrapper {
height: 100%;
}
.new_index_wrap .swiper-slide > a {
width: 100%;
height: 100%;
display: block;
position: relative;
}
.new_index_wrap .swiper-slide > a > img {
width: 100%;
height: 100%;
display: block;
}
.new_index_wrap .swiper-slide > a > p {
position: absolute;
bottom: 12px;
padding-left: 10px;
padding-right: 10px;
color: white;
font-size: 20px;
z-index: 101;
font-weight: bold;
}
.new_index_wrap #gallery .swiper-pagination-bullet-active {
background: #0C95FF !important;
}
.new_index_wrap .swiper-container {
--swiper-theme-color: #f60;
--swiper-pagination-color: #0f3;
}
.new_index_wrap .swiper-pagination {
bottom: 0;
display: flex;
width: fit-content;
display: block;
overflow: hidden;
position: absolute;
bottom: 10px;
right: 10px;
z-index: 3;
left: inherit;
text-align: right;
}
.new_index_wrap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0;
margin-right: 5px;
border-radius: 3px;
background: white;
width: 16px;
height: 4px;
border-radius: 20px;
}
.new_index_wrap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:nth-last-child(1) {
margin-right: 0;
}
.swiper-pagination-bullet {
background: rgba(231, 239, 255, 0.5);
outline: none;
}
.swiper-pagination-bullet-active {
background: #0C95FF;
}
.loading-indicator-bars {
background-image: url('https://raw.githubusercontent.com/riverbed/flyscript-portal/master/thirdparty/showLoading/images/loading-bars.gif');
width: 150px;
}
.loading-indicator {
position: fixed !important;
height: 80px;
width: 80px;
left: 47% !important;
top: 42% !important;
margin-top: -40px;
background: url('https://raw.githubusercontent.com/riverbed/flyscript-portal/master/thirdparty/showLoading/images/loading.gif');
background-repeat: no-repeat;
background-position: center center;
}
.loading-indicator-overlay {
height: 100%;
opacity: .6;
filter: alpha(opacity=60);
}
.desc_wrap div {
font-size: inherit !important;
float: inherit !important;
}
.hdp-zhezhao {
background: url(https://files.cn-healthcare.com/skin/jkj5/images/index_shadow1.png?v=1.0) no-repeat 100% 100%/100% 100%;
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 100;
cursor: pointer;
/* background: linear-gradient(to bottom, rgba(0,0,0,0) 80%,rgba(0,0,0,1) 100%);
background: linear-gradient(rgba(0,0,0,0) , 80%, rgba(0,0,0,1)); */
}
.prism-player {
background-color: #000;
position: relative;
z-index: 9;
}
.wz-textbox {
position: relative;
overflow: hidden;
color: #222;
line-height: 1.667;
min-height: 420px;
font-size: 18px;
padding: 1em 0;
}
.wz-textbox p {
margin-bottom: 1em;
}
.wz-textbox ul {
margin-bottom: .5em;
}
.wz-textbox ul li {
margin-bottom: .5em;
}
.wz-textbox table {
margin-bottom: 1em;
border-collapse: collapse;
}
.wz-textbox table th,
.wz-textbox table tr:nth-child(1) td {
background-color: #f4f4f4;
}
.wz-textbox table th,
.wz-textbox table td {
border: 1px solid #ebeced;
vertical-align: middle;
padding: 4px;
}
.wz-textbox ul p,
.wz-textbox table p {
margin-bottom: 0;
}
.dt_video_wrap1 .prism-player {
width: 100% !important;
height: 100% !important;
}
.pcnoyuachuang {
font-size: 15px;
display: block;
margin-top: 20px;
color: #a7a7a7;
}
.dtimg_wrap .swiper_contents {
line-height: 25px;
margin-top: 30px;
word-wrap: break-word;
}
.dtimg_wrap .swiper-button-prev.swiper-button-white,
.dtimg_wrap .swiper-button-next.swiper-button-white {
background-image: none;
}
.bottomboxa {
width: 100%;
height: 35px;
border-bottom: 1px solid #DDD;
text-align: center;
line-height: 35px;
background: #e7e7e7;
position: relative;
}
.ni_upimg_wrap {
width: 92%;
margin-left: 4%;
margin-top: 10px;
margin-bottom: 10px;
}
.ni_upload_list {
width: 70px;
height: 70px;
margin-right: 10px;
margin-bottom: 10px;
position: relative;
float: left;
}
.ni_upload_list:hover > .ni_upload_delete {
display: block;
}
.ni_upload_list > img {
width: 100%;
height: 100%;
border-radius: 3px;
}
.ni_upload_delete {
width: 100%;
height: 20px;
line-height: 20px;
position: absolute;
bottom: 0;
text-align: center;
color: white;
background: rgba(0, 0, 0, 0.4);
font-size: 24px;
cursor: pointer;
display: none;
}
.ni_add_img {
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
border: 1px dashed #c0c0c0;
color: gray;
font-size: 20px;
float: left;
cursor: pointer;
box-sizing: border-box;
-webkit-transition: all .5s linear;
transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
}
.ni_add_img:hover {
box-shadow: 0 0 7px #c0c0c0;
}
.ni_add_img img {
width: 34px;
vertical-align: middle;
margin-top: -8px;
}
.slider__switch[disabled] .slider_shadow {
background: none;
}
.downapp-qrcode-box {
width: 72px;
position: fixed;
left: inherit;
margin-left: 0;
right: 0;
font-size: 16px;
color: #767575;
box-shadow: 0 0 10px #c0c0c0;
background: white;
border-radius: 3px;
padding-bottom: 5px;
z-index: 99999;
top: 50%;
transform: translateY(-50%);
}
.downapp-qrcode-box > a:nth-child(1) {
width: 100%;
}
.downapp-qrcode-box a {
font-size: 12px;
color: #666;
}
.downapp-qrcode-box .app-qrcode-img {
width: 100%;
display: block;
margin: auto;
box-shadow: 1px 2px 9px #c1c1c1;
}
.downapp_title p {
font-size: 12px;
text-align: center;
margin-bottom: 2px;
color: #666;
}
.downapp_title p:nth-child(1) {
margin-top: 5px;
}
#return-top {
width: 120px;
height: 120px;
background: url(https://files.cn-healthcare.com/skin/jkj/images/return_top.png) no-repeat center center;
position: fixed;
bottom: 50px;
left: 50%;
margin-left: 580px;
background-size: 86px 86px;
display: none;
}
#down_app_wrap .return_tops {
background: none;
left: inherit;
width: 100%;
height: inherit;
bottom: inherit;
position: static;
margin-left: 0;
text-align: center;
margin-top: 16px;
margin-bottom: 10px;
cursor: pointer;
}
.return_tops > img {
width: 15px;
}
.return_tops > p {
font-size: 12px;
margin-top: 5px;
}
#small {
position: fixed;
z-index: 9999999;
cursor: pointer;
width: 70px;
bottom: 0;
left: -130px;
}
#small img {
width: 100%;
display: block;
}
#big {
width: 100%;
left: 0;
position: fixed;
bottom: 0;
z-index: 99;
display: block;
height: auto;
background: none;
opacity: 1;
z-index: 9999999;
}
.close_wrap {
position: absolute;
bottom: 104%;
right: 0;
width: 138px;
height: 32px;
background: #249FFF;
border-radius: 16px;
}
.fl_pop_box {
width: 100%;
height: 100%;
}
#big .fl_img1 {
width: 100%;
position: relative;
left: 0;
display: block;
}
.fl_pop_cnt {
position: absolute;
top: 0;
right: 43px;
height: 100%;
padding: 0 2px 0 16px;
color: #fff;
}
.fl_wrap_close {
width: 28px;
position: relative;
top: 2px;
left: 2px;
outline: 0 none;
background: none;
border-radius: 0;
padding: 0;
z-index: 9;
cursor: pointer;
}
.fl_toast {
/* width: 37%; */
text-align: center;
position: absolute;
color: white;
font-size: 14px;
top: 50%;
left: 35px;
opacity: 1;
z-index: 9;
transform: translateY(-50%);
}
.fl_toast span {
color: white;
}
.fl_pop_cnt_bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: .1;
filter: alpha(opacity=10);
z-index: -100;
}
.fl_pop_qrcode {
position: relative;
float: left;
width: 115px;
margin: 20px 14px 0 0;
margin-top: 10px;
}
.fl_pop_hint {
line-height: 1.5;
text-align: center;
}
.fl_pop_qrcode img {
margin-top: 16px;
}
.wz-tpisjg {
margin-top: 20px;
}
.ne_write_shadow {
width: 100%;
height: 100%;
position: fixed;
background: rgba(0, 0, 0, 0.5);
left: 0;
top: 0;
z-index: 99999999999999999999999999999;
display: none;
}
.ne_write_window {
width: 403px;
height: 225px;
background: white;
padding-top: 30px;
position: absolute;
left: 50%;
top: 40%;
margin-left: -201.5px;
margin-top: -106px;
border-radius: 4px;
}
.ne_write_window > img {
width: 44px;
height: 44px;
display: block;
margin: auto;
margin-bottom: 25px;
}
.ne_write_window > h3 {
font-size: 18px;
color: #333;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: bold;
text-align: center;
}
.ne_write_window > p {
text-align: center;
margin-top: 15px;
color: #8790A4;
font-size: 14px;
}
.ne_write_window > p > a {
color: #0C95FF;
}
.ne_write_window > div {
width: 145px;
height: 32px;
line-height: 32px;
text-align: center;
font-size: 14px;
color: white;
background: #0C95FF;
margin: auto;
margin-top: 21px;
cursor: pointer;
border-radius: 4px;
}
.ni_second_list {
display: none;
}
.ni_head_ul li > .ni_long_ul {
width: 285px;
padding-left: 0;
padding-right: 0;
}
.ni_head_ul li .ni_long_ul > li {
width: 33.3%;
float: left;
}
.look-more:hover,
.load-more:hover {
background: #0C95FF;
color: white;
-webkit-transition: all .5s linear;
transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
}
.slider__switch--next {
right: 45px;
left: inherit;
}
.slider__switch--prev {
left: 70px;
right: inherit;
}
.ni_loading {
width: 100%;
margin-top: 55px;
text-align: center;
color: gray;
display: none;
}
.ni_common_img {
vertical-align: text-bottom;
}
.pswp {
z-index: 9999999999999999999;
}
.load-more {
text-align: center;
width: 150px;
height: 36px;
line-height: 36px;
border-radius: 4px;
color: #0C95FF;
margin: auto;
margin-top: 55px;
border: 1px solid #0C95FF;
-webkit-transition: all .5s linear;
transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
cursor: pointer;
font-size: 14px;
}
.load-more:hover {
background: #0C95FF;
color: white;
}
.load-loading {
width: 100%;
text-align: center;
text-align: center;
font-size: 14px;
display: none;
color: gray;
}
input:-internal-autofill-selected {
background: none !important;
}
input:-webkit-autofill {
-webkit-text-fill-color: #8790A4 !important;
-webkit-box-shadow: 0 0 0 1000px transparent inset !important;
background-color: transparent;
background-image: none;
transition: background-color 50000s ease-in-out 0s;
}
.dt_right_scroll_wrap,
.dt_right_scroll_wrap > div {
width: 300px;
}
.new_lb_wrap {
width: 300px;
position: relative;
height: 210px;
padding: 0;
}
.new_lb_wrap #gallery {
width: 300px;
height: 210px;
border-radius: 4px;
}
.new_lb_wrap #gallery .swiper-container {
width: 300px;
height: 210px;
}
.new_lb_wrap #gallery .swiper-slide,
.new_lb_wrap #gallery .swiper-slide > a > img {
width: 264px;
height: 210px;
margin: inherit;
}
.new_lb_wrap #thumbs {
width: 36px;
height: 210px;
position: absolute;
right: 0;
top: 0;
background: rgba(14, 22, 58, 1);
padding: 0;
margin-top: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.new_lb_wrap #thumbs .swiper-slide > img,
.new_lb_wrap #thumbs .swiper-slide > a > img {
width: 89%;
height: 70%;
border: 1px solid white;
box-sizing: border-box;
border-radius: 0;
display: block;
margin: 15% auto 0;
}
.new_lb_wrap #thumbs .swiper-slide {
width: 84%;
margin-left: 10%;
border-radius: 0;
}
.new_lb_wrap #thumbs .swiper-slide:nth-last-child(1) {
background: none;
border: none;
box-sizing: inherit;
}
.new_lb_wrap #thumbs .swiper-slide-thumb-active > img {
border: 1px solid #0C95FF;
}
.loadingmorelist {
width: 150px;
height: 36px;
line-height: 36px;
border-radius: 4px;
color: #0C95FF;
margin: auto;
margin-top: 55px;
border: 1px solid #0C95FF;
text-align: center;
cursor: pointer;
-webkit-transition: all .5s linear;
transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
}
.loadingmorelist:hover {
background: #0C95FF;
color: white;
}
/* .new_in_wrap .ni_head_ul>li:nth-last-child(2) { */
/* width: 80px; */
/*margin-left: 15px;*/
/* margin-right: 0; */
/* } */
/* .new_in_wrap .ni_head_ul>li:nth-last-child(3) {
width: 70px;
} */
.clear:after {
content: '';
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.wz-textbox a {
color: #0070C0;
font-weight: normal;
/* padding-right: 21px;
padding-left: 5px; */
text-decoration: underline;
}
.wz-textbox a strong, .wz-textbox a span, .wz-textbox a p, .wz-textbox p a i {
color: #0070C0;
}
.wz-textbox .cloudWordVideo {
/* background: url(../images/ycVideo.svg) right center no-repeat; */
text-decoration: none;
color: #202020;
cursor: initial;
}
.wz-textbox .cloudWordMusic {
/* background: url(../images/ycMusic.svg) right center no-repeat; */
text-decoration: none;
color: #202020;
cursor: initial;
}
.wz-textbox .cloudWordPPT {
/* background: url(../images/ycPpt.svg) right center no-repeat; */
text-decoration: none;
color: #202020;
cursor: initial;
}
.wz-textbox .cloudWordWord {
/* background: url(../images/yunciDoc.svg) right center no-repeat; */
text-decoration: none;
color: #202020;
cursor: initial;
}
.wz-textbox .cloudWordPDF {
/* background: url(../images/ycPdf.svg) right center no-repeat; */
text-decoration: none;
color: #202020;
cursor: initial;
}
.wz-textbox .cloudWordEXL {
/* background: url(../images/yunciExcel.svg) right center no-repeat; */
text-decoration: none;
color: #202020;
cursor: initial;
}
.wz-textbox .cloudWordTXT {
/* background: url(../images/ycText.svg) right center no-repeat; */
text-decoration: none;
color: #202020;
cursor: initial;
}
.wz-textbox .cloudWord {
/* background: url(../images/ycHref.svg) right center no-repeat; */
text-decoration: none;
color: #202020;
cursor: initial;
}
.wz-textbox .cloudWordHref {
/* background: url(../images/ycOutHref.svg) right center no-repeat; */
text-decoration: none;
color: #202020;
cursor: initial;
}
.ri_bar_wraps {
position: fixed;
right: 0;
bottom: 60px;
z-index: 99999;
}
#ri_lb {
width: 100px;
height: 95px;
}
#ri_lb > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
}
#ri_lb .swiper-wrapper {
height: 80px;
}
#ri_lb > .swiper-pagination-bullets {
bottom: 0;
}
#ri_lb .swiper-pagination-bullet {
width: 5px;
height: 5px;
border-radius: 50%;
background: rgb(131, 134, 151, 0.5);
}
#ri_lb .swiper-pagination-bullet-active {
background: #0C95FF;
}
#ri_lb .swiper-slide img {
width: 100%;
height: 100%;
}
.ri_right_ul {
width: 50px;
background: rgba(7, 14, 48, 0.5);
border-radius: 4px;
float: right;
margin-top: 50px;
margin-right: 23px;
}
.ri_right_ul li {
width: 100%;
position: relative;
}
.ri_right_ul li:hover {
background: #0C95FF;
}
.ri_right_ul li:hover .ri_ds_wrap {
display: block;
}
.ri_right_ul li:hover .ri_img_wrap1 > img {
display: none;
}
.ri_right_ul li:hover .ri_img_wrap1 > div {
display: block;
}
.ri_right_ul li:nth-child(1) {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.ri_right_ul li:nth-last-child(1) {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.ri_right_ul li:hover > .ri_img_wrap {
border-bottom: 1px solid #0C95FF;
}
.ri_right_ul .ri_img_wrap {
width: 40px;
height: 41.5px;
border-bottom: 1px solid #747787;
cursor: pointer;
padding-top: 8.5px;
margin-left: 5px;
position: relative;
}
.ri_right_ul .ri_img_wrap > div {
color: white;
display: none;
margin-top: -6px;
text-align: center;
font-size: 16px;
}
.ri_right_ul li:nth-last-child(1) {
border: none;
}
.ri_right_ul .ri_img_wrap > img {
width: 33px;
margin: auto;
display: block;
}
.ri_img_wrap > a {
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.fk_code {
width: 108px;
display: block;
margin-top: 8px;
}
.ri_ds_wrap {
padding-right: 20px;
position: absolute;
left: -304px;
top: -33px;
display: none;
}
.ri_cont_wrap {
width: 284px;
height: 112px;
position: relative;
padding-top: 10px;
}
.ri_cont_wrap1 {
height: 122px;
padding-top: 0;
}
.ri_cont_wrap > .ri_qrcode {
width: 102px;
height: 102px;
position: relative;
z-index: 9;
margin-left: 20px;
float: left;
}
.ri_cont_wrap > img:nth-last-child(1) {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.ri_cont_wrap > div:nth-child(2) {
float: left;
margin-left: 10px;
z-index: 5;
position: relative;
padding-top: 25px;
}
.ri_cont_wrap1 > div:nth-child(2) {
margin-left: 15px;
width: 90%;
padding-top: 9px;
}
.ri_cont_wrap .ri_content_wrap > div {
width: 165px;
padding-top: 0;
float: left;
margin-left: 10px;
}
.ri_cont_wrap > div:nth-child(2) p {
font-size: 20px;
}
.ri_cont_wrap > div:nth-child(2) span,
.ri_cont_wrap .ri_content_wrap > div span {
color: #8790A4;
font-size: 14px;
display: block;
width: 65%;
left: 173px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}
.ri_cont_wrap2 > div:nth-child(2) span,
.ri_cont_wrap2 .ri_content_wrap > div span {
width: auto;
left: 0;
position: static;
top: 0;
transform: inherit;
}
.ri_bar_top {
width: 277px;
background: #6E7181;
position: relative;
z-index: 5;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.ri_bar_top li {
width: 33.3%;
height: 24px;
text-align: center;
float: left;
cursor: pointer;
}
.ri_bar_top li:hover {
background: none;
}
.ri_bar_top li:hover > div:not(.ri_active) {
background: #0C95FF;
}
.ri_bar_top li > div {
font-size: 14px;
height: 23px;
line-height: 23px;
color: white;
text-align: center;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.ri_bar_top li > .ri_active {
margin-left: 1px;
margin-right: 1px;
margin-top: 1px;
background: #F5F6F8;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
color: #6E7181;
}
.ri_content_wrap .ri_qrcode {
width: 80px;
height: 80px;
float: left;
}
.ali_advent {
margin-top: 20px;
}
.dt_wx_wrap img,
.dt_wb_wrap img {
height: 30px;
}
.dt_list_wrap .dt_head_img1,
.dt_list_wrap .dt_head_img2 {
margin-top: 11px;
}
.dtimg_wrap #thumbs {
padding-left: 10px;
padding-right: 10px;
width: 100%;
}
.dtimg_wrap .new_lb_wrap #thumbs {
width: 36px;
padding: 0;
}
.dt_content_wraps {
width: 1250px;
overflow-x: hidden;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
}
.dt_content_wraps::-webkit-scrollbar {
width: 0 !important;
}
.dt_list_wrap > img {
vertical-align: baseline;
}
.dt_left_icon {
display: none;
}
.dollorlist {
position: relative;
}
.dollorlist .dashangimgurl {
position: absolute;
right: 30px;
top: 0;
}
.dollorlist .padytitle {
text-align: left;
color: #333;
padding-left: 10px;
font-weight: bold;
}
.dashang_tips {
font-size: 15px;
color: #666;
margin-bottom: 32px;
padding-left: 10px;
}
.dollorlist .nowclis {
border: 1px solid #FF3C41;
background: #FF3C41;
}
.payforbtnb {
background: #FF3C41;
width: 408px;
}
.dollorlist span {
height: 44px;
line-height: 44px;
position: relative;
z-index: 9;
}
.payforbg #selectMoney {
border-radius: 10px;
overflow: hidden;
padding-bottom: 20px;
}
.closebtn {
border-bottom-left-radius: 36px;
line-height: 24px;
width: 28px;
}
#payError {
font-size: 14px !important;
}
.dingyibox input {
width: 260px;
}
.payforboxb {
height: 307px;
border-radius: 10px;
overflow: hidden;
}
.payforboxb .ewmtipsb {
color: #FF3C41;
}
.erweimapay {
width: 405px;
margin-top: 0;
}
.ewmpayleft {
background: #fff;
}
.payforbtnb {
height: 46px;
line-height: 46px;
}
.art_wrap #thumbs {
padding-left: 10px;
padding-right: 10px;
width: 100%;
}
.art_wrap .dt_content_wraps {
width: 1250px;
overflow-x: hidden;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
}
.art_wrap .dt_content_wraps::-webkit-scrollbar {
width: 0 !important;
}
.art_wrap .dt_left_icon {
display: none;
}
.art_wrap .dollorlist {
position: relative;
}
.art_wrap .dollorlist .dashangimgurl {
position: absolute;
right: 30px;
top: 0;
}
.art_wrap .dollorlist .padytitle {
text-align: left;
color: #333;
padding-left: 10px;
font-weight: bold;
}
.art_wrap .dashang_tips {
font-size: 15px;
color: #666;
margin-bottom: 32px;
padding-left: 10px;
}
.art_wrap .dollorlist .nowclis {
border: 1px solid #FF3C41;
background: #FF3C41;
}
.art_wrap .payforbtnb {
background: #FF3C41;
width: 408px;
}
.art_wrap .dollorlist span {
height: 44px;
line-height: 44px;
}
.art_wrap .payforbg #selectMoney {
border-radius: 10px;
overflow: hidden;
padding-bottom: 20px;
}
.art_wrap .closebtn {
border-bottom-left-radius: 36px;
line-height: 24px;
width: 28px;
}
.art_wrap #payError {
font-size: 14px !important;
}
.art_wrap .dingyibox input {
width: 260px;
}
.art_wrap .payforboxb {
height: 307px;
border-radius: 10px;
overflow: hidden;
}
.art_wrap .payforboxb .ewmtipsb {
color: #FF3C41;
}
.art_wrap .erweimapay {
width: 405px;
margin-top: 0;
}
.art_wrap .ewmpayleft {
background: #fff;
}
.art_wrap .payforbtnb {
height: 46px;
line-height: 46px;
}
.in_icon {
width: 30px;
vertical-align: middle;
margin-top: -2px;
margin-left: 5px;
}
.in_type {
position: absolute;
left: 5px;
top: 5px;
color: #e0e0e0;
font-size: 12px;
padding: 4px 10px;
background: rgba(0, 0, 0, 0.6);
}
.wz-textbox p span strong, .wz-textbox p span em {
color: inherit;
}
.wz-textbox p strong span {
color: inherit;
}
.ne_feedback .inter {
width: 712px;
}
.ne_feedback {
width: 712px !important;
left: 50% !important;
margin-left: 0;
top: 50% !important;
box-shadow: 0 0 26px #c0c0c0;
transform: translate(-50%, -50%);
}
.ne_feedback .close {
margin-right: 5%;
font-size: 27px;
color: gray;
}
.ne_feedback .inter_tit {
width: 92%;
margin-left: 4%;
padding-left: 0;
padding: 10px 0;
font-size: 24px;
}
.fk_list_wrap {
width: 92%;
margin-left: 4%;
max-height: 72vh;
overflow-y: scroll;
overflow-x: hidden;
}
.fk_list {
width: 100%;
}
.fk_title {
font-size: 16px;
margin-top: 15px;
margin-bottom: 15px;
}
.fk_title .fk_tit {
color: #FF3C41;
margin-right: 5px;
}
.fk_title .fk_toast {
font-size: 14px;
color: #FF3C41;
margin-left: 10px;
display: none;
}
.fk_ul {
margin-bottom: 6px;
margin-left: 13px;
}
.fk_ul > li {
float: left;
margin-right: 40px;
font-size: 16px;
margin-bottom: 5px;
}
.fk_ul > li:nth-child(2) {
margin-left: 60px;
}
.fk_ul > li:nth-child(5) {
margin-left: 27px;
}
.fk_ul > li:nth-last-child(1) {
margin-right: 0;
}
.fk_ul > li > span {
}
.fk_ul > li > img {
width: 16px;
height: 16px;
margin-right: 5px;
vertical-align: middle;
margin-top: -2px;
cursor: pointer;
}
.fk_ul > li > input {
display: none;
}
.fk_input_wrap {
position: relative;
margin-left: 13px;
}
#fk_proposal {
width: 600px;
height: 85px;
padding-left: 15px;
padding-right: 0;
padding-top: 10px;
font-size: 16px;
outline: none;
text-align: justify;
background: #F5F6F8;
border: 1px solid #F5F6F8;
color: #333333;
}
#fk_proposal:-ms-input-placeholder {
color: #8790A4;
}
.fk_pro_wrap {
width: 630px;
height: 93px;
border-radius: 4px;
background: #F5F6F8;
border: 1px solid #F5F6F8;
padding-bottom: 38px;
}
.fk_word_num {
font-size: 12px;
position: absolute;
right: 15px;
bottom: 10px;
}
.fk_word_num span {
}
.fk_email_wrap {
width: 630px;
height: 35px;
line-height: 35px;
background: #F5F6F8;
border: 1px solid #F5F6F8;
border-radius: 4px;
margin-left: 13px;
}
.fk_email_wrap img {
width: 22px;
margin-left: 14px;
vertical-align: middle;
margin-top: -3px;
}
.fk_email_wrap input {
width: 550px;
font-size: 16px;
margin-left: 11px;
background: #F5F6F8;
border: none;
outline: none;
color: #333333;
}
.fk_toast_wrap {
font-size: 14px;
margin-left: 13px;
margin-top: 20px;
}
.fk_hot {
color: #0996FF;
margin-bottom: 5px;
}
.fk_time {
color: #8790A4;
/*margin-top: 5px;*/
}
#fk_sub {
width: 220px;
height: 40px;
line-height: 40px;
background: #0996FF;
color: white;
border-radius: 4px;
margin: 30px auto;
border: none;
display: block;
cursor: pointer;
font-size: 16px;
margin-bottom: 10px;
outline: none;
}
.fk_title1 {
margin-left: 12px;
}
.vip_title {
vertical-align: middle;
margin-top: -5px;
margin-left: 5px;
}
.vip_icon {
width: 29px;
vertical-align: middle;
margin-top: -5px;
margin-left: 5px;
}
.upload_app_wrap {
margin-top: 20px;
}
.upload_app_wrap, .upload_app_wrap img, .upload_app_wrap a {
width: 100%;
}
.upload_app_wrap img {
border-radius: 8px;
}
.keyword_wrap {
margin-top: 10px;
}
.keyword_wrap > div {
display: inline-block;
}
.keyword_wrap > div > a {
display: inline-block;
border: 1px solid #c0c0c0;
padding: 2px 10px;
border-radius: 15px;
font-size: 14px;
margin-right: 10px;
color: gray;
cursor: pointer;
}
.wz-tpisjg a {
color: #0C95FF;
}
.ad_right_wrap, .ad_right_wrap1, .ad_right_wrap2 {
float: left;
}
.ad_right_wrap1, .ad_right_wrap2 {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}
.ad_right_wrap1 img, .ad_right_wrap2 img {
width: 100%;
}
/* 顶部轮播图 */
.lb_wrap {
overflow: hidden;
}
#gallery1 {
color: #fff !important;
width: 700px !important;
width: 100%;
position: relative;
background-size: 100% 100%;
}
#gallery1 p {
position: absolute;
bottom: 0;
font-size: 20px;
color: #fff;
font-weight: bold;
z-index: 1000;
color: #fff !important;
}
#gallery1 a {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 62%, rgba(0, 0, 0, 0.5) 100%);
background-size: 100% 100%;
}
#gallery1 a img {
width: 100%;
}
#gallery1 span {
color: #fff !important;
}
#gallery1 .caption {
width: 652px !important;
margin: 0 auto;
padding: 15px 20px;
color: #fff !important;
text-align: left;
font-size: 20px !important;
z-index: 1001 !important;
bottom: 0 !important;
top: auto !important;
opacity: 1 !important;
font-weight: bold;
}
#gallery1 .circle {
display: block;
width: 16px;
height: 4px;
background: #E7EFFF !important;
position: absolute;
bottom: 10px;
z-index: 1002;
border-radius: 2px;
}
#gallery1 .circle-current {
background: #0C95FF !important
}
.new_fot_img {
width: 40px;
vertical-align: middle;
margin-top: -7px;
}
.new_index_wrap .ni_sli_wraps, .new_index_wrap .ni_container_waps, .new_index_wrap .slider-container {
width: 297px;
}
#small .fh_small {
width: 210px;
display: block;
}
.fh_btn_wrap #small {
left: -218px;
}
.fw_img_box {
width: 1200px;
height: 165px;
margin: auto;
position: relative;
}
.fw_img_box img.footer_rz_img {
width: 712px;
height: 89px;
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
}
.fw_img_box img.footer_pic_img {
width: 348px;
height: 217px;
display: block;
position: absolute;
right: 65px;
bottom: 0;
}
.rz-btn {
width: 190px;
height: 60px;
position: absolute;
top: 50%;
left: 530px;
transform: translateY(-50%);
cursor: pointer;
}
.rz-shadow {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 10000004;
display: none;
}
.rz-cont {
width: 500px;
height: 280px;
background: white;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
border-radius: 16px;
}
.rz-header {
width: 100%;
height: 85px;
border-radius: 16px 16px 0 0;
background: #DBEBFE url(https://files.cn-healthcare.com/skin/jkj5/images/rz-head-bg@2x.png) no-repeat 0 0/100% 100%;
display: flex;
align-items: center;
position: relative;
}
.rz-header > h4 {
font-size: 24px;
color: #293464;
text-indent: 44px;
}
.rz-header > img {
width: 194px;
height: 121px;
display: block;
position: absolute;
right: 20px;
bottom: 0;
}
.rz-body {
width: 100%;
padding: 26px 40px;
box-sizing: border-box;
}
.rz-body > p {
font-size: 16px;
line-height: 38px;
color: #707070;
}
.rz-body > p > span {
color: #0996FF;
font-weight: bold;
}
.rz-body > div {
display: flex;
align-items: center;
justify-content: center;
padding-top: 30px;
}
.rz-body > div > span {
display: block;
width: 120px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 16px;
border: 1px #0996FF solid;
cursor: pointer;
border-radius: 4px;
}
.rz-body > div > span:nth-of-type(1) {
color: #0996FF;
background: white;
margin-right: 40px;
}
.rz-body > div > span:nth-of-type(2) {
background: #0996FF;
color: white;
}
.fh_advent_wrap #big {
/* background: rgba(0,0,0,0.75); */
background-color: rgba(12, 149, 255, 0.9);
}
.ni_community_wrap {
margin-top: 20px;
}
.ni_community_wrap ul {
}
.ni_community_wrap ul li {
margin-bottom: 10px;
position: relative;
}
.ni_community_wrap ul li img {
width: 24px;
height: 24px;
vertical-align: middle;
}
.ni_community_wrap ul li span {
color: #333333;
font-size: 14px;
font-weight: bold;
margin-left: 5px;
}
.ni_community_wrap ul li a {
width: 64px;
height: 24px;
line-height: 24px;
float: right;
display: inline-block;
text-align: center;
border: 1px solid #0C95FF;
color: #0C95FF;
font-size: 12px;
cursor: pointer;
}
.ni_community_wrap ul li a:hover {
background: #0C95FF;
color: white;
}
.nw_userImg_wrap {
width: 50px;
height: 40px;
margin-left: -25px;
position: relative;
}
.nw_userImg_wrap > a img {
width: 100%;
border-radius: 50%;
height: 100%;
display: block;
}
.nw_userImg_wrap > a {
width: 24px;
height: 24px;
cursor: pointer;
border: 3px solid white;
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
border-radius: 50%;
vertical-align: middle;
display: inline-block;
margin-top: -4px;
}
.nw_login_toast {
width: 210px;
height: 60px;
line-height: 68px;
position: absolute;
text-align: center;
top: 40px;
right: 13px;
display: none;
z-index: 9999999;
}
.nw_login_toast > img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.nw_login_toast span {
position: relative;
z-index: 9;
font-size: 15px;
color: white;
}
.nw_login_toast span a {
color: #0C95FF;
cursor: pointer;
}
.nw_login_window {
width: 354px;
position: absolute;
right: 0;
top: 40px;
border-radius: 4px;
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
z-index: 99999999;
background: white;
display: none;
}
.lg_window {
}
.lg_top {
width: 100%;
height: 82px;
position: relative;
}
.lg_bg {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
.lg_top > a {
width: 45px;
height: 45px;
float: left;
margin-left: 15px;
margin-top: 17px;
border-radius: 50%;
border: 3px solid white;
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
}
.lg_top > a img {
width: 100%;
height: 100%;
border-radius: 50%;
display: block;
}
.lg_toast {
float: left;
margin-left: 15px;
margin-top: 20px;
}
.lg_toast p {
font-size: 15px;
color: #333333;
line-height: 1.5;
}
.lg_toast p:nth-child(1) {
font-weight: bold;
}
.lg_toast p.nw_userName {
display: flex;
align-items: center;
}
.lg_toast p.nw_userName > i {
display: block;
max-width: 120px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-style: normal;
}
.lg_toast p.nw_userName > span {
display: block;
width: 48px;
height: 18px;
line-height: 18px;
text-align: center;
border-radius: 4px;
border: 1px solid rgba(153, 153, 153, 0.4);
font-size: 12px;
color: #666666;
margin-left: 10px;
}
.lg_toast p.nw_userName > a {
font-size: 14px;
color: #0C95FF;
line-height: 18px;
margin-left: 6px;
}
.lg_toast p:nth-child(2) {
max-width: 260px;
color: #8790A4;
margin-top: 3px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px;
}
.lg_btn {
width: 86px;
height: 30px;
line-height: 30px;
background: rgba(12, 149, 255, 1);
border-radius: 2px;
color: white;
text-align: center;
float: right;
margin-right: 20px;
margin-top: 26px;
font-size: 14px;
cursor: pointer;
}
.lg_bottom {
width: 100%;
}
.lg_bottom_wrap {
width: 92%;
margin-left: 4%;
margin-top: 10px;
}
.nl_bottom_wrap {
width: 86%;
margin-left: 7%;
padding-bottom: 15px;
margin-top: 15px;
}
.lg_bottom_wrap > div {
}
.lg_bottom_wrap > div:nth-child(1) {
padding-bottom: 10px;
border-bottom: 1px solid #E7EFFF;
display: flex;
align-items: center;
justify-content: space-around;
}
.lg_bottom_wrap > div:nth-child(2) {
margin-top: 10px;
padding-bottom: 10px;
}
.lg_bottom_wrap > div:nth-child(2) a {
color: #8790A4;
font-size: 12px;
line-height: 1;
cursor: pointer;
}
.lg_bottom_wrap > div:nth-child(2) a:hover {
color: #0C95FF;
}
.lg_bottom_wrap > div:nth-child(2) a:nth-child(1) {
float: left;
}
.lg_bottom_wrap > div:nth-child(2) a:nth-child(2) {
float: right;
}
.lg_bottom_wrap > div:nth-child(1) > a {
width: 78px;
height: 63px;
display: block;
/* float: left; */
/* margin-right: 3px; */
text-align: center;
border-radius: 8px;
}
.nl_bottom_wrap > div > a {
width: 48px;
height: 63px;
float: left;
margin-right: 35px;
text-align: center;
}
.nl_bottom_wrap > div > a:nth-last-child(1) {
margin-right: 0;
}
.lg_bottom_wrap > div:nth-child(1) > a:hover {
background: #0C95FF;
}
.lg_bottom_wrap > div:nth-child(1) > a:hover .lg_bottom_list p {
color: white;
}
.lg_bottom_wrap > div:nth-child(1) > a:nth-last-child(1) {
margin-right: 0;
}
.lg_bottom_list {
width: 100%;
height: 100%;
padding-top: 5px;
position: relative;
}
.lg_bottom_list img {
width: 18px;
height: 18px;
}
.nl_bottom_wrap .lg_bottom_list img {
width: 34px;
height: 34px;
}
.lg_active_img {
display: none;
}
.lg_bottom_list p {
font-size: 12px;
color: #8790A4;
line-height: 0;
}
.user_msg_toast {
position: absolute;
min-width: 12px;
height: 12px;
line-height: 12px;
border-radius: 50%;
background: white;
border: 1px solid red;
color: red !important;
font-size: 8px;
display: none;
right: 10px;
top: 7px;
padding: 1px;
}
.jquery-slider-selector {
background: white;
width: 16px;
height: 4px;
border-radius: 20px;
}
.jquery-slider-selector-current {
background: #0C95FF;
}
.lb_toast {
width: 652px;
margin: 0 auto;
padding: 15px 20px;
color: #fff;
text-align: left;
font-size: 20px;
z-index: 1001;
position: relative !important;
bottom: 70px !important;
opacity: 1;
font-weight: bold;
}
.clear1:after {
clear: both;
content: '';
display: block;
height: 0;
visibility: hidden;
}
/* 首页看健日报查看更多 */
.i_look_daybtn {
width: 272px;
height: 36px;
line-height: 36px;
background: #F5F6F8;
color: #0C95FF;
font-size: 14px;
display: block;
text-align: center;
cursor: pointer;
margin-left: 29px;
margin-top: 20px;
border-radius: 5px;
-webkit-transition: all .5s linear;
transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
cursor: pointer;
}
ul.list-paddingleft-2 > li {
background: url(http://www.cn-healthcare.com/skin/jkj/images/list-style-image.png) no-repeat left 9px;
text-indent: 1em;
background-size: 16px auto;
list-style: none;
}
.ri_right_ul1 {
width: 80px;
}
.ri_right_ul1 .ri_img_wrap > img {
width: auto;
height: 30px;
}
.ri_right_ul1 .ri_img_wrap {
width: 80%;
height: auto;
margin-left: 10%;
border-bottom: 1px solid #979797;
padding-top: 10px;
padding-bottom: 10px;
box-sizing: border-box;
}
.ri_right_ul1 > li {
background: #F5F6F8;
}
.ri_right_ul1 > li:nth-last-child(1) .ri_img_wrap {
border: none;
}
.ri_right_ul1 .ri_img_wrap p {
color: #333333;
font-size: 12px;
text-align: center;
margin-top: 3px;
}
.ri_right_ul1 > li:hover .ri_img_wrap p {
color: white;
}
#small .fh_small1 {
width: 170px;
}
.ad_close1 {
top: -40px;
}
.ni_right_login_wrap .pb_btn {
width: 260px;
height: 40px;
line-height: 40px;
font-size: 16px;
color: white;
text-align: center;
background: #0C95FF;
border-radius: 4px;
display: block;
position: static;
margin: auto;
}
.ni_right_login_wrap .bole_href {
width: 100%;
position: static;
text-align: center;
display: block;
color: #0C95FF;
font-size: 14px;
margin-top: 15px;
padding-bottom: 15px;
}
.lg_user_wrap {
display: flex;
align-items: center;
}
.lg_user_wrap .ni_right_img_wraps {
width: 42px;
height: 42px;
margin: initial;
margin-left: 10px;
}
.lg_user_wrap .ni_login_center_box {
margin-left: 10px;
}
.lg_user_wrap .ni_login_center {
height: 20px;
line-height: 20px;
margin-top: initial;
position: relative;
text-align: left;
}
.lg_user_wrap .ni_login_center > label {
font-size: 14px;
}
.lg_user_wrap .lg_img {
width: 6px;
height: auto;
margin-left: 7px;
margin-top: initial;
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
.lg_user_wrap .ni_rzbox {
display: none;
padding-top: 4px;
}
.lg_user_wrap .ni_rzbox > span {
display: block;
width: 48px;
height: 18px;
line-height: 18px;
text-align: center;
border-radius: 4px;
border: 1px solid rgba(153, 153, 153, 0.4);
font-size: 12px;
color: #666666;
}
.lg_user_wrap .ni_rzbox > a {
font-size: 14px;
color: #0C95FF;
line-height: 20px;
margin-left: 6px;
}
.lg_login_wrap > ul {
width: 92%;
height: 54px;
margin-left: 4%;
background: #FFFFFF;
border-radius: 4px;
padding: 10px 0;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 15px;
}
.lg_login_wrap > ul li {
width: 75px;
font-size: 16px;
text-align: center;
position: relative;
border-left: 1px solid rgba(153, 153, 153, 0.1);
margin-bottom: 0;
height: 100%;
}
.lg_login_wrap > ul li p {
font-size: 20px;
line-height: 20px;
font-weight: bold;
color: #333333;
text-align: center;
margin-bottom: 2px;
}
.ni_right_login_wrap > ul li span {
font-size: 12px;
color: #8690A4;
display: block;
text-align: center;
margin-top: 0;
}
.ni_right_login_wrap > ul li a {
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.lg_login_wrap > ul li:nth-of-type(1) {
display: flex;
align-items: center;
border: none;
width: 128px;
flex-shrink: 0;
}
.lg_login_wrap > ul li:nth-of-type(1) > .icon-project {
width: 47px;
height: 47px;
display: block;
margin-right: 5px;
}
.lg_login_wrap > ul li:nth-of-type(1) > span {
font-size: 14px;
font-weight: bold;
color: #333333;
}
.lg_login_wrap > ul li:nth-of-type(1) > .icon-hot {
width: 22px;
height: 13px;
display: block;
position: absolute;
right: 8px;
top: -2px;
}
.lg_user_pub_wrap {
width: 92%;
height: 62px;
margin-left: 4%;
background: white;
display: flex;
justify-content: space-between;
border-radius: 4px;
}
.lg_user_pub_wrap a {
width: 20%;
height: 62px;
display: inline-block;
text-align: center;
}
.lg_user_pub_wrap a > div {
width: 100%;
height: 100%;
}
.lg_user_pub_wrap a > div:hover p {
color: #0C95FF;
}
.lg_user_pub_wrap a > div img {
width: 20px;
height: 20px;
display: block;
margin: auto;
margin-top: 12px;
}
.lg_user_pub_wrap a > div p {
font-size: 12px;
margin-top: 6px;
font-weight: bold;
}
.zt_more {
font-size: 14px;
color: #999999;
font-weight: 400;
float: right;
margin-top: 6px;
}
.zt_more img {
width: 9px;
}
.clist_c_wrap > a > h3 .zt_fire {
width: 17px;
vertical-align: middle;
margin-top: -2px;
}
.zt_content_wrap .clist_c_wrap > a > h3 {
-webkit-line-clamp: 1;
}
.zt_summer {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
font-size: 14px;
color: #666666;
margin-top: 13px;
}
.zt_content_wrap .ni_clist {
padding-right: 0;
border-bottom: 1px solid #E7EFFF;
}
.zt_content_wrap .ni_clist:nth-last-child(1) {
border-bottom: none;
padding-bottom: 10px;
}
.zt_bottom {
font-size: 12px;
color: #666666;
}
.zt_bottom img {
width: 15px;
vertical-align: middle;
margin-right: 5px;
}
.tj_toast {
font-size: 12px;
color: #0C95FF;
margin-left: 5px;
font-weight: 400;
display: none;
}
/* 文章详情页主题标签 */
.article_theme_box {
overflow: hidden;
margin-bottom: 30px;
}
.article_theme_box span {
color: #8791A5;
font-size: 12px;
background: #F5F6F8;
border-radius: 4px;
height: 30px;
line-height: 30px;
padding: 0 9px;
margin-right: 22px;
display: inline-block;
cursor: pointer;
}
.dt_pay_warp > a > .rz_btn {
width: 151px;
height: 36px;
line-height: 36px;
text-align: center;
background: white;
border-radius: 3px;
border: 1px solid #0C95FF;
font-size: 16px;
color: #0C95FF;
margin: auto;
margin-top: 43px;
}
.dt_pay_warp > a > .rz_btn:hover {
background: #0C95FF;
color: white;
}
/* 首页社群 */
.qun_qrcode {
width: 270px;
height: 90px;
background: #FFFFFF;
border-radius: 8px;
box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
display: flex;
align-items: center;
padding: 6px;
box-sizing: border-box;
position: absolute;
right: 78px;
top: 50%;
margin-top: -45px;
z-index: 10;
}
.ni_community_wrap .qun_qrcode > img {
width: 75px;
height: 75px;
display: block;
margin-right: 6px;
flex-shrink: 0;
}
.ni_community_wrap .qun_qrcode > div {
flex: 1;
}
.ni_community_wrap .qun_qrcode > div > h5 {
font-size: 13px;
font-weight: bold;
color: #0A95FF;
line-height: 24px;
margin-bottom: 6px;
}
.ni_community_wrap .qun_qrcode > div > p {
font-size: 13px;
font-weight: 500;
color: #333333;
line-height: 20px;
}
.ni_community_wrap .qun_qrcode > div > span {
font-size: 12px;
font-weight: 400;
color: #666666;
line-height: 16px;
display: block;
margin-left: 0;
}
.qun_qrcode > i {
display: block;
width: 12px;
height: 12px;
background: white;
transform: rotate(45deg);
position: absolute;
right: -6px;
top: 50%;
margin-top: -6px;
}
/* 首页 认证送会员弹窗 */
.auth-dialog {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
z-index: 999999999999;
}
.auth-cont {
width: 342px;
height: 508px;
background: url(https://files.cn-healthcare.com/study/img/college/auth_bg.png) no-repeat;
background-size: 100% 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.auth_close {
width: 30px;
height: 30px;
position: absolute;
top: -30px;
right: 0;
cursor: pointer;
}
.auth-cont > a {
width: 266px;
height: 48px;
line-height: 48px;
display: block;
background: #1B90ED;
color: white;
font-size: 16px;
text-align: center;
position: absolute;
bottom: 24px;
left: 50%;
transform: translateX(-50%);
border-radius: 24px;
cursor: pointer;
}
/* 文章商业化 广告位1/2 */
.swiper-box {
width: 92%;
padding: 0 4%;
background: white;
}
.ad-swiper-box {
width: 100%;
height: 255px;
border-radius: 4px;
margin: 20px auto;
position: relative;
display: none;
}
.ad-swiper-box > .swiper-wrapper {
width: 100%;
height: 100%;
}
.ad-swiper-box > div > div {
width: 100%;
height: 100%;
position: relative;
}
.ad-swiper-box .ad-slide-cont {
width: 100%;
height: 100%;
position: relative;
border-radius: 4px;
overflow: hidden;
}
.ad-swiper-box .ad-slide-cont > img {
width: 100%;
height: 100%;
display: block;
}
.ad-swiper-box .ad-slide-cont > span {
display: block;
width: 52px;
height: 24px;
line-height: 24px;
background: rgba(0, 0, 0, 0.3);
border-radius: 0px 3px 0 0;
text-align: center;
font-size: 12px;
font-weight: 400;
color: white;
position: absolute;
left: 0;
bottom: 0;
}
.ad-swiper-box .ad-slide-cont > a {
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0;
top: 0;
}
.ad-swiper-box .ad-slide-cont > div {
width: 20px;
height: 20px;
/* background: rgba(0,0,0,0.3); */
/* border-radius: 2px; */
position: absolute;
right: 8px;
top: 8px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.ad-swiper-box .ad-slide-cont > div > i {
color: white;
font-size: 20px;
transform: rotate(45deg);
font-style: normal;
}
.ad-swiper-box .swiper-pagination-bullet {
width: 16px;
height: 4px;
border-radius: 2px;
background: white;
opacity: 1;
}
.ad-swiper-box.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 2px;
}
.ad-swiper-box .swiper-pagination-bullet-active {
background: linear-gradient(90deg, #0C95FF 0%, #02D191 100%);
}
.ad-swiper-box > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 20px;
text-align: right;
padding-right: 18px;
box-sizing: border-box;
}
.ad-swiper-box .close-shadow {
width: 160px;
background: white;
border-radius: 4px;
position: absolute;
right: 32px;
top: 40%;
transform: translateY(-50%);
z-index: 11;
display: none;
}
.close-shadow > p {
width: 100%;
line-height: 50px;
border-bottom: 1px #eee solid;
text-align: center;
font-size: 18px;
cursor: pointer;
}
.close-shadow > p:last-child {
border: none;
}
/* 相关解决方案 */
.ni_solution_wrap {
width: 100%;
margin-bottom: 30px;
}
/* .ni_solution_title{
display: flex;
justify-content: space-between;
align-items: center;
} */
.ni_solution_title > h2 {
font-size: 20px;
margin-bottom: 8px;
}
.ni_solution_box {
width: 100%;
}
.ni_solution_box > li {
width: 100%;
padding: 20px 0;
border-bottom: 1px #E5E5E5 solid;
}
.solution_item_box {
width: 100%;
display: flex;
align-items: center;
margin-bottom: 10px;
position: relative;
cursor: pointer;
}
.solution_item_box > img {
width: 72px;
height: 50px;
display: block;
border-radius: 4px;
margin-right: 10px;
}
.solution_item_box > h3 {
font-size: 14px;
line-height: 24px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
max-height: 48px;
word-break: break-all;
}
.solution_item_box > a {
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.solution_item > p {
font-size: 14px;
color: #999999;
line-height: 20px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-bottom: 10px;
word-break: break-all;
max-height: 40px;
}
.solution_item_btns {
display: flex;
align-items: center;
justify-content: center;
}
.solution_item_btns > a {
display: block;
width: 100px;
height: 34px;
line-height: 34px;
font-size: 14px;
text-align: center;
background: white;
color: #0C95FF;
border-radius: 6px;
border: 1px solid #0C95FF;
}
.solution_item_btns > a.down-btn {
background: #0C95FF;
color: white;
margin-left: 10px;
}
.resolve-shadow {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
position: fixed;
left: 0;
top: 0;
z-index: 10000000000;
display: none;
}
.resolve-cont {
width: 600px;
background: white url('https://files.cn-healthcare.com/ucenter/static/images/resolve/desc-bg@2x.png') no-repeat;
background-size: 100% 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 6px;
padding: 40px 30px;
box-sizing: border-box;
}
.resolve-close {
width: 16px;
height: 16px;
display: block;
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
}
.resolve-code {
width: 100%;
text-align: center;
}
.resolve-code > p, .resolve-code > i {
font-size: 20px;
color: #303030;
line-height: 40px;
margin-bottom: 10px;
display: block;
font-style: normal;
}
.code-box {
width: 200px;
height: 200px;
background: #FFFFFF;
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.25);
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 6px;
}
.code-box > img {
width: 180px;
height: 180px;
}
.resolve-code > span, .resolve-code > b {
display: block;
font-size: 24px;
font-weight: bold;
color: #333333;
line-height: 40px;
}
.resolve-code > b {
font-size: 28px;
margin-bottom: 40px;
}
.resolve-code > i {
font-size: 20px;
color: #666666;
margin-bottom: 10px;
}
.write-btn, .send-btn {
width: 360px;
height: 50px;
line-height: 50px;
text-align: center;
background: #0C95FF;
border-radius: 40px;
font-size: 24px;
/* font-weight: bold; */
color: #FFFFFF;
letter-spacing: 1px;
margin: 0 auto;
cursor: pointer;
}
.resolve-text {
width: 100%;
display: none;
}
.resolve-text > textarea {
width: 460px;
height: 240px;
background: #F3F4F6;
border-radius: 8px;
outline: none;
resize: none;
padding: 10px;
font-size: 20px;
line-height: 32px;
color: #333;
word-break: break-all;
box-sizing: border-box;
margin: 0 auto 40px;
display: block;
}