﻿@charset "utf-8";
/* CSS Document */
.cipu {position: fixed;width: 750px;z-index: 999;visibility: visible;left: 20%;top: 20%;box-shadow: 0 0 10px #888; background:#fff;}
.cipu-head {height: 40px;background: #ff9900;padding: 0 10px;line-height: 40px;border-radius: 4px 4px 0 0;}
.cipu-name a,.cipu-name a:hover{color: #fff;}
.cipu-level {background: #ad1bea;color: #fff;height: 16px;margin: 12px 7px 0 0;line-height: 16px;padding: 0 2px 0 4px;}
.cipu-level em {display: inline-block;height: 14px;padding: 0 5px;background: #fff;color: #ff0000;line-height: 14px;margin: 1px 2px 0 2px;}
.cipu-popularity {background: url(/img/web/ic/search/rq_bg.png) no-repeat;background-size: cover;padding: 0 5px;height: 16px;line-height: 16px;color: #fff;margin: 12px 0 0 0;}
.cipu-logo {margin-top: 6px;}
.cipu-logo span{ display: table-cell;width: 30px;height: 30px;text-align: center;vertical-align: middle;}
.cipu-logo img {max-width: 32px;max-height: 32px;margin-right:10px;}
.cipu-con {padding: 10px;border-radius: 0 0 4px 4px;background: #fff;}
.cipu-con-left {width: 404px;}
.cipu-con-right {width: 298px;padding: 0 8px 6px 8px;}
.cipui-shadow {box-shadow: 0px 0px 6px 0px rgba(7, 0, 2, 0.04);}
.cipu-contact {min-height:120px;}
.cipu-contact-info p {line-height: 26px;color: #373d41;max-width: 330px;overflow: hidden;}
.cipu-contact-info > p {color: #333;width: 70px;text-align: center;}
.cipu-contact-info div p i {display: inline-block;margin: 0 5px;position: relative;top: 3px;}
.cipu-tel {width: 11px;height: 15px;background: url(/img/web/ic/search/tel.png) no-repeat;}
.cipu-iphone {width: 10px;height: 14px;background: url(/img/web/ic/search/iphone.png) no-repeat;}
.cipu-contactname {max-width: 50px;float: left;display: inline-block;}
.cipu-contact-address {padding: 10px 0 15px;}
.cipu-contact-address p {line-height: 18px;color: #373d41;max-width: 330px;overflow: hidden;}
.cipu-contact-address > p {color: #333;width: 70px;text-align: center;}
.cipu-title {font-size: 18px;color: #373d41;height: 34px;line-height: 34px;}
.cipu-title > span {display: block;width: 4px;height: 12px;background: #ff9900;margin: 12px 4px 0 0;}
.cipu-title p {display: inline-block;color: #666666;}
.cipu-photo-box {padding: 0 23px 0 30px;position: relative;}
.cipu-photo-box > a {display: block;position: absolute;width: 10px;height: 86px;top: 0;}
.cipu-photo-box .prev {left: 8px;background: url(/img/web/ic/search/left_btn.png) no-repeat;}
.cipu-photo-box .next {right: 8px;background: url(/img/web/ic/search/right_btn.png) no-repeat;}
.cipu-photo-box ul li {float: left;width: 110px;height: 86px;margin-right: 7px;}
.cipu-photo-box ul li img {width: 110px;height: 86px;}
.cipu-company {padding-bottom: 22px;}
.cipu-company-text {padding: 0 7px;margin-top: 15px;line-height: 20px;}
.cipu-company-text span {display: block;width: 60px;}
.cipu-company-text p {width: 330px;max-height: 60px;overflow: hidden;}
.cipu-bigimg {position: fixed;max-width: 300px;max-height: 300px;display: none;z-index: 99;}
.cipu-bigimg img {box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);max-width: 300px;max-height: 300px;}
.cipu-statistics-img {width: 298px;height: 150px;}
.cipu-spotcheck-table {width: 298px;border: 1px solid #cdcaca;border-collapse: collapse;}
.cipu-spotcheck-table th {border: 1px solid #cdcaca;font-weight: normal;height: 22px;font-size: 14px;}
.cipu-spotcheck-table td {border: 1px solid #cdcaca;text-align: center;height: 22px;}
.cipu-ad {height: 70px;text-align: center;color: #fff;line-height: 70px;font-size: 30px;border-top: 1px solid #ffffff;}
.cipu-ad a{display: table-cell;width: 750px;height: 70px;text-align: center;vertical-align: middle;line-height: normal;}
.cipu-ad img{height:70px;width:750px;}
.cipu-contact-info .wechatpic{background:url(/img/common/wx.jpg) no-repeat;background-size: cover;height: 16px;line-height: 16px;width: 16px;top:5px;}
.cipu-contact-info .wechatpic img{display:none;width:16px!important;height:16px!important;}
/*公司弹框*/
.videoplaydetail {width: 40px;height: 40px;top: -8px;left: 28px;}
.checkvideoplaydetail {width: 16px;height: 16px;top: 1px;left: 60px;}
.model-info{border: 1px solid #e5e5e5;}
.model-info-title{color: #ff4700;font-size: 20px;line-height: 48px;padding-left: 9px;}
.model-info-title span{max-width: 190px;}
.model-info-btn{display: inline-block;width: 64px;height: 28px;text-align: center;line-height: 28px;color: #fff;font-size: 12px;border-radius: 2px;background: #ff9900;margin: 10px 117px 0 117px;}
.model-info-btn:hover{color: #fff;opacity: 0.9;}
.model-info-table{line-height: 28px;}
.model-info-table label{float: left;width: 156px;text-indent: 9px;color: #373d41;height: 28px;overflow: hidden;}
.model-info-table p{float: left;width: 140px;color: #333333;height: 28px;overflow: hidden;word-break: break-all;}
.model-info-table div:nth-child(2n-1){background: #f7f7f7;}
.tab-box{display:none;width:298px;margin:0 auto;}
.tab-box.show{display:block;}
.cipu-con-right{padding:0 0 6px 0;width:314px;}
.tab-li{margin:0 0 10px 0;}
.tab-li ul{border-radius:5px 5px 0  0 ;overflow: hidden;}
.tab-li ul li{width: 50%;text-align: center;color: #7b7979;font-size: 16px;line-height: 24px;float: left;background: #d3d3d3;cursor: pointer;}
.tab-li ul li.on{background: #ff9900;color: #fff;}
.cipu-head{position: relative;}
.cipu-levels{width: 110px;height: 101px;position: absolute;bottom: -5px;right: 52px;background: url(/img/web/ic/detailbg.png) no-repeat;text-align: center;}
.cipu-levels-year{font-size: 20px;color: #e7af5b;font-weight: bold;line-height: 30px;padding: 11px 38px 0 47px;}
.cipu-levels-vip{width: 37px;height: 14px;background: url(/img/web/ic/vip.png) no-repeat;margin: 2px 0 0 41px;}
.cipu-levels-jinpai{width: 40px;height: 15px;background: url(/img/web/ic/jinpai.png) no-repeat;margin: 1px 0 0 40px;}
.cipu-levels-popularity{color: #fff;line-height: 18px;height: 18px;text-align: center;margin-top: 10px;}

.cipu-impression{background: #fcfcfc;}
.cipu-impression p{text-align: center;line-height: 38px;font-size: 14px;color: #373d41;}
.cipu-impression p a{float: right;color: #d2d2d2;font-size: 12px;margin-right: 15px;}
.cipu-impression p a:hover{color: #ff9900;}
.cipu-impression label{display: block;float: left;padding: 0 10px;height: 20px;border: 1px solid #d2d2d2;border-radius: 6px;line-height: 20px;color: #d2d2d2;margin:0 0 13px 11px;cursor: pointer;}
.cipu-impression label.on{color: #ff9900;border-color: #ff9900;}
.cipu-impression div{padding-left: 6px;}

.impression-popup {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999;display: none;}
.impression-popup-bg {background: rgba(0,0,0,0.4);position: fixed;left: 0;top: 0;width: 100%;height: 100%;}
.impression-popup-box {width: 500px;position: absolute;left: 50%;top: 140px;margin-left: -275px;background: #fff;overflow: hidden;padding: 7px 25px 0;}
.impression-popup-box-title{line-height: 48px;color: #333333;font-size: 16px;border-bottom: 1px solid #d2d2d2;}
.impression-popup-box-title i {display: block;width: 48px;height: 48px;text-align: center;background: url(https://img3.dzsc.com/img/web/ic/bomup/close.png) no-repeat center center;cursor: pointer;}
.impression-label{border-bottom: 1px dashed #d2d2d2;padding: 15px 0 1px; }
.impression-label p{margin-bottom: 10px;font-size: 14px;}
.impression-label p span{color: #333333;float: left;line-height: 26px;}
.impression-label p label{display: block;float: left;border: 1px solid #d2d2d2;border-radius: 4px;padding: 0 15px;height: 24px;line-height: 24px;color: #666666;margin-right: 6px;cursor: pointer;}
.impression-label p label:hover{border-color: #ff9900;color: #ff9900;}
.impression-label p input{width: 139px;height: 24px;padding: 0 0 0 5px;margin: 0;float: left;}
.impression-label p input.btncustomlabel{width: 70px;height: 28px;border: 1px solid #d2d2d2;color: #c8c8c8;border-radius: 4px;background: none;float: left;margin-left: 15px;cursor: pointer;}
.impression-label p input.btncustomlabel:hover{border-color: #ff9900;color: #ff9900;}
.impression-my{padding: 8px 0 9px 0;}
.impression-my p{line-height: 26px;color: #333333;font-size: 14px;position:relative;}
.impression-my p strong{position: absolute;left: 0;top: 0;display: block;line-height: 26px;font-weight: normal;}
.impression-my p span{color: #d2d2d2;margin-right: 20px;}
.impression-my p label{height: 24px;border: 1px solid #ff9900;border-radius: 4px;padding: 0 8px 0 15px;color: #ff9900;display: inline-block;line-height: 24px;margin:0 6px 5px 0;}
.impression-my p label i{display: inline-block;margin-left: 10px;background: url(https://img3.dzsc.com/img/web/ic/bomup/close.png) no-repeat;width: 10px;height: 10px;background-size: 100% 100%;cursor: pointer;}
.impression-my a{color: #ff9900;font-size: 14px;line-height: 24px;display: block;}
.impressionexists {position: absolute;width: 160px;height: 35px;z-index: 999;top: 185px;left: 200px;font-size:14px; background: #ff9900;border-radius: 5px;color: white;text-align: center;line-height: 35px;}

.popularity{display: inline-block;margin-right: 10px; height: 20px;line-height: 20px;font-size: 14px;font-weight: normal;border-radius: 4px;position: relative;top: 5px;}
.popularity i{float: left;text-align: center;color: #fff;position: relative;padding: 0 5px;border-radius: 4px 0 0 4px;height: 20px;}
.popularity em{float: left;padding: 0 6px;background: #fff;font-weight: bold;border-radius:0 4px 4px 0 ;}
.popularity1{border:1px solid #47b248;}
.popularity1 i{background: #47b248;}
.popularity1 em{color: #47b248;}
.popularity2{border:1px solid #008cff;}
.popularity2 i{background: #008cff;}
.popularity2 i img{float:left;margin-top: 4px;}
.popularity2 em{color: #008cff;}
.popularity3{border:1px solid #ff0000;}
.popularity3 i{background: #ff0000;}
.popularity3 em{color: #ff0000;}
.popularity4{border:1px solid #929292;}
.popularity4 i{background: url(/img/web/ic/yp.png) no-repeat;height: 22px;margin: -1px 0 0 -1px;}
.popularity4 em{color: #929292;}
.popularity5{border:1px solid #ffdab1;}
.popularity5 i{background: url(/img/web/ic/tp.png) no-repeat;height: 22px;margin: -1px 0 0 -1px;}
.popularity5 em{color: #f09025;}
/*抽查记录*/
.cipu-spotcheck .cipu-title a{color: #ff9900;font-size: 14px;}
/*型号弹窗*/
.ic-list .ic-list-con .model .model-popup{position: absolute;left: 44px;top: 26px;padding: 0; background: #fff;width: 368px;height: 368px;float: none;margin-right: 0;z-index: 999;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.27);/*display: none;*/border-radius: 50%;overflow: hidden;border: 1px solid #ff9900;}
.ic-list .ic-list-con .model .model-popup h3{height:46px;border-bottom: 2px solid #ff9900;line-height:58px;font-size: 16px;color: #ff9900;text-align: center;padding-top: 10px;}
.ic-list .ic-list-con .model .model-popup ul{border-bottom: 0;overflow: hidden;}
.ic-list .ic-list-con .model .model-popup ul:hover{background: #fff;}
.ic-list .ic-list-con .model .model-popup ul li{display: flex;text-align: left;}
.ic-list .ic-list-con .model .model-popup ul li span{width: 140px;text-align: right;margin: 0 1px 1px 1px!important;background: #fff5e5;color: #333;padding:3px 10px 3px 0;line-height: 18px;}
.ic-list .ic-list-con .model .model-popup ul li p{width: 208px;background: #f5f5f5;margin: 0 0 1px 0!important;padding:5px 0 5px 11px;line-height: 16px;color: #666666;}
.ic-list .ic-list-con .model .model-popup ul .desc{height:43px;}
.ic-list .ic-list-con .model .model-popup ul .desc span{display: flex;align-items: center;justify-content: flex-end;}
.ic-list .ic-list-con .model .model-popup ul .desc p{display: flex;align-items: center;width:195px;padding-right:10px;}
.ic-list .ic-list-con .model:hover .model-popup{display: block;}
.ic-list .ic-list-con .model .model-popup a{width: 100%;display: block;text-align: center;line-height: 40px;color: #ff9900;font-size: 14px;text-decoration: underline;}