.inquireIcon{width:40px; height:40px; background-repeat: no-repeat; background-color: #2982b6;}
.inquireIcon.costomer{background:url(https://cn.uniview.com/tres/images/inquire/customer.png) no-repeat #54b3e8 center center; background-size: 70% 70%;}
.inquireIcon.costomer:hover{background-color: #54b3e8;}
.inquireIcon.backtop{background:url(https://cn.uniview.com/tres/images/inquire/top.png) no-repeat #dddddd center center; background-size: 90% 90%;  visibility: hidden;}
.inquireIcon.backtop:hover{background-color: #2982b6;}
.inquireIcon.tel{background:url(https://cn.uniview.com/tres/images/inquire/tel.png) no-repeat #dddddd center center; background-size: 90% 90%;}
.inquireIcon.onlineKF{background:url(https://cn.uniview.com/tres/images/inquire/customer_black.png) no-repeat #dddddd center center; background-size: 90% 90%;}
.inquireIcon.txjy{background:url(https://cn.uniview.com/tres/images/inquire/suggestion.png) no-repeat #dddddd center center; background-size: 90% 90%;}
.inquireBox{position: fixed; right: 20px; bottom: 120px; z-index: 7000;}
.inquireBox .floatItem{margin-bottom: 4px; width:50px; height:50px; display: block; cursor: pointer;position: relative;}
.inquireBox .floatItem .inquireIcon{width: 50px; height: 50px;}
.inquireBox .floatItem img{max-width: 100%; height: auto; margin: 0 auto;}
.inquireBox .lists{position: absolute; right: 50px; bottom: 0px; width: 280px; display: none;}
.inquireBox .lists .listMenu{padding: 10px 0px; width:268px; background-color: #fff; height: auto; box-shadow: 0px 0px 7px #ddd;}
.inquireBox a.menuItem{width: 100%; padding: 15px 25px; display: table;}
.inquireBox a.menuItem:hover{background-color:#ebf2f7; text-decoration: none;}
.inquireBox a.menuItem .icon{width: 40px; height: 40px; display: table-cell; vertical-align: middle;}
.inquireBox a.menuItem .icon span{width: 40px; height: 40px; display: block;}
.inquireBox a.menuItem .text{width: 130px; display: table-cell; vertical-align: middle;}
.inquireBox a.menuItem .text h6{margin-bottom: 5px; font-size: 16px; font-weight: bold; color: #333;}
.inquireBox a.menuItem .text p{font-size: 14px; color: #888888;}
.inquireBox a.menuItem .text p strong{font-size: 18px; color: #2982b6; font-family: Arial,Helvetica; font-weight: normal;}
.inquireBox a.menuItem .text p strong a{text-decoration: none;}
.inquireBox a.menuItem .inquireIcon{background-color:transparent;}
.inquireHead{display: none;}
.landscape.inquireBox{bottom: 50px;}
.landscape .inquireHead{padding: 10px 15px; width: 268px; font-size: 18px; font-weight: bold; color: #fff; background-color: #2982b6; border-top-left-radius: 3px; border-top-right-radius: 3px; position: relative; display: none;}
.landscape .inquireHead > span{position: absolute; right: 10px; top: 10px; width: 24px; height: 24px; background:url(https://cn.uniview.com/tres/images/inquire/close.png) no-repeat left center; background-size: 100% 100%; display: block;}
.landscape.inquireBox .lists{bottom: -50px;}

@media (max-width: 767px) {
.inquireBox{bottom: 50px;}
.inquireIcon.costomer, .inquireIcon.costomer:hover, .inquireBox{border-radius: 50px;}
.inquireIcon.costomer{width: 50px; height: 50px;}
.inquireBox .lists{position: absolute; right: 0px; bottom: 50px; padding-bottom: 10px; width: 280px;}
.inquireBox .lists .listMenu{width:280px; padding: 0px;}
.inquireIcon.backtop{display:none;}
.landscape .inquireHead{width: 280px;}
}
@media (max-width: 480px) {
.inquireHead{padding: 10px 15px; font-size: 18px; font-weight: bold; color: #fff; background-color: #2982b6; border-top-left-radius: 3px; border-top-right-radius: 3px; position: relative; display: none;}
.inquireHead > span{position: absolute; right: 10px; top: 10px; width: 24px; height: 24px; background:url(https://cn.uniview.com/tres/images/inquire/close.png) no-repeat left center; background-size: 100% 100%; display: block;}
.inquireBox .lists{position: fixed; left: 50%; top: 50%; right: auto; bottom: auto; margin-left: -140px; margin-top: -140px; padding-bottom: 0px; width: 280px; height:280px;}
.inquireBox .lists .listMenu{box-shadow: none;}
.inquireBox a.menuItem{border-bottom: 1px solid #f6f6f6;}
}