/* 查询栏 */
/* -------------------------------------------------- */
#search{
    height: 290px;
    min-width: 1080px;
    background: url('/static/img/bg_gray.jpg');
}
.search-box{
    height: 290px;
    min-width: 1080px;
    display: table;
    margin-right: auto;
    margin-left: auto;
}
.form-group{
	width: 700px;
    display: table;
    margin-right: auto;
    margin-left: auto;
    margin-top: 100px;
}
.diagnosis-input{
    width: 520px;
	height: 50px;
	float: left;
    font-size: 16px;
}
.diagnosis-button{
    width: 180px;
	height: 50px;
    float: left;
	font-size: 18px;
    background-color: #3385ff;
}

.diagnosis-button:hover, .diagnosis-button:active, .diagnosis-button:focus {
    background-color: #006ede !important;
}
.search-overview{
    width: 50%;
    padding: 10px;
    float: left;
    font-size: 16px;
    text-align: center;
}
/* -------------------------------------------------- */

/* 查询结果 */
/* -------------------------------------------------- */
#result{
    min-width: 1080px;
	margin-top: 20px;
}
.result-box{
    min-width: 1080px;
    display: table;
    margin-right: auto;
    margin-left: auto;
}
.result-left{
    width: 624px;
	display: inline-block;
    vertical-align: top;
    margin-right: 15px;
}
.result-right{
    width: 436px;
	display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
}
.result-border{
    border: 1px solid #e6e6e6;
}
.result-table-result{
	margin-bottom: 20px;
}
.result-table-monitor{
	margin-bottom: 20px;
}
.result-table-info{
	margin-bottom: 80px;
}
.result-table-log{
	
}
.result-title{
	height: 50px;
    line-height: 50px;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	padding-left: 20px;
	margin-bottom: 10px;
}
.result-title-site{
	height: 50px;
	width: 460px;
    line-height: 50px;
	overflow: hidden;
	font-size: 14px;
	color: #666666;
	padding-left: 15px;
}
.result-left-text{
	float: left;
}
.result-icon{
	margin-left: 40px;
    margin-bottom: 5px;
}
.result-info{
	margin-left: 40px;
    margin-bottom: -5px;
}
.result-table-result .table > tbody > tr > td{
    padding: 0px 40px 15px 0px;
    border-top: none;
	word-wrap: break-word;
	word-break: break-all;
}
.result-table-monitor .table > tbody > tr > td{
    padding: 0px 90px 15px 0px;
	border-top: none;
}
.result-table-info .table > tbody > tr > td{
    padding: 0px 30px 15px 30px;
	border-top: none;
}
.details-icon {
	margin-right: 10px;
    margin-top: 3px;
	float: left;
}
.details-text-safety{
	color: #09b225;
}
.details-text-danger{
	color: #ff2626;
}
.details-text-unknown{
	color: #999999;
}
.result-title-small{
	padding-left: 40px;
	padding-bottom: 25px;
}
.result-title-small-span{
	padding-left: 10px;
}
.result-box a {
	width: 150px;
	height: 40px;
	color: #3385ff;
	background-color: #ffffff;
    border-color: #3385ff;
	border-width: 1px;
	margin-bottom: 30px;
	display: table;
    margin-right: auto;
    margin-left: auto;
}
.result-box a:hover {
	color: #ffffff;
	background-color: #3385ff;
	border-color: #3385ff;
	border-width: 1px;
}

.result-info > p {
    margin-left: 40px;
    padding-bottom: 20px;
    color: #999999;
}
/* -------------------------------------------------- */

#log-info {
	padding: 0px 0px 10px 0px;
}

/* 风险记录 */
/* -------------------------------------------------- */
div.record-info {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    width: 300px;
}
div.record-info p {
    margin: 0px 20px 20px 0px;
    color: #999999;

}

/* 时间轴 */
.timeline-data {
	height: 1px;
	width: 72px;
	font-size: 12px;
	color: #333333;
	padding: 15px 0px !important;
}
.timeline-axis {
	padding: 0px !important;
}
.timeline-round {
	height: 30px;
	width: 30px;
	/*display:inline-block;*/
	border: 1px solid #e6e6e6;
	border-radius: 15px;
	margin: 0px 10px 0px 5px;
}
.timeline-icon {
	margin: 7px;
}
.timeline-line {
	height: 40px;
	width: 1px;
	background: #e6e6e6;
	display:inline-block;
	margin: 0px 0px 0px 20px;
}
.timeline-msg {
	font-size: 14px;
    line-height: 1.4 !important;
	color: #333333;
	padding: 6px 50px 0px 0px !important;
}
.result-table-log .table > tbody > tr > td {
	border-top: 0px;
	line-height: 0;
}
/* -------------------------------------------------- */

/* 虚线 */
.diagnosis-dashed{
    border-bottom: 1px dashed #e6e5e5; 
	margin: 0px 0px 30px 0px;
}

.result-info > a:visited{
    color: #3385ff;
    
}
.details_safety { background-image: url('/static/img/diagnosis.png'); background-position: 0 0px; background-repeat: no-repeat; width: 16px; height: 16px; }
.details_danger { background-image: url('/static/img/diagnosis.png'); background-position: 0 -16px; background-repeat: no-repeat; width: 16px; height: 16px; }
.details_unknown { background-image: url('/static/img/diagnosis.png'); background-position: 0 -32px; background-repeat: no-repeat; width: 16px; height: 16px; }
.result_safety { background-image: url('/static/img/diagnosis.png'); background-position: 0 -48px; background-repeat: no-repeat; width: 194px; height: 82px; }
.result_danger { background-image: url('/static/img/diagnosis.png'); background-position: 0 -130px; background-repeat: no-repeat; width: 194px; height: 82px; }
.result_unknown { background-image: url('/static/img/diagnosis.png'); background-position: 0 -212px; background-repeat: no-repeat; width: 194px; height: 82px; }
.result_icp { background-image: url('/static/img/diagnosis.png'); background-position: 0 -294px; background-repeat: no-repeat; width: 20px; height: 20px; }



@media screen and (max-width: 750px){
    #features, #partners, #distribution, #explanation{
        display: None;
    }
    #search{
        min-width: initial;
        height: auto;
        background: initial;
    }
    div.search-box{
        min-width: initial;
        background-image: url('/static/img/pic_jcjg.png') !important;
        background-position: 0 0 !important;
        background-repeat:no-repeat;
        background-size: contain;
        width: 100%;
        height: 190px;
        margin-left: auto;
        margin-right: auto;
    }
    div.content{
        min-height: 0px !important;
        min-width: initial;
    }
    div.search-items{
        width: initial;
    }
    body{
        min-width: initial;
    }
    .search-overview{
        margin-top: 10px;
        width: 100%;
        padding: 5px;
        float: initial;
        font-size: 13px;
        text-align: center;
        color: #FFF; 
        padding-top: -5px;
    }
    .diagnosis-input {
        height: 40px;
        max-width: 250px;
        float: left;
        font-size: 16px;
        background-color: #001f52;
    }
    .diagnosis-input:focus {
        background-color: #EFE;
        color: #333;
    }
    .diagnosis-input::-webkit-input-placeholder {
        color: #1f58b5;
    }

    .diagnosis-input:-moz-placeholder {
        color: #1f58b5;
    }
    .form-group{
        width: initial;
        margin-top: 40px;
        display: inline;
    }
    form {
        margin-left:7px;
        margin-right:7px;
    }
    .diagnosis-button{
        width: 30%;
    	height: 40px;
        float: left;
    	font-size: 18px;
        background-color: #3385ff;
    }
    
    #result {
        min-width: initial;
    }
    .result-box {
        min-width: initial;
    }
    .res-value {
        padding: 10px 0px 0px 0px !important;
        width: 70%;
    }
    .res-title{
        padding: 10px 10px 0px 0px !important;
        width: 30%;
    }
    .result-left {
        width: initial;
        margin-right: 10px;
        margin-left: 10px;
    }
    .result-title-site {
        width: initial;
    }
   
    td.monitor-title {
        padding: 5px 0px 5px 0px !important;
        width: 70%;
    }
    td.monitor-value {
        padding: 5px 10px 5px 0px !important;
    }

    .result-right {
        display: none;
    }
    a.btn {
        /*display: none;*/
    }

    .footer > .container {
        display: none;
    }
    .footer > .bottom {
    }
    .footer {
        min-width: initial;
    }
    .result-table-info {
        margin-bottom: 30px;
    }
    .search-overview-first {
        padding-top: 65px;
    }
    .diagnosis-input {
        border: initial;
        width: 70%;
    }
     .diagnosis-button {
        border: initial;
    }
   
    #result {
        margin-top: 10px;;
    }
    .diagnosis-input:focus {
        background-color: #FFF;
        color: #333;
    }
    .diagnosis-input::-webkit-input-placeholder {
        color: #1f58b5;
    }

    .diagnosis-input::-moz-placeholder {
        color: #1f58b5;
    }
    .diagnosis-input:focus::-webkit-input-placeholder {
        color: #999;
    }

    .diagnosis-input:focus::-moz-placeholder {
        color: #999;
    }
    #info-info{
        margin-left: initial;
    }
    .result-info {
        margin-left: 20px;
    }
    .result-title-small {
        display: none;
    }
    .result-table-info .table > tbody > tr > td {
        padding: 0px 30px 15px 20px;
        border-top: none;
    }
    .result-border {
        margin-bottom: 10px;
    }
    .result-left {
        min-width: 396px;
    }

    
}

@media only screen and (max-width: 400px){
    .search-title {
        font-size: 20px !important;
    }
    .search-overview {
        font-size: 15px !important;
    }
    .form-group {
        margin-top: 10px !important;
    }
    .search-items {
        margin-top: 10px !important;
    }
    .search-box {
        height: 170px !important;
    }
    .diagnosis-input {
        width: 70%;
    }
    .search-overview {
        font-size: 14px !important;
        margin-top: 5px;
    }
    .result-left {
        min-width: 355px;
    }
}


@media only screen and (max-width: 374px){
    .search-box {
        height: 150px !important;
    }
    .result-left {
        min-width: 300px;
    }

}

@media only screen and (max-width: 360px){
    .search-box {
        height: 162px !important;
    }
    .result-left {
        min-width: 300px;
    }

}