/*----------------------------  公共组件样式  ---------------------------------------*/

/******** 在线客服样式 *******/
/*客服1*/
.y-kefu-box { position: fixed; right: 0; top: 20%; z-index: 9999; font-size: 13px; }
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(../images2020/icons01.png) no-repeat; margin: 0 auto 6px; }
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer; }
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; background-color: #242424; position: absolute; bottom: -12px; left: 13px; z-index: 1; }
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative; }
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color: #242424; border-color: #242424; color: #fff; margin: 10px 0 7px; }
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
.y-kefu-box01 .kf-weChat:hover>i { background-position: -30px -55px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }
.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px; }
.y-kefu-box01 .hver:hover { background-color: #0079d5; border-color: #0079d5; }
.y-kefu-box01 .hver:hover>p { color: #fff; }
.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none; }
/*咨询热线*/
.y-kefu-box01 .mobile-infos { width: 215px; text-align: left; top: 0; }
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .mobile-infos span { color: #999; }
.y-kefu-box01 .mobile-infos p { color: #005bac; font-size: 18px; }
.right { width: 12px; height: 12px; position: absolute; right: -12px; top: 24px; }
.right-arrow1, .right-arrow2 { width: 0; height: 0; display: block; position: absolute; left: 0; top: 0; border-top: 6px transparent dashed; border-right: 6px transparent dashed; border-bottom: 6px transparent dashed; border-left: 6px white solid; overflow: hidden; }
.right-arrow1 { left: 1px; border-left: 6px #efefef solid; }
.right-arrow2 { border-left: 6px white solid; }
/*二维码*/
.y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px; }
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width: 94px; height: 94px; margin: 30px auto 10px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
/*email*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color: #999; text-align: left; bottom: 0; }
.y-kefu-box01 .y-email-infos p { color: #005bac; font-size: 16px; }
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }
.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color: #abce03; position: absolute; top: 37px; left: 55px; z-index: 9; }
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }
/*------- 客服样式2 -------*/
.y-kefu-box02 .icon { display: block; background: url(../images2020/icons02.png) no-repeat; margin: 0 auto; position: relative; }
.y-kefu-box02>div { width: 48px; height: 48px; border: solid 1px #e9e9e9; margin-bottom: 6px; background-color: #fff; font-size: 13px; color: #999; position: relative; }
.y-kefu-box02>div>p { display: none; text-align: center; position: relative; top: 8px; }
.y-kefu-box02 .online-service { background-color: #ff6600; border-color: #ff6600; }
.y-kefu-box02 .online-service>p { color: #fff; }
.y-kefu-box02 .online-service>i { width: 28px; height: 28px; top: 10px; background-position: -5px -5px; }
.y-kefu-box02 .kf-mobile>i { width: 23px; height: 23px; background-position: -5px -35px; top: 12px; }
.y-kefu-box02 .kf-weChat>i { width: 22px; height: 21px; background-position: -40px -35px; top: 13px; }
.y-kefu-box02 .back-top>i { width: 20px; height: 18px; background-position: -68px -35px; top:15px; }
.y-kefu-box02 .back-top { margin-top: 25px; cursor: pointer; left: 55px; }
.y-kefu-box02>div:hover>i { display: none; }
.y-kefu-box02>div:hover>p { display: block; }
/*在线客服*/
.y-kefu-box02 .more-infos { background-color: #fff; border: solid 1px #ebebeb; position: absolute; right: 90px; box-shadow: 5px 5px 30px rgba(0, 0, 0, .2); display: none; }
.y-kefu-box02 .more-infos:before { content: ''; display: block; width: 352px; height: 3px; background-color: #ff6600; position: absolute; left: -1px; top: -1px; z-index: 9; }
.y-kefu-box02 .online-service-infos { width: 320px; padding: 0 15px; top: 0; z-index: 2; }
.y-kefu-box02 .part01 { padding: 18px 0 22px 45px; border-bottom: solid 1px #e9e9e9; position: relative; }
.y-kefu-box02 .part01 p { font-size: 16px; color: #ff6600; padding-bottom: 5px; }
.y-kefu-box02 .part01 i { width: 28px; height: 26px; background-position: -40px -5px; position: absolute; left: 0; top: 18px; z-index: 2; }
.y-kefu-box02 .part02 { padding: 26px 0; }
.y-kefu-box02 .part02 li { width: 86px; float: left; position: relative; padding-left: 20px; margin-bottom: 10px; }
.y-kefu-box02 .part02 i { width: 16px; height: 16px; background-position: -5px -65px; position: absolute; left: 0; top: 0; z-index: 2; }
.y-kefu-box02 .part02 li:hover a { color: #ff6600; }
.y-kefu-box02 .part02 li:hover i { background-position: -25px -65px; }
/*客服热线*/
.y-kefu-box02 .kf-mobile-infos { width: 320px; padding: 0 15px; top: 0; }
.y-kefu-box02 .kf-mobile-infos .cont { padding: 18px 0 18px 40px; position: relative; }
.y-kefu-box02 .kf-mobile-infos .cont i { width: 23px; height: 23px; background-position: -46px -65px; position: absolute; left: 0; top: 22px; }
.y-kefu-box02 .kf-mobile-infos .cont p { font-size: 26px; color: #ff6600; }
/*关注微信*/
.y-kefu-box02 .kf-weChat-infos { width: 173px; height: 190px; top: -8px; text-align: center; }
.y-kefu-box02 .kf-weChat-infos:before { width: 175px; }
.y-kefu-box02 .kf-weChat-infos img { width: 120px; height: 120px; margin: 25px auto 5px; }
/*------- 客服样式3 -------*/
.y-kefu-box03 { width: 53px; }
.y-kefu-box03 .icon { display: block; background: url(../images2020/icons03.png) no-repeat; margin-left: 15px; position: absolute; }
.y-kefu-box03>div { width: 193px; height: 53px; background-color: #262626; border-top-left-radius: 3px; border-bottom-left-radius: 3px; margin-bottom: 5px; font-size: 15px; color: #fff; position: relative; left: 0; z-index: 2; }
.y-kefu-box03>div p { padding-left: 52px; line-height: 53px; }
.y-kefu-box03 .y-back-top { cursor: pointer; left: 55px; }
.y-kefu-box03 .y-back-top:hover { background-color: #ff4a00; }
.y-kefu-box03 .y-back-top i { width: 23px; height: 21px; background-position: -5px -5px; top: 16px; }
.y-kefu-box03 .y-kf-mobile { font-size: 18px; }
.y-kefu-box03 .y-kf-mobile i { width: 26px; height: 26px; background-position: -35px -5px; top: 13px; }
.y-kefu-box03 .y-kf-qq a { color: #fff; }
.y-kefu-box03 .y-kf-qq i { width: 24px; height: 24px; background-position: -5px -34px; top: 14px; }
.y-kefu-box03 .y-kf-weChat i { width: 22px; height: 22px; background-position: -35px -34px; top: 15px; }
.y-kefu-box03 .y-kf-weChat .ewm-box { width: 100%; padding-bottom: 15px; background-color: #262626; display: none; }
.y-kefu-box03 .y-kf-weChat img { width: 163px; height: 163px; margin: 0 auto; }
.y-kefu-box03 .y-kf-weChat:hover .ewm-box { display: block; }
/*------- 客服样式4 -------*/
.y-kefu-box04>div, .y-kefu-box04>a { display: block; width: 65px; font-size: 12px; color: #fff; text-align: center; border-radius: 3px; }
.y-kefu-box04 .icon { display: block; background: url(../images2020/icons04.png) no-repeat; margin: 0 auto 5px; }
.y-kefu-box04 .y-online-zixun, .y-kefu-box04 .y-online-qq, .y-kefu-box04 .y-design { height: 55px; padding-top: 10px; margin-top: 1px; background-color: #b2b2b2; }
.y-kefu-box04 .y-online-zixun i { width: 27px; height: 28px; background-position: -5px -5px; }
.y-kefu-box04 .y-online-qq i { width: 20px; height: 22px; background-position: -35px -5px; }
.y-kefu-box04 .y-design i { width: 24px; height: 24px; background-position: -60px -5px; }
.y-kefu-box04 .y-free-quote { height: 80px; padding-top: 25px; margin-top: 50px; background-color: #fedd00; color: #000; }
.y-kefu-box04 .y-free-quote i { width: 33px; height: 33px; margin-bottom: 10px; margin-left: 18px; background-position: -5px -38px; }
.y-kefu-box04 .y-ewm-box { height: 42px; padding-top: 18px; background-color: #000; margin: 1px 0 11px; position: relative; }
.y-kefu-box04 .y-ewm-box>i { width: 28px; height: 28px; background-position: -44px -38px; }
.y-kefu-box04 .y-back-top { height: 42px; padding-top: 18px; background-color: #b2b2b2; cursor: pointer; position: relative; left: 70px; }
.y-kefu-box04 .y-back-top i { width: 24px; height: 24px; background-position: -5px -75px; }
.y-kefu-box04 .hver:hover { background-color: #000; }
.y-kefu-box04 .y-ewm-infos { width: 173px; height: 188px; background-color: #fff; color: #999; font-size: 13px; border: solid 1px #ebebeb; position: absolute; right: 100px; top: -135px; z-index: 2; box-shadow: 5px 5px 30px rgba(0, 0, 0, .1); opacity: 0; }
.y-kefu-box04 .y-ewm-infos:before { content: ''; display: block; width: 175px; height: 3px; background-color: #fedd00; position: absolute; top: -1px; left: -1px; z-index: 9; }
.y-kefu-box04 .y-ewm-infos img { width: 115px; height: 115px; margin: 25px auto 5px; }
.y-kefu-box04 .y-ewm-infos .right { top: 156px; }
/*------- 客服样式5 -------*/
.y-kefu-box05 .icon { display: block; background: url(../images2020/icons05.png) no-repeat; margin: 0 auto; }
.y-kefu-box05 .show-status { width: 40px; height: 110px; background-color: #f86539; font-size: 15px; color: #fff; border-radius: 3px; cursor: pointer; position: relative; }
.y-kefu-box05 .show-status i { width: 26px; height: 26px; background-position: -5px -5px; position: relative; top: -13px; }
.y-kefu-box05 .show-status p { width: 20px; text-align: center; margin: -5px auto 0; }
.y-kefu-box05 .hide-status { width: 112px; border: solid 1px #e3e3e3; border-radius: 10px; background-color: #fff; text-align: center; position: relative; left: 120px; }
.y-kefu-box05 .hide-status .y-close-btn { width: 31px; height: 26px; background-position: -35px -5px; position: absolute; top: -13px; left: 42px; z-index: 9; cursor: pointer; }
.y-kefu-box05 .hide-status a.y-online-qq { display: block; width: 100%; padding-top: 20px; background-color: #f8f8f8; border-bottom: solid 1px #e3e3e3; padding-bottom: 12px; font-size: 15px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.y-kefu-box05 a.y-online-qq i { width: 94px; height: 95px; background-position: -5px -70px; margin-bottom: 3px; }
.y-kefu-box05 .y-hot-online { width: 100%; padding: 8px 0; border-bottom: solid 1px #e3e3e3; font-size: 13px; color: #999; }
.y-kefu-box05 .y-hot-online em { display: block; font-size: 15px; color: #f86539; padding-top: 3px; }
.y-kefu-box05 .y-btm-box { width: 100%; height: 50px; }
.y-kefu-box05 .y-btm-box>div { width: 55px; height: 100%; }
.y-kefu-box05 .y-ewm-box { border-right: solid 1px #e3e3e3; cursor: pointer; position: relative; }
.y-kefu-box05 .y-ewm-box>i { width: 29px; height: 29px; background-position: -5px -36px; position: relative; top: 10px; }
.y-kefu-box05 .y-back-top { cursor: pointer; }
.y-kefu-box05 .y-back-top i { width: 19px; height: 29px; background-position: -70px -5px; position: relative; top: 10px; }
.y-kefu-box05 .y-ewm-infos { width: 173px; height: 188px; background-color: #fff; color: #999; font-size: 13px; border: solid 1px #ebebeb; position: absolute; right: 80px; top: -145px; z-index: 2; box-shadow: 5px 5px 30px rgba(0, 0, 0, .1); opacity: 0; }
.y-kefu-box05 .y-ewm-infos:before { content: ''; display: block; width: 175px; height: 3px; background-color: #fedd00; position: absolute; top: -1px; left: -1px; z-index: 9; }
.y-kefu-box05 .y-ewm-infos img { width: 115px; height: 115px; margin: 25px auto 5px; }
.y-kefu-box05 .y-ewm-infos .right { top: 156px; }
/*------- 客服样式6 -------*/
.custom_service p img { display: inline; vertical-align:middle; }
.scrollsidebar { position:fixed; z-index:999; top:15%; right:0 }
.side_content { width:0px; height:auto; overflow:hidden; float:left; }
.side_content .side_list { width:154px; overflow:hidden; }
.show_btn { width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer; }
.show_btn span { display:none; }
.close_btn { width:24px; height:24px; cursor:pointer; }
.side_title, .side_bottom, .close_btn, .show_btn { background:url(../images2020/sidebar_bg.png) no-repeat; }
.side_title { height:46px; }
.side_bottom { height:8px; }
.side_center { font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px; }
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0; }
.close_btn span { display:none; }
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle; }
.side_center .custom_service p a { text-decoration:none; }
.other { text-align:center; border-bottom:1px solid #ddd; border-top:1px solid #ddd }
.other p { padding:5px 0; _height:16px; margin:0; color: #666666; }
.msgserver { text-align:center; margin-bottom:5px; margin-top: 14px; }
.msgserver a { background:url(../images2020/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px; }
/* blue skin as the default skin */
.side_title, .side_blue .side_title { background-position:-195px 0; }
.side_center, .side_blue .side_center { background:url(../images2020/blue_line.png) repeat-y center; }
.side_bottom, .side_blue .side_bottom { background-position:-195px -50px; }
.close_btn, .side_blue .close_btn { background-position:-44px 0; }
.close_btn:hover, .side_blue .close_btn:hover { background-position:-66px 0; }
.show_btn, .side_blue .show_btn { background-position:-119px 0; }
.msgserver a, .side_blue .msgserver a { color:#06C; }
/* green skin  */
.side_green .side_title { background-position:-349px 0; }
.side_green .side_center { background:url(../images2020/green_line.png) repeat-y center; }
.side_green .side_bottom { background-position:-349px -50px; }
.side_green .close_btn { background-position:-44px -23px; }
.side_green .close_btn:hover { background-position:-66px -23px; }
.side_green .show_btn { background-position:-147px 0; }
.side_green .msgserver a { color:#76a20c; }
/*---------------- 返回顶部 ------------------*/
.rtTop { width:43px; height:43px; overflow:hidden; position:fixed; bottom:15%; right:46%; margin-right:-550px; cursor:pointer; display:none; z-index: 999; }
.rtTop h4 { width:43px; height:43px; overflow:hidden; position:relative; }
.rtTop img { display:block; width: 100%; height: auto; position:absolute; top:0; left:0; }
/*---------------- 返回顶部 End ------------------*/