/* 全局设定 */

/* html{font-size: 10vw;} */
html{overflow-y:scroll}
body{font-size:12px; color:#333; font-family:"微软雅黑", "宋体", Arial, Helvetica, sans-serif; box-sizing: border-box;overflow-x:hidden; background:#fff}


/*超链全局接样式*/

/* a{color:#393939; text-decoration:none; cursor:pointer; hide-focus:expression( this.hideFocus=true ); outline:none; background: none;} */
/* a:hover {color: #2590f1;} */
a{color:#2b78e4;text-decoration:none}
a:hover{color:#197ac7;text-decoration:underline}
a { color:#333333; text-decoration:none;}
a:hover {/*text-decoration:none;*/ cursor:pointer}

/*页面宽度 - 根据设计页面宽度修改*/

.all{width: 1200px;} /* 可结合“m[0a~100a]”使窗口居中: <div class="all m0a"></div> ; */

.full{width:100%; max-width: 1920px; min-width: 1200px;} /*用于铺满屏幕宽度 【铺满容器宽度用w100p】*/

.clear{clear:both; font-size:0px; line-height:0px}
img{ border:0}
ul{list-style-type:none}
input{ font-family:"微软雅黑"}

/*头部*/

/* .logo{position: absolute; left: 0; top: 22px;} */



.topMenuNaviList {text-align: right;}

.topMenuNaviList li{display: inline-block;}

.topMenuNaviList li a {display: inline-block;   font-size:18px; color:#333; height:90px; line-height:90px; text-align:center; padding:0 20px; box-sizing: border-box;}

.topMenuNaviList li a:hover {text-decoration:none; }

.topMenuNaviList li .indexCurrent, .topMenuNaviList li a:hover {color:#2590f1; }





.topSearch {width:195px; height: 36px; overflow:hidden; color: #bbb; z-index: 3; border: 1px solid #ccc;}

/* #searchValueId {border:none; background: none; display: block; height:30px; line-height:30px; padding:0 10px; width:160px; box-sizing: border-box;} */

.searchButtom {position:absolute; top:6px; right:6px;}



/*footer*/

.footer{background: #323233; color: #808080;}

.footer .bdb{border-bottom:1px solid #575759;}

.footer a{color: #808080;}

.friendLinks  a{margin: 0 8px;}



.footer_center_1 .bb1se0{ border-bottom: 1px solid #e0e0e0; } /*1px灰色底边*/

.footer_center_1{background: #f5f5f5;}

.footer_center_1 a{color: #999;}

.footer_center_1 a:hover,

.footer_center_1 .wxpt{color: #e83a17;}

.footer_center_2{background: #f5f5f5;}

.footer_center_2 a{color: #666;}

.footer_center_2 a:hover{color: #e83a17;}

.footer_center_2 .links a{padding:0 6px;}

.footer_center_2 .links_ba a{color: #999;}

.footer_center_2 .links_ba a:hover{color: #e83a17;}

.footer_center_2 .image_ba img{ width: 22px; height: 28px; }

.footer_center_2 .image_ba a{ color: #999; }



.cw{color:#fff}
.c3{color:#333}
.c4{color:#444}
.c6{color:#666}
.c7{color:#777}
.c8{color:#888}
.c9{color:#999}
.co{color:orange}
.cb0{color:#b0b0b0}
.cc0{color:silver}
.chred,.chred:hover{color:red}
.chorangered,.chorangered:hover{color:#ff4500}
.chwhite,.chwhite:hover{color:#fff}
.ch3,.ch3:hover{color:#333}
.ch4,.ch4:hover{color:#444}
.ch5,.ch5:hover{color:#555}
.ch6,.ch6:hover{color:#666}
.ch7,.ch7:hover{color:#777}
.ch8,.ch8:hover{color:#888}
.ch9,.ch9:hover{color:#999}
.chb0,.chb0:hover{color:#b0b0b0}
.chc0,.chco:hover{color:silver}
.bge8{background-color:#e83a17}
.cf13700{color:#f13700}
.c085394{color:#085394}
.c006ac7{color:#006ac7}
.c197ac7{color:#197ac7}

.fix{font-size:1px;height:1px;line-height:1px}
.cls,.fix{clear:both}
.fnor{font-weight:400}

.all960{width:960px;margin:0 auto}

.topMenuNavi{height:120px}
.contactInfo{text-align:right;height:50px;padding-top:10px}
.contactInfo span{margin-left:10px}
.contactInfo span img{vertical-align:-5px}
.position{width:960px;margin:0 auto}
.menuNavigation{height:59px}
.menuNavigationLeft{width:185px;text-align:center;line-height:27px;float:left}
.menuNavigationRight{float:left;width:730px;position:relative}
.topMenuNaviList li,.topMenuNaviList li a{float:left}
.topMenuNaviList li a{font-size:14px;color:#fff;width:90px;text-align:center;height:54px;line-height:54px;font-weight:700}
.topMenuNaviList li .indexCurrent,.topMenuNaviList li a:hover{text-decoration:none;border-bottom:1px solid #679be9;color:#fff}
.menuNavigationLeft h1{padding-top:3px;color:#fff;font-family:Arial,Helvetica,sans-serif}
.menuNavigationLeft h1 span{font-family:Arial,Helvetica,sans-serif;color:#0cf}
.searchText{width:182px;height:26px;position:absolute;right:-18px;top:15px}
.searchButtom{width:24px;height:22px;cursor:pointer;border:0;float:left;margin:2px 0 0 3px}
.divbox,.divbox1,.divbox2,.divbox3,.footer{-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px;border:1px solid #d7d8e1;background-color:#fdfefe;box-shadow:0 0 3px 0 #ccc}
.divbox{padding:20px 30px}
.divbox3{padding:20px}
.divbox1{padding:20px 30px;width:586px;float:left;margin-right:10px}
.divbox2{padding:15px 18px;width:264px;float:left}
.links li,.sitemapList li{font-size:12px;line-height:22px;padding-bottom:15px}
.sitemapList li a{margin-right:10px}
.sitemapList li a img{vertical-align:middle}
.menuNavigationLeft a{text-decoration:none;color:#fff}
.fbold{font-weight:700}


/*新闻分页（勿删）*/

/*.pageInfo{height: 40px;}

.pageInfo .active {background: #0080cc none repeat scroll 0 0; color: #fff; }

.pageInfo a {background-color: #e6e6e6; border-radius: 3px; margin: 0 20px 0 0; padding: 3px 10px; }*/



/*搜索结果样式（勿删）*/

.searchResult li{border-bottom: 1px dashed #bbb; padding-bottom: 12px; margin-bottom: 12px;}

.searchResult a{color: #09f;}

.keywords{background: #38d878;color: #fff;}

.pagination a, .pagination span {margin-right: 5px; padding: 2px 6px; }

.pagination a {background: #09f; color: #fff; }

.pagination span {background-color: #aaa; color: #fff; }



/*新闻P标签（勿删）*/

.news_detail h1, .news_detail h2, .news_detail h3, .news_detail h4{padding: 0 0 10px 0; font-size: 14px; text-indent: 2px; text-indent:2em;}

.news_detail p{padding: 0 0 10px 0; text-indent: 2em;}

.news_detail a{color: #4876C8;}



.news_detail h2, .news_detail h3, .news_detail h4{font-weight:bold;}



/*站点地图（勿删）*/

.sitemapHTML{min-height: 700px;}

.sitemapHTML h2{font-size: 14px; padding-bottom: 5px; border-bottom: 1px solid  #C2BEBE; margin: 0 0 10px 0;}

.sitemapHTML .sitemapCategory{overflow: hidden; padding-bottom: 5px; border-bottom: 1px #C2BEBE dashed; margin: 0 0 10px 0;}

.sitemapHTML h3{font-size: 14px; text-indent: 28px; float: left;}

.sitemapHTML .openSitemap{cursor: pointer;}

.sitemapHTML .openSitemap{font-size: 12px; float: right;}

.sitemapHTML .sitemapNews{clear: both; display: none;}

.sitemapHTML .sitemapNews li{font-size: 14px; text-indent: 56px; line-height: 25px;}





/* .indexBanner{width:100%;height: 640px; background:url(//pic.mairuan.com/WebSource/goldwave/web/images/bannerIndex.jpg) no-repeat center top !important;} */

/* .indexDownBanner{width:100%;height: 400px; background:url(//pic.mairuan.com/WebSource/goldwave/web/images/banneriDown.jpg) no-repeat center top !important;} */

/* .indexNewsBanner{width:100%;height: 460px; background:url(//pic.mairuan.com/WebSource/goldwave/web/images/banneriNews.jpg) no-repeat center top !important;} */



/* .productBanner{width:100%;height: 640px; background:url(//pic.mairuan.com/WebSource/goldwave/web/images/bannerProduct.jpg) no-repeat center top !important;} */

/* .downBanner {width:100%;height: 640px; background:url(//pic.mairuan.com/WebSource/goldwave/web/images/bannerDownload.jpg) no-repeat center top !important;} */



/* .serPic {width:100%;height: 210px; background:url(//pic.mairuan.com/WebSource/goldwave/web/images/picServ2.jpg) no-repeat center top !important;} */

/* .servBanner {width:100%;height: 320px; background:url(//pic.mairuan.com/WebSource/goldwave/web/images/picServ1.jpg) no-repeat center top !important;} */

.servSearch input {background:none; border:none;}

.news_content p, .news_content h3 {padding-bottom: 15px;}



.menu dt.active a,.menu a.active {color:#2590f1 !important;}



/* .supportHot a{display: block; box-sizing: box-sizing; padding: 0 0 0 28px;  background: url(//pic.mairuan.com/WebSource/goldwave/web/images/icoServ4.jpg) no-repeat left center; color: #444; text-decoration: none; text-overflow: ellipsis; overflow: hidden; white-space: nowrap} */

.supportHot a:hover{color: #ff4e71; }



.cp_tabs{ position: static; width: 100%; left: 0px; top: 0px; background-color: #fafafa; z-index: 999}



/*关于我们*/

.aboutusMenu li{border-bottom:1px solid #ccc;}

.aboutusMenu li a{display: block; width: 100%; height: 50px; line-height: 50px; color: #292a31; text-indent: 1em;}

.aboutusMenu .active a, .aboutusMenu li a:hover{color: #018aff; text-decoration: none;}



/*youqinglianjie.html 友情链接*/

.moreFriendsLinks li{width: 25%; float: left;}


/*   style.css   */
.chanpinBannerBG{height: 290px;}

.gongnengBannerBG{height: 250px;}

.gongnengList li{float: left; width: 450px; margin-bottom: 50px;}

.cp_news1{width: 350px; float: left;}

.cp_news2{width: 550px; float: right; min-height: 190px;}

.cp_news1 li{width: 99%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.cp_news2 li{width: 50%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.man{position: absolute; right: 0; bottom: 0;}

.xiazaiInfo{padding: 40px 500px 0 0; position: relative; min-height: 380px;}

.xiazaiBanner{position: absolute; right: 10px; top: 40px;}

.changyongchajian li{float: left; width: 340px; padding: 0 0 0 125px; position: relative; min-height: 76px; margin-bottom: 30px;}

.changyongchajian li img{position: absolute; left: 0; top: 0;}

.supportSearch {height: 51px;  width: 620px; position: relative; background: url('//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/searchBG.png') no-repeat;}

#searchSupport {border: medium none; position: absolute;   height: 43px;  line-height: 43px;  width: 420px; top: 3px; left: 40px;}

#searchSupportBtn {position: absolute; right: 0; top: 0px;}

.newsImgLinks li{width: 210px; float: left; padding-right: 42px;}

.s_leftNews{width: 340px; float: left; padding: 40px 100px;}

.s_rightNews{width: 340px; float: left; padding: 40px 0;}

.s_leftNews li, .s_rightNews li{width: 99%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.textLeft{padding-right: 530px; position: relative; min-height: 200px;}

.textRight{padding-left: 530px; position: relative; min-height: 200px;}

.textLeft .gongnengImg{position: absolute; right: 0; top: 0;}

.textRight .gongnengImg{position: absolute; left: 0; top: 0;}

.gongnengList2 li{width: 245px; float: left; margin: 0 120px 50px 0;}

.gongnengList2 .m0{margin: 0;}

.left{width: 260px; float: left;}

.right{width: 700px; float: right;}

.rightBox {background: #f8f8f8 none repeat scroll 0 0;  border-radius: 5px;   padding: 15px;}

.rightNewsList li { height: 30px;  line-height: 30px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  width: 99%;}

.news_content p{padding-bottom: 10px;}

.mid_right_menu {  background: #f8f8f8; border: 1px solid #E5E5E5;color: #444;display: block;margin-bottom: -1px;padding: 10px 0 10px 45px;text-decoration: none;}

.mid_right_menu_a{background: url('//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/right_menu_a.png') no-repeat left center;}

.pageInfo {height: 25px;}

.pageInfo .active {background: #0080cc none repeat scroll 0 0;color: #fff;}

.pageInfo a {background-color: #e6e6e6;border-radius: 3px;margin: 0 20px 0 0;padding: 3px 10px;}

.supportCategoryList li{position: relative; padding-left: 120px; min-height: 75px; margin-bottom: 25px;}

.supportCategoryList li .news_date{width: 100px; height: 75px; position: absolute; left: 0; top: 0; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}


/*申请下载弹框（勿删）
*onclick="getDownload()"弹框样式
*/
.xiazaiInfoBG{background: #444; width: 100%; height: 1360px; position: absolute; left: 0; top: 0;
            filter:alpha(opacity=50); /*支持 IE 浏览器*/
            -moz-opacity:0.50; /*支持 FireFox 浏览器*/
            opacity:0.50; /*支持 Chrome, Opera, Safari 等浏览器*/
}
.xiazaiContent{position: fixed; background: #E8E8E8; border: 1px solid #E8E8E8; border-radius: 10px; left: 30%; top: 170px; z-index: 100;}
.xiazaiContentDis{position: relative; padding: 30px;}
.xiazaiContentDis .close{position: absolute; right: 12px; top: 12px; width: 20px; cursor: pointer;}
.xiazaiContentDis .computer{position: absolute;  left: 50px; top: 40px;}
.xiazaiContentDis td{padding: 5px;}
.xiazaiContentDis input[type='text']{width: 230px; height: 25px; line-height: 25px; padding: 3px 5px; border-radius: 3px; border:none;}
.xiazaiContentDis #verify{width: 60px;}
.xiazaiContentDis #sendverify {cursor: pointer; margin-left: 10px; padding: 3px 5px; width: 130px; }
.xiazaiContentDis #userHobby{width: 560px; padding: 5px; height: 80px; border-radius: 3px; border:none; font-size: 14px;}
.xiazaiContentDis #sendMessage{background: #5FA507; padding: 5px 10px; border:none; border-radius: 5px; color: white; cursor: pointer;}
.xiazaiContentDis .yzm{height: 30px;}

/*超链接变化*/

.cp_news1 a, .cp_news2 a, .changyongchajian li a, .s_leftNews a, .s_rightNews a{color: #444;}

.cp_news1 a:hover, .cp_news2 a:hover, .changyongchajian li a:hover, .s_leftNews a:hover, .s_rightNews a:hover{color: #1c85ee;}

.xiazaiContent #userName{ width:196px}

.xiazaiContent #userMail{ width:196px}

/* MA升级页面 mssj.html */
.BarTender_ma .mabanner{ height: 223px; }   
.BarTender_ma .mabanner img{ left: 50%; margin-left: -960px; }  

#masjdpbox  label{ display:inline-block; padding:5px 10px; border:1px solid #e0e0e0; margin-right:20px; color:#e0e0e0 }
#masjdpbox  label.active{ border-color:#e83a17; color:#e83a17; position: relative; }
#masjdpbox  label.active:after{ content: ''; position: absolute; width: 15px; height: 15px; background: url(../images/i_18_newgoumai.png) center no-repeat; background-size: 15px 15px; bottom: -1px; right: -2px; }

/* public.css  */
.download_a{background-color:#6aa84f;color:#fff;display:block;float:left;height:30px;line-height:30px;margin-right:30px;text-align:center;width:100px}
.download_a:hover{color:#fff}
.duibi{font-size:12px;width:800px;text-align:left;margin:10px auto;border-collapse:collapse;border-spacing:0}
.duibi td,.duibi th{padding:5px;border:1px solid #b9cfdd;line-height:20px}
.hezuo{font-size:12px}
.hezuo p{font-size:12px;line-height:20px}
.hezuo h3{font-size:14px;padding:10px 0}
.want{margin:10px 0 0 0}
.regist_mem{display:none}
.go_reg{text-align:center;padding:10px 0 30px 0}
.login_table{height:67px;margin:20px auto;padding:15px;width:400px}
.hezuo_table{margin:0 auto}
.member_menu a{margin-right:20px}
.goumaiminxi{width:100%}
.goumaiminxi td{padding:5px}
.inputStyle{float:left;height:30px;border:#c2bebe 1px solid;font-size:12px;line-height:30px}
label{cursor:pointer}
.cpointer{cursor:pointer}
.underline{text-decoration:underline}
.red2{color:#db2313}
.floatkefu{float:left;width:42px;position:fixed;right:0;bottom:150px}
.floatkefu a{float:left;display:block;width:42px;height:42px;position:relative}
.floatkefu a img{float:left}
.floatkefu a .floatqq_show{position:absolute;z-index:900;left:0;display:none}
.floatkefu a .floattel_show{position:absolute;z-index:900;left:-118px;display:none}
.floatkefu a:hover .floatqq_show{display:block;z-index:900;left:-10px;top:-10px;width:52px;height:52px}
.floatkefu a:hover .floattel_show{display:block}
#back_to_top{display:none;margin-top:100px;cursor:pointer}
.searchResult ul li{padding:5px;margin-top:15px;border-bottom:1px dashed}
.pagination{border-bottom:1px dashed #ccc}
.pagination a{background:#09f;color:#fff}
.pagination a:hover{text-decoration:none}
.pagination a,.pagination span{padding:2px 6px;margin-right:5px}
.pagination span{background-color:#aaa;color:#fff}
.singledn{display:block!important}
.toolbar{text-align:center;position:fixed;right:0;bottom:8%;z-index:999;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.toolbarbox{width:86px;background:#fff;border:1px solid #ececec;position:fixed;right:0;bottom:100px;border-top-left-radius:8px;border-bottom-left-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);color:#fff;font-weight:700;font-size:16px}
.toolbarbox img{border:0;max-width:100%}
.triangle{width:20px;height:40px;background:0 0;position:absolute;right:-16px;top:0}
.mobel{width:86px;margin:0 auto;padding:15px 0;text-align:center;position:relative;cursor:pointer}
#msg{-webkit-animation:aniSix-x 1s ease-in-out .2s infinite;animation:aniSix-x 1s ease-in-out .2s infinite}
.tool-line{width:20px;height:1px;border-bottom:1px solid #e7e7e7;position:absolute;left:33px;top:0}
.mobelBox{width:100px;height:40px;line-height:40px;text-align:center;background:#fb5a02;border-radius:5px;position:absolute;right:100px;top:17px;cursor:pointer}
.hidemobelBox{width:230px;height:40px;line-height:40px;text-align:center;background:#fb5a02;border-radius:5px;display:none;position:absolute;right:100px;top:17px;cursor:pointer}
.hidemobelBox a,.mobelBox a{color:#fff;text-decoration:none;display:block}
.hidemobelBox p:after,.mobelBox p:after{content:'';position:absolute;top:11px;right:-8px;display:block;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #fb5a02}
@-webkit-keyframes ball-scale{
0%{-webkit-transform:scale(0);transform:scale(0)}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes ball-scale{
0%{-webkit-transform:scale(0);transform:scale(0)}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
.mobelBox .shan{position:absolute;left:0;right:20px;top:0;bottom:0;margin:auto;pointer-events:none;background-color:rgba(255,255,255,.4);-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;width:100px;height:100px;-webkit-animation:ball-scale 1s 0s ease-in-out infinite;-moz-animation:ball-scale 1s 0s ease-in-out infinite;-ms-animation:ball-scale 1s 0s ease-in-out infinite;-o-animation:ball-scale 1s 0s ease-in-out infinite;animation:ball-scale 1s 0s ease-in-out infinite}
.Rtop{text-align:center;cursor:pointer;padding:10px 0;position:relative}

.overSL,.overSL li{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fnor,.fwn{font-weight:400}
.divti2 h1,.divti2 h2,.divti2 h3,.divti2 h4,.divti2 h5,.divti2 p{text-indent:2em}

.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}
.hvr-grow:active,.hvr-grow:focus,.hvr-grow:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}
.hvr-float{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-float:active,.hvr-float:focus,.hvr-float:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px)}
@-webkit-keyframes hvr-wobble-top{
16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}
33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}
49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}
66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}
83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}
100%{-webkit-transform:skew(0);transform:skew(0)}
}
@keyframes hvr-wobble-top{
16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}
33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}
49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}
66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}
83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}
100%{-webkit-transform:skew(0);transform:skew(0)}
}
.hvr-wobble-top{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transform-origin:0 100%;transform-origin:0 100%}
.hvr-wobble-top:active,.hvr-wobble-top:focus,.hvr-wobble-top:hover{-webkit-animation-name:hvr-wobble-top;animation-name:hvr-wobble-top;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}


/*buy.html*/

.buyList1 > div > div{background-color: #F4F7FA; }

.buyList1 .supbg{background-color:#fdc043;}

.buyList_btn1{background: #e94518; border: 1px solid #e94518; color: #fff; display: inline-block; text-align: center; box-sizing: border-box;}

.buyList_btn1:hover{background: #e94518; border: 1px solid #e94518; color: #fff; text-decoration: none; box-sizing: border-box;}

.buyList_btn2{background: none; border: 1px solid #e94518; color: #e94518; display: inline-block; text-align: center; box-sizing: border-box;}

.buyList_btn2:hover{background: none; border: 1px solid #e94518; color: #e94518; text-decoration: none; box-sizing: border-box;}

/* cdn_old   foot_mr.css  */
.w1200{width:1200px!important;margin: auto;}
.all1200{width:1200px; margin: 0 auto; position: relative; }
.dt{display:table;}
.dt>*{display:table-row;}
.dt>*>*{display:table-cell;}
.bge{background-color: #eee!important;}
.bgf5{background-color: #f5f5f5!important;}
.bb_1_s_d0{border-bottom: 1px solid #d0d0d0;} /*浅灰色底边框*/
.bt_1_s_d0{border-top: 1px solid #d0d0d0;} /*浅灰色底边框*/
.footer.gaiban a{color: #999; text-decoration: none;}
.footerFLink_2{width: 1200px;margin:0 auto;}
.footer.gaiban .links_p10>*{padding: 5px;}
.footer.gaiban .c6 a{color: #666;}
.footer.gaiban a:hover{color: #e83a17;}
.footer .qrcodehover{ position: relative; }
.footer .qrcodehover a{ color: #e83a17; }
.footer .qrcodehover span{ position: absolute; top:-65px; right: 70px; padding: 27px; }
.footer.footer_pt0{padding-top: 0px !important;}
/* 迁入麦软改版：底部备案部分自适应 */
@media screen and (min-width: 768px) {
	.footer.gaiban { display: block; }
	.mediadisplay { display: none; }
}
@media screen and (max-width: 767px) {
	.footer.gaiban { display: none; }
    .mediadisplay { display: block; }
}


/*
    index.css
*/
.top_bg{ width:100%; height:61px; background-color:#201f24}
.top_bg .top{ width:960px; height:61px; /*overflow:hidden;*/ margin:0 auto;}
.top_bg .top .logo{ float:left; width:124px; height:61px; overflow:hidden; text-align:center; font-size:33px; line-height:61px; color:#fff; text-align:center; background-color:#f13701}
.top_bg .top .logo a{ float:left; color:#fff; width:124px; height:61px; text-align:center; font-style:italic; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold}
.top_bg .top .dh{ float:left; /*width:578px; */height:61px; overflow:hidden; margin-left: 10px;}
.top_bg .top .dh a{ float:left; font-size:16px; color:#fff; height:59px; line-height:59px; padding:0 12px; margin:0 4px;}
.top_bg .top .dh a:hover{ border-bottom:#df1700 2px solid; text-decoration:none}
.top_bg .top .dh .current{ border-bottom:#df1700 2px solid; text-decoration:none}
.top_bg .top .search{ float:left; /*width:170px; */height:26px; overflow:hidden; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/top_search_bg.gif); margin:18px 0 0 12px; padding-right: 4px; border-radius: 13px;}
.top_bg .top .search .search_txt{ float:left; width:58px; height:16px; line-height:16px; background:none; color:#fff; border:0px; padding:5px; margin-left:6px}
.top_bg .top .search .search_dian{ float:left; width:26px; height:26px; overflow:hidden; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/search_dian.gif); border:0px; cursor:pointer;}

.banner{ width:100%; height:551px; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/banner_bg.jpg); background-repeat:no-repeat; background-position:center 0px}
.banner .text1{ width:960px; margin:0 auto; text-align:center; color:#201f24;}
.banner .text2{ width:960px; margin:0 auto; text-align:center; color:#201f24;}
.banner .dian{ width:960px; margin:0 auto; text-align:center; padding-top:47px}
.banner .dian span{ float:left;}
.banner .dian .span1{ margin-left:263px}
.banner .dian .span1 a{ float:left; font-size:22px; line-height:50px; border:#f13701 1px solid; background-color:#f13701; -webkit-border-radius:4px; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/dian101.png); background-repeat:no-repeat; background-position:35px center; padding:0 35px 0 80px; color:#fff; text-decoration:none}
.banner .dian .span1 .diangm{ border:#f13701 1px solid; background:none; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/dian102.png); background-repeat:no-repeat; background-position:35px center; color:#f13701; text-decoration:none}
.banner .dian .span2{ margin-left:18px}
.banner .dian .span2 a{ float:left; font-size:22px; line-height:50px; border:#201f24 1px solid; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/dian103.png); background-repeat:no-repeat; background-position:35px center; padding:0 35px 0 80px; -webkit-border-radius:4px; text-decoration:none}
.banner .dian .span2 a:hover{ border:#f13701 1px solid; background-color:#f13701; -webkit-border-radius:4px; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/dian104.png); background-repeat:no-repeat; background-position:35px center; padding:0 35px 0 80px; color:#fff; text-decoration:none}

.index_tit1{ width:960px; height:40px; margin:0 auto; color:#201f24; text-align:center}
.index_box1{ width:960px; height:273px; overflow:hidden; margin:0 auto; margin-top:56px}
.index_box1 .con{ float:left; height:273px;}
.index_box1 .con1{ width:240px}
.index_box1 .con1 .img{ float:left; width:240px; height:101px; overflow:hidden; text-align:center}
.index_box1 .con1 .tit{ float:left; width:240px; height:30px; overflow:hidden; text-align:center; color:#201f24}
.index_box1 .con1 .txt{ float:left; width:240px; height:96px; overflow:hidden; text-align:center; text-align:justify; text-justify:inter-ideograph;}
.index_box1 .con2{ width:270px; margin-left:104px}
.index_box1 .con2 .img{ float:left; width:270px; height:101px; overflow:hidden; text-align:center}
.index_box1 .con2 .tit{ float:left; width:270px; height:30px; overflow:hidden; text-align:center; color:#201f24}
.index_box1 .con2 .txt{ float:left; width:270px; height:96px; overflow:hidden; text-align:center; text-align:justify; text-justify:inter-ideograph;}
.index_box1 .con3{ width:240px; margin-left:104px}
.index_box1 .con3 .img{ float:left; width:240px; height:101px; overflow:hidden; text-align:center}
.index_box1 .con3 .tit{ float:left; width:240px; height:30px; overflow:hidden; text-align:center; color:#201f24}
.index_box1 .con3 .txt{ float:left; width:240px; height:96px; overflow:hidden; text-align:center; text-align:justify; text-justify:inter-ideograph;}

.index_box2_bg{ float:left; width:100%; height:239px; margin-top:63px; background-color:#f9f9f9}
.index_box2{ width:960px; height:239px; overflow:hidden; margin:0 auto;}
.index_box2 .con1{ float:left; width:550px; height:167px; margin:38px 0 0 0;}
.index_box2 .con1 h1{ float:left; width:550px; height:30px; overflow:hidden;}
.index_box2 .con1 h1 span{ float:left;}
.index_box2 .con1 li{ float:left; width:550px; overflow:hidden;}
.index_box2 .con1 li a:hover{ color:#2b78e4; text-decoration:underline}

.index_box2 .con2{ float:right; width:233px; height:167px; margin:38px 0 0 0;}
.index_box2 .con2 h1{ float:left; width:233px; height:30px; overflow:hidden;}
.index_box2 .con2 h1 span{ float:left;}
.index_box2 .con2 ul{ float:left; width:233px; height:124px;}
.index_box2 .con2 ul a:hover{ color:#2b78e4; text-decoration:underline}
.index_box2 .con2 ul li{ background-repeat:no-repeat; background-position:0px center;}
.index_box2 .con2 ul .lia{ background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/index_box2_lia.gif)}
.index_box2 .con2 ul .lib{ background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/index_box2_lib.gif)}
.index_box2 .con2 ul .lic{ background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/index_box2_lic.gif)}
.index_box2 .con2 ul .lid{ background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/index_box2_lid.gif)}

.index_box3{ width:960px; height:128px; overflow:hidden; margin:0 auto; padding-top:10px}
.index_box3 .tit{ float:left; width:960px; height:30px; overflow:hidden;}
.index_box3 .tit span{ float:left; margin-left:2px; font-size:15px; line-height:30px; font-weight:bold}
.index_box3 img{ float:left; width:960px; margin-top:12px}

.foot_bg{ float:left; width:100%; background-color:#201f24; color:#fff;}
.foot_bg a{ color:#fff}
.foot_bg a:hover{ text-decoration:underline}
.foot_bg img{vertical-align: middle;}


.idx_m5 {
    width: 100%;
    max-width: 1920px;
    min-width: 1200px;
    margin: 0 auto;
    padding-top: 248px;
    background-image: linear-gradient(to bottom, #fcfeff, #ffffff);
  }
  .idx_m5 .content {
    width: 1200px;
    margin: 0 auto;
  }
  .idx_m5 .content .title {
    font-size: 48px;
    font-family: 'SourceHanSansSC-Bold, bestFont bold';
    color: #000;
    text-align: center;
    position: relative;
  }
  .idx_m5 .content .title::before {
    content: 'BarTender';
    font-weight: bold;
    font-size: 56px;
    line-height: 64px;
    text-align: center;
    color: rgba(73, 159, 238, 0.1);
    text-shadow: 0px 2px 2px rgba(196, 230, 255, 0.1);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -85%);
  }
  .idx_m5 .content .main {
    margin-top: 72px;
  }
  .idx_m5 .content .main .swiper-slide {
    display: flex;
  }
  .idx_m5 .content .main .swiper-slide .left {
    width: 300px;
    display: flex;
    align-items: center;
  }
  .idx_m5 .content .main .swiper-slide .left span {
    font-size: 24px;
    font-family: 'SourceHanSansSC-Bold, bestFont bold';
  }
  .idx_m5 .content .main .swiper-slide .right {
    width: calc(100% - 300px);
    font-size: 20px;
    font-weight: 300;
    line-height: 36px;
    color: #333;
    padding: 15px 0 0 50px;
    position: relative;
  }
  .idx_m5 .content .main .swiper-slide .right::before {
    content: '';
    width: 25px;
    height: 19px;
    background: url('//pic.mairuan.com/WebSource/realflow/web/images/idx_m5_icon.png') no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;
  }

/*********nei*********/
.nei{ width:960px; margin:0 auto}
.lastitem{ color:#f13701}

/*********buy*********/
.buy_imgbox{ float:left; width:340px; height:384px; overflow:hidden;}

.inkPhoBox { width:340px; height:384px;}
.inkPhoBox .main{ width:340px;}
.inkPhoBox .mod18{width:340px;position:relative;}
.inkPhoBox #prev{ height: 48px; width: 24px; position: absolute; z-index: 99; left: 11px; top: 37px; cursor: pointer; display:none}
.inkPhoBox #next{ height: 48px; width: 25px; position: absolute; z-index: 99; top: 37px; right: 11px; cursor: pointer; display:none}
.inkPhoBox .mod18 #prevTop{display:none}
.inkPhoBox .mod18 #nextTop{display:none}
.inkPhoBox .mod18 li{float:left;}
.inkPhoBox .mod18 .cf li{position:relative;color:#fff;}
.inkPhoBox .mod18 .cf a{display:block;width:340px;height:291px;position:absolute;color:#fff;}
.inkPhoBox .mod18 .cf li span{display:block;width:340px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000"); display:none}
.inkPhoBox .mod18 .cf img{ width:338px; height:289px;}
.inkPhoBox .bigImgBox{ width:340px; height:291px;}
.inkPhoBox .mod18 .picBox{width:338px; height:289px; position:relative; overflow:hidden; border:#c2bebe 1px solid}
.inkPhoBox .mod18 .picBox ul{ height:289px;position:absolute; left:0;}
.inkPhoBox .mod18 .picBox li{ width:340px; height:291px;}
.inkPhoBox .smImgBox{ width:340px; height:83px; margin-top:10px; position: relative;}
.inkPhoBox .mod18 .listBox{ width:340px; height:83px; position:relative; overflow:hidden; }
.inkPhoBox .mod18 .listBox ul{ height:83px; position:absolute; padding-left:0px;}
.inkPhoBox .mod18 .listBox li{ width:106px; height:83px; cursor:pointer; position:relative; padding: 0 11px 0 0; }
.inkPhoBox .mod18 .listBox li i{display:none;}
.inkPhoBox .mod18 .listBox li a{display:block;width:106px; height:83px;}
.inkPhoBox .mod18 .listBox li img{ width:102px; height:79px; border:#fff 2px solid}
.inkPhoBox .mod18 .listBox .on img{ width:102px; height:79px; border:#f13701 2px solid}

.buy_txtbox1{ float:left; width:535px; height:384px;}

.banben_select{ height:80px;}
.banben_select b{ float:left; height:80px}

.bt_jcb_label{ float:left; width:164px; height:32px; color:#201f24; padding:0 16px 0 16px; border:#201f24 1px solid; cursor:pointer; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/bt_lable_bg.jpg); background-repeat:no-repeat; background-position:right bottom}
.bt_zyb_label{ float:left; width:164px; height:32px; color:#201f24; padding:0 16px 0 16px; border:#201f24 1px solid; cursor:pointer; margin-top:9px; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/bt_lable_bg.jpg); background-repeat:no-repeat; background-position:right bottom}

.bt_lable_current{ border:#f13701 1px solid; color:#f13701; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/bt_lable_current_bg.jpg)}

.num_select{ height:22px;}
.num_select b{ float:left; height:22px}

.buysubmit{ float:right; height:51px; line-height:51px; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/dian2.png); background-repeat:no-repeat; background-position:26px center; border:0px; cursor:pointer; padding-left:75px; padding-right:25px; font-size:20px; color:#fff; text-decoration:none; background-color:#f13701; -webkit-border-radius:4px; -moz-border-radius:4px; word-spacing:0px; letter-spacing: 3px;}

#spinnerExamplebox{ float:left;}
#spinnerExamplebox .spinnerExample{ float:left; width:26px; height:20px; overflow:hidden; border:#a9a9a9 1px solid; font-size:12px; line-height:20px; text-align:center; margin:0 5px 0 5px}
#spinnerExamplebox .spinner{ float:left}
#spinnerExamplebox input{ float:left}
#spinnerExamplebox .increase{ float:left; width:11px; height:11px; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/spinner_in.jpg); margin:5px 0 0 0; border:0px; cursor:pointer}
#spinnerExamplebox .decrease{ float:left; width:11px; height:11px; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/spinner_de.jpg); margin:5px 0 0 0; border:0px; cursor:pointer}
#spinnerExamplebox img{ float:left; margin-top:5px; cursor:pointer}

.down_news_bg{ background-color:#f5f6f7}
.down_news{ width:960px; height:237px; margin:0 auto;}
.down_news .newsbox1{ float:left; width:300px; height:237px;}
.down_news .newsbox1 li{ width:300px; overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap;}
.down_news .newsbox2{ float:left; width:375px; height:237px;}
.down_news .newsbox2 li{ width:375px; overflow:hidden; display:block; text-overflow:ellipsis; white-space:nowrap;}
.down_news a:hover{ color:#2b78e4; text-decoration:none}
.down_news a:hover span{  text-decoration:underline}

.xiazai_anniu a{ border:#f13701 1px solid; color:#f13701; -webkit-border-radius:4px; -moz-border-radius:4px; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/dian1.gif); background-repeat:no-repeat; background-position:30px center; text-decoration:none}
.xiazai_anniu a:hover{ color:#fff; background-color:#f13701; color:#fff; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/dian1_y.gif); text-decoration:none}

.case_banner{ width:960px; height:180px; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/case_banner_bg.jpg)}

.case_list{ float:left; width:960px; height:150px; overflow:hidden;}
.case_list img{ float:left; width:248px; height:148px; border:#dcddde 1px solid;}
.case_list .todetail a:hover{ text-decoration: underline}

.product_banner{ width:100%; height:345px; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/product_banner_bg.jpg)}
.product_banner p{ width:960px; margin:0 auto}
.product_banner h1{ width:960px; margin:0 auto; font-weight:normal}

.pbanner_anniu a{ background-color:#f13701; -webkit-border-radius:4px; -moz-border-radius:4px; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/dian2.png); background-repeat:no-repeat; background-position:26px center}
.pbanner_anniu a:hover{ color:#fff; text-decoration:none; background-color:#D83101}

.propage_menu{ width:960px; margin:0 auto}
.propage_menu a{ background-color:#fbfbfb; text-decoration:none}
.propage_menu a:hover{ background-color:#201f24; color:#fff; text-decoration:none}
.propage_menu .current{ background-color:#201f24; color:#fff}
.propage_menu span{ float:left; width:1px; height:26px; background-color:#201f24;}

.pro_tese_menu{ width:960px; margin:0 auto}
.pro_tese_menu a{ float:left; font-weight:bold}
.pro_tese_menu a img{ float:left}
.pro_tese_menu a span{ float:left; margin-left:22px}
.pro_tese_menu a .img_x{ display:block}
.pro_tese_menu a .img_y{ display:none}
.pro_tese_menu a:hover .img_x{ display:none}
.pro_tese_menu a:hover .img_y{ display:block}

.pro_tese_colorbg{ float:left; width:100%; background-color:#f5f6f7;}
.pro_tese{ width:960px; margin:0 auto;}
.pro_tese .tesetit{ float:left; width:960px;}
.pro_tese .tesetit img{ float:left}
.pro_tese .tesetit .more{ text-decoration:underline}
.pro_tese .tesetxt{ float:left; width:960px}
.pro_tese .tesecon{ float:left; width:960px}
.pro_tese .tesecon img{ float:left; width:298px; height:171px; border:#4a4a57 1px solid}
.pro_tese .tesecon .span1{ float:left; width:590px}
.pro_tese .tesecon .span2{ float:left; width:590px}
.pro_tese .bar2016con{ float:left; width:960px}
.pro_tese .bar2016con img{ width:399px; height:228px; border:#4a4a57 1px solid}
.pro_tese .bar2016con .span1{ float:left; width:450px}
.pro_tese .bar2016con .span2{ float:left; width:450px}
.pro_tese .bar2016con .bottom_div2016{ float:left; display:block; width:450px;}
.pro_tese h3{ font-size:18px; font-weight:normal}

.pro_xzgn{ clear:both; width:960px; margin:0 auto}
.banbenbj_txt1{ background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/dian12.gif); background-repeat:no-repeat; background-position:0px center}
.banbenbj_txt2{ float:left; width:440px; background-color:#f5f6f7; box-sizing: content-box;}
.banbenbj_txt2 h2 span{ background-color:#3a4958}
.banbenbj_txt3{ float:left; width:440px; background-color:#f5f6f7;box-sizing: content-box;}
.banbenbj_txt3 h2 span{ background-color:#39a855}
.banbenbj_table{ width:960px; background-color:#000;border-collapse: separate; border-spacing: 1px; border: 0;}
.banbenbj_table td{ background-color:#fff}

.pro_xzgn .tit{ border-bottom:#dedede 1px dashed}

.lianxiwomen_form{ width:960px; color:#333;}
.lianxiwomen_form td{ height:40px; line-height:40px}
.lianxiwomen_form input{ float:left; width:226px; height:22px; border:#cccccc 1px solid; background-color:#fff;}
.lianxiwomen_form textarea{ float:left; width:830px; height:80px; border:#cccccc 1px solid; background-color:#fff;}

#yzm{ width:80px;}
#lianxiwomen_form{ float:left; width:116px; height:36px; text-align:center; font-size:20px; color:#fff; line-height:36px; background-color:#197ac7; border:0px; cursor:pointer}

.banbenbj_sc1 strong{ float:left; background-color:#3a4958}
.banbenbj_sc2 strong{ float:left; background-color:#39a855}
.banbenbj_sc3 span{ float:left; width:22px; text-align:center}

.xitongjr_txt1{ background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/dian12.gif); background-repeat:no-repeat; background-position:0px center}

.pro_xitongjr_box{ clear:both; width:960px; margin:0 auto}
.pro_xitongjr_box ul{ float:left; width:1000px;}
.pro_xitongjr_box ul li{ float:left; width:210px; margin:0 40px 10px 0}
.pro_xitongjr_box ul li .txtld{ text-align:justify; text-justify:inter-ideograph;}

.flinkbox{ width:896px; margin:0 auto}

.service_banner{ width:100%; height:325px; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/service_banner_bg.jpg); background-repeat:no-repeat; background-position:center 0px}
.service_banner p{ width:960px; margin:0 auto}
.service_banner .search{ width:960px; margin:0 auto; padding-top:50px}
.serviceindex_searchtxt{ float:left; width:350px; height:38px; font-size:16px; line-height:38px; border:#494b4e 1px solid; border-right:0px; background-color:#fff; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/serviceindex_searchtxt_bg.jpg); background-repeat:no-repeat; background-position:17px 9px; padding-left:50px; padding-right:30px; margin-left:200px}
.serviceindex_searchdian{ float:left; height:40px; padding-left:35px; padding-right:35px; background-color:#494b4e; border:0px; font-size:16px; color:#fff; cursor:pointer;}
.service_box1tit{ width:960px; height:28px; margin:0 auto}
.service_box1{ width:960px; margin:0 auto}
.service_box1 a{ float:left; width:298px; height:185px; overflow:hidden; border:#e6e8ea 1px solid;}
.service_box1 a img{ float:left; width:298px; height:150px;}
.service_box1 a h3{ float:left; width:298px; height:35px; overflow:hidden; text-align:center; font-size:15px; line-height:35px; background-color:#f5f6f7; font-weight:normal}
.service_box1 a:hover h3{ text-decoration:underline;}
.service_box2_bg{ float:left; width:100%; background-color:#f5f6f7}
.service_box2{ width:960px; margin:0 auto; height:200px;}
.service_box2 ul{ float:left; width:240px; height:200px; }
.service_box2 ul li{ float:left; width:240px; display:block; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.service_box3{ width:960px; margin:0 auto}

.buynew_banner{ width:100%; height:255px; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/service_banner_bg.jpg); background-repeat:no-repeat; background-position:center 0px}
.buynew_banner p{ width:960px; margin:0 auto}
.buynew_box{ width:960px; margin:0 auto}
.buynew_box_left{ float:left; width:335px;}
.buynew_box_right{ float:right; width:500px; overflow:hidden}
.buynew_form{ width:900px; color:#333;}
.buynew_form td{ height:40px; line-height:40px}
.buynew_form input{ float:left; width:360px; height:26px; background-color:#fff;}
.buynew_form textarea{ float:left; width:362px; height:80px; background-color:#fff;}
.buynew_yzm{ float:left; margin-left:10px; margin-top:4px}
#buynew_yzm{ width:80px;}
#buynew_form{ width:190px; height:46px; text-align:center; font-size:20px; color:#fff; line-height:46px; background-color:#f13701; border:0px; cursor:pointer; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/dian3.png); background-repeat:no-repeat; background-position:20px 14px; padding-left:30px; margin-top:30px; margin-right:58px; font-family:"微软雅黑"}
#buynew_form:hover{ text-decoration:underline}
.nei_960{ width:960px; margin:0 auto}

.left{width:252px; float:left;}
.right{width:670px; float:right;}
.leftBox {background: #f8f8f8 none repeat scroll 0 0;  border-radius: 5px; padding: 15px;}
.leftNewsList li { height: 36px;  line-height: 36px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  width: 99%;}
.news_content p{padding-bottom: 10px;}

.mid_left_menu{ display:block;}
.mid_left_menu a{ display:block; background:#f6f6f6; border:1px solid #dfdfdf; color:#333; display:block; margin-bottom:-1px; text-decoration:none; background-repeat:no-repeat; background-position:16px center}
.mid_left_menu a:hover{ color:#f13701}

#mlm_current01 a{ color:#f13701; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/mlm01_h.png)}
#mlm_current02 a{ color:#f13701; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/mlm02_h.png)}
#mlm_current03 a{ color:#f13701; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/mlm03_h.png)}
#mlm_current04 a{ color:#f13701; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/mlm04_h.png)}
#mlm_current05 a{ color:#f13701; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/mlm05_h.png)}
#mlm_current06 a{ color:#f13701; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/mlm06_h.png)}

.mlm01 a{ background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/mlm01.png)}
.mlm01 a:hover{ background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/mlm01_h.png)}
.mlm02 a{ background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/mlm02.png)}
.mlm02 a:hover{ background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/mlm02_h.png)}
.mlm03 a{ background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/mlm03.png)}
.mlm03 a:hover{ background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/mlm03_h.png)}
.mlm04 a{ background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/mlm04.png)}
.mlm04 a:hover{ background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/mlm04_h.png)}
.mlm05 a{ background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/mlm05.png)}
.mlm05 a:hover{ background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/mlm05_h.png)}
.mlm06 a{ background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/mlm06_h.png)}

.servicelist_searchtxt{ float:left; width:350px; height:38px; font-size:16px; line-height:38px; border:#494b4e 1px solid; border-right:0px; background-color:#fff; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/serviceindex_searchtxt_bg.jpg); background-repeat:no-repeat; background-position:17px 9px; padding-left:50px; padding-right:30px;}
.servicelist_searchdian{ float:left; height:40px; padding-left:35px; padding-right:35px; background-color:#494b4e; border:0px; font-size:16px; color:#fff; cursor:pointer;}

.service_list{ float:left;}
.service_list li{  float:left; width:670px; height:100px; border-top:#dddddd 1px solid;}
.service_list li a{ float:left; width:670px; height:90px; overflow:hidden}
.service_list li a b{ float:left; font-size:20px; width:58px; height:58px; text-align:center; line-height:58px; background-color:#f0f0f0; margin-right:18px}
.service_list li a .p1{ float:left; width:570px; overflow:hidden; font-size:16px; font-weight:bold; color:#333; border-left:#dddddd 1px solid; padding-left:18px}
.service_list li a:hover .p1{ text-decoration:underline; color:#197ac7}
.service_list li a .p2{ float:left; width:570px; height:66px; overflow:hidden; font-size:14px; line-height:20px; color:#666; border-left:#dddddd 1px solid; padding-left:18px; padding-top:8px}

.newsContent a{ color:#197ac7;}
.newsContent a:hover{ text-decoration:underline}

.detail_biaoqian a{ color:#197ac7;}
.detail_biaoqian a:hover{ text-decoration:underline}

.wm_banner{ width:100%; height:312px; background-image:url(//pic.mairuan.com/WebSource/bartender/news/old/uploads/images/bartender/wm_banner.jpg); background-repeat:no-repeat; background-position:center 0px}
.wm_box{ width:960px; margin:0 auto}
.wm_box .goods_list{ width:960px; height:238px;}
.wm_box .goods_list li{ float:left; width:219px; height:238px; overflow:hidden; margin-right:28px}
.wm_box .goods_list li strong{ float:left; width:217px; text-align:center}
.wm_box .goods_list li p{ width:217px; height:200px; overflow:hidden; background-color:#f9f9f9; border:#e7e8ea 1px solid}
.wm_box .goods_list li p img{ float:left; width:217px; height:167px;}
.wm_box .goods_list li p span{ float:left; width:217px; text-align:center;}
.wm_box .input_text{ padding:5px 10px 5px 10px; width:250px}
.wm_box .input_textarea{ padding:5px 10px 5px 10px; font-family:"微软雅黑"; color:#333}
.wm_box .input_submit{ float:right; height:46px; font-size:22px; color:#fff; line-height:46px; background-color:#f13802; border:0px; cursor:pointer; padding:0 66px 0 66px}






/* buy.html页面 商品技术参数 */
.doufu .buyList1_s1{border-bottom: 0;}
.doufu .layui-collapse{position: relative;border: 0;}
.doufu .layui-colla-title{height: 36px;line-height: 36px;border: 0;padding: 0 15px 0 10px;font-size: 16px;font-weight: bold;border-radius: 4px;background-color: #f9f9f9;overflow: visible;text-align: left;}
.doufu .layui-colla-title .layui-colla-icon{left: auto;right: 20px;transform: rotate(90deg);}
.doufu .layui-colla-title span{display: inline-block;width: 16px;height: 16px;line-height: 16px;text-align: center;color: white;background-color: #bfbfbf;font-size: 12px;font-weight: normal;border-radius: 50%;position: relative;}
.doufu .layui-colla-title span:hover::before{content: '';width: 0;height: 0;border: 8px solid;border-color: #999 transparent transparent transparent;position: absolute;top: -11px;left: 0;z-index: 1;}
.doufu .layui-colla-title span:hover i{position: relative;z-index: 2;}
.doufu .layui-colla-title span:hover i::before{content: '';width: 0;height: 0;border: 8px solid;border-color: #f4f4f4 transparent transparent transparent;position: absolute;top: -12px;left: -10px;z-index: 1;}
.doufu .layui-colla-title span:hover::after{content: '提供设备数、换机机制、系统支持、更新说明等参数';width: 290px;height: 26px;line-height: 26px;color: #666;background-color: #f4f4f4;border: 1px solid #999;border-radius: 4px;position: absolute;top: -38px;left: -40px;}
.doufu .layui-colla-title .rotate{transform: rotate(-180deg);}
.doufu .layui-collapse .layui-show{width: 100%;border: 0;background-color: #f9f9f9;padding-top: 5px;/*position: absolute;*/top: 36px;left: 0;z-index: 1;}
.doufu .layui-collapse .layui-show ul{padding-left: 15px;}
.doufu .layui-collapse .layui-show li{list-style-type: disc;margin-bottom: 7px;}
.doufu .layui-collapse .layui-show li label{display: inline-block;width: 70px;vertical-align: top;}
.doufu .layui-collapse .layui-show li span{display: inline-block;width: calc(100% - 75px);vertical-align: top;text-align: left;}

.static-silder .ssilder_info .ssilder .sconsult .QRCode .left{
    width: 140px;
}




/*  BarTender Cloud™  */
@media screen and (min-width: 768px) {
.header-side, .category {width: 100%;max-width: 1920px;min-width: 960px;margin: 0 auto;}
.header-side {background: url("//pic.mairuan.com/WebSource/bartender/web/images/hearder.png") 0 0 no-repeat;background-size: 100% 100%;height: 412px;display: flex;justify-content: center;align-items: center;}
.header-side > .h-title > h2 { display: none;}
.header-side > .h-title >.h-title_pc{display: flex;}
.header-side > .h-title >.h-title_pc > h2{text-align: center;font-size: 54px;font-weight: 700;color:#FFFFFF}
.header-side > .h-title >.h-title_pc>.title_s{font-size: 40px;font-weight: 700;}
.header-side > .h-title > p {text-align: center;margin-top: 10px;font-size: 40px;font-weight: 400;line-height: 180%;color: #FFFFFF;}
.header-side > .h-title > .h-btn {margin: 0 auto;margin-top: 44px;width: 436px;display: flex;justify-content: space-between;}
.header-side > .h-title > .h-btn > a {line-height: 47px;text-align: center;width: 200px;height: 50px;color: #FFFFFF;font-size: 20px;border-radius: 8px;}
.header-side > .h-title .zixun {background: #FA4F31;}
.header-side > .h-title .buy {background: #2F80ED;}
.category {height: 70px;display: flex;align-items: center;background-color: #FFFFFF;border-bottom: 1px solid #EEF2F9;}
.category .h-text {margin: 0 auto;width: 960px;display: flex;align-items: center;justify-content: space-between;}
.category .h-text > .h-s-title {display: flex;font-size: 18px;}
.category .h-text > .h-s-title > .s-t1,
.category .h-text > .h-s-title .s-t2 {margin-right: 100px;padding: 22px 10px;}
.category .h-text > .h-s-title > .active {font-weight: 700;position: relative;}
.category .h-text > .h-s-title > .active::before {content: '';width: 40px;height: 2px;background-color: #FD7615;position: absolute;bottom: 0;left: 50%;transform: translate(-50%);}
.category .h-text > .h-s-link {color: #2F80ED;font-size: 18px;}
.gN-md1 {margin: 0 auto;width: 960px;}
.gN-md1 > h2 {margin-top: 70px;font-size: 48px;font-weight: 700;text-align: center;line-height: 66px;}
.gN-md1 > p {margin: 0 auto;margin-top: 20px;font-size: 16px;text-align: center;line-height: 32px;color: #666666;width: 757px;}
/* .gN-md1 > .gN-video {margin-top: 60px;width: 960px;border-radius: 16px;height: 540px;background-color: #D0DFE8;} */
.gN-md1 > .gN-video {margin-top: 60px;width: 960px;border-radius: 16px;height: 540px;background-color: #D0DFE8;background: url("//pic.mairuan.com/WebSource/bartender/web/images/gN_video.png");position: relative;}
.gN-md1 > .gN-video > .player {background: url("//pic.mairuan.com/WebSource/bartender/web/images/gN_video_i.png");display: block;position: absolute;left: 45.5%;top: 42%;width: 90px;height: 90px;}
.gN-md2 {margin: 0 auto;margin-top: 60px;width: 960px;}
.gN-md2 > h2 {font-weight: 700;font-size: 36px;line-height: 48px;text-align: center;margin-bottom: 108px;}
.gN-md2 > .gN-md2-pc01 {display: flex;justify-content: space-between;}
.gN-md2 > .gN-md2-pc01 > img {width: 472.53px;height: 277px;}
.gN-md2 > .gN-md2-pc01 > .md-details {width: 435px;display: flex;flex-direction: column;justify-content: center;}
.gN-md2 > .gN-md2-pc01 > .md-details > h4 {line-height: 48px;font-size: 36px;font-weight: 700;margin-bottom: 20px;}
.gN-md2 > .gN-md2-pc01 > .md-details > ul {box-sizing: border-box;list-style: disc;margin-left: 15px;}
.gN-md2 > .gN-md2-pc01 > .md-details > ul > li {list-style: disc;font-size: 14px;line-height: 32px;color: #666666;}
.gN-md2 > .gN-resver {display: flex;flex-direction: row-reverse;margin-top: 163px;margin-bottom: 147px;}
.gN-md3 > h2 {margin-top: 201px;margin-bottom: 65px;text-align: center;font-style: normal;font-weight: 700;font-size: 48px;line-height: 66px;}
.gN-md3 > .gN-md3-content {margin: 0 auto;width: 960px;display: flex;flex-wrap: wrap;justify-content: space-between;text-align: center;}
.gN-md3 > .gN-md3-content > .content_s {width: 294px;height: 300px;margin-bottom: 67px;}
.gN-md3 > .gN-md3-content > .content_s > img {width: 296px;height: 192px;}
.gN-md3 > .gN-md3-content > .content_s > img:nth-child(2) {display: none;}
.gN-md3 > .gN-md3-content > .content_s > h5 {margin-top: 24px;font-weight: 700;font-size: 30px;line-height: 30px;}
.gN-md3 > .gN-md3-content > .content_s > p {color: #000000;margin-top: 13px;font-size: 15px;line-height: 22px;}
.gN-md4 {margin: 80px auto;width: 960px;background: url("//pic.mairuan.com/WebSource/bartender/web/images/banner_pc.png") 0 center no-repeat;height: 344px;padding: 0 56px;display: flex;align-items: center;}
.gN-md4 > .gN-md4-content > h3 {color: #FFFFFF;font-size: 42px;font-weight: 700;}
.gN-md4 > .gN-md4-content > p {width: 600px;color: rgba(255, 255, 255, 0.8);font-size: 20px;line-height: 36px;}
.gN-md4 > .gN-md4-content > .youhui {margin-top: 12px;display: block;line-height: 47px;text-align: center;width: 177px;height: 51px;color: #FFFFFF;font-size: 22px;border-radius: 12px;background: #FA4F31;}
.v-table table {width: 960px;margin: 0 auto;}
.v-table table > thead th {border: 1px solid  #E6E6E6;}
.v-table table > thead th:first-child {text-align: left;font-size: 20px;color: #000000;font-weight: 700;padding-top: 229px;padding-left: 20px;border: 0;}
.v-table table > thead th > .th-title {display: flex;flex-direction: column;align-items: center;}
.v-table table > thead th > .th-title > img {margin-top: 23px;width: 137px;height: 137px;margin-bottom: 19px;}
.v-table table > thead th > .th-title > a {margin-top: 10px;display: block;width: 158px;height: 50px;background-color: #FA4F31;color: #FFFFFF;font-size: 22px;line-height: 50px;border-radius: 8px;margin-bottom: 20px;}
.v-table table > thead th > .th-title > p {font-size: 20px;font-weight: 700;}
.v-table table tbody tr:nth-child(even) {background-color: #F8FBFD;}
.v-table table tbody tr:nth-child(odd) {background-color: #F1F6FB;}
.v-table table tbody td {height: 60px;font-family: 'Source Han Sans CN';font-style: normal;font-weight: 700;font-size: 16px;line-height: 140%;color: #000000;text-align: center;}
.v-table table tbody td:first-child {text-align: left;padding-left: 20px;font-weight: bold;}
.v-table table tbody td.yes {background: url("//pic.mairuan.com/WebSource/bartender/web/images/yes.png") no-repeat center center;}
.Vesion {display: none;}
}
/*  BarTender Cloud™  */





/*   新购买页   */
.new_buy_m1 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 100px auto 0;}
.new_buy_m1 .content {width: 1200px;margin: 0 auto;}
.new_buy_m1 .content .title {font-family: 'Source Han Sans CN';font-style: normal;font-weight: 700;font-size: 50px;line-height: 66%;text-align: center;color: #000000;}
.new_buy_m2 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 50px auto 0;}
.new_buy_m2 .content {width: 1200px;margin: 0 auto;}
.new_buy_m2 .content > div {width: 580px;height: 60px;margin: 0 auto;display: flex;align-items: center;justify-content: center;padding: 3px;background: #F0F0F0;border-radius: 8px;box-sizing: border-box;}
.new_buy_m2 .content > div span {width: 50%;height: 100%;border-radius: 8px;display: flex;align-items: center;justify-content: center;font-family: 'Source Han Sans CN';font-style: normal;font-weight: 400;font-size: 20px;line-height: 36px;color: #000000;cursor: pointer;}
.new_buy_m2 .content > div span.active {font-weight: 700;color: #2F80ED;background: #FFFFFF;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);}
.new_buy_m3 {width: 100%;max-width: 1920px;min-width: 1200px;margin: 100px auto 0;}
.new_buy_m3 .content {width: 1200px;margin: 0 auto;}
.new_buy_m3 .content > div > div {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.new_buy_m3 .content .item {width: 566px;height: 616px;background: #F8FAFC;border-radius: 20px;padding: 47px 0px 0 33px;margin-bottom: 70px;box-sizing: border-box;overflow: hidden;}
.new_buy_m3 .content .item .thumb {display: flex;align-items: center;}
.new_buy_m3 .content .item .thumb i.icon {width: 112px;height: 112px;background-repeat: no-repeat;background-size: 100% 100%;}
.new_buy_m3 .content .item .thumb i.icon.zy {background-image: url('//pic.mairuan.com/WebSource/bartender/web/images/icon_zy.png');}
.new_buy_m3 .content .item .thumb i.icon.rm {background-image: url('//pic.mairuan.com/WebSource/bartender/web/images/icon_rm.png');}
.new_buy_m3 .content .item .thumb i.icon.zd {background-image: url('//pic.mairuan.com/WebSource/bartender/web/images/icon_zd.png');}
.new_buy_m3 .content .item .thumb i.icon.qy {background-image: url('//pic.mairuan.com/WebSource/bartender/web/images/icon_qy.png');}
.new_buy_m3 .content .item .thumb i.icon.cbase {background-image: url('//pic.mairuan.com/WebSource/bartender/web/images/icon_cloud_base.png');}
.new_buy_m3 .content .item .thumb i.icon.czd {background-image: url('//pic.mairuan.com/WebSource/bartender/web/images/icon_cloud_zd.png');}
.new_buy_m3 .content .item .thumb .item_title {font-family: 'Source Han Sans CN';font-style: normal;font-weight: 700;font-size: 32px;line-height: 48px;color: #000000;margin-left: 35px;}
.new_buy_m3 .content .item .feature {padding-bottom: 30px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.new_buy_m3 .content .item .feature .desc {font-family: 'Source Han Sans CN';font-style: normal;font-weight: 700;font-size: 18px;line-height: 27px;color: #969696;margin-top: 20px;}
.new_buy_m3 .content .item .feature .link {display: flex;align-items: center;margin-top: 10px;}
.new_buy_m3 .content .item .feature .link a {font-family: 'Source Han Sans CN';font-style: normal;font-weight: 700;font-size: 18px;line-height: 27px;color: #2F80ED;}
.new_buy_m3 .content .item .service {margin-top: 30px;}
.new_buy_m3 .content .item .service > div {font-family: 'Source Han Sans CN';font-style: normal;font-weight: 700;font-size: 18px;line-height: 27px;color: #969696;}
.new_buy_m3 .content .item .service ul {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.new_buy_m3 .content .item .service ul li {position: relative;width: 50%;font-family: 'Source Han Sans CN';font-style: normal;font-weight: 400;font-size: 18px;line-height: 27px;color: #969696;padding-left: 20px;margin-top: 18px;}
.new_buy_m3 .content .item .service ul li::before {content: '';width: 16px;height: 11px;background: url('//pic.mairuan.com/WebSource/bartender/web/images/testGou.png') no-repeat no-repeat center center;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.new_buy_m3 .content .item .btns {margin-top: 40px;display: flex;align-items: center;justify-content: space-between;padding-right: 33px;}
.new_buy_m3 .content .item .btns a {width: 223px;height: 57px;display: flex;align-items: center;justify-content: center;color: #fff;font-family: 'Source Han Sans CN';font-style: normal;font-weight: 500;font-size: 18px;line-height: 27px;border-radius: 14px;}
.new_buy_m3 .content .item .btns a.buyBtn {background: #FA4F31;}
.new_buy_m3 .content .item .btns a.zixunBtn {background: #2F80ED;}
.new_buy_m3 .content .item .btns a.kefu {position: relative;}
.new_buy_m3 .content .item .btns a.kefu::before {content: '咨询客服享优惠报价';font-family: 'Source Han Sans CN';font-style: normal;font-weight: 400;font-size: 18px;line-height: 27px;color: #ADADAE;white-space: nowrap;position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 120%);}
.new_buy_m3 .content .item.active {background: #fff;box-shadow: 0px 4px 20px rgba(10, 66, 121, 0.24);position: relative;}
.new_buy_m3 .content .item.active::before {content: '最多用户购买';width: 260px;height: 60px;font-family: 'Source Han Sans CN';font-style: normal;font-weight: 700;font-size: 20px;line-height: 30px;color: #FFFFFF;background: linear-gradient(180deg, #FF9141 0.01%, #FA4F31 100%);display: flex;align-items: center;justify-content: center;white-space: nowrap;position: absolute;top: 0;right: 0;transform: rotate(45deg) translate(29%, -50%);}
.new_buy_m3 .content .item.active .feature .desc {color: #000;}
.new_buy_m3 .content .item.active .service > div,
.new_buy_m3 .content .item.active .service ul li {color: #000;}
.new_buy_m3 .content .item.active .btns a.kefu::before {color: #000;}
/*   新购买页   */


/* 菜单CTA样式 */
.cta-menu {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  flex-grow: 1;
  min-width: 400px;
  gap: 40px;
}
.cta-menu.is-verticle {
  flex-flow: column nowrap;
  align-items: flex-end;
  gap: 20px;
  min-width: 180px;
}
.cta-menu .cta-menu-item {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  padding: 3px 15px;
  color: #fff;
  background-color: #FA4F31;
  transition: all 0.3s ease-in-out;
  border-radius: 20px;
  box-sizing: border-box;
}
.cta-menu .cta-menu-item.cta-menu-item-phone {
  color: #fff;
  background-color: #FA4F31;
}
.cta-menu .cta-menu-item.cta-menu-item-online {
  color: #fff;
  background-color: #3189FF;
  padding: 3px 30px;
}
.cta-menu .cta-menu-item > a {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
  gap: 4px;
}
.cta-menu .cta-menu-item > a > img {
  max-height: 100%;
}
.cta-menu .cta-menu-item > a > .cta-menu-text {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
.cta-menu .cta-menu-item > img.cta-qrcode {
  display: none;
}
.cta-menu .cta-menu-item:hover > img.cta-qrcode {
  position: absolute;
  display: block;
  top: 100%;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  .cta-menu {
    display: none;
  }
}
/* 菜单CTA样式 end */