﻿.home-quick-bomtop{ background: url(../images/home-qubomtitle.png) no-repeat center; background-size:cover; height: 68px; line-height: 68px; margin-top: 20px; padding: 0 20px;}

.home-quick-bomtop-left{}
.home-quick-bomtop-left h2{ font-size: 1.2rem; display: inline-block;}
.home-quick-bomtop-left span{ margin-left:5px;}

.home-quick-bomtop-right{ width: 20%;}
.home-quick-bomtop-right em{ display: block;}
.home-quick-bomtop-right em span{ color: #C61313;}
.home-quick-bomtop-right a img{ margin-left: 10px;}

.home-quick-box{ background: #FFFFFF; padding: 20px;  border-radius:0 0 12px 12px;}


.home-quick-box-left{ width: 25%; height: auto; padding: 20px; background: url(../images/quickbomleft.png) no-repeat center; background-size:cover; border-radius:6px;}
.home-quick-box-left h3{ font-size: 1rem; line-height: 26px; margin-bottom: 14px; }

.home-quick-box-left dl{ width: 100%; height: 46px; line-height: 46px; border-radius: 6px; background: #FFFFFF; padding: 0 15px; margin-bottom: 16px;}
.home-quick-box-left dl dt{ width:20%;}
.home-quick-box-left dl dd{ width:80%;}
.home-quick-box-left dl dd input{ border: none; height: 46px; line-height: 46px; padding: 0 10px;}
.home-quick-box-left button{ width: 100%; height: 46px; line-height: 46px; border-radius:6px; background: #0085DE; border: none; text-align: center; color: #FFFFFF; font-size: 1rem;}
.home-quick-box-left button:hover{ background: #f43428;}


.home-quick-box-mid{ width:52%; height: auto; padding: 20px; background: url(../images/quickbommid.png) no-repeat center; background-size:cover; border-radius:6px;}
.home-quick-box-mid h3{ font-size: 1rem; line-height: 26px; margin-bottom: 14px; }
.home-quick-box-mid-list{ width: 100%;}
.home-quick-box-mid-list dl{ width: 45%; line-height: 34px;}
.home-quick-box-mid-list dl dt{ background: url(../images/hot.png) no-repeat left center; padding-left: 25px;}
.home-quick-box-mid-list dl dd{ color: #C61313;}


.home-quick-box-right{ width:20%; height: auto; padding: 20px; background: url(../images/quickbomright.png) no-repeat center; background-size:cover; border-radius:6px;}
.home-quick-box-right h3{ font-size: 1rem; line-height: 26px; margin-bottom: 14px; }
.home-quick-box-right-brand{ width: 100%;}
.home-quick-box-right-brand a{ display: flex; align-items:center; width: 47%; margin-bottom:5%; max-height:50px; background:#fff; border:1px solid #eee;border-radius:6px; padding:10px;}
.home-quick-box-right-brand a img{ width: 100%; height: auto; border-radius: 4px;}
.home-quick-box-right-brand a:nth-child(9){ margin-bottom: 0;}
.home-quick-box-right-brand a:nth-child(10){ margin-bottom: 0;}

.home-ad{ margin-top: 20px;}
.home-ad img{ width: 100%; height: auto;}

.home-bom-main{background: #FFFFFF; padding: 20px;  border-radius:0 0 12px 12px;}

.home-bom-left{ width: 34%;}
.home-bom-left-top{ width: 100%; height: auto;}
.home-bom-left-top img{ width: 100%; height: auto;}
.home-bom-left-top p{ line-height: 24px; margin: 15px 0;}

.home-bom-left dl{ margin: 12px 0;}
.home-bom-left dl dt{ width: 32px; display: flex; align-items: center;}
.home-bom-left dl dd{ width: calc(100% - 32px); padding-left: 10px;}
.home-bom-left dl dd b{ display: block; line-height: 22px;}
.home-bom-left dl dd p{ line-height: 22px;}



.home-bom-mid{ width: 31.6%; background: #F4F8FB;border-radius: 6px; padding: 25px;}
.home-bom-mid-upload{ width: 100%; height: auto; background: url(../images/homebomicon.png) no-repeat center;  min-height: 266px; cursor: pointer;}
.home-bom-mid-upload input{ width: 100%; height: 100%; min-height: 266px; opacity: 0;}
.home-bom-mid p{ line-height: 22px;}
.home-bom-mid a{ display: inline-block; margin-top: 20px;}
.home-bom-mid a span{ padding: 0 10px;}


.home-bom-right{width: 31.6%; background: url(../images/home-bom-right.png) no-repeat center; padding: 25px; background-size:cover; border-radius: 6px;}
.home-bom-right textarea{ width: 100%; height: 280px; background: #FFFFFF; border: none; border-radius: 6px; padding: 20px 25px; line-height: 26px;}
.home-bom-right button{ width: 100%; height: 46px; color: #FFFFFF; font-size: 1rem; text-align: center; border: none; border-radius:6px; margin-top: 20px; background: #0085DE;}
.home-bom-right  a{ display: block; text-align: center; line-height: 20px; margin-top: 5px;}



.home-article{ margin-top: 20px;}
.home-article-box{background: #FFFFFF; padding: 20px;  border-radius:12px; width: 49%;}
.home-article-box h2{ line-height: 30px; margin-bottom: 20px;  font-size: 1.2rem; }
.home-article-box h2 span{ padding-left: 5px; font-size: 0.9rem; font-weight: normal;}

.home-article-box-item{ width: 100%;}
.home-article-box-item-left{ width: 166px;height: 102px;}
.home-article-box-item-left img{ width: 100%; height: 102px; object-fit: cover;}

.home-article-box-item-right{ width: calc(100% - 166px); height: auto; padding-left: 20px;}
.home-article-box-item-right a.homebloglinks1{ display: block; font-weight: bold; color: #111111; font-size: 1rem; height: 30px; line-height: 30px; overflow: hidden;}
.home-article-box-item-right a.homebloglinks1:hover{ color: #0085DE;}
.home-article-box-item-right p{ line-height: 19px; height: 38px; overflow: hidden;}
.home-article-box-item-right a.homebloglinks2{ margin-top: 5px; display: block;}
.home-article-box-item-right a.homebloglinks2 img{ margin-left: 8px;}

.home-article-box ul{ padding-top: 15px;}
.home-article-box ul li{ line-height: 30px; height: 30px; overflow: hidden;}
.home-article-box ul li span{ font-weight: bold; color: #0085DE; margin-right: 10px;}


.home-article1{ margin-top: 20px;}


.home-article1-item{ width: 32.3%; background: #FFFFFF; padding: 20px;  border-radius:12px; }
.home-article1-item-top{ width: 100%; line-height: 30px; margin-bottom: 15px;}
.home-article1-item-top h2{ font-size: 1.2rem;}
.home-article1-item-top a img{ margin-left: 8px;}

.home-article1-item-topblog{ width: 100%; height: auto; position: relative;}
.home-article1-item-topblog img{ width: 100%; height: auto; border-radius:6px;}
.home-article1-item-topblog p{ color: #FFFFFF; margin: 15px; width: 100%; height: 24px; line-height: 24px; overflow: hidden; position: absolute; left: 0; bottom: 0;}
.home-article1-item-topblog p:hover{ text-decoration: underline;}

.home-article1-item ul{ padding-top: 15px;}
.home-article1-item ul li{ line-height: 30px; height: 30px; overflow: hidden;}
.home-article1-item ul li span{ font-weight: bold; color: #0085DE; margin-right: 10px;}



@media (max-width: 768px) {


.home-quick-bomtop{  height: 48px; line-height: 48px; margin-top: 10px; padding: 0 10px; border-radius:12px 12px 0 0 ;}


.home-quick-bomtop-left h2{ font-size: 1.1rem; }
.home-quick-bomtop-right{ display: none;}


.home-quick-box{  padding: 10px; }


.home-quick-box-left{ width: 100%; padding: 10px;}



.home-quick-box-mid{ width:100%; padding: 10px; margin-top: 10px;}
.home-quick-box-mid h3{ margin-bottom: 8px; }
.home-quick-box-mid-list{ width: 100%;}
.home-quick-box-mid-list dl{ width: 100%; line-height: 28px;}



.home-quick-box-right{ width:100%;padding: 10px; margin-top: 10px;}
.home-quick-box-right h3{  margin-bottom: 8px; }
.home-quick-box-right-brand{ width: 100%;}


.home-ad{display: none;}


.home-bom-main{padding: 10px; }

.home-bom-left{ width: 100%;}




.home-bom-mid{ width: 100%;  padding:10px; margin-top: 10px;}


.home-bom-right{width: 100%; padding: 10px; margin-top: 10px;}



.home-article{ margin-top: 10px;}
.home-article-box{padding: 10px; width: 100%; margin-bottom: 10px;}

.home-article1{ margin-top: 10px;}


.home-article1-item{ width: 100%; margin-bottom: 10px;  padding: 10px; }



}