/* 网站头部 ==> header */

.header { position: absolute; z-index: 98; top: 0; left: 0; height: 80px; width: 100%; padding-bottom: 1px;}

.header:after { content: ""; display: block; width: 100%; height: 1px; filter: alpha(opacity=20); opacity: 0.2; background-color: #fff; }

.header-logo { float: left; line-height: 0; margin: 15px 10px; }

.header-tele { float: right; height: 30px; color: #fff; font: italic 30px/32px Arial; margin: 25px 10px; }

.header-tele .icon { width: 30px; height: 30px; margin-right: 10px; vertical-align: top; background-position: 0 0; }



/* 首页内容 ==> ititle */

.column { width: 100%; min-width: 1230px; overflow: hidden; position: relative; z-index: 1; background-color: #f5f5f5; }

.banner { height: 450px; position: relative; z-index: 1; }

.hm-title { width: 186px; height: 71px; margin: 0 auto; padding: 21px 10px; text-align: center; background: url(../images/bg_title.png) no-repeat center center; }

.hm-title .en { display: block; color: #666666; font-size: 14px; line-height: 1; text-transform: uppercase; }

.hm-title .cn { display: block; height: 49px; color: #231815; font-size: 32px; line-height: 51px; }



/* 首页内容 ==> about */

.hm-about { width: 100%; padding: 60px 0; background: #f5f5f5; }

.hm-about-title { margin-top: 60px; }

.hm-about-title .cn { display: block; color: #231815; font-size: 24px; line-height: 30px; margin-top: 16px; }

.hm-about-title .en { color: #666; display: block; font-size: 14px; line-height: 42px; white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase; overflow: hidden; }

.hm-about-title:before { content: ""; display: block; width: 100px; height: 10px; background: #f6a700; }

.hm-about-breif { color: #333333; font-size: 16px; margin-top: 20px; line-height: 26px; }

.hm-about-image { display: block; line-height: 0; margin-left: 50px; overflow: hidden; }

.hm-about-image img { width: 100%; transition: 0.25s ease-in-out; }

.hm-about-image img:hover { transform: scale(1.15); }



/* 首页内容 ==> field */

.hm-field { padding: 40px 0; background: #fff; overflow: hidden; }

.hm-field ul { margin: 0 -5px; padding: 20px 0; }

.hm-field li { width: 232px; margin: 0 5px; position: relative; }

.hm-field-image { width: 232px; height: 500px; background-color: #000; }

.hm-field-image img { width: 100%; height: 100%; object-fit: cover; transition: 0.35s ease-in-out; }

.hm-field-words { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; cursor: pointer; padding: 6px 12px; text-align: center; transition: 0.3s ease-in-out; }

.hm-field-words .cn { color: #fff; display: block; font-size: 20px; line-height: 1.5; position: relative; z-index: 2; }

.hm-field-words .en { color: #fff; display: block; font-size: 12px; line-height: 1.5; text-transform: uppercase; position: relative; z-index: 2; }

.hm-field-words .ln { position: absolute; z-index: 2; top: 10px; left: 10px; right: 10px; height: 30px; opacity: 0; visibility: hidden; transition: 0.3s ease-in-out; transform: translateY(50px) scale(0.4); }

.hm-field-words:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; filter: alpha(opacity=60); opacity: 0.6; }

.hm-field-words .icon { width: 36px; height: 36px; display: none; margin: 0 auto 16px; position: relative; z-index: 2; }

.hm-field-words .icon1 { background-position: -74px 0; }

.hm-field-words .icon2 { background-position: -114px 0; }

.hm-field-words .icon3 { background-position: -154px 0; }

.hm-field-words .icon4 { background-position: -194px 0; }

.hm-field-words .icon5 { background-position: -234px 0; }

.hm-field-words .ln:after,

.hm-field-words .ln:before { content: ""; width: 29px; height: 29px; border: 1px solid #fff; }

.hm-field-words .ln:after { float: right; border-width: 1px 1px 0 0; }

.hm-field-words .ln:before { float: left; border-width: 1px 0 0 1px; }

.hm-field-words .ln + .ln { top: auto; bottom: 10px; transform: translateY(-50px) scale(0.4);}

.hm-field-words .ln + .ln:after { border-width: 0 1px 1px 0; }

.hm-field-words .ln + .ln:before { border-width: 0 0 1px 1px; }

.hm-field li:hover .hm-field-words { padding-top: 200px; padding-bottom: 200px; }

.hm-field li:hover .hm-field-words .ln { transform: translateY(0) scale(1); visibility: visible; opacity: 1; }

.hm-field li:hover .hm-field-words .icon { display: block; }



/* 首页内容 ==> scope */

.hm-scope { padding: 40px 0; background: url(../images/bg_server1.jpg) no-repeat center top; }

.hm-scope .hm-title .cn { color: #fff; }

.hm-scope .hm-title .en { color: #fff; }

.hm-scope-list { height: 404px; margin-top: 30px; margin-bottom: 30px; position: relative; background: url(../images/bg_server2.png) no-repeat center 53px; }

.hm-scope-list ul { position: relative; }

.hm-scope-list li { position: absolute; text-align: center; cursor: pointer; }

.hm-scope-list .icon { display: block; width: 40px; height: 40px; margin: 0 auto 13px; }

.hm-scope-list .name { display: block; color: #fff; font-size: 20px; line-height: 1.6; }

.hm-scope-list .desc { display: block; color: #fff; font-size: 14px; line-height: 26px; }

.hm-scope-list .item1 { top: 40px; left: 15px; }

.hm-scope-list .item2 { top: 73px; left: 144px; }

.hm-scope-list .item3 { top: 149px; left: 285px; }

.hm-scope-list .item4 { top: 238px; left: 432px; }

.hm-scope-list .item5 { top: 293px; left: 551px; }

.hm-scope-list .item6 { top: 267px; left: 712px; }

.hm-scope-list .item7 { top: 191px; left: 857px; }

.hm-scope-list .item8 { top: 99px; left: 992px; }

.hm-scope-list .item9 { top: 58px; left: 1133px; }

.hm-scope-list .icon1 { background-position: 0 -130px; }

.hm-scope-list .icon2 { background-position: -50px -130px; }

.hm-scope-list .icon3 { background-position: -100px -130px; }

.hm-scope-list .icon4 { background-position: -150px -130px; }

.hm-scope-list .icon5 { background-position: -200px -130px; }

.hm-scope-list .icon6 { background-position: -250px -130px; }

.hm-scope-list .icon7 { background-position: -300px -130px; }

.hm-scope-list .icon8 { background-position: -350px -130px; }

.hm-scope-list .icon9 { background-position: -400px -130px; }



/* 首页内容 ==> stage */

.hm-stage { padding: 40px 0; background: url(../images/bg_server3.jpg) no-repeat center top; }

.hm-stage ul { margin: 0 -30px; padding: 20px 0; }

.hm-stage li { width: 296px; height: 400px; text-align: center; border-radius: 2px; margin: 20px 30px 0; padding: 60px 32px; background-color: #fff; transition: 0.3s ease-in-out; }

.hm-stage .wrap { overflow: hidden; }

.hm-stage .icon { display: block; width: 66px; height: 66px; margin: 0 auto; position: relative; }

.hm-stage .name { color: #231815; font-size: 24px; line-height: 82px; border-bottom: 1px solid #e8e8e8; }

.hm-stage .text { margin-top: 35px; color: #666; font-size: 16px; line-height: 30px; }

.hm-stage .text p { color: #666; font-size: 16px; line-height: 30px; white-space: nowrap; }

.hm-stage .name:after { content: ""; display: block; width: 30px; height: 3px; margin: 0 auto -2px; background-color: #f6a700; }

.hm-stage .icon:after { content: ""; position: absolute; top: 26px; height: 26px; width: 50px; height: 50px; border-radius: 50%; background-color: #f5b2b2; filter: alpha(opacity=10); opacity: 0.1; }

.hm-stage .icon1 { background-position: 0 -180px; }

.hm-stage .icon2 { background-position: -76px -180px; }

.hm-stage .icon3 { background-position: -152px -180px; }

.hm-stage li:hover { transform: translateY(-10px); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .2); box-shadow: 0 0 30px rgba(0, 0, 0, .2); }



/* 首页内容 ==> merit */

.hm-merit { padding: 40px 0 24px; background: #fff; }

.hm-merit ul { margin-top: 20px; padding-top: 20px; }

.hm-merit li { width: 240px; margin: 0 80px 27px; cursor: pointer; text-align: center; }

.hm-merit .imge { width: 160px; height: 160px; margin: 0 auto 24px; position: relative; }

.hm-merit .icon { width: 80px; height: 80px; margin: 40px auto; position: relative; z-index: 2; }

.hm-merit .name { color: #231815; font-size: 20px; line-height: 32px; white-space: nowrap; }

.hm-merit .desc { color: #666666; font-size: 14px; line-height: 20px; white-space: nowrap; }

.hm-merit .imge:after, .hm-merit .imge:before { content: ""; position: absolute; border-radius: 50%; }

.hm-merit .imge:before { top: 0; left: 0; width: 160px; height: 160px; filter: alpha(opacity=50); opacity: 0.5; }

.hm-merit .imge:after { top: 10px; left: 10px; width: 140px; height: 140px; transition: 0.3s ease-in-out; }

.hm-merit .icon1 { background-position: 0 -40px; }

.hm-merit .icon2 { background-position: -90px -40px; }

.hm-merit .icon3 { background-position: -180px -40px; }

.hm-merit .icon4 { background-position: -270px -40px; }

.hm-merit .icon5 { background-position: -360px -40px; }

.hm-merit .icon6 { background-position: -450px -40px; }

.hm-merit .item1:after, .hm-merit .item1:before { background: #f09536; }

.hm-merit .item2:after, .hm-merit .item2:before { background: #5cb16f; }

.hm-merit .item3:after, .hm-merit .item3:before { background: #4aa5e5; }

.hm-merit .item4:after, .hm-merit .item4:before { background: #ea7f81; }

.hm-merit .item5:after, .hm-merit .item5:before { background: #f4b45e; }

.hm-merit .item6:after, .hm-merit .item6:before { background: #8c85b2; }

.hm-merit li:hover .imge:after { transform: scale(1.14285); }



/* 首页内容 ==> match */

.hm-match { padding: 40px 0; background: url(../images/bg_server4.jpg) no-repeat center top; }

.hm-match .hm-title .cn { color: #fff; }

.hm-match .hm-title .en { color: #fff; }

.hm-match table { width: 100%; margin-top: 40px; margin-bottom: 20px; border-collapse: collapse; }

.hm-match table th { width: 460px; color: #fff; font-size: 18px; line-height: 58px; background-color: #f6a700; border-left: 1px solid #b0b0bc; }

.hm-match table th:first-child { width: 278px; color: #231815; background-color: #f5f5f5; }

.hm-match table th:first-child + th { background-color: #eb6300; }

.hm-match table td { color: #fff; color: #231815; font-size: 14px; text-align: center; line-height: 24px; padding: 28px 14px; background-color: #fce4b2; border: 1px solid #b0b0bc; border-width: 1px 0 0 1px; }

.hm-match table td:first-child { font-size: 16px; background-color: #ffffff; }

.hm-match table td:first-child + td { background-color: #f9d0b2; }



/* 首页内容 ==> choice */

.hm-choice { padding: 40px 0; background: #fff; }

.hm-choice .hm-title { width: 306px; background-image: url(../images/bg_title2.png);}

.hm-choice .wrap { overflow: hidden; }

.hm-choice ul { padding: 20px 0; margin: 20px -40px 0; }

.hm-choice li { width: 240px; text-align: center; margin: 0 40px; }

.hm-choice .imge { display: block; width: 200px; height: 200px; padding: 9px; margin: 0 auto 10px; border-radius: 50%; background-color: #fff; border: 1px dashed #f6a700; }

.hm-choice .imge img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; transition: 0.3s ease-in-out; }

.hm-choice .name { color: #231815; font-size: 24px; line-height: 63px; }

.hm-choice .text { color: #666; font-size: 16px; line-height: 30px; margin-top: 14px; }

.hm-choice .text p { color: #666; font-size: 16px; line-height: 30px; white-space: nowrap; }

.hm-choice .name:after { content: ""; display: block; width: 30px; height: 3px; margin: 0 auto; background-color: #f6a700; }

.hm-choice li:hover .imge img { transform: rotate(360deg) scale(1.1); }





/* 首页内容 ==> partner */

.hm-partner { padding-bottom: 40px; background: #fff; }

.iRoll { height: 260px; width: 1200px; margin: 0 auto; padding: 20px 15px 0; position: relative; }

.iRoll-view { width: 1200px; height: 220px; padding: 20px 0; overflow: hidden; position: relative }

.iRoll-list { height: 100%; width: 6000px; }

.iRoll-item { float: left; width: 228px; margin-right: 15px; height: 100%; cursor: pointer; position: relative }

.iRoll-item a { display: block; border: 1px solid #e8e8e8; transition: 0.3s ease-in-out; }

.iRoll-item img { width: 100%; height: 100%; }

.iRoll-item a:first-child { margin-bottom: 20px; }

.iRoll-btns { position: absolute; z-index: 6; top: 50%; width: 24px; height: 46px; cursor: pointer; margin-top: -23px; background-repeat: no-repeat; background-image: url(../images/icon.png); }

.iRoll-btns.prev { left: -19px; background-position: 0 -260px; }

.iRoll-btns.next { right: -19px; background-position: -34px -260px; }

.iRoll-btns.prev:hover { background-position: 0 -316px; }

.iRoll-btns.next:hover { background-position: -34px -316px; }

.iRoll-item a:hover { transform: scale(1.02); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); box-shadow: 0 0 15px rgba(0, 0, 0, .1); }

.tempWrap, .iRoll-list { overflow: visible !important; }



/* 网站底部 ==> footer */

.footer { width: 100%; height: 102px; padding: 30px 0; background-color: #231815; }

.footer-logo { height: 30px; line-height: 30px; padding-left: 10px; border-left: 2px solid #f6a700; }

.footer-logo em { float: left; color: #fff; height: 30px; font-size: 24px; line-height: 32px; font-family: Arial; margin-right: 24px; }

.footer-logo img { float: left; margin: 6px 0; margin-right: 20px; }

.footer-logo .icon { float: left; width: 24px; height: 24px; margin: 3px 10px; background-position: -40px 0; }

.footer-copy { color: #fff; font-size: 14px; line-height: 20px; margin-top: 16px; }

.footer-code { text-align: right; }

.footer-code a { width: 80px; text-align: center; margin-left: 27px; vertical-align: top; display: inline-block; }

.footer-code img { width: 100%; height: 80px; margin-bottom: 8px; }

.footer-code span { display: block; color: #fff; line-height: 1; font-size: 14px; }



/* 侧边导航 ==> fixbar */

.fixbar { position: fixed; z-index: 99; bottom: 30%; right: 5px; width: 70px; }

.fixbar-item { position: relative; margin-bottom: 1px; display: block; width: 100%; height: 70px; text-align: center; }

.fixbar-item a { display: block; height: 100%; color: #fff; font-size: 14px; line-height: 12px; padding: 13px 5px; background: #eb6300; box-sizing: border-box; text-decoration: none; }

.fixbar-item .icon { display: block; width: 24px; height: 24px; margin: 0 auto 8px; overflow: hidden; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHEAAAAYCAYAAADNhRJCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF7WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFRUY0MTEzRDVDNkMxMUU3QjQ2M0YyNzYzOTkzMjQzQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5RDAyODZBNDUxRjQxMUU5QUU0NjhEQTE2RjBFMDFGQyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpkY2VkMmVkOC04Nzc1LTMyNDUtODE3ZS1kOGM2YWU0NWI2MGMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOS0wNS0xMFQwODo0NDoyNCswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTktMDUtMTBUMDg6NDc6MDUrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTktMDUtMTBUMDg6NDc6MDUrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MTVmNzExNy1kZmRiLTUwNGYtYmVkNi04ZTIxYjczNmM0ZWYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUVGNDExM0Q1QzZDMTFFN0I0NjNGMjc2Mzk5MzI0M0EiLz4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZGNlZDJlZDgtODc3NS0zMjQ1LTgxN2UtZDhjNmFlNDViNjBjIiBzdEV2dDp3aGVuPSIyMDE5LTA1LTEwVDA4OjQ3OjA1KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl7l1zwAAAWLSURBVGiB3Zp7iNVFFMc/3tV13cz1gVYqqflYS7LVkgpEDNPQCAwKIi1LVKLsiZWPQnsJJmYoPRR8IEKSRWFmWiqWEoX4oKTUfPxRoIiWlbvrY/XbH+de93d/+3vM79677t2+MNw7M2fOnPnNzDlnzgySiEnDJH0h6bQMxyWtltTfoW1zSFMl1cgdNZKeKgK5L6cWkojAJGAp0CKgrhYYDXwbxaAZoBYo85W9D+xM/x8CPOmrPwu0SdDHa8BMoGUuAkagDpgbNYnlwAngqggme4DBBRBmIPAYMBS4BSgFqoFfgR3ACuCnAvQThKAPcAwbO0AX4LoAmqCFHYbzQKuEcrniQtAkprAP+hJQ6cDke+B1YFMOAlwNLAYmONCuAZ4GTubQTxQELAd+dqS/GZhIskk8APRLKJcrDvonsTPwMTA8B2YrgCewVeeCzsAW7KO44ihwN3AkmWiREHA/8Lkj/VjgM5JNYk/gIRqq7XxxFljjNZAdJe1LYOCDsF5SiYMxTkna7mt7StLFAJ4nJV3y5PdLauPQh2uSpLEJ6Mem2zS5Q5NJKc+sLgMG5Lky7gVedaB7BLN/GWzHbI/fgViH7dg3PWWVwLN5yFjMKAHmAw8maZSZxBGYmigEpgPdY2gm+fK9MDV5h6+8DyZbla/8eWzA/yeUAmuBaZj9n+LaMOPyPlNAYVoDk4HZETS3+fLdgY0BdDcB36T/f415qGWYQzQznd8CnMlD3mJAKfAJcF86nwKWAG2Bd2JbSyqVVBtgiyRpvqQjIXVR2BOjx5PgN0kvSzoYUl8jaaGkipg+i9UmlkpaFzH+2XE8kDQopPFFSZWS+kj6PaKTINRJahXR8SlHPvslLXOkPSCpd0SfxTiJ5ZI2OoxtgaQWYXxSQLeQTboAO98cwqIWXyVQDyXANRH12xx4XMAcm4mOffYDNhAdnCgmlAPrgXscaF8APiTED0gRHAr6CJjhyR8HxmBhtvXY+SQOUSGmDxzaryXbWz0K3Ans85QtAR7w5PsBLzrwbmpkJvCuBG2mAKsIiPykgB6e/GFgPDAOuBjAaCNmfDtiR4Rp2MG3OoB2SIRAm7EjTRSOkb2r2gG3Ap08ZT1p6LmOj+Hb1KjAvmOSCczgYeBTzHmsh+wwncEcj67tL2mVpBkB+riTpMWS3pJUJqmdpLnKPqwfi7EHpWn+YXjXwVaEoVhtYoWkH/MYVwZbZfb0smNzxlM529PhJk/5CJ8w8zx1kz3lCz3lf8UMCNniOBwi6OJk47qMaod+m2ISK1SYCczghzRPWmIRgjnpjdnFs0n3AqOwM5g/Vrk3/VsH/OIp90aA5juohw7A9cC/2DnwHNAfi9KciGgXhc05tmts1GHBjEywOoU5LC7fCcxH2OArKwP+zqySYZKWS/rOt3oGS+oSsrL6SOrqyfeV7b4VkkY5rs6RMpXcPqCupaRDCVfnJUlDHftuCnXqT1UJxjYojI+/4KCka3MQZoCknTLVWIjBZdJwSecTDHRODn1IzWMSq8L4+I8Bi4BXgKmOW7wtFrLrgd3H7XFs54pt2DXRaqB9DO0i6s1CUtzeSLRXBP5JXIp9uNE0PNyPw9z3HcBp7B4wBazEbNss7D6x0PgS6IsdZx4l+5b9HBYUaAtszaOP6QFlGfszJg++VwYB27OrpF2SJvjK50n6R9JaSQNVH1Z7XNJuSd0KpGLi0g1p1dJbdi9ZLmmWpDdy5BeEXZ76XSE0RaNOw97YdAAWYnd3i7CbBO+ziI7ASEztHgWeA/5szMXWiAh6KHWC+rdDu8n22iH5Q6kwVOFuggZRfyrIQtxrtxux9zbDseufEkx9VWOv3FaSfcRojpgKvE3DSbmU/k35ymux0N57Bei7Oxabbh1Ddw67W/0jqPI/r3frIi0pBLoAAAAASUVORK5CYII=); background-repeat: no-repeat; }

.fixbar-item .icon-qq { background-position: 0 center; }

.fixbar-item .icon-wx { background-position: -29px center; }

.fixbar-item .icon-tl { background-position: -60px center; }

.fixbar-item .icon-tp { background-position: -90px center; }

.fixbar-hide { top: 0; opacity: 0; right: 79px; color: #666666; font-size: 14px; min-width: 130px; line-height: 2; white-space: nowrap; padding: 15px; position: absolute; border-radius: 5px; visibility: hidden; transition: 0.35s linear; background-color: #fff; transform: translate(-16px, 0); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); box-shadow: 0 0 15px rgba(0, 0, 0, .1); }

.fixbar-hide:after { content: ""; position: absolute; top: 35px; left: 100%; margin-top: -10px; border: 10px solid #fff; border-width: 10px 0 10px 14px; border-color: transparent #fff; }

.fixbar-hide img { width: 130px; height: 130px; }

.fixbar-item:hover a { opacity: 0.8; }

.fixbar-item:hover .fixbar-hide { visibility: visible; opacity: 1; transform: translate(0, 0); }

.fixbar-item.hover .fixbar-hide { visibility: visible; opacity: 1; transform: translate(0, 0); }

.fixbar-item:last-child a { background-color: #fcaa1a; }

.fixbar-form { width: 280px; padding: 15px; position: relative; }

.fixbar-name { color: #231815; font-size: 24px; line-height: 42px; text-align: center; }

.fixbar-name:after { content: ""; display: block; width: 30px; height: 3px; margin: 10px auto; background-color: #eb6300; }

.fixbar-desc { color: #666; padding: 5px 0; font-size: 14px; line-height: 24px; text-align: center; white-space: normal; }

.fixbar-ibtn { color: #fff; width: 100%; height: 44px; border: none; outline: none; font-size: 18px; border-radius: 22px; background-color: #eb6300; background-image: -webkit-linear-gradient(left, #eb6300, #f6a700); background-image: -moz-linear-gradient(left, #eb6300, #f6a700); background-image: linear-gradient(to right, #eb6300, #f6a700); margin-top: 20px; }

.fixbar-line input { width: 100%; height: 44px; color: #333; font-size: 14px; margin-top: 10px; line-height: 24px; padding: 9px 10px; border-radius: 8px; border: 1px solid #e8e8e8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.fixbar-line input:focus { border-color: #fcaa1a; } 

.alert-layer { position: absolute; top: 60%; left: 50%; font-size: 14px; color: #fff; padding: 6px 15px; border-radius: 5px; background-color: #eb6300; border: 1px solid #eb6300; }