html,body{
	height: auto;
	margin: 0;
	padding: 0;
}
*{
	margin: 0;
	padding: 0;
}
[v-cloak]
{  
display: none; 
}
#main{
	height: 100%;
}
.letterSpacing3{
	letter-spacing: 3px;
}
.c-f16{
	font-size: 16px;
}
.c-f36{
	font-size: 36px;
}
.c-f54{
	font-size: 54px;
}
.c-fff{
	color: #fff;
}
.ml6{
	margin-left: 6px;
}
.mt16{
	margin-top: 16px;
}
.fr{
	float: right;
}
.fl{
	float: left;
}
.ml10{
	margin-left: 10px;
}
.pb20{
	padding-bottom: 20px;
}
.header.fixTop {
    background-color: #1C1C1C !important;
}
.header.home-header{
	min-width: 1300px;
}
@media screen and (min-width: 780px)
.header.home-header {
    background-color: transparent;
}
.header.home-header {
    background-color: transparent;
}
.header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
    height: auto;
    background-color: #282830;
    transition: all .3s ease 0s;
}
@media screen and (min-width: 780px)
.header .header-container {
    height: 60px;
}
@media screen and (min-width: 780px)
.header .header-container {
    min-width: 780px;
}
.header .header-container {
    width: 100%;
    min-width: 780px;
    zoom: 1;
    margin: 0 auto;
    max-width: 1200px;
    height: 60px;
    line-height: 60px;
    padding: 0;
    transition: all .3s ease 0s;
}
@media screen and (min-width: 780px)
.header .header-container>.nav-ul {
    background-color: transparent;
    transform: inherit;
    position: inherit;
    width: auto;
    height: auto;
    margin-top: 0;
}
.header .header-container>.nav-ul {
    position: absolute;
    height: 60px;
    line-height: 60px;
    width: 1050px;
    left: 50%;
    top: 50%;
    margin-top: -42px;
    margin-left: -475px;
    transition: all .2s linear 0s;
    margin-bottom: 0;
    font-size: 16px;
    padding-inline-start: 0;
}
ol, ul {
    list-style: none;
}
@media screen and (min-width: 780px)
.header .header-container>.nav-ul>li:first-of-type {
    border-top: none;
}
.header .header-container>.nav-ul>li:first-of-type {
    border-top: none;
}
@media screen and (min-width: 780px)
.header .header-container>.nav-ul>li {
    margin-left: 10px;
    margin-top: 18px;
    float: left;
    height: 5px;
    border-top: none;
}
.header .header-container>.nav-ul>li {
    border-top: none;
    height: 5px;
    position: relative;
    float: left;
    margin-top: 18px;
    margin-left: 10px;
    white-space: nowrap;
}
.header .header-container>.nav-ul>li a:not([href]) {
    position: relative;
}
@media screen and (min-width: 780px)
.header .header-container>.nav-ul>li a {
    text-align: none;
    background-color: transparent;
    display: block;
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    padding: 0 10px;
    width: 92px;
    text-align: center;
    padding: 0;
}
.header .header-container>.nav-ul>li a {
    padding: 0;
    width: 102px;
    text-align: center;
    padding: 0 10px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    display: block;
    background-color: transparent;
    transition: all .3s ease 0s;
}
a,a:hover,a:active,a:visited,a:link{
    text-decoration: none;
}
.header .header-container>.nav-ul>li.active a{
	color: #2985F5;
}
.header .header-container>.nav-ul>li a:hover,.header .header-container>.nav-ul>li a:active{
	text-decoration: none;
}
.header .header-container>.nav-ul>li:not(.technology-li) a:hover{
	color: #2985F5;
}
.liHover{
	background-color:#303030 !important;
	color: #fff !important;
}
.header .header-container>.nav-ul>li a.hide-content+ul li a:hover{
	background-color:rgba(0,0,0,0.3) !important;
	color: #2985F5 !important;
}
@media screen and (min-width: 780px)
.header .header-container>.nav-ul>li a.hide-content+ul {
    max-height: none;
}
.header .header-container>.nav-ul>li a.hide-content+ul {
    max-height: none;
}
@media screen and (min-width: 780px)
.header .header-container>.nav-ul>li>ul {
    overflow: visible;
    position: absolute;
}
.header .header-container>.nav-ul>li>ul {
    background-color: #303030;
    position: absolute;
    overflow: visible;
    transition: all .3s ease 0s;
    padding: 0;
}
@media screen and (min-width: 780px)
.header .header-container>.nav-ul>li>ul>li a {
    background-color: transparent;
    font-size: 16px;
    padding: 0 10px;
    line-height: 52px;
    height: 52px;
}
.header .header-container>.nav-ul>li>ul>li a {
    height: 52px;
    line-height: 52px;
    padding: 0 10px;
    font-size: 16px;
    display: block;
    background-color: transparent;
}
@media screen and (min-width: 780px)
.header .header-container>ul>li a {
    text-align: none;
    background-color: transparent;
    display: block;
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    padding: 0 10px;
    text-align: center;
    width: 92px;
    padding: 0;
}
.header .header-container>ul>li a {
    padding: 0;
    width: 92px;
    text-align: center;
    padding: 0 10px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    display: block;
    background-color: transparent;
    text-align: none;
    transition: all .3s ease 0s;
}
section{
	width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    min-width: 1200px;
}
.swiper-banner{
	height: 100%;
    overflow: hidden;
    /*margin-top: -60px;*/
}
.swiper-container{
	height: 100%;
}
.technology-background{
	width: 100%;
	height: 100%;
	background: url(../images/banner.png) no-repeat center;
	background-size: cover;
}
.swiper-pagination-bullet{opacity: .8;transition: all .3s;background-color:#ffffff;}
.swiper-pagination-bullet-active{
	background-color:rgba(94,142,235,1);
	width:40px;
	border-radius: 4px;
	transition: all .3s;
	opacity:1;
}
.banner-title{
	color: #ffffff;
	font-size: 66px;
	font-weight: 800;
	line-height: 90px;
	margin-bottom: 32px;
}
.div-core-technology{
	width:380px;
	height:46px;
	line-height: 46px;
	text-align: center;
	background:rgba(64,96,227,0.2);
	font-size: 24px;
    font-weight: 800;
    color: rgba(241,241,241,1);
    margin-bottom: 42px;
}
.div-understanding-details{
	width:134px;
	height:46px;
	background:rgba(73,160,219,0.8);
	font-size: 18px;
	border-radius:6px;
	color: #ffffff;
	line-height: 46px;
	text-align: center;
	cursor: pointer;
}
.div-technology-content{
	position: absolute;
    top: 50%;
    margin-top: -173px;
    left: 206px;
}
.video{
	width: 1920px;
	height: 100%;
	object-fit:fill;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	object-position: 100% 100%;
	/*position: relative;*/
	/*z-index: 100;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    object-fit: fill;
    width: auto;
    height: auto;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);*/
}
.logo-image{
	position: absolute;
    left: 50px;
    top: -2px;
}
@media screen and (max-width: 1370px) {
	.logo-image{
		left: 10px;
	}
}
.div-console-content{
	cursor: pointer;
	position: absolute;
    right: 80px;
    top: 0px;
}
.mainBusinessPanel{
	margin-top: 100px;
	padding-bottom: 50px;
}
.div-home-business,.div-tariff-introduction{
	width: 1200px;
	margin: 0 auto;
}
.div-home-business .business-ul{
	width: 1200px;
	zoom: 1;
    text-align: justify;
    text-align-last: justify;
    line-height: 0;
    margin: 0 auto !important;
}
.div-home-business .business-ul li .business{
	display: block;
    position: relative;
    text-align: center;
    height: 100%;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    transition: all .3s ease 0s;
    -ms-box-shadow: 0 2px 30px 4px rgba(14,5,10,.15);
    -o-box-shadow: 0 2px 30px 4px rgba(14,5,10,.15);
    box-shadow: 0 2px 30px 4px rgba(14,5,10,.15);
    border-radius: 6px;
}
.div-home-business .business-ul li .business h3{
	font-size: 18px;
    color: #333333;
    line-height: 44px;
    font-weight: bold;
}
.div-home-business .business-ul li .business p{
	font-size: 14px;
    color: #666666;
    line-height: 26px;
}
.div-home-business .business-ul li{
	height: 395px;
	margin: 0;
	width: 361px;
	display: inline-block;
    text-align: center;
    text-align-last: auto;
    position: relative;
    vertical-align: top;
}
.div-home-business .business-ul li .business img {
    width: 100%;
}
.accessProcessPanel{
	/*margin-top: 50px;*/
}
.div-line-box{
	width: 566px;
	height: 26px;
	margin: 0 auto 50px;
	text-align: center;
}
.div-line-box .leftline{
	width: 140px;
	margin-top: 12.5px;
	height: 1px;
	display: inline-block;
	background-color: #E5E5E5;
	float: left;
}
.div-line-title{
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 50px;
	height: 26px;
	color: #3F3F4D;
	display: inline-block;
}
.div-line-box .rightline{
	width: 140px;
	margin-top: 12.5px;
	height: 1px;
	display: inline-block;
	background-color: #E5E5E5;
	float: right;
}
.div-access-process-content{
	width: 100%;
	height: 388px;
	background: url(../images/ic_beijin.png) no-repeat;
	background-size: 100% 388px;
}
.div-access-process-content .access-ul{
	width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding-top: 135px;
    padding-left: 80px;
}
.div-access-process-content .access-ul li{
	float: left;
	width: 126px;
}
.div-access-process-content .access-ul li{
	width: 120px;
	height: 62px;
	display: block;
}
.div-access-process-content .access-ul li span{
	font-size: 24px;
	color: #666666;
	margin-top: 28px;
	display: block;
	width: 100%;
}
.div-access-process-content .access-ul li .dashed-line{
	width: 72px;
	height: 27px;
	margin-top: 15px;
}
.developmentStrengthPanel{
	margin-top: 12px;
}
.tariffIntroductionPanel{
	margin-top: 72px;
	padding-bottom: 50px;
}
.div-tariff-introduction .tariff-ul{
	width: 1200px;
	zoom: 1;
    text-align: justify;
    text-align-last: justify;
    line-height: 0;
    margin: 0 auto !important;
}
.div-tariff-introduction .tariff-ul li .tariff{
	display: block;
    position: relative;
    text-align: center;
    height: 100%;
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    transition: all .3s ease 0s;
    -ms-box-shadow: 0 2px 30px 4px rgba(14,5,10,.15);
    -o-box-shadow: 0 2px 30px 4px rgba(14,5,10,.15);
    box-shadow: 0 2px 30px 4px rgba(14,5,10,.15);
    border-radius: 6px;
}
.div-tariff-introduction .tariff-ul li .tariff h3{
	font-size: 18px;
    color: #333333;
    line-height: 44px;
    font-weight: bold;
}
.div-tariff-introduction .tariff-ul li .tariff p{
	font-size: 14px;
    color: #666666;
    line-height: 26px;
}
.div-tariff-introduction .tariff-ul li{
	height: 452px;
	margin: 0;
	width: 361px;
	display: inline-block;
    text-align: center;
    text-align-last: auto;
    position: relative;
    vertical-align: top;
}
.div-tariff-introduction .tariff-ul li .tariff img {
    width: 100%;
}
.mt26{
	margin-top: 26px !important;
}
.mt28{
	margin-top: 28px;
}
.mt54{
	margin-top: 54px;
}
.mt60{
	margin-top: 60px;
}
.text-center{
	text-align: center;
}
.favorable-price{
	color: #2985F5;
	font-size: 24px;
	margin-right: 10px;	
}
.actual-price{
	font-size: 16px;
	color: #cccccc;
	text-decoration:line-through;
}
.div-mashagn-tiyan-btn{
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #2985F5;
	border: 1px solid #2985F5;
	border-radius: 4px;
	margin: 20px auto 0;
	cursor: pointer;
}
.div-mask-image{
	width: 100%;
	height: 252px;
	position: relative;
	border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: rgba(0,0,0,0.7);
}
.div-mask-image.active{
	background: rgba(0,0,0,0.7);
}
.div-mask-image img{
	width: 176px !important;
	height: 114px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -57px;
	margin-left: -88px;
}
.div-mask-title{
	color: #fff;
	font-size: 16px;
	line-height: 252px;
	text-align: center;
	position: relative;
}
.div-bidui-mask{
	width: 100%;
    height: 252px;
    position: absolute;
    top: 0;
    background: rgba(0,0,0,0.5);
}
.div-bidui-mask-title{
	color: #fff;
	font-size: 16px;
	line-height: 252px;
	text-align: center;
	position: relative;
}
.cooperativePartnerPanel{
	margin-top: 50px;
	margin-bottom: 72px;
}
.div-cooperative-partner .coorperative-ul{
	width: 1200px;
	zoom: 1;
    text-align: justify;
    text-align-last: justify;
    line-height: 0;
    margin: 0 auto;
}
.div-cooperative-partner .coorperative-ul li{
	height: 90px;
	margin: 0;
	width: 220px;
	display: inline-block;
    text-align: center;
    text-align-last: auto;
    position: relative;
    vertical-align: top;
    /*border: 1px solid #CCCCCC;*/
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    transition: all .3s ease 0s;
    -ms-box-shadow: 0 2px 30px 4px rgba(12,9,39,.07);
    -o-box-shadow: 0 2px 30px 4px rgba(12,9,39,.07);
    box-shadow: 0 2px 30px 4px rgba(12,9,39,.07);
}
.div-cooperative-partner .coorperative-ul li img {
    width: 100%;
}
.div-develop-strength-bg{
	width: 100%;
	height: auto;
	object-fit:contain;
}
.bottomPanel{
	width: 100%;
	height: 340px;
	background: #171717;
}
.div-bottom-info{
	width:1200px;
	height: 290px;
	padding-top: 62px;
	margin: 0 auto;
	position: relative;
}
.div-copyright{
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #1F1F1F;
	border-top: 1px solid #888F89;
	color: #888F89;
}
.div-beian{
	width: 100%;
	height: 30px;
	line-height: 20px;
	text-align: center;
	background: #1F1F1F;
	color: #888F89;
}
.c-f12{
	font-size: 12px;
}
.c-f14{
	font-size: 14px;
}
.c-f16{
	font-size: 16px;
}
.c-f18{
	font-size: 18px;
}
.c-f24{
	font-size: 24px;
}
.c-CCCCCC{
	color: #CCCCCC;
}
.c-8B8B8B{
	color: #8B8B8B;
}
.mr140{
	margin-right: 140px;
}
.mr150{
	margin-right: 150px;
}
.mb36{
	margin-bottom: 36px;
}
.mb15{
	margin-bottom: 15px;
}
.mb20{
	margin-bottom: 20px;
}
.mt55{
	margin-top: 55px;
}
.mt10{
	margin-top: 10px;
}
.c-bold{
	font-weight: bold;
}
.text-right{
	text-align: right;
}
.c-border-top{
	border-top: 1px solid #EBEFFC;
}
.mt125{
	margin-top: 125px;
}
.div-erweima{
	width: 120px;
	height: 120px;
	background: url(../images/download.jpg) no-repeat center;
	background-size: 120px 120px;
	margin: 0 auto;
}
.fixedPanel{
	width: 56px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    transition: all .3s ease 0s;
    -ms-box-shadow: 0 2px 30px 4px rgba(14,5,10,.15);
    -o-box-shadow: 0 2px 30px 4px rgba(14,5,10,.15);
    box-shadow: 0 2px 30px 4px rgba(14,5,10,.15);
    border-radius: 6px;
    position: fixed;
    /*bottom: 352px;*/
    right: 20px;
    border-radius: 4px;
    z-index: 99999;
    background: #fff;
    cursor: pointer;
    top: 50%;
    margin-top: -112px;
}
.div-dianhua{
	width: 56px;
	height: 56px;
	line-height: 56px;
	text-align: center;
}
.div-icon{
	width: 56px;
	height: 56px;
	line-height: 56px;
	padding: 0 8px;
	text-align: center;
	position: relative;
}
.div-icon:hover{
	background: #2985F5;
}
.div-qq-image{
	width: 26px;
    height: 26px;
    background: url(../images/ic_qq.png) no-repeat;
    background-size: 26px 26px;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    left: 50%;
    margin-left: -13px;
}
.div-icon:hover .div-qq-image{
	background: url(../images/ic_qq_active.png) no-repeat;
}
.div-dianhua-image{
	width: 26px;
    height: 26px;
    background: url(../images/ic_dh.png) no-repeat;
    background-size: 26px 26px;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    left: 50%;
    margin-left: -13px;
}
.div-icon:hover .div-dianhua-image{
	background: url(../images/ic_dh_active.png) no-repeat;
}
.div-open-image{
	width: 26px;
    height: 26px;
    background: url(../images/ic_suohui.png) no-repeat;
    background-size: 26px 26px;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    left: 50%;
    margin-left: -13px;
}
.div-open-icon{
	background: #2985F5;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.div-sale-image{
	width: 26px;
    height: 26px;
    background: url(../images/ic_Business_affairs.png) no-repeat;
    background-size: 26px 26px;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    left: 50%;
    margin-left: -13px;
}
.div-icon:hover .div-sale-image{
	background: url(../images/ic_Business_affairs_active.png) no-repeat;
}
.div-sale{
	padding: 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.div-email-image{
	width: 26px;
    height: 26px;
    background: url(../images/youxiang.png) no-repeat;
    background-size: 26px 26px;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    left: 50%;
    margin-left: -13px;
}
.div-email-icon .div-tips p{
	width: 200px;
}
.div-icon:hover .div-email-image{
	background: url(../images/youxiang_active.png) no-repeat;
}
.div-top-image{
	width: 26px;
    height: 26px;
    background: url(../images/ic_shagn.png) no-repeat;
    background-size: 26px 26px;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    left: 50%;
    margin-left: -13px;
}
.div-icon:hover .div-top-image{
	background: url(../images/ic_shagn_active.png) no-repeat;
}
.div-top:hover,.div-email-icon.active{
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.c-dn{
	display: none;
}
.div-tips{
	position: relative;
}
.div-tips s{
	width: 12px;
    height: 12px;
    border-radius: 3px;
    position: absolute;
    right: 60px;
    top: 22px;
    background-color: #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    z-index: 99999;
}
.div-tips p{
	width: 175px;
    padding: 5px 10px;
    line-height: 24px;
    font-size: 16px;
    border-radius: 5px;
    background-color: #fff;
    color: #333;
    position: absolute;
    right: 64px;
    top: 0;
    text-align: left;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    transition: all .3s ease 0s;
    -ms-box-shadow: 0 2px 30px 4px rgba(14,5,10,.35);
    -o-box-shadow: 0 2px 30px 4px rgba(14,5,10,.35);
    box-shadow: 0 2px 30px 4px rgba(14,5,10,.35);
}
.div-lianxi-content{
	position: absolute;top: 48px;right: 0;
}
.tariff-ul li,.business-ul li{
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
}
.tariff-ul li:hover,.business-ul li:hover{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  transition: all .3s linear;
}
.div-bottom-info a div:hover,.div-copyright a span:hover,.div-beian a span:hover{
	color: #2985F5;
}
.mr5{
	margin-right: 5px;
}
.mt40{
	margin-top: 40px;
}
.div-bottom-line{
	margin-top: 40px;
	width: 108px;
	height: 6px;
	background: #EBEFFC;
}
.div-swiper-remark{
	position: absolute;
    top: 50%;
    margin-top: -154px;
    left: 220px;
}
.c-3F3F4D{
	color: #3F3F4D;
}
.mt34{
	margin-top: 34px;
}
.mb18{
	margin-bottom: 18px;
}
.serviceAgreePanel{
	width: 1300px;
	margin: 0 auto 97px;
}
.serviceAgreePanel p{
	text-indent: 28px;
	color: #666;
	line-height: 24px;
	margin-top: 24px;
}
.text-indent56{
	/*text-indent: 56px !important;*/
	padding-left: 56px;
}
.c-f60{
	font-size: 60px;
}
.c-f32{
	font-size: 32px;
}
.c-f66{
	font-size: 66px;
}
.c-f1f1f1{
	color: #F1F1F1;
}
.div-login-btn{
	width: 80px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #3b85f5;
    color: #fff;
    position: absolute;
    right: 60px;
    top: 10px;
    font-size: 14px;
    cursor: pointer;
}
.div-login-btn a:hover,.div-login-btn a:active{
	color: #fff;
}
.c-f45{
	font-size: 45px;
}
.pl90{
	padding-left: 90px;
}
.el-table__body-wrapper{
	height: 450px;
	overflow: auto;
}
.el-table th>.cell{
	color: #333;
}
.el-popover__title{
	font-size: 18px;
	color: #333;
}
.pt50{
	padding-top: 50px;
}
.mt46{
	margin-top: 46px;
}
.c-ccc{
	color: #ccc;
}
.text-center{
	text-align: center;
}
.mr52{
	margin-right: 52px;
}
.mr55{
	margin-right: 55px;
}
.mr66{
	margin-right: 66px;
}
.mb40{
	margin-bottom: 40px;
}
[v-cloak]{
    display: none;
}
.swiper-banner a {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 99999;
}

.div-hover-content{
	width: 100%;
    height: 570px;
    background: rgba(0,0,0,.9);
    margin: 0 auto;
    position: fixed;
    z-index: 999;
    top: 60px;
    left: 0;
    flex-flow: row;
    color: #FFFFFF;
    justify-content: center;
    display: none;
    /*display: block;*/
    padding-right: 3px;
    margin: 0 auto;
}
.div-hover-wrapper{
	width: 1100px;
    height: 570px;
    margin: 0 auto;
    overflow: auto;
    padding-bottom: 20px;
    padding-right: 20px;
}
.div-hover-wrapper .div-hover-item{
	width: 20%;
	float: left;
	height: 220px;
	min-height: 220px;
    padding-left: 20px;
}
.div-hover-wrapper .div-hover-item.other{
	width: 33.3%;
}
.div-hover-wrapper .div-hover-type{
	margin-top: 20px;
	padding-bottom: 20px;
	line-height: 20px;
	border-bottom: 1px solid #666;
    padding-left: 10px;
    font-size: 16px;
    color: #2985F5;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
.div-hover-wrapper .div-hover-detail-item{
	font-size: 14px;
	cursor: pointer;
	line-height: 40px;
	padding-left: 10px;
	overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.div-hover-wrapper .div-hover-detail-item:hover{
	color: #2985F5;
}
.div-more-btn{
	font-size: 14px;
	cursor: pointer;
	color: #2985F5;
	padding-left: 10px;
}
.div-detail-product-item{
	height: 70px;
	padding-top: 10px;
	cursor: pointer;
	width: 50%;
	float: left;
}
.div-detail-product-item:nth-child(even){
	padding-left: 20px;
}
.div-detail-product-item .div-big-title{
	font-size: 16px;
	margin-bottom: 5px;
	overflow: hidden;    
 	text-overflow: ellipsis;
 	white-space: nowrap;
}
.div-detail-product-item .div-sub-title{
	font-size: 12px;
	overflow:hidden;
　　text-overflow:ellipsis;
　　white-space:nowrap;
}
.div-detail-product-item:hover{
	color: #2985F5;
}
/*---滚动条默认显示样式--*/  

::-webkit-scrollbar-thumb{  
  background-color:#EFEFF2;  
  height:50px;  
  /* outline-offset:-2px;  
  outline:2px solid #fff;   */
  border-radius:6px;  
  border: 1px solid #EEF1F3;  
} 


/*---鼠标点击滚动条显示样式--*/  

.div-hover-content .div-hover-wrapper::-webkit-scrollbar-thumb:hover{  
  background-color:#EFEFF2;  
  height:20px;  
  border-radius:4px;  
}  

/*---滚动条大小--*/  
.div-hover-content .div-hover-wrapper::-webkit-scrollbar{  
  width:8px;  
  height:8px;  
}  

/*---滚动框背景样式--*/  
.div-hover-content .div-hover-wrapper::-webkit-scrollbar-track-piece{  
  background-color: transparent;  
  border-radius:0;  
} 

.div-hover-content .div-hover-wrapper::-webkit-scrollbar-thumb:active{
  height:20px;
  background-color: #C1C1C1;
  border-radius:4px;
}