.inquireIcon{width:40px; height:40px; background-repeat: no-repeat; background-color: #2682b6;}
.inquireIcon.inquiryform{background:url(inquire.png) no-repeat #2682b6 center center; background-size: 70% 70%;}
.inquireIcon.cloudplatform{background:url(cloud_platform.png) no-repeat #2682b6 center center; background-size: 100% 100%;}
.inquireIcon.ysb{background:url(ysb.png) no-repeat #2682b6 center center; background-size: 100% 100%; position: relative;}
.inquireIcon.costomer{background:url(customer.png) no-repeat #2682b6 center center; background-size: 70% 70%;}
.inquireIcon.costomer:hover{background-color: #0050a0;}
.inquireIcon.backtop{background:url(top.png) no-repeat #dddddd center center; background-size: 90% 90%;  visibility: hidden;}
.inquireIcon.backtop:hover{background-color: #2682b6;}
.inquireIcon.tel{background:url(tel.png) no-repeat #dddddd center center; background-size: 90% 90%;}
.inquireIcon.onlineKF{background:url(customer_black.png) no-repeat #dddddd center center; background-size: 90% 90%;}
.inquireIcon.txjy{background:url(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 .inquiryform a.menuItem, .inquireIcon.ysb a.menuItem, .inquireBox .cloudplatform a.menuItem{padding: 0px; width: 50px; height: 50px; display: block; text-indent: -9999px; font-size:0px;}
.inquireBox .inquiryform a.menuItem:hover{background:url(inquire.png) no-repeat #0050a0 center center; background-size: 70% 70%;}
.inquireIcon.ysb a.menuItem:hover{background:url(ysb.png) no-repeat #0050a0 center center;}
.inquireBox .cloudplatform a.menuItem:hover{background:url(cloud_platform.png) no-repeat #0050a0 center center;}
/*.inquireBox .inquiryform a.menuItem:hover, .inquireIcon.ysb a.menuItem:hover{background-color:transparent;}*/
.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: #2682b6; 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;}
.ysbapp{position: absolute; left: -185px; bottom: -1px; width: 185px; display: none;}
.ysbapp .body{padding: 15px; width: 180px; border: 1px solid #e1e1e1; font-size: 12px; line-height: 20px; color: #333; border-radius: 5px; text-align: center; background-color: #fff; box-sizing: border-box; cursor: default;}
.landscape.inquireBox{bottom: 50px;}
.landscape .inquireHead{padding: 10px 15px; width: 268px; font-size: 18px; font-weight: bold; color: #fff; background-color: #2682b6; 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(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.inquiryform, .inquireBox .inquiryform a.menuItem:hover, .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, .inquireBox .cloudplatform{display:none;}
.landscape .inquireHead{width: 280px;}
#YSBAPP{display: none;}
}
@media (max-width: 480px) {
.inquireHead{padding: 10px 15px; font-size: 18px; font-weight: bold; color: #fff; background-color: #2682b6; 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(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;}
.inquireBox .inquiryform a.menuItem{border: none;}
}