.row:after { 
    content: " ";
    display: block; 
    height: 0;
    clear: both;
    visibility: hidden;
}

.row .col {
float: left;
display: inline-block;
}

.row .col-3 {
float: left;
display: inline-block;
width: 25%;
max-width: 25%;
min-width: 25%;
}

.row .col-4 {
float: left;
display: inline-block;
width: 33.3333%;
max-width: 33.3333%;
min-width: 33.3333%;
}

.row .col-6 {
float: left;
display: inline-block;
width: 50%;
max-width: 50%;
min-width: 50%;
}

.row .col-12 {
float: left;
display: inline-block;
width: 100%;
max-width: 100%;
min-width: 100%;	
}

.dialog-limit {
display: none;
box-sizing: border-box;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(248, 248, 248, 0.58);
padding-left: 16px;
padding-right: 16px;
min-height: 311px;
}

.dialog-limit.bg-all {
background-color: rgb(248, 248, 248);
}

.dialog-limit .bg-tip {
text-align: center;
font-weight: bold;
font-size: 17px;
line-height: 24px;
margin-top: 32px;
}
.dialog-limit .tip-red {
color: #E93030;
}

.dialog-limit .text {
position: absolute;
width: 92.5%;
top: 168px;
left: 50%;
line-height: 20px;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
font-size: 15px;
padding-top: 80px;
background: transparent url('//s.thsi.cn/iwencai/sczg/zgxy1.png') no-repeat;
background-size: 52px 52px;
background-position: center top;
text-align:center;
}

.bg-blur { 
-webkit-filter: blur(8px);
filter: blur(8px);
}

.dialog-limit .btn-content {
color: #4691EE;
}

.btn-agree {
color: rgba(231,49,47,1);
font-size: 17px;
position: absolute;
box-sizing: border-box;
width: 210px;
height: 40px;
line-height: 38px;
text-align: center;
top: 248px;
left: 50%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
border-radius: 20px;
border: 1px solid rgba(231,49,47,1);
}

.black-mode .dialog-limit { 
color: #d2d2d3;
background-color: rgba(32, 32, 32, 0.6);
}

.black-mode .dialog-limit.bg-all {
background-color: rgb(32, 32, 32);
}

.black-mode .dialog-limit .btn-agree {
color: #FD4332;
border-color: #FD4332;
}

.black-mode .dialog-limit .text {
background-image: url('//s.thsi.cn/iwencai/sczg/zgxy1.png');
}

.black-mode .dialog-limit .text .btn-content {
color: #3d76b8;
}

.adv-asking {
display: none;
position: relative;
background-color: #fff;
margin-top: 10px;
padding-left: 16px;
padding-right: 16px;
}

.adv-asking .title {
position: relative;
padding-left: 10px;
height: 40px;
line-height: 40px;
font-size: 14px;
border-bottom: 1px solid #eee;
}

.adv-asking .title:before {
content: '';
height: 14px;
width: 2px;
background-color: #e93030;
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
}

.adv-asking .master {
height: 72px;
position: relative;
display: box;
display: -webkit-box;
box-align: center;
-webkit-box-align: center;
}

.adv-asking .master > div{
display: block;
width: 40px;
height: 40px;
background: transparent url(//s.thsi.cn/cd/iwencai/jgy/images/icon-head.png) no-repeat;
background-size: 100% 100%;
background-position: center center;
}

.adv-asking .master dl {
padding-left: 10px;
-webkit-box-flex: 1;
}

.adv-asking .master dt:first-child {
line-height: 16px;
height: 16px;
}

.adv-asking .master dt{
font-size: 16px;
display: box;
display: -webkit-box;
-webkit-box-pack: justify;
}

.adv-asking .master dt span {
display: block;
font-size: 12px;
color: #999;
}

.adv-asking .master dd {
clear: left;
margin-top: 7px;
}

.adv-asking .master ul {
float: left;
display: box;
display: -webkit-box;
}

.adv-asking .master ul li {
width: 16px;
height: 15px;
background-image: url('//s.thsi.cn/css/m/advancediagnosestock/images/star_gray.png');
background-repeat: no-repeat;
background-size: 16px 15px;
margin: 0 2px;
}

.adv-asking .master ul li ins {
display: block;
width: 0;
height: 15px;
background-image: url('//s.thsi.cn/css/m/advancediagnosestock/images/star.png');
background-repeat: no-repeat;
background-size: 16px 15px;
}

.adv-asking .master dd span{
float: left;
font-size: 12px;
margin-left: 5px;
color: #999;
}

.adv-asking .button {
position: absolute;
top: 62px;
right: 16px;
display: block;
width: 60px;
height: 28px;
line-height: 28px;
border-radius: 2px;
color: #e93030;
border: 1px solid #e93030;
text-align: center;
font-size: 12px;
}

.black-mode .adv-asking .button {
color: #fd4332;
border: 1px solid #fd4332;
}

.black-mode .adv-asking {
background-color: #121212;
color: #d2d2d3;
}

.black-mode .adv-asking .title {
border-bottom: 1px solid #313131;
}

.black-mode .adv-asking .title:before {
background-color: #fd4332;
}

.black-mode .adv-asking .master dt span {
color: #8e8e8e;
}

.black-mode .adv-asking .master dd span{
color: #8e8e8e;
}

.black-mode .adv-asking a.button {
background-color: #fd4332;
}

.black-mode .adv-asking .master ul li {
background-image: url('//s.thsi.cn/css/m/advancediagnosestock/images/star_gray_black.png');
}

.black-mode .adv-asking .master ul li ins {
background-image: url('//s.thsi.cn/css/m/advancediagnosestock/images/star_black.png');
}

.bottom-tools {
margin-top: 10px;
}

.bottom-tools .tools {
background-color: #fff;
color: #666;
font-size: 14px;
text-align: center;
}

.bottom-tools .tools .col-6 {
position: relative;
height: 62px;
line-height: 62px;
}

.bottom-tools .tools .col-6 .inner-wrap {
display: inline-block;
padding-left: 37px;
background: transparent no-repeat;
background-size: 28px 28px;
background-position: left center;
}

.bottom-tools .tools .col-6:nth-child(1):after {
content: '';
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
height: 32px;
width: 1px;
background-color: #eee;
}

.bottom-tools .tools .col-6:nth-child(1) .inner-wrap {
background-image: url(//s.thsi.cn/cd/iwencai/jgy/images/icon-share.png);
}

.bottom-tools .tools .col-6:nth-child(2) .inner-wrap {
background-image: url(//s.thsi.cn/cd/iwencai/jgy/images/icon-write.png);
}

.bottom-tools .risk-bottom { 
margin-top: 10px;
padding-bottom: 14px;
padding-left: 16px;
padding-right: 16px;
color: #999;
line-height: 18px;
font-size: 13px;
}

.black-mode .bottom-tools .risk-bottom {
color: #8e8e8e;
}

.black-mode .bottom-tools .tools {
background-color: #121212;
color: #a9a9a9;
}

.black-mode .bottom-tools .tools .col-6:nth-child(1):after {
background-color: #313131;
}

.adv-profession {
display: none;
padding: 10px 4%;
position: relative;
height: auto;
overflow: hidden;
border-bottom: 1px solid #eee;
}

.adv-profession:after {
position: absolute;
content: "";
width: 10px;
height: 10px;
border-top: 1px solid #00a2ff;
border-right: 1px solid #00a2ff;
-webkit-transform: rotate(45deg);
top: 30px;
-moz-transform: rotate(45deg);
right: 4%;
}

.adv-profession div {
float: left;
width: 56px;
padding-right: 10px;
}

.adv-profession h3 {
font-size: 18px;
line-height: 26px;
font-weight: normal;
float: left;
}

.adv-profession h3 span {
display: block;
font-size: 13px;
}

.adv-ad {
display: none;
border-bottom: 1px solid #eee;
position: relative;
height: auto;
overflow: hidden;
display: none
}

.adv-ad > img {
width: 100%
}

.black-mode .adv-ad {
border-bottom: #2c2c2e;
}

.black-mode .adv-profession {
border-bottom: #2c2c2e;
color: #d2d2d3;
}

.ad-part {
opacity: 0;
overflow: hidden;
background-color: #fff;
border-bottom: 1px solid #eee;
}

.ad-part.op-show {
opacity: 1;
transition: opacity 0.3s 0s;
-webkit-transition: opacity 0.3s 0s;
}

.black-mode .ad-part {
background-color: #121212;
border-bottom-color: #2c2c2e;
}

.ad-part.two-part:after {
content: " ";
display: block; 
height: 0;
clear: both;
visibility: hidden;
}

.ad-part.two-part .normal-center {
box-sizing: border-box;
float: left;       
width: 50%;
}

.ad-part.two-part .normal-center:first-child:after {
content: " ";
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
width: 1px;
height: 32px;
background-color: #f5f2f3;
}

.black-mode .ad-part.two-part .normal-center:first-child:after {
background-color: #2c2c2e;
}

.black-mode .ad-part.two-part .normal-center:first-child {
background-color: #121212;
}

.ad-part.two-part .normal-center:last-child {
transform: translate(12px, 0);
-webkit-transform: translate(12px, 0);
}

.ad-part.two-part .normal-center .down {
visibility: hidden;
}

.ad-part.two-part .normal-center .normal-btn {
left: 62px;
transform: none;
-webkit-transform: none;
box-sizing: content-box;
font-size: 11px;
width: 50px;
height: 11px;
line-height: 11px;
padding: 3px 4px;
}

.normal-center {
position: relative;
padding: 12px 15px;
padding-left: 62px;
background-color: #fff;
}

.adv-center {
display: none;
}

.black-mode .normal-center { 
background-color: #121212;
}

.normal-center .normal-icon {
position: absolute;
left: 15px;
top: 50%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
width: 36px;
height: 36px;
background: transparent no-repeat;
background-size: 100% 100%;
background-position: center center;
}

.mec-center .mec-icon {
background-image: url(//s.thsi.cn/css/m/advancediagnosestock/images/me.png);
}

.adv-center .adv-icon {
background-image: url(//s.thsi.cn/js/m/newjuece/v3/icon/diagnosestock.png);
}

.normal-center .normal-content .up {
height: 13px;
line-height: 13px;
font-size: 13px;
}

.black-mode .normal-center .normal-content .up {
color: #d2d2d3;
}

.normal-center .normal-content .down {
margin-top: 8px;
height: 10px;
line-height: 10px;
font-size: 10px;
color: #666;
}

.black-mode .normal-center .normal-content .down {
color: #a9a9a9;
}

.normal-center .normal-btn {
position: absolute;
right: 15px;
top: 50%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
width: 75px;
height: 28px;
line-height: 28px;
border-radius: 4px;
-webkit-border-radius: 4px;
background-color: #e93030;
background-image: linear-gradient(0deg, 
    rgba(250, 71, 47, 1) 1%,
    rgba(242, 60, 48, 1) 35%,
    rgba(233, 48, 48, 1) 100%
);
color: #fff;
font-size: 13px;
text-align: center;
}

.backwash-part { 
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
}

.loading-box {
position: absolute;
left: 50%;
top: 45%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
background-color: transparent;
text-align: center;
}

.loading-box .load {
background-color: transparent;
width: 150px;
height: 40px;
text-align: center;
}

.loading-box .load > div {
background-color: #eee;
height: 100%;
width: 3px;
display: inline-block;
margin: 3.5px;
-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
animation: stretchdelay 1.2s infinite ease-in-out;
}

.loading-box .load > div:nth-child(2) {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}

.loading-box .load > div:nth-child(3) {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}

.loading-box .load > div:nth-child(4) {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}

.loading-box .load > div:nth-child(5) {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 
20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
} 20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
}
}

.black-mode .loading-box .load > div {
background-color: #a9a9a9;
}

/* 禁止滚动块 */
body.scroll-forbid {
position: fixed;
width: 100%;
}

/* 数据块 */
.param {
display: none;
}

/* 提示框 */
.soul-message {
z-index: 10086;
opacity: 0;
padding: 10px 10px 7px;
position: fixed;
bottom: 50%;
left: 50%;
max-width: 80%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
background-color: rgba(0, 0, 0, 0.7);
border-radius: 4px;
-webkit-border-radius: 4px;
transition: all 1s 0s;
-webkit-transition: all 1s 0s;
}

.soul-message.active {
opacity: 1;
}

.soul-message .text {
color: #fff;
font-size: 14px;
white-space:nowrap;
}

/* iphoneX */
.iphonex-block {
padding-bottom: 34px;
}