﻿/* qqonline */
.QQbox { z-index: 999; position: absolute; right: 1px; width: 128px; top: 100px; }
.QQbox .press { right: 0px; width: 26px; cursor: pointer; position: absolute; height: 136px; top: 1px; }
.QQbox .Qlist { right: 0px; width: 128px; top: 50px; position: absolute; }
.table_p { text-align: center; line-height: 28px; }
.QQtd1 { color: #FFF; line-height: 28px; padding-left: 35px; background: url('../images/QQOnline/qq_01.gif') no-repeat; }
.QQtd2 { background: url('../images/QQOnline/qq_02.gif') repeat-y; }
.QQtd3 { background: url('../images/QQOnline/qq_03.gif') no-repeat; line-height: 30px; padding-top: 5px; }

/* qqonline2 */
.QQbox2 { width: 128px; height: auto; position: absolute; overflow: visible; right: 0; top: 100px; color: #000000; font-size: 12px; letter-spacing: 0px; z-index: 999; }
.qqlv { width: 26px; overflow: visible; position: relative; float: right; right: 0; top: 50px; z-index: 50; }
.qqkf { width: 128px; overflow: visible; position: relative; right: 0; top: 50px; z-index: 99; background: #FFFFFF; }
.qqkfDiv { padding-top: 15px; vertical-align: middle; text-align: center; background: url('../images/QQOnline/QQ_Online_02.gif') no-repeat top center; }
.qqkfDiv table td { font-size: 12px; height: 28px; }
.QQboxTd1 { height: 48px; background: url('../images/QQOnline/QQ_Online_01.gif') no-repeat; color: #FFFFFF; font-size: 15px; font-weight: bold; padding-top: 0px; }

/* qqonline3 */
.main-im { position: fixed; right: 10px; top: 100px; z-index: 100; width: 110px; _position: absolute; }
.main-im .qq-a { display: block; width: 106px; height: 30px; font-size: 12px; color: #333333; text-align: center; position: relative; }
.main-im .qq-hover-c { width: 70px; height: 70px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 40px; border-bottom: 1px solid #dddddd; background: url('../images/QQOnline/qq-icon-bg.png') no-repeat center 8px; }
.main-im .img-qq { max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq { max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main { background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; display: none; }
.main-im .im_main .im-content { padding: 15px 0px 10px 0px; text-align: center; line-height: 30px; }
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div { font-weight: bold; font-size: 12px; padding: 0px 0px 5px 0; line-height: 22px; }
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15; }
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container { width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; background: url('../images/QQOnline/weixing-icon.png') no-repeat center center; _background: url('../images/QQOnline/weixing-icon.gif') no-repeat center center; float: left; }
.main-im .im_main .weixing-show { width: 112px; height: 172px; background: #ffffff; border-radius: 5px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px; text-align: center; }
.main-im .im_main .weixing-show .weixing-sanjiao { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2; _width: 0px; _border: 0px solid #DDDDDD; }
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute; _width: 0px; _border: 0px solid #DDDDDD; }
.main-im .im_main .weixing-show .weixing-ma { width: 100px; padding-top: 10px; text-align: center; margin: 0 auto; }
.main-im .im_main .weixing-show .weixing-txt { position: absolute; top: 120px; left: 7px; width: 100px; margin: 0 auto; text-align: center; line-height: 20px; }
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; background: url('../images/QQOnline/toTop-icon.png') no-repeat center center; _background: url('../images/QQOnline/toTop-icon.gif') no-repeat center center; float: right; }
.main-im .im_main .go-top a { display: block; width: 50px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; background: url('../images/QQOnline/close_im.png') no-repeat left top; background: url('../images/QQOnline/close_im.gif') no-repeat left top; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url('../images/QQOnline/open_im.png') no-repeat left top; }
.main-im .im-footer { position: relative; _position: absolute; _width: 108px; _border: 1px solid #dddddd; _border-top: none; }

/* qqonline4 */
.keifu { z-index: 990; position: fixed; top: 10%; right: 0; width: 131px; _position: absolute; _right: 0px; }
.keifu_tab { width: 131px; }
.icon_keifu { display: none; width: 26px; height: 100px; float: left; _float: right; background: url('../images/QQOnline/keifu.png') 0 0; cursor: pointer; }
.keifu_box { float: left; width: 131px; }
.keifu_tab img { display: block; }
.keifu_head { width: 131px; height: 41px; background: url('../images/QQOnline/keifu.png'); background-position: 0 -103px; font-size: 0; line-height: 0; position: relative; }
.keifu_close:link, .keifu_close:visited { display: block; width: 11px; height: 11px; background: url('../images/QQOnline/keifu.png') -42px 0; position: absolute; top: 5px; right: 5px; }
.keifu_close:hover { background-position: -60px 0; }
.keifu_con { border-left: 7px solid #029bdb; border-right: 7px solid #029bdb; padding-top: 15px; background: #fbfbfb; }
.keifu_con ul { padding: 0px 0px 0px 22px; }
.keifu_con ul li { height: 28px; text-align: center; }
.keifu_con ul li img { text-align: center; }
.keifu_con .weixin { width: 110px; padding: 5px 0px; text-align: center; margin: 0 auto; }
.keifu_con .weixin img { width: 110px; text-align: center; }
.keifu_con .bt { font-size: 16px; height: 30px; line-height: 30px; text-align: left; padding: 0 0 0 20px; color: #012646; }
.keifu_bot { width: 131px; height: 15px; background: url('../images/QQOnline/keifu.png'); background-position: 0 -253px; }

/* qqonline5 */
#leftsead { width: 161px; height: 290px; position: fixed; top: 350px; right: 10px; z-index: 100; }
*html #leftsead { margin-top: 258px; position: absolute; top: expression(eval(document.documentElement.scrollTop)); }
#leftsead li { width: 161px; height: 60px; }
#leftsead li img { float: right; }
#leftsead li a { height: 49px; float: right; display: block; min-width: 47px; max-width: 161px; text-decoration: none; font-weight: 700; }
#leftsead li a .shows { display: block; }
#leftsead li a .hides { margin-right: -143px; cursor: pointer; cursor: pointer; }
#leftsead li a.youhui .hides { display: none; position: absolute; right: 143px; }
#leftsead li a.youhui .erwm { display: none; position: absolute; right: 63px; margin: -50px 0px 0 0; }
#p1, #p4 { float: left; width: 47px; height: 49px; }
#p2 { width: 112px; background-color: #A7D2A9; height: 47px; margin-left: 47px; border: 1px solid #8BC48D; text-align: center; line-height: 47px; }
#p3 { width: 112px; background-color: #EC9890; height: 47px; margin-left: 47px; border: 1px solid #E6776C; text-align: center; line-height: 47px; }

/* qqonline6 */
.Amain-im { position: fixed; right: 10px; top: 250px; z-index: 100; width: 145px; _position: absolute; }
.Amain-im .Aim_main .im_top { background: url('../images/QQOnline/im4_01.png') no-repeat center 0; height: 58px; }
.Amain-im .Aim_main { background: #249344; border: 0px solid #dddddd; border-radius: 10px 10px; display: none; }
.Amain-im .Aim_main .im-tel6 { float: left; color: #fff; text-align: center; width: 144px; border-bottom: 0px solid #dddddd; margin: -10px 0 0 0; height: 100px; background: url('../images/QQOnline/q3_4a.png') no-repeat center top; }
.Amain-im .Aim_main .im-tel6 div { padding: 55px 0 0 0; line-height: 22px; }
.Amain-im .Aim_main .im-tel6 span { font-weight: bold; color: #fff; font-size: 15px; }
.Amain-im .Aim_main .im-tel6 .tel-num { float: left; font-weight: bold; color: #fff; font-size: 15px; line-height: 25px; padding: 0px; }
.Amain-im .weixin { width: 144px; background: #249344; text-align: center; padding-top: 10px; }
.Amain-im .weixin img { width: 125px; height: 125px; border: 2px #fff solid; }
.Amain-im .Aim_main .Ago-top { float: right; width: 144px; height: 47px; background: #f5f5f5; background: url('../images/QQOnline/toTop-1.png') no-repeat center center; _background: url('../images/QQOnline/toTop-1.png') no-repeat center center; }
.Amain-im .Aim_main .Ago-top a { display: block; width: 144px; height: 47px; }
.Amain-im .Aclose-im { position: absolute; right: 30%; top: -30px; z-index: 100; width: 50px; height: 30px; background: url('../images/QQOnline/im4_02.png') no-repeat left 0px; background: url('../images/QQOnline/im4_02.png') no-repeat left 0px; }
.Amain-im .Aclose-im a { display: block; width: 24px; height: 24px; }
.Amain-im .Aclose-im a:hover { text-decoration: none; }
.Amain-im .Aopen-im { cursor: pointer; margin-left: 78px; width: 72px; height: 148px; background: url('../images/QQOnline/kf-1.png') no-repeat left top; }
.Amain-im .im-footer { position: relative; _position: absolute; _width: 143px; _border: 1px solid #dddddd; _border-top: none; }
.Amain-im2Div { padding-top: 5px; vertical-align: middle; text-align: center; }
.Amain-im2Div table td { font-size: 12px; height: 35px; line-height: 35px; background: url('../images/QQOnline/q3_2a.png') no-repeat center center; }

/* qqonline7 */
.custom_service p img { display: inline; margin-top: -5px; vertical-align: middle; }
.scrollsidebar { position: absolute; z-index: 999; top: 150px; }
.side_content { width: 150px; height: auto; overflow: hidden; float: left; border-radius: 8px; }
.side_content .side_list { width: 150px; overflow: hidden; }
.show_btn { width: 0; height: 147px; overflow: hidden; margin-top: 50px; float: left; cursor: pointer; }
.show_btn span { display: none; }
.close_btn { width: 28px; height: 24px; cursor: pointer; }
.side_title, .side_bottom, .close_btn, .show_btn { background: url('../images/QQOnline/sidebar_bg.png') no-repeat; }
.side_title { height: 46px; }
.side_bottom { height: 5px; background: #00a850; }
.side_center { font-family: '宋体'; padding: 5px 12px; font-size: 12px; }
.close_btn { float: right; display: block; width: 21px; height: 16px; margin: 17px 10px 0 0; _margin: 17px 10px 0 0; }
.close_btn span { display: none; }
.side_center .custom_service p { text-align: center; height: 40px; line-height: 40px; margin: 0; vertical-align: middle; background: url('../images/QQOnline/qq31.png') no-repeat 0 center; }
.other { text-align: center; font-size: 12px; }
.other p { padding: 5px 0; _height: 16px; margin: 0; color: #FFFFFF; font-size: 12px; font-weight: bold; }
.other strong { padding: 5px 0; _height: 16px; margin: 0; color: #EEEEEE; font-size: 12px; }
.msgserver { text-align: center; margin-bottom: 5px; }
.msgserver a { background: url('../images/QQOnline/sidebar_bg.png') no-repeat -119px -115px; padding-left: 22px; }
.side_center .go-top { padding-top: 5px; height: 45px; background: url('../images/QQOnline/toTop-1.png') no-repeat center center; _background: url('../images/QQOnline/toTop-1.png') no-repeat center 10px; }
.side_center .go-top a { display: block; width: 100%; height: 45px; }
.side_green .side_title { background-position: right 0; }
.side_green .side_center { background: #00a850; }
.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: #0f53ba; }

/* qqonline8 */
.rigt_onlineserver { text-align: left; color: #444; font-size: 14px; font-family: 'Microsoft YaHei'; }
.rigt_onlineserver img { border: 0; }
.rigt_onlineserver .header_l img { height: 65px; margin-top: 10px; }
.rigt_onlineserver select, .rigt_onlineserver input, .rigt_onlineserver img { vertical-align: middle; }
.rigt_onlineserver a { text-decoration: none; cursor: pointer; color: #000; font-weight: normal; }
.rigt_onlineserver a:hover { color: #0f91ed; }
.rigt_onlineserver .box_os { font-size: 12px; background: #29a7e2; position: fixed; top: 120px; right: 0px; _position: absolute; z-index: 1500; border-radius: 6px 0px 0 6px; }
.rigt_onlineserver .box_os a { color: #00A0E9; }
.rigt_onlineserver .box_os a:hover { color: #ff8100; text-decoration: none; }
.rigt_onlineserver .box_os .floatL { width: 36px; float: left; position: relative; z-index: 1; height: 181px; }
.rigt_onlineserver .box_os .floatL a { font-size: 0; text-indent: -999em; display: block; }
.rigt_onlineserver .box_os .floatR { width: 130px; float: left; padding: 5px; overflow: hidden; }
.rigt_onlineserver .box_os .floatR .cn { background: #F7F7F7; border-radius: 6px; margin-top: 4px; }
.rigt_onlineserver .box_os .cn .titZx { font-size: 15px; color: #333; font-weight: 600; line-height: 24px; padding: 10px 5px 0; text-align: center; }
.rigt_onlineserver .box_os .cn ul { padding: 0px; }
.rigt_onlineserver .box_os .cn ul li { line-height: 30px; padding-bottom: 10px; border-bottom: solid 1px #E6E4E4; overflow: hidden; text-align: center; }
.rigt_onlineserver .box_os .cn ul li span { color: #777; }
.rigt_onlineserver .box_os .cn ul li a { color: #777; }
.rigt_onlineserver .box_os .cn ul li img { vertical-align: middle; }
.rigt_onlineserver .box_os .btnOpen, .rigt_onlineserver .box_os .btnCtn { position: relative; z-index: 9; top: 25px; left: 0; background-image: url('../images/QQOnline/shopnc.png'); background-repeat: no-repeat; display: block; height: 146px; padding: 8px; }
.rigt_onlineserver .box_os .btnOpen { background-position: 9px 2px; }
.rigt_onlineserver .box_os .btnCtn { background-position: -32px 0; }
.rigt_onlineserver .box_os ul li.top { border-bottom: solid #ACE5F9 1px; }
.rigt_onlineserver .box_os ul li.bot { border-bottom: none; }
.rigt_onlineserver .cn .kfapp { background: #f7f7f7; text-align: center; }
.rigt_onlineserver .cn .kfapp p { line-height: 22px; }
.rigt_onlineserver .cn .kfapp img { width: 110px; height: 110px; }
.rigt_onlineserver .cn .kf_tel { border: none; font-size: 14px; line-height: 20px; text-align: center; padding: 10px 0px 10px 0px; }
.rigt_onlineserver .acbox { font-weight: bold; text-align: center; line-height: 30px; margin-top: 5px; background: url('../images/QQOnline/shopnc.png') no-repeat; background-position: 106px -154px; }
.rigt_onlineserver .acbox a { color: #fff; font-size: 15px; font-weight: bold; }
.rigt_onlineserver .acbox a:hover { color: #fff; }
.rigt_onlineserver .xc_layer { background-color: #666666; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 0; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.rigt_onlineserver .onlineService { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; height: 178px; position: fixed; right: 0; top: 44px; width: 39px; z-index: 9999; }
.rigt_onlineserver .onlineService .ico_os { background-position: 0 0; border: 1px solid #c7c7c7; cursor: pointer; float: right; height: 143px; width: 40px; }
.rigt_onlineserver .onlineService .ico_gt { background-position: right 0; border: 1px solid #299ec0; clear: both; cursor: pointer; float: right; height: 37px; width: 39px; }
.rigt_onlineserver .onlineService .ico_pp { background-position: right -60px; border: 1px solid #81b140; clear: both; cursor: pointer; float: right; height: 37px; margin: 0 0 1px; width: 39px; }
.rigt_onlineserver #pop_ly_id_div { display: none; left: 50%; margin: -15% 0 0 -16%; overflow: hidden; position: fixed; top: 50%; z-index: 9999; background-color: rgb(255 230 220 0.5); width: 500px; height: 360px; }
.rigt_onlineserver #pop_ly_id_div form { z-index: 1; background: #fff; z-index: 1; position: absolute; width: 100%; height: 100%; border-radius: 3px; }
.rigt_onlineserver #pop_ly_id_div dl { margin: 0 auto; text-align: left; }
.rigt_onlineserver #pop_ly_id_div dl dt { height: 30px; line-height: 30px; padding: 5px; text-indent: 10px; background: #29a7e2; color: #fff; font-size: 14px; }
.rigt_onlineserver #pop_ly_id_div dl dt span { cursor: pointer; float: right; font-size: 18px; margin-right: 5px; }
.rigt_onlineserver #pop_ly_id_div dl dd { padding: 15px 5px 0; text-align: left; text-indent: 30px; }
.rigt_onlineserver #pop_ly_id_div input, .rigt_onlineserver #pop_ly_id_div textarea { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #dddddd; color: #999; height: 28px; line-height: 28px; text-align: left; text-indent: 5px; vertical-align: middle; width: 340px; font-size: 14px; }
.rigt_onlineserver #pop_ly_id_div textarea { width: 336px; height: 50px; line-height: 22px; resize: none; font-size: 14px; }
.rigt_onlineserver #pop_ly_id_div #msg_code { width: 100px; }
.rigt_onlineserver #pop_ly_id_div dd img { width: 80px; height: 22px; margin-left: 5px; vertical-align: middle; cursor: pointer; }
.rigt_onlineserver .msg_button { border: none; color: #fff; cursor: pointer; font-size: 16px; font-weight: bold; line-height: 30px; margin: 5px 20px 20px 0; overflow: hidden; text-align: center; text-indent: 0; width: 120px; background: #29a7e2; }
.rigt_onlineserver .box_os .osqq .wxClassText { margin-bottom: 6px; margin-top: 5px; }


/* qqonline9 */
.toolbar { position: fixed; top: 50%; right: 1%; margin-top: -163px; z-index: 999; width: 80px; }
.toolbar dd { position: relative; float: left; width: 80px; height: 80px; background: #147B32; margin-top: 2px; border-radius: 5px; color: #fff; font-size: 14px; line-height: 21px; text-align: center; cursor: pointer; transition: all .5s; }
.toolbar dd:first-child { margin-top: 0; }
.toolbar dd i { width: 100%; height: 30px; display: block; margin-top: 13px; background: url(../images/toolbar.png) no-repeat center 0; }
.toolbar dd.qq i { background-position-y: 0; }
.toolbar dd.tel i { background-position-y: -30px; }
.toolbar dd.code i { background-position-y: -60px; }
.toolbar dd.top i { background-position-y: -90px; }
.toolbar dd span { display: block; color: #fff; }
.toolbar dd.tel .box { position: absolute; top: 0; width: 190px; right: -200px; height: 100%; margin-right: 10px; border-radius: 5px; background: #147B32; opacity: 0; transition: all .5s; }
.toolbar dd.tel .box p { font-size: 14px; margin: 15px auto 7px; }
.toolbar dd.tel .box h3 { font-size: 18px; font-weight: bold; }
.toolbar dd.tel .box:after { display: block; content: " "; border-style: solid dashed dashed dashed; border-color: transparent transparent transparent #147B32; border-width: 9px; width: 0; height: 0; position: absolute; top: 50%; margin-top: -9px; right: -18px; margin-left: -12px; }
.toolbar dd.code .box { position: absolute; top: 0; width: 140px; right: -172px; height: 140px; margin-right: 10px; border-radius: 5px; background: #147B32; opacity: 0; transition: all .5s; }
.toolbar dd.code .box img { width: 140px; height: 140px; padding: 10px; }
.toolbar dd.code .box:after { display: block; content: " "; border-style: solid dashed dashed dashed; border-color: transparent transparent transparent #147B32; border-width: 9px; width: 0; height: 0; position: absolute; top: 30px; right: -18px; margin-left: -12px; }
.toolbar dd:hover { background: #333; }
.toolbar dd.tel:hover .box { opacity: 1; right: 80px; }
.toolbar dd.code:hover .box { opacity: 1; right: 80px; }
