.projects-horizontal{color:#313437;background-color:#fff;}
.projects-horizontal p{color:#7d8285;}
.projects-horizontal h2{font-weight:bold;margin-bottom:40px;padding-top:40px;color:inherit;}
@media (max-width:767px){
	.projects-horizontal h2{margin-bottom:25px; padding-top:25px; font-size:24px;}
}
.projects-horizontal .intro{font-size:16px;max-width:500px;margin:0 auto 10px;}
.projects-horizontal .projects{padding-bottom:40px;}
.projects-horizontal .item{padding-top:60px;min-height:160px;}
@media (max-width:767px){
	.projects-horizontal .item{padding-top:40px; min-height:160px;}
}
.projects-horizontal .item .name{font-size:18px;font-weight:bold;margin-top:10px;margin-bottom:15px;color:inherit;}
@media (max-width:991px){
	.projects-horizontal .item .name{margin-top:22px;}
}
.projects-horizontal .item .description{font-size:15px;margin-bottom:0;}

/*公用css*/
/*上下左右外边距
.mt-1{margin-top:0.625rem !important;}
.mt-2{margin-top:1.25rem !important;}
.mt-3{margin-top:1.875rem !important;}
.mt-4{margin-top:2.5rem !important;}
.mt-5{margin-top:3.125rem !important;}
.mt-6{margin-top:3.75rem !important;}
.mt-7{margin-top:4.375rem !important;}
.mt-8{margin-top:5rem !important;}
.mt-9{margin-top:5.625rem !important;}
.mt-10{margin-top:6.25rem !important;}
.mb-1{margin-bottom:0.625rem !important;}
.mb-2{margin-bottom:1.25rem !important;}
.mb-3{margin-bottom:1.875rem !important;}
.mb-4{margin-bottom:2.5rem !important;}
.mb-5{margin-bottom:3.125rem !important;}
.mb-6{margin-bottom:3.75rem!important;}
.mb-7{margin-bottom:4.375rem !important;}
.mb-8{margin-bottom:5rem !important;}
.mb-9{margin-bottom:5.625rem !important;}
.mb-10{margin-bottom:6.25rem !important;}
.ml-1{margin-left:0.625rem !important;}
.ml-2{margin-left:1.25rem !important;}
.ml-3{margin-left:1.875rem !important;}
.ml-4{margin-left:2.5rem !important;}
.ml-5{margin-left:3.125rem !important;}
.ml-6{margin-left:3.75rem!important;}
.ml-7{margin-left:4.375rem !important;}
.ml-8{margin-left:5rem !important;}
.ml-9{margin-left:5.625rem !important;}
.ml-10{margin-left:6.25rem !important;}
.mr-1{margin-right:0.625rem !important;}
.mr-2{margin-right:1.25rem !important;}
.mr-3{margin-right:1.875rem !important;}
.mr-4{margin-right:2.5rem !important;}
.mr-5{margin-right:3.125rem !important;}
.mr-6{margin-right:3.75rem!important;}
.mr-7{margin-right:4.375rem !important;}
.mr-8{margin-right:5rem !important;}
.mr-9{margin-right:5.625rem !important;}
.mr-10{margin-right:6.25rem !important;}*/
/*上下左右内边距
.pt-1{padding-top:0.625rem !important;}
.pt-2{padding-top:1.25rem !important;}
.pt-3{padding-top:1.875rem !important;}
.pt-4{padding-top:2.5rem !important;}
.pt-5{padding-top:3.125rem !important;}
.pt-6{padding-top:3.75rem!important;}
.pt-7{padding-top:4.375rem !important;}
.pt-8{padding-top:5rem !important;}
.pt-9{padding-top:5.625rem !important;}
.pt-10{padding-top:6.25rem !important;}
.pb-1{padding-bottom:0.625rem !important;}
.pb-2{padding-bottom:1.25rem !important;}
.pb-3{padding-bottom:1.875rem !important;}
.pb-4{padding-bottom:2.5rem !important;}
.pb-5{padding-bottom:3.125rem !important;}
.pb-6{padding-bottom:3.75rem!important;}
.pb-7{padding-bottom:4.375rem !important;}
.pb-8{padding-bottom:5rem !important;}
.pb-9{padding-bottom:5.625rem !important;}
.pb-10{padding-bottom:6.25rem !important;}
.pl-1{padding-left:0.625rem !important;}
.pl-2{padding-left:1.25rem !important;}
.pl-3{padding-left:1.875rem !important;}
.pl-4{padding-left:2.5rem !important;}
.pl-5{padding-left:3.125rem !important;}
.pl-6{padding-left:3.75rem!important;}
.pl-7{padding-left:4.375rem !important;}
.pl-8{padding-left:5rem !important;}
.pl-9{padding-left:5.625rem !important;}
.pl-10{padding-left:6.25rem !important;}
.pr-1{padding-right:0.625rem !important;}
.pr-2{padding-right:1.25rem !important;}
.pr-3{padding-right:1.875rem !important;}
.pr-4{padding-right:2.5rem !important;}
.pr-5{padding-right:3.125rem !important;}
.pr-6{padding-right:3.75rem!important;}
.pr-7{padding-right:4.375rem !important;}
.pr-8{padding-right:5rem !important;}
.pr-9{padding-right:5.625rem !important;}
.pr-10{padding-right:6.25rem !important;}*/
/*边框*/
.border-top-dashed{border-top:2px solid #15549a !important;}
.border-right-dashed{border-right:2px solid #15549a !important;}
.border-bottom-dashed{border-bottom:2px solid #15549a !important;}
.border-right-dashed{border-top:2px solid #15549a !important;}
.border-bottom-dashed-white{border-bottom:2px solid #fff;}
/*字距*/
.ls-1{letter-spacing:1px;}
.ls-2{letter-spacing:2px;}
.ls-3{letter-spacing:3px;}
.ls-4{letter-spacing:4px;}
.ls-5{letter-spacing:5px;}
/*行距*/
.lh-1{line-height:1.5rem;}
.lh-2{line-height:2;}
.lh-3{line-height:3;}
.lh-4{line-height:4;}
/*字体大小*/
.fs-12{font-size:.75rem;}
.fs-13{font-size:0.875rem;}
.fs-14{font-size:0.9rem;}
.fs-15{font-size:0.975rem;}
.fs-16{font-size:1rem;}
.fs-18{font-size:1.125rem;}
.fs-20{font-size:1.25rem;}
.fs-22{font-size:1.375rem;}
.fs-24{font-size:1.5rem;}
.fs-26{font-size:1.625rem;}
.fs-28{font-size:1.75rem;}
.fs-30{font-size:1.875rem;}
.fs-32{font-size:2rem;}
.fs-34{font-size:2.125rem;}
.fs-36{font-size:2.25rem;}
.fs-38{font-size:2.375rem;}
.fs-40{font-size:2.5rem;}
/*高度*/
.h-5px{height:5px;}
.h-10px{height:10px;}
.h-15px{height:15px;}
.h-20px{height:20px;}
.h-25px{height:25px;}
.h-30px{height:30px;}
.h-35px{height:35px;}
.h-40px{height:40px;}
.h-45px{height:45px;}
.h-50px{height:50px;}
.h-55px{height:55px;}
.h-60px{height:60px;}
.h-65px{height:65px;}
.h-70px{height:70px;}
.h-75px{height:75px;}
.h-80px{height:80px;}
.h-85px{height:85px;}
.h-90px{height:90px;}
.h-95px{height:95px;}
.h-100px{height:100px;}
.h-110px{height:110px;}
.h-120px{height:120px;}
.h-130px{height:130px;}
.h-140px{height:140px;}
.h-150px{height:150px;}
.h-160px{height:160px;}
.h-170px{height:170px;}
.h-180px{height:180px;}
.h-190px{height:190px;}
.h-200px{height:200px;}
.h-210px{height:210px;}
.h-220px{height:220px;}
.h-230px{height:230px;}
.h-240px{height:240px;}
.h-250px{height:250px;}
.h-260px{height:260px;}
.h-270px{height:270px;}
.h-280px{height:280px;}
.h-290px{height:290px;}
.h-300px{height:300px;}
.h-310px{height:310px;}
.h-320px{height:320px;}
.h-330px{height:330px;}
.h-340px{height:340px;}
.h-350px{height:350px;}
.h-360px{height:360px;}
.h-370px{height:370px;}
.h-380px{height:380px;}
.h-390px{height:390px;}
.h-400px{height:400px;}
.h-410px{height:410px;}
.h-420px{height:420px;}
.h-430px{height:430px;}
.h-440px{height:440px;}
.h-450px{height:450px;}
.h-460px{height:410px;}
.h-470px{height:470px;}
.h-480px{height:480px;}
.h-490px{height:490px;}
.h-500px{height:500px;}

/*sm屏幕以上*/
@media only screen and (min-width:576px){/*行距*/
.lh-sm-1{line-height:1;}
.lh-sm-2{line-height:2;}
.lh-sm-3{line-height:3;}
.lh-sm-4{line-height:4;}
/*字体大小*/
.fs-sm-12{font-size:0.75rem;}
.fs-sm-14{font-size:0.875rem;}
.fs-sm-16{font-size:1rem;}
.fs-sm-18{font-size:1.125rem;}
.fs-sm-20{font-size:1.25rem;}
.fs-sm-22{font-size:1.375rem;}
.fs-sm-24{font-size:1.5rem;}
.fs-sm-26{font-size:1.625rem;}
.fs-sm-28{font-size:1.75rem;}
.fs-sm-30{font-size:1.875rem;}
.fs-sm-32{font-size:2rem;}
.fs-sm-34{font-size:2.125rem;}
.fs-sm-36{font-size:2.25rem;}
.fs-sm-38{font-size:2.375rem;}
.fs-sm-40{font-size:2.5rem;}
/*高度*/
.h-sm-5px{height:5px;}
.h-sm-10px{height:10px;}
.h-sm-15px{height:15px;}
.h-sm-20px{height:20px;}
.h-sm-25px{height:25px;}
.h-sm-30px{height:30px;}
.h-sm-35px{height:35px;}
.h-sm-40px{height:40px;}
.h-sm-45px{height:45px;}
.h-sm-50px{height:50px;}
.h-sm-55px{height:55px;}
.h-sm-60px{height:60px;}
.h-sm-65px{height:65px;}
.h-sm-70px{height:70px;}
.h-sm-75px{height:75px;}
.h-sm-80px{height:80px;}
.h-sm-85px{height:85px;}
.h-sm-90px{height:90px;}
.h-sm-95px{height:95px;}
.h-sm-100px{height:100px;}
.h-sm-110px{height:110px;}
.h-sm-120px{height:120px;}
.h-sm-130px{height:130px;}
.h-sm-140px{height:140px;}
.h-sm-150px{height:150px;}
.h-sm-160px{height:160px;}
.h-sm-170px{height:170px;}
.h-sm-180px{height:180px;}
.h-sm-190px{height:190px;}
.h-sm-200px{height:200px;}
.h-sm-210px{height:210px;}
.h-sm-220px{height:220px;}
.h-sm-230px{height:230px;}
.h-sm-240px{height:240px;}
.h-sm-250px{height:250px;}
.h-sm-260px{height:260px;}
.h-sm-270px{height:270px;}
.h-sm-280px{height:280px;}
.h-sm-290px{height:290px;}
.h-sm-300px{height:300px;}
.h-sm-310px{height:310px;}
.h-sm-320px{height:320px;}
.h-sm-330px{height:330px;}
.h-sm-340px{height:340px;}
.h-sm-350px{height:350px;}
.h-sm-360px{height:360px;}
.h-sm-370px{height:370px;}
.h-sm-380px{height:380px;}
.h-sm-390px{height:390px;}
.h-sm-400px{height:400px;}
.h-sm-410px{height:410px;}
.h-sm-420px{height:420px;}
.h-sm-430px{height:430px;}
.h-sm-440px{height:440px;}
.h-sm-450px{height:450px;}
.h-sm-460px{height:410px;}
.h-sm-470px{height:470px;}
.h-sm-480px{height:480px;}
.h-sm-490px{height:490px;}
.h-sm-500px{height:500px;}
}

/*md屏幕以上*/
@media only screen and (min-width:768px){/*行距*/
.lh-md-1{line-height:1;}
.lh-md-2{line-height:2;}
.lh-md-3{line-height:3;}
.lh-md-4{line-height:4;}
/*字体大小*/
.fs-sm-12{font-size:0.75rem;}
.fs-sm-14{font-size:0.875rem;}
.fs-sm-16{font-size:1rem;}
.fs-sm-18{font-size:1.125rem;}
.fs-sm-20{font-size:1.25rem;}
.fs-sm-22{font-size:1.375rem;}
.fs-sm-24{font-size:1.5rem;}
.fs-sm-26{font-size:1.625rem;}
.fs-sm-28{font-size:1.75rem;}
.fs-sm-30{font-size:1.875rem;}
.fs-sm-32{font-size:2rem;}
.fs-sm-34{font-size:2.125rem;}
.fs-sm-36{font-size:2.25rem;}
.fs-sm-38{font-size:2.375rem;}
.fs-sm-40{font-size:2.5rem;}
/*高度*/
.h-md-5px{height:5px;}
.h-md-10px{height:10px;}
.h-md-15px{height:15px;}
.h-md-20px{height:20px;}
.h-md-25px{height:25px;}
.h-md-30px{height:30px;}
.h-md-35px{height:35px;}
.h-md-40px{height:40px;}
.h-md-45px{height:45px;}
.h-md-50px{height:50px;}
.h-md-55px{height:55px;}
.h-md-60px{height:60px;}
.h-md-65px{height:65px;}
.h-md-70px{height:70px;}
.h-md-75px{height:75px;}
.h-md-80px{height:80px;}
.h-md-85px{height:85px;}
.h-md-90px{height:90px;}
.h-md-95px{height:95px;}
.h-md-100px{height:100px;}
.h-md-110px{height:110px;}
.h-md-120px{height:120px;}
.h-md-130px{height:130px;}
.h-md-140px{height:140px;}
.h-md-150px{height:150px;}
.h-md-160px{height:160px;}
.h-md-170px{height:170px;}
.h-md-180px{height:180px;}
.h-md-190px{height:190px;}
.h-md-200px{height:200px;}
.h-md-210px{height:210px;}
.h-md-220px{height:220px;}
.h-md-230px{height:230px;}
.h-md-240px{height:240px;}
.h-md-250px{height:250px;}
.h-md-260px{height:260px;}
.h-md-270px{height:270px;}
.h-md-280px{height:280px;}
.h-md-290px{height:290px;}
.h-md-300px{height:300px;}
.h-md-310px{height:310px;}
.h-md-320px{height:320px;}
.h-md-330px{height:330px;}
.h-md-340px{height:340px;}
.h-md-350px{height:350px;}
.h-md-360px{height:360px;}
.h-md-370px{height:370px;}
.h-md-380px{height:380px;}
.h-md-390px{height:390px;}
.h-md-400px{height:400px;}
.h-md-410px{height:410px;}
.h-md-420px{height:420px;}
.h-md-430px{height:430px;}
.h-md-440px{height:440px;}
.h-md-450px{height:450px;}
.h-md-460px{height:410px;}
.h-md-470px{height:470px;}
.h-md-480px{height:480px;}
.h-md-490px{height:490px;}
.h-md-500px{height:500px;}
}

/*lg屏幕以上*/
@media only screen and (min-width:992px){/*行距*/
.lh-lg-1{line-height:1;}
.lh-lg-2{line-height:2;}
.lh-lg-3{line-height:3;}
.lh-lg-4{line-height:4;}
/*字体大小*/
.fs-sm-12{font-size:0.75rem;}
.fs-sm-14{font-size:0.875rem;}
.fs-sm-16{font-size:1rem;}
.fs-sm-18{font-size:1.125rem;}
.fs-sm-20{font-size:1.25rem;}
.fs-sm-22{font-size:1.375rem;}
.fs-sm-24{font-size:1.5rem;}
.fs-sm-26{font-size:1.625rem;}
.fs-sm-28{font-size:1.75rem;}
.fs-sm-30{font-size:1.875rem;}
.fs-sm-32{font-size:2rem;}
.fs-sm-34{font-size:2.125rem;}
.fs-sm-36{font-size:2.25rem;}
.fs-sm-38{font-size:2.375rem;}
.fs-sm-40{font-size:2.5rem;}
/*高度*/
.h-lg-5px{height:5px;}
.h-lg-10px{height:10px;}
.h-lg-15px{height:15px;}
.h-lg-20px{height:20px;}
.h-lg-25px{height:25px;}
.h-lg-30px{height:30px;}
.h-lg-35px{height:35px;}
.h-lg-40px{height:40px;}
.h-lg-45px{height:45px;}
.h-lg-50px{height:50px;}
.h-lg-55px{height:55px;}
.h-lg-60px{height:60px;}
.h-lg-65px{height:65px;}
.h-lg-70px{height:70px;}
.h-lg-75px{height:75px;}
.h-lg-80px{height:80px;}
.h-lg-85px{height:85px;}
.h-lg-90px{height:90px;}
.h-lg-95px{height:95px;}
.h-lg-100px{height:100px;}
.h-lg-110px{height:110px;}
.h-lg-120px{height:120px;}
.h-lg-130px{height:130px;}
.h-lg-140px{height:140px;}
.h-lg-150px{height:150px;}
.h-lg-160px{height:160px;}
.h-lg-170px{height:170px;}
.h-lg-180px{height:180px;}
.h-lg-190px{height:190px;}
.h-lg-200px{height:200px;}
.h-lg-210px{height:210px;}
.h-lg-220px{height:220px;}
.h-lg-230px{height:230px;}
.h-lg-240px{height:240px;}
.h-lg-250px{height:250px;}
.h-lg-260px{height:260px;}
.h-lg-270px{height:270px;}
.h-lg-280px{height:280px;}
.h-lg-290px{height:290px;}
.h-lg-300px{height:300px;}
.h-lg-310px{height:310px;}
.h-lg-320px{height:320px;}
.h-lg-330px{height:330px;}
.h-lg-340px{height:340px;}
.h-lg-350px{height:350px;}
.h-lg-360px{height:360px;}
.h-lg-370px{height:370px;}
.h-lg-380px{height:380px;}
.h-lg-390px{height:390px;}
.h-lg-400px{height:400px;}
.h-lg-410px{height:410px;}
.h-lg-420px{height:420px;}
.h-lg-430px{height:430px;}
.h-lg-440px{height:440px;}
.h-lg-450px{height:450px;}
.h-lg-460px{height:410px;}
.h-lg-470px{height:470px;}
.h-lg-480px{height:480px;}
.h-lg-490px{height:490px;}
.h-lg-500px{height:500px;}
}


.MAuto{margin:0 auto;}

.font-bold{font-weight:bold;}

.box-shadow{box-shadow:0 0.05rem 0.25rem rgba(0,0,0,0.5);}
.text-shadow{ text-shadow:0 0.05rem 0.25rem rgba(0,0,0,0.5);}

.post-body img{max-width:80%;}
.post-body a{color:#106ede;}
.nav-item:hover > .dropdown-menu{ display:inline-block;}

/*footer*/
#footer{background:#106ede; padding:0 0 35px 0; margin-top:5rem; color:#eee; font-size:14px;}
#footer .container { position: relative;}
#footer .footer-top{background-image:linear-gradient(to right, #2fd4f7, #2c84ed, #9c5ff8); padding:60px 0;}
#footer .footer-top .footer-info{margin-bottom:30px; text-align:center;}
#footer .footer-top .footer-info img{margin-bottom:10px;max-width:100%; max-height:100%;}
#footer .footer-top .social-links,.social-links{text-align:center; position:relative;}
#footer .footer-top .social-links a{font-size:18px; display:inline-block; background:#fff; color:#2c84ed; line-height:1; padding:8px 0; margin-right:4px; border-radius:50%; text-align:center; width:36px; height:36px; transition:0.3s;}
#footer .footer-top .social-links a:hover{background:#e0072f; color:#fff;}
#footer .copyright{text-align:center; padding-top:30px;}
#footer .ewm { position: absolute; width: 100px; right: 40px; top:20px; text-align: center;}
#footer .ewm img { width: 80px;}
#footer .ewm p { text-align: center; line-height: 24px; font-size: 12px; }
/*serarch*/
.search{min-width:20rem; top:1px; left:-13rem; background:none;}
.search .form-control,.search .btn{font-size:0.93rem;}

.card-img-200{height:197px; overflow:hidden;}
.name{overflow:hidden;font-weight:bold;}

.about-ad{background:url(/static/images/bg-wiotc-ad.png) center bottom no-repeat; padding:8rem 0; margin:5rem 0;}

button{background:transparent; border:none; cursor:pointer; outline:none;}

.congauthor{color:#f00; font-weight:bold; margin:-10px 0 0;}

.txright{text-align:right;}
.FLeft{float:left;}
.FRight{float:right;}
.clearfix{ display: inline-block;}

.post-info，.post-info span a{color:#fff;}
.post-info span,.pro-info-tips span{border:1px solid #CAF5FF; display:inline-block; margin-right:10px; padding:2px 10px; border-radius: 3px; cursor: pointer; line-height:1.5rem;}
.post-info .active{background:rgba(202,245,255,.2);}
.pro-info-tips,.pro-info-tips span a{color:#aaa;}
.pro-info-tips span{ border: 1px solid #aaa; border:0 none; padding:0 10px 0 0;}

.logo-img {width:100%;background: #fff;padding: 8px; border:1px solid #eee;border-radius: 5px;-webkit-box-shadow: 0 6px 10px -5px rgba(0, 0, 0, 0.1);box-shadow: 0 6px 10px -5px rgba(0, 0, 0, 0.1);}
.logo-img:hover{border-color:#2c84ed;-webkit-box-shadow: 0 6px 10px -5px rgba(0, 0, 0, 0.5);box-shadow: 0 6px 10px -5px rgba(0, 0, 0, 0.5);}

.social-links a{font-size:18px; color:#2c84ed !important; padding:0 3px;}
.social-links a:hover{color:#e0072f !important;}

.card .card-img-150{border: 1px solid #ccc; border-radius: 5px;-webkit-box-shadow: 0 6px 10px -5px rgba(0, 0, 0, 0.1);box-shadow: 0 6px 10px -5px rgba(0, 0, 0, 0.1);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;overflow:hidden;}
.card .card-img-150:hover{border-color:#2c84ed;-webkit-box-shadow: 0 6px 10px -5px rgba(0, 0, 0, 0.5);box-shadow: 0 6px 10px -5px rgba(0, 0, 0, 0.5);}
.card .card-tag a{margin-right:5px;}

.card-purchase-list{border-radius:5px;}
.card-purchase-list:hover{border-color:#2c84ed!important; box-shadow: 0 5px 5px #eee;}
.card-purchase-list .btn{width:100px; position: relative; left: calc(100% - 100px);}
.font-bold{font-weight: bold;}
.purchase-infor h3{    color: #242424;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    padding: 0 10px 5px 15px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 20px;
    position: relative;
	border-left: 2px solid #2c84ed;
}
.purchase-addinfo div{width:calc(100% / 4 - 4px); display: inline-block; padding: 5px 0; border:1px solid #ddd; background: #eee;}

.btn-industry{background:#63A8F9; color:#fff; border:1px solid #2c84ed;display:inline-block; margin:0 5px 5px 0; padding:0 5px;border-radius: 3px;-webkit-box-shadow: 0 6px 10px -5px rgba(0, 0, 0, 0.1);box-shadow: 0 6px 10px -5px rgba(0, 0, 0, 0.1);}
.btn-industry:hover{background:#2c84ed; color:#fff; border-color:#0058C1;}

.content{display:inline-block; line-height:1.7;}
.content p{text-align: justify}
.content img, .content iframe,.content video{max-width:90% !important; margin:0 auto;display:inline-block;}
.content li{list-style:disc outside none; margin-left:20px;}

.faicon{cursor:pointer; width:16px; text-align:center; margin-right:4px;}
.faicon-weixin{cursor:pointer;}
.faicon-weixin span{display:none; position:absolute; max-width:100%;}
.faicon-weixin span img{max-width:258px;}
.faicon-weixin:hover span{display:block;position: absolute; left:50%; margin-left:-130px; top:35px; border:1px solid #ccc; z-index:9999}

.badge-top,.badge-hot,.badge-recom,.badge-collect{padding:0.15rem 0.25rem; font-weight: normal;border-radius:0;}
.badge-top{border:1px solid #4d88ff;color:#4d88ff;}
.badge-hot{border:1px solid #e23a3a;color:#e23a3a;}
.badge-recom{border:1px solid #AD8200;color:#AD8200;}
.badge-collect{border:1px solid #ffc107;color:#ffc107;}
.badge-collect-active{background:#ffc107;color:#fff;}

/*product*/
.product-class{padding:0;}	
.product-class li{ list-style:none;}
.product-class a{display: block; padding:0.5rem 0 0.5rem .5rem; border-bottom: 1px solid #eee;}
.product-class a:hover{ border-bottom: 1px solid #106ede; background: #f9f9f9}
.product-class a span { float: right; padding-right: 10px; color: #f00;}
.clean-block.clean-catalog .filter-collapse .filter-caret {
	float: right;
	font-size: 12px;
	line-height: 26px
}
.clean-block.clean-catalog .filter-collapse {
	display: block;
	padding: 10px;
	border: 1px solid #ccc;
	margin: 30px;
	border-radius: 0;
	text-align: left
}
.clean-block.clean-catalog .filters h3 {
	font-size: 1em;
	font-weight: 600;
	margin-bottom: .8em
}
.clean-block.clean-catalog .filters .heading {
	font-size: 20px;
	font-weight: 700;
	padding-bottom: 20px
}
.clean-block.clean-catalog .filters .filter-item {
	margin-bottom: 40px
}
.clean-block.clean-catalog .filters label {
	word-wrap: break-word;
	max-width: 100%
}
.clean-block.clean-catalog .products {
	padding: 0
}
.clean-block.clean-catalog .products .row:first-of-type {
	border-top: none;
	border-left: none;
	margin-bottom: 20px
}
.clean-product-item {
	padding: 20px;
	border-right: none;
	border-bottom: 1px solid #e8e6e6;
	height: 100%
}
.clean-product-item .image {
	margin-bottom: 20px
}
.clean-product-item .image img {
	max-width: 220px;
	max-height: 180px
}
.clean-product-item .product-name {
	margin-bottom: 20px;
	text-align: center
}
.clean-product-item .product-name a {
	color: #585858;
	font-size: 1.1em
}
.clean-product-item .product-name a:hover {
	text-decoration: none;
	color: #8f8c8c
}
.clean-product-item .about {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.clean-product-item .price {
	text-align: right;
	padding-right: 10px
}
.clean-product-item .price h3 {
	font-size: 1.2em;
	font-weight: 600;
	color: #32303c;
	margin: 0
}
.rating {
	color: #fec000
}
.rating img {
	width:18px;
	margin-left: 2px;
}
.clean-product-item .add .icon {
	padding-right: 10px
}
.clean-block.clean-catalog .products .pages {
	width: 50%;
	margin: 55px auto 0
}
.clean-block.clean-catalog .pagination {
	-ms-flex-pack: center;
	justify-content: center
}

.clean-block.clean-cart .items .product {
	padding-top: 20px;
	padding-bottom: 40px
}
.clean-block.clean-cart .items .product .product-image {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 15px;
	border: 2px solid #f0f0f0
}
.clean-block.clean-cart .items .product {
	padding-top: 0
}
.clean-block.clean-cart .items .product .product-info {
	padding-top: 1em;
	padding-bottom: 1em
}
.clean-block.clean-cart .items .product .product-name {
	font-weight: 600;
	font-size: 1.3em
}
.clean-block.clean-cart .items .product .product-info .product-specs {
	font-size: .8rem;
	font-weight: 600;
	margin-top: 15px
}
.clean-block.clean-cart .items .product .product-info .product-specs .value {
	font-weight: 400
}
.clean-block.clean-cart .items .product .quantity .quantity-input {
	width: 68px
}
.clean-block.clean-cart .items .product .quantity label {
	font-size: .9em
}
.clean-block.clean-cart .items .product .price {
	font-weight: 700;
	font-size: 22px;
	text-align: right
}
.clean-block.clean-cart .summary {
	background-color: #f7fbff;
	height: 100%;
	padding: 30px
}
.clean-block.clean-cart .summary h3 {
	text-align: center;
	font-size: 1.25em;
	font-weight: 600;
	padding-top: 16px;
	padding-bottom: 28px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #1d4f88
}
.clean-block.clean-cart .summary h4 {
	padding-bottom: 18px;
	margin-bottom: 0;
	background: #fff;
	padding-left: 20px;
	padding-right: 20px
}
.clean-block.clean-cart .summary h4:first-of-type {
	border-top: 1px solid #86b4e8;
	padding-top: 18px
}
.clean-block.clean-cart .summary h4:last-of-type {
	color: #617ef3;
	border-bottom: 1px solid #e6edf5
}
.clean-block.clean-cart .summary .text {
	font-size: .65em;
	font-weight: 600
}
.clean-block.clean-cart .summary .price {
	font-size: .6em;
	float: right;
	margin-top: 10px
}
.clean-block.clean-cart .summary button {
	margin-top: 20px;
	font-weight: 600;
	font-size: 1em;
	padding: 10px 0
}

.clean-block.clean-product .gallery {
	padding:2px;
	background-color: #f6f6f6;
		border:1px solid #E9E9E9;
}


.clean-block.clean-product .product-info .info .price {
	padding: 20px 0
}
.clean-block.clean-product .product-info .info .price h3 {
	font-size: 1.5em;
	font-weight: 700
}
.clean-block.clean-product .product-info .info .rating {
	color: #fec000;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0,0,0,.1)
}
.clean-block.clean-product .product-info .info button {
	padding: 10px 20px;
	margin-bottom: 30px
}
.clean-block.clean-product .product-info .info button .fa {
	margin-right: 10px
}
.clean-block.clean-product .product-info .info .summary {
	border-top: 1px solid rgba(0,0,0,.1);
	padding-top: 30px
}
.clean-block.clean-product .product-info .info .summary p {
	font-size: .9em
}

.clean-block.clean-product .product-info .description p {
	margin-bottom: 50px
}
.clean-block.clean-product .product-info .description h4 {
	margin-top: 60px;
	margin-bottom: 20px
}

.clean-block.clean-product .tab-content .description .right {
	text-align: left
}

.clean-block.clean-product .product-info .specifications .stat {
	font-weight: 700
}
.clean-block.clean-product .product-info .reviews .review-item {
	margin-bottom: 30px;
	padding: 20px;
	border: 1px solid #ded7d7
}
.clean-block.clean-product .product-info .reviews .review-item h4 {
	font-size: 1.2em;
	font-weight: 600
}
.clean-block.clean-product .product-info .reviews .review-item span {
	font-size: .9em
}
.clean-block.clean-product .product-info .reviews .review-item p {
	margin-top: 12px;
	font-size: .9em
}

.pro-price-color{color:#f00;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{font-weight: bold;}

/*member*/
.user-login{height:38px;margin: 0; padding: 0;}
.user-login > li {
  float: left;
	width: 100%;
  position: relative;
	list-style: none;
}
.user-login > li >ul>li{list-style:none}
.user-login > li > a {
  color: #242424;
  display: block;
  line-height: 35px;
  height: 28px;
  padding:0;
  position: relative;
  text-align: center;
}
.user-login li i {
  font-size: 28px;
}
.user-login li span {
  font-size: 12px;
  color: #fff;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
  padding: 0 6px;
  background: #f4523b;
  position: absolute;
  right: 8px;
  top: 10px;
}
.user-login > li:hover > a {
	cursor: pointer;
}
.user-login li img {
  height: 100%;
  margin: 0 auto;
    border: 1px solid #ccc;
    border-radius: 15px;
}
.user-login li img:hover {
    border-color: #007bff;
}

.user-login .user-icon:hover .user-menu {
  display: block;
}
.user-login li .user-menu {
  display: none;
  position: absolute;
  top: 30px;
	padding:10px 0 0;
  right: 0;
  width: 60px;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
  z-index: 99;
}
.user-menu li a {
  color: #242424;
  display: block;
  width: 100%;
	font-size: 12px;
  padding: 5px 6px;
	background: #fff;
  position: relative;
  text-align: center;
}
.user-menu li.bt1 {
  border-bottom: 1px solid #e1e1e1;
}
.user-menu li:hover a {
  background: #007bff;
  color: #fff;
}

.page-num-current{ background:#106ede; color:#fff;}


/* TIMELINE */
.timeline{white-space:nowrap; overflow-x:hidden;}
.timeline ol{font-size:0; width:100vw; padding:280px 0; transition:all 1s;}
.timeline ol li{position:relative; display:inline-block; list-style-type:none; width:160px; height:3px; background:#ccc;}
.timeline ol li:last-child{width:280px;}
.timeline ol li:not(:first-child){margin-left:14px;}
.timeline ol li:not(:last-child)::after{content:''; position:absolute; top:50%; left:calc(100% + 1px); bottom:0; width:12px; height:12px; transform:translateY(-50%); border-radius:50%; background:#15549a;}
.timeline ol li div{position:absolute; left:0; width:320px; padding:15px; font-size:0.9rem; white-space:normal; color:black; background:#eee;}
.timeline ol li div::before{content:''; position:absolute; top:100%; left:0; width:0; height:0; border-style:solid;}
.timeline ol li:nth-child(odd) div{top:-16px; transform:translateY(-100%);}
.timeline ol li:nth-child(odd) div::before{top:100%; left:calc(50% - 1px); border-width:8px 8px 8px; border-color:#eee transparent transparent;}
.timeline ol li:nth-child(even) div{top:calc(100% + 16px);}
.timeline ol li:nth-child(even) div::before{top:-8px; left:calc(50% - 1px); border-width:0 8px 8px; border-color:transparent transparent #eee;}
.timeline time{display:block; font-size:1.5rem; font-weight:bold; margin-bottom:8px;}

/* TIMELINE ARROWS */
.timeline .arrows{display:flex; justify-content:center; margin-bottom:20px; z-index:9999;}
.timeline .arrows .arrow__prev{margin-right:20px;}
.timeline .disabled{opacity:.5;}
.timeline .arrows img{width:45px; height:45px;}

/* GENERAL MEDIA QUERIES */
@media screen and (max-width:599px){
.timeline ol,.timeline ol li{width:auto;}
.timeline ol{padding:0; transform:none !important;}
.timeline ol li{display:block; height:auto; background:transparent;}
.timeline ol li:first-child{margin-top:25px;}
.timeline ol li:not(:first-child){margin-left:auto;}
.timeline ol li div{width:94%; height:auto !important; margin:0 auto 25px;}
.timeline ol li div{position:static;}
.timeline ol li:nth-child(odd) div{transform:none;}
.timeline ol li:nth-child(odd) div::before,.timeline ol li:nth-child(even) div::before{left:50%; top:100%; transform:translateX(-50%); border:none; border-left:1px solid white; height:25px;}
.timeline ol li:last-child,.timeline ol li:nth-last-child(2) div::before,.timeline ol li:not(:last-child)::after,.timeline .arrows{display:none;}
}