/*配置颜色*/ .Themefont,.Custom_Themefonthover:hover{color:@Themebg !important}.Themebg, .NavBtn:after, .NavBtn:before, .menuBg:before, .titleBox:after, .Custom_Themebg:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover, .tp-leftarrow:hover, .tp-rightarrow:hover{background-color:@Themebg !important}.ThemeFborder, .Custom_ThemeFborder:hover{border-color:@Themebg !important}.Pagebg{background: #fff}.Custom_AuxiliaryBg,.Custom_AuxiliaryBgHover:hover{background:#3d4144 !important} #ProClassLeft li.ac .Classtriangle:hover:after{border-top-color:@Themebg !important}.menu{background: url(http://static.files.mozhan.com/Public/Images/Theme40/header.jpg) repeat-x}.menu .HeaderBox .logo{padding: 5px 10px;float: left}.menu .HeaderBox .logo .h3{margin: 0;padding: 0} .menu .HeaderBox .logo img{max-height: 100px}.column{margin: 0px}/*-------------------*/ /*搜索*/ .navbar-form{padding:0;position: absolute;right: 0;top: 50%;height:32px;margin:-16px 0 0 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}.navbar-form .form-control{height: 32px;line-height: 32px;padding:0 12px !important;border-radius:4px 0 0 4px;border-right:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}.navbar-form .btn{padding: 6px 12px}.navbar-form .btn-search{border-radius:0}.navbar-form .btn-group,.navbar-form .form-group{float: right} .navbar-form .dropdown-menu{min-width: 108px}.navbar-form .btn-danger{border: none;box-shadow:0 0 1px rgba(0,0,0,.3) inset}/*menu*/ .menu .HeaderBox{padding: 0}.menu .menuBg{background: #3d4144;position: absolute;bottom: 0;left: 0;width: 100%;height: 37px}.menu .menuBg:before{content: '';display: block;width: 100%;height: 4px}.menu .menuBg i{position: absolute;top: 0;left: 0;width: 100%;height: 4px;z-index: 2;background: #000;filter:Alpha(opacity=30);opacity:0.3}.menu .NavBox_d{position: relative}.menu .NavBox_d .contentBox{z-index: 10;height: 50px}.menu .NavBox_d .contentBox:after,.menu .NavBox_d .contentBox:before{content: '';position: absolute;left:-13px;top:0;z-index: 2;border-color: transparent transparent #3d4144 transparent;border-style: dashed dashed solid dashed;border-width:0 0 13px 13px}.menu .NavBox_d .contentBox:before{left:auto;right:-13px;border-width:0 13px 13px 0}.menu .NavBox ul{padding:0;margin:0;width:100%}.menu .navbar-nav > li{float: left;width:12.5%;padding:0;position:relative}.menu .navbar-nav > li a{display: block;font-size:14px;padding: 0 20px;color:#fff;line-height:50px;position: relative}.menu .navbar-nav > li a:hover i{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background:#000;filter:Alpha(opacity=20);opacity:0.2}.menu .navbar-nav > li a:before{content: '';position: absolute;left:-4px;top: 15px;width: 1px;height: 20px;background: #fff}.menu .navbar-nav > li:first-child a:before{display: none}.menu .navbar-nav > li a:hover,.menu .navbar-nav > li.active a{color: #fff;background: none}.menu .navbar-nav > li a:focus{background: none !important} .menu .nav > li{display:inline-block;position: relative}.menu .nav > li:hover ul{display: block}.menu .nav > li .Triangle:after{content: '';display: inline-block;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top:6px solid red}.menu .nav > li ul{width: 100%;display: none;padding: 0;box-shadow:1px 1px 4px 0 rgba(0,0,0,.4);position: absolute;left:0;top: 50px;z-index: 99}.menu .nav > li ul li{line-height: 40px;text-align: center;width:100%;margin-top: 1px}.menu .nav > li ul li a{font-size: 12px;color: #fff;display: block;text-align: center;margin: 0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap} .menu .nav > li ul li a:hover{text-decoration: none}.menu .navbar-nav > li > a{padding:0 18px;line-height:50px;font-size:12px;color:#fff;text-align: center}.menu .navbar-nav > li > a.active, .menu .navbar-nav > li > a:hover, .menu .navbar-nav > li > a:focus{background-color: transparent;color: #e8603c}.menu .navbar-nav > li > a.active{background-image:none;-webkit-box-shadow: none;box-shadow: none}.NavBtn{display:none;text-align:center;overflow: hidden}/*没有辅助色的时候加*/ .menu .nav > li ul li:hover{opacity: .80;filter:Alpha(opacity=80)}/*--下拉菜单倒三角--*/ .menu .nav > li .Triangle:after{position: absolute;right: 5px;top:22px}/*-------------------*/ /* 小屏幕 一*/ /* 小屏幕 二*/ @media screen and (max-width:980px){.navbar-form,.menu .menuBg{display: none !important}.menu .HeaderBox{width:100%;border: none;height:auto;position: relative}.menu .HeaderBox .logo{position: static;float: left;margin:0;height: auto;padding: 0 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}.menu .HeaderBox .logo .h3{line-height: 35px}.menu .HeaderBox .logo img{height:40px}/*--------------------------*/ /*--------------------------*/ .NavBtn{display: block;-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background-color: #f5f5f5;background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat: repeat-x;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #b3b3b3;border-image: none;border-radius: 4px;border-style: solid;border-width: 1px;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);color: #333333;font-size: 14px;line-height: 20px;text-align: center;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);cursor: pointer;padding: 6px 11px;vertical-align: middle;position: absolute;right: 15px;top: 50%;margin-top:-18px;z-index: 10}.NavBtn .icon-bar{background-color: #e8603c;border-radius: 1px;box-shadow: 0 0 0 rgba(0, 0, 0, 0.25);display: block;height: 2px;width: 18px;margin:4px 0}.NavBtn:hover .icon-bar{background-color: #333}/*响应按钮*/ .menu{height:auto}.menu .navbar-brand{padding:10px}.menu .navbar-brand img{height: 40px}.menu .navbar-header{border-top:5px solid #e8603c;float: none;width:100%}.menu .NavBox_d{display: none}} /*-------------------------------------公共样式------------------------------------*/ .contentBox{max-width:1030px;margin:0 auto;position: relative}@media screen and (max-width: 1030px){.contentBox{padding:0 15px}} a:hover,a:focus{text-decoration: none}.cl{clear:both}.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex } .Animation{-webkit-transition: all .4s ease-in-out 0s;-moz-transition: all .4s ease-in-out 0s;-ms-transition: all .4s ease-in-out 0s;transition: all .4s ease-in-out 0s}/*title*/ .titleBox{height: 40px;font-size: 18px;color: #fff;margin: 15px 0;position: relative}.titleBox:before,.titleBox:after{content: '';position: absolute;left: 0;top:10px;z-index: 1;width: 100%;height: 15px;background: #3d4144} .titleBox:after{height: 3px}.titleBox .titleDiv{display:inline-block;position: relative;max-width: 70%} .titleBox .titleDiv:after{content: '';position:absolute;top:0px;right: -10px;display:inline-block;width: 0;height: 0;border-color: transparent transparent #3d4144 transparent;border-style: dashed dashed solid dashed;border-width:0 10px 10px 0;z-index: 10}.titleBox .title{position:relative;z-index: 2;padding:0 20px;color: #fff;display: inline-block;line-height: 40px;max-width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}@media screen and (max-width: 600px){.titleBox{margin: 15px 0 10px;font-size:16px}} .btnMore{background: #3d4144;position: absolute;right: 0;bottom: 0;z-index: 3;color: #fff;padding: 0 20px;display: block;text-align: center;font-size: 12px;line-height:27px}/*-----------------tpl样式--------------------*/ .tpl_two .titleBox{margin: -10px 0 15px 0}.tpl_three,.tpl_five{background: #f6f6f6}.tpl_four .video iframe{height: 142px}@media screen and (max-width: 600px){.tpl_four .col-md-6{padding: 0}} .carousel{margin: 0}.bannerBox{position: relative}.banner .carousel-control{background: none}/*----banner---原点-*/ .bannerEffect .tp-bullets.simplebullets.round .bullet{width: 10px;height:10px;border-radius: 30px;margin: 0 5px}/*-----------<关于我们>---------------*/ .about .aboutBox{position: relative;padding-bottom: 20px}.about .aboutBox .company-box{font-size:14px;color: #333 !important;margin:0 auto;font-family: '宋体';line-height:20px;overflow: hidden}.about .aboutBox .company-box .textAbout{max-height:200px;overflow: hidden}.about .aboutBox .company-box .imgBox{width:240px;float: left;margin:0 20px 10px 0;border: 3px solid #fff;box-shadow:1px 1px 4px rgba(0,0,0,.3)}.about .aboutBox .company-box .imgBox img{max-width: 100%}/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/ @media screen and (max-width: 600px){.about .aboutBox .company-box .textAbout{max-height:200px;display: block}.about .aboutBox .company-box .imgBox{float: none;text-align: center;margin: 0 auto 15px auto}.about .aboutBox .company-box .imgBox img{width: auto;max-width: 100%;margin:0 auto}} /*-----------<关于我们>---------------*/ .contact .contactBox{position: relative;padding-bottom: 20px}.contact .contactBox .company-box{font-size: 14px;padding-right: 114px;color: #333 !important;margin:0 auto;font-family: '宋体';line-height:28px;max-height:142px;overflow: hidden}.contact .contactBox .company-box p{margin: 0} .contact .contactBox .company-box .first{padding:11px 0}.contact .contactBox .company-box .first a{font-size: 18px}.contact .contactBox .company-box .first a b{color: #ff6600 !important;margin-right: 10px}.contact .contactBox a.ThemeFborder{border: 1px solid #000;border-radius:30px;display: inline-block;margin-top: 20px;padding: 10px 30px;color: #fff}@media screen and (max-width: 400px){.contact .contactBox .company-box{background: none;padding-right: 0}}/*-----------<最新资讯>---------------*/ .article .articleBox{position: relative;padding-bottom: 20px}.article .articleBox .company-box{font-size: 14px;max-height:142px;margin:0 auto;font-family: '宋体';line-height:20px;overflow: hidden} .article .company-box ul{padding: 0} .article .company-box ul li{height: 28px;line-height: 28px;border-bottom: 1px dashed #898989}.article .company-box li a{display:inline-block;color:#333;padding-right:70px;position: relative;z-index:2;text-align: left;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}.article .company-box li a:hover,.article .company-box li a:hover .time{color: #ddd !important}.article .company-box li h3{font-size: 12px;line-height: 28px;margin:0}.article .company-box li .time{font-size: 12px;position: absolute;right: 0;top:0;height: 28px;line-height: 28px;color: #828282}@media screen and (max-width: 600px){.article .articleBox .company-box{max-height:146px}} /* 横向放置的手机和竖向放置的平板之间的分辨率 三*/ /*--------------------------*/ .articleLabelBox{padding-bottom: 20px}.articleLabelBox ul{padding: 0;margin: 0 auto;overflow: hidden;max-height: 147px}.articleLabelBox li{border: 1px solid #cbcbcb;margin-bottom: 100px;list-style-type:none;background:#fff;float: left;width:18.88%;margin-left: 1.4%;margin:0 0.56% /9;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}.articleLabelBox li:first-child{margin-left: 0;margin:0 0.56% /9}.articleLabelBox li a{display: block;border: 1px solid #fff;position: relative}.articleLabelBox li a img{width: 100%}.articleLabelBox li a span{background: #000;filter:Alpha(opacity=60);opacity:0.6;width: 100%;font-size: 12px;margin: 0;color: #fff;position: absolute;bottom: 0;left: 0;line-height: 35px;padding: 0 5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}@media screen and (max-width:1030px){.articleLabelBox{padding-bottom:20px}} /* 横向放置的手机和竖向放置的平板之间的分辨率 三*/ @media screen and (max-width: 600px){.articleLabelBox ul{max-height: 100%}.articleLabelBox li{width: 49%;margin-top:10px;margin-bottom: 0;margin-left: 2%} .articleLabelBox li:first-child,.articleLabelBox li:nth-child(2n+1){margin-left: 0} } @media screen and (max-width:360px){.articleLabelBox li{width:100%;margin-left: 0}} /*产品列表*/ .productBox{margin: 0 auto;padding-bottom:20px}.productBox .productUl{margin:0;padding: 0}.productBox li{background: #fff;box-shadow:4px 5px 6px rgba(0,0,0,0.1);border-bottom: 1px solid #b0aeae}.productBox li .imgBox{padding:5px;display: block}.productBox li img{width: 100%}.productBox li a .overflow{display: block;line-height: 40px;font-size: 14px;color: #333;padding: 0 15px}.productBox li a:hover .overflow{color: #fff}/*--------------------------*/ @media screen and (max-width: 600px){.productBox .productUl li{width:49%;margin:10px 0 0 2%;margin:10px 0.5% \9}.productBox .productUl li:nth-child(2n+1){margin-left:0}} /* 横向放置的手机和竖向放置的平板之间的分辨率 四*/ @media screen and (max-width: 400px){.productBox .productUl li,.productBox .productUl li:nth-child(2n+1){width: 100%;margin:10px 0 0} } /*---友情链接----*/ .friendBox{line-height: 25px;text-align: center;color:#fff}.friendBox ul{padding: 0}.friendBox li{list-style-type:none;display: inline-block;margin:5px 15px 0 0}.friendBox li img{display: block;width: 72px;margin-bottom: 10px}.friendBox li a{color:#fff}.friendBox .contentBox{padding: 15px 0px 0}@media screen and (max-width:1030px){.friendBox .contentBox{padding: 15px}}/*---footer----*/ .footerBox{color: #fff;text-align: center}.footers .footerBox .footersInformation a{margin-right:10px;word-break: break-all;word-wrap:break-word}.footers .footerBox a:hover{color: #333 !important;text-decoration: none}.footers .footerBox a.Themefont{color: #fff !important}.footers .footerBox p{color: #fff;padding:0;font-size:12px;line-height:20px}.footers .contentBox{padding: 15px 0;position:relative} .footers .qr .Big{width: 102px;height: 102px;bottom: auto;top: 0}@media screen and (max-width:480px){.footers .contentBox{padding: 15px 0}} /*----公共头部模块-----*/ /*----布局----*/ /*-------内页公共样式---------*/ .relative{position: relative}.titleBox{margin: 30px 0 20px}.fl{float: left}.cl{clear:both}.w100{width: 100%}.body-left #ProClassLeft li.ac .Themebg:hover:after{border-top-color:#fff!important}@media screen and (max-width: 600px){.titleBox{margin: 15px 0 10px}} *,*:before,*:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}/*提示*/ .DoesNot{text-align: center;font-size: 20px;margin: 50px 0}.row{margin: 0}/*----按钮----*/ a.a-btn{padding:0 10px;height:28px;line-height:28px;display:inline-block;cursor:pointer;margin-right:5px}a.a-btn + a{margin-bottom:3px}a.a-btn.a-btn1{background-color:#cfcdcf;color:#666666}a.a-btn.a-btn1:hover{background-color:#ccc;color:#FFF}a.a-btn.a-btn2{color:#fff}.DoesNot{text-align: center;font-size: 20px;margin: 50px 0}/*-----------表格---------------*/ .table-01{width:100%;margin-bottom:15px}.table-01 th, .table-01 td{padding:8px 2px;font-size:14px}.table-01 th{text-align:right;width:60px;font-weight:normal;color:#666;font-size:14px}.table-01 td{color:#666}.table-01 .jiathis_style_24x24{margin:0}.table-02{width:100%}.table-02 th, .table-02 td{padding:5px 2px;font-size:12px;line-height:30px}.table-02 th{text-align:right;width:125px;font-weight:normal;color:#666;vertical-align:text-top}.table-02 td{color:#666}.table-02 .line-b{border-bottom:2px solid #1e82c5}.table-02 .line-b th{color:#000;text-align:left}.table-03 th{width:80px}.table-02.table-02-b th{width:110px}/*-----------输入框---------------*/ input.text01{border:1px solid #d8d9da;height:30px;color:#333333;line-height: 30px;padding: 2px 5px;width:75%;size:auto;box-shadow:0 0 2px #d6d6d6 inset;font-size:12px}input.text01:focus, input.text01:hover, input.text01:active{border-color: #d8d9da;box-shadow: 0 0 3px #d6d6d6}.textarea01{background-color:#fff;border:1px solid #dfdfdf;padding:5px;color:#636363;width:75%}.textarea01:focus{border-color: #d8d9da;box-shadow: 0 0 4px #d6d6d6}/*----------------------------------------------------------------------------------------------*/ /*--------左边部分---------*/ .body-left .classifi{border-radius:10px;border: 1px solid #ddd;color: #fff;padding:0 10px 10px 10px}.body-left .classifi .titleBox:after,.body-left .classifi .titleBox:before{display: none}.body-left .classifi .titleBox .title{width: 100%;max-width: 100%}.body-left .classifi li a{text-indent: 10px;color: #333;display: block;font-size: 14px}.body-left .classifi li{border-top: 1px dashed #999;line-height: 30px}.body-left .classifi li:first-child{border-top: none}.body-left .classifi ul{display: block;background: #fff;padding: 0 10px}.body-left .classifi .more{text-align: center;width: 80px;line-height: 35px;margin: 20px auto 0;display: block;color: #fff}.body-left .classifi .more:hover{filter:Alpha(opacity=60);opacity:0.6}.mt20{margin-top: 20px}.photo ul{margin-top: 15px}/*----面包屑模块----*/ .breadCrumb{color: #333;padding-bottom: 5px;border-bottom: 1px solid #ddd;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height:40px}.breadCrumb b{display: inline-block;padding: 0 10px;height: 40px;position:relative}.breadCrumb em{font-family: Arial;font-size: 14px;padding: 0 8px}.breadCrumb a{color:#333}.breadCrumb a:hover{color: #ddd !important}.breadCrumb a.pick{color:#333}/*---公告和搜索----*/ .notice{background:#eaeaea;border-bottom: 1px solid #cdcdcd}.notice .notice-box{position: relative;height: 40px;max-width:1030px;margin:0 auto;color:#333}.notice .notice-box ul{float: left;padding-left: 50px;width: 100%;font-size:12px;list-style:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}.notice .notice-box ul li{line-height:40px}.notice .notice-box ul li a{color: #333;display: block;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.notice .notice-box ul li .glyphicon{top:3px}.notice .notice-box .iconfont{position: absolute;top: 0;left: 10px;text-align: center;width: 40px;color:#333;line-height: 40px;font-size: 22px;height: 50px}.notice .notice-box .search input::-webkit-input-placeholder{color: #000 !important}.notice .notice-box .search input:-moz-placeholder{color: #000 !important}.notice .notice-box .search input::-moz-placeholder{color: #000 !important}.notice .notice-box .search input:-ms-input-placeholder{color: #000 !important}#mbNumber{bottom: 0 !important}/*--------------------产品列表---------------------------*/ .productBox{margin: 0 auto;padding-bottom:20px}.productBox .productUl{margin:0;padding: 0}.contentBox .productBox li{background: #fff;margin-left: 0.3% \9;margin-right: 0.3% \9;margin-top:15px;box-shadow:4px 5px 6px rgba(0,0,0,0.1);border-bottom: 1px solid #b0aeae}.contentBox .productBox li:nth-child(4n+1){margin-left: 0} .contentBox .productBox li:first-child{margin-left: 0.3% \9;margin-right: 0.3% \9}.productBox li .imgBox{padding:5px}.productBox li img{width: 100%}.productBox li a h5{line-height: 40px;font-size: 14px;color: #333;padding: 0 15px}.productBox li a:hover h5{color: #fff}.productBox .title{} /*--------------------------*/ @media screen and (max-width:1030px){.productBox{padding-bottom:20px}} @media screen and (max-width: 600px){.productBox .productUl li{width:49%;margin:10px 0 0 2%;margin:10px 0.5% \9}.productBox .productUl li:nth-child(2n+1){margin-left:0}} /* 横向放置的手机和竖向放置的平板之间的分辨率 四*/ @media screen and (max-width: 400px){.productBox .productUl li,.productBox .productUl li:nth-child(2n+1){width: 100%;margin:10px 0 0} } /*-----------------产品列表结束--------------------*/ /*----翻页模块----*/ .page{padding: 25px 0 0;text-align:center}.page .col-lg-3,.page .col-lg-9{float: none !important;width: auto;padding:0;margin:10px 0}.page .pagination{margin:0;padding-left:12px}.page .pagination > li > a{color:#666}.page .pagination > li:first-child > a, .pagination > li:first-child > span{border-bottom-left-radius: 0;border-top-left-radius: 0}.page .pagination > li:last-child > a, .pagination > li:last-child > span{border-bottom-right-radius: 0;border-top-right-radius: 0}.page .pagination > .active > a, .page .pagination > .active > span, .page .pagination > .active > a:hover, .page .pagination > .active > span:hover, .page .pagination > .active > a:focus, .page .pagination > .active > span:focus{background-color: #1e82c5;border-color:#1e82c5;color:#FFF}/*---友情链接----*/ .friendBox{line-height: 25px;text-align: center;color:#fff}.friendBox ul{padding: 0}.friendBox li{list-style-type:none;display: inline-block;margin:5px 15px 0 0}.friendBox li img{display: block;width: 72px;margin-bottom: 10px}.friendBox .contentBox{padding: 15px 0px 0}@media screen and (max-width:1030px){.friendBox .contentBox{padding: 15px}} /*-----------产品详情页---------------*/ .product-detail{float: left;width: 100%}.product-detail .col-md-5{width: 41.66666667%;float: left;padding: 0}.product-detail .col-md-7{width: 58.33333333%;float: right;padding-left: 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}.product-detail .thumbnail{margin-bottom:0;border-radius:0}.product-detail .thumbnail img{width:100%}.product-detail h2{font-size:16px;padding:4px 0 5px 20px;font-family:"宋体";margin:0}.fieldset-style{float: left;width: 100%;overflow:hidden;background: #fff;padding:0px 5px}.fieldset-style .div1{color:#666}.fieldset-style .div1 dl img{max-width:100%}.fieldset-style .div1 dl{overflow:hidden;margin-bottom:10px;margin-top:5px}.fieldset-style .div1 dl dt h3{margin-bottom:8px;height:30px;font-size: 16px;line-height:30px;display:block;font-size: 14px;color:#666}.fieldset-style .div1 dl dd{padding:5px;line-height:22px}@media screen and (max-width:600px){.product-detail .col-md-5,.product-detail .col-md-7{width: 100%;float: none}.product-detail .col-md-7{padding: 0}} /*-----------客户留言、留言反馈---------------*/ .message-box{margin-bottom:10px}.message-box .line-b{display: none}.message-list{padding: 0}.message-list dl{overflow:hidden;border: 1px dashed #ccc;background: #f1f1f1;margin-top: 15px}.message-list dl dt{font-family:"宋体";font-size:15px;line-height:30px;overflow:hidden;margin-bottom:10px;height:30px;padding:0 12px}.message-list dl dt b{font-weight:normal;color:#1e82c5}.message-list dl dt span{float:right;font-size:12px;color:#666}.message-list dl dd{margin:0 12px}.message-list dl dd p{font-size:13px;color:#666;padding-bottom:10px}.message-list dl dd p i{float:left;color:#1e82c5;padding-right:18px;font-size:18px} .message-list dl .time{padding-left:35px}blockquote{border-left: 5px solid #fff;margin: 0 0 20px;padding:0}blockquote small:before{content: ""}/*----公司资讯----*/ .list-box{padding:10px 0}.list-box li{line-height:24px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;color:#666}.list-box li a{color:#666}.list-box li span{display:none}.LeftBox.mt15{margin-top: 15px}/*-----------公司介绍---------------*/ .company-box{padding:5px 0}.company-box p{line-height:2.1em;color:#333}/*-----------网站地图---------------*/ .map-box{padding:0;margin-bottom:10px}.map dl{border-bottom:1px dashed #ccc;padding:12px;font-size:13px;margin:0px}.map dl:last-child{border-bottom:none}.map dl dt{float:left;color:#000}.map dl dd{display:inline;margin:0px}.map dl dd a{margin:0 10px 10px;float:left;color:#666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.map dl dd a:hover{color:#1e82c5} .map dl dd p{overflow:hidden}.map-box1{margin:15px 0;min-height:300px}/*----新闻资讯----*/ .BgP10{background: #fff;padding: 0 10px}.tab-box{overflow:hidden;padding-top:5px;padding:10px}.tab-box a{margin-right:10px;padding:5px 15px;display:inline-block;color:#333;margin-bottom:10px;background-color:#edece7}.tab-box a.Themebg:hover{color: #fff}.tab-box a:hover, .tab-box a.Themebg{color: #fff}.nlist-box{padding: 0 10px}.nlist-box li{height:35px;line-height:35px;overflow:hidden;color:#666;border-bottom:1px solid #CCC;position: relative}.nlist-box li:before{content:"● ";padding-right:5px;position: absolute;left: 0px;top: 0px}.nlist-box li a{color:#666;display: block;width: 80%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;padding-left: 15px}.nlist-box li span{color:#666;display:block;position: absolute;right: 0px;top: 0px}/* 横向放置的手机和竖向放置的平板之间的分辨率 四*/ @media screen and (max-width: 480px){a.a-btn + a{margin-bottom:8px}.nlist-box li span{display:none}} /* 的手机的分辨率一*/ @media screen and (max-width: 360px){/*产品列表*/ .table-02.table-02-b th{width:85px;line-height:20px;color:#1e82c5}.table-02-b td{line-height:20px}.table-02 th{width:80px;color:#1e82c5}} /*相关产品*/ .p_artlelist h3{height: 40px;margin: 0 0 10px;line-height: 24px}.menu{background: url(http://static.files.mozhan.com/Public/Images/Theme40/header.jpg) repeat-x}.menu .HeaderBox .logo{padding: 5px 10px;float: left}.menu .HeaderBox .logo .h3{margin: 0;padding: 0} .menu .HeaderBox .logo img{max-height: 100px}.column{margin: 0px}/*-------------------*/ /*搜索*/ .navbar-form{padding:0;position: absolute;right: 0;top: 50%;height:32px;margin:-16px 0 0 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}.navbar-form .form-control{height: 32px;line-height: 32px;padding:0 12px !important;border-radius:4px 0 0 4px;border-right:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}.navbar-form .btn{padding: 6px 12px}.navbar-form .btn-search{border-radius:0}.navbar-form .btn-group,.navbar-form .form-group{float: right} .navbar-form .dropdown-menu{min-width: 108px}.navbar-form .btn-danger{border: none;box-shadow:0 0 1px rgba(0,0,0,.3) inset}/*menu*/ .menu .HeaderBox{padding: 0}.menu .menuBg{background: #3d4144;position: absolute;bottom: 0;left: 0;width: 100%;height: 37px}.menu .menuBg:before{content: '';display: block;width: 100%;height: 4px}.menu .menuBg i{position: absolute;top: 0;left: 0;width: 100%;height: 4px;z-index: 2;background: #000;filter:Alpha(opacity=30);opacity:0.3}.menu .NavBox_d{position: relative}.menu .NavBox_d .contentBox{z-index: 10;height: 50px}.menu .NavBox_d .contentBox:after,.menu .NavBox_d .contentBox:before{content: '';position: absolute;left:-13px;top:0;z-index: 2;border-color: transparent transparent #3d4144 transparent;border-style: dashed dashed solid dashed;border-width:0 0 13px 13px}.menu .NavBox_d .contentBox:before{left:auto;right:-13px;border-width:0 13px 13px 0}.menu .NavBox ul{padding:0;margin:0;width:100%}.menu .navbar-nav > li{float: left;width:12.5%;padding:0;position:relative}.menu .navbar-nav > li a{display: block;font-size:14px;padding: 0 20px;color:#fff;line-height:50px;position: relative}.menu .navbar-nav > li a:hover i{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background:#000;filter:Alpha(opacity=20);opacity:0.2}.menu .navbar-nav > li a:before{content: '';position: absolute;left:-4px;top: 15px;width: 1px;height: 20px;background: #fff}.menu .navbar-nav > li:first-child a:before{display: none}.menu .navbar-nav > li a:hover,.menu .navbar-nav > li.active a{color: #fff;background: none}.menu .navbar-nav > li a:focus{background: none !important} .menu .nav > li{display:inline-block;position: relative}.menu .nav > li:hover ul{display: block}.menu .nav > li .Triangle:after{content: '';display: inline-block;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top:6px solid red}.menu .nav > li ul{width: 100%;display: none;padding: 0;box-shadow:1px 1px 4px 0 rgba(0,0,0,.4);position: absolute;left:0;top: 50px;z-index: 99}.menu .nav > li ul li{line-height: 40px;text-align: center;width:100%;margin-top: 1px}.menu .nav > li ul li a{font-size: 12px;color: #fff;display: block;text-align: center;margin: 0 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap} .menu .nav > li ul li a:hover{text-decoration: none}.menu .navbar-nav > li > a{padding:0 18px;line-height:50px;font-size:12px;color:#fff;text-align: center}.menu .navbar-nav > li > a.active, .menu .navbar-nav > li > a:hover, .menu .navbar-nav > li > a:focus{background-color: transparent;color: #e8603c}.menu .navbar-nav > li > a.active{background-image:none;-webkit-box-shadow: none;box-shadow: none}.NavBtn{display:none;text-align:center;overflow: hidden}/*没有辅助色的时候加*/ .menu .nav > li ul li:hover{opacity: .80;filter:Alpha(opacity=80)}/*--下拉菜单倒三角--*/ .menu .nav > li .Triangle:after{position: absolute;right: 5px;top:22px}/*-------------------*/ /* 小屏幕 一*/ /* 小屏幕 二*/ @media screen and (max-width:980px){.navbar-form,.menu .menuBg{display: none !important}.menu .HeaderBox{width:100%;border: none;height:auto;position: relative}.menu .HeaderBox .logo{position: static;float: left;margin:0;height: auto;padding: 0 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}.menu .HeaderBox .logo .h3{line-height: 35px}.menu .HeaderBox .logo img{height:40px}/*--------------------------*/ /*--------------------------*/ .NavBtn{display: block;-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background-color: #f5f5f5;background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat: repeat-x;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #b3b3b3;border-image: none;border-radius: 4px;border-style: solid;border-width: 1px;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);color: #333333;font-size: 14px;line-height: 20px;text-align: center;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);cursor: pointer;padding: 6px 11px;vertical-align: middle;position: absolute;right: 15px;top: 50%;margin-top:-18px;z-index: 10}.NavBtn .icon-bar{background-color: #e8603c;border-radius: 1px;box-shadow: 0 0 0 rgba(0, 0, 0, 0.25);display: block;height: 2px;width: 18px;margin:4px 0}.NavBtn:hover .icon-bar{background-color: #333}/*响应按钮*/ .menu{height:auto}.menu .navbar-brand{padding:10px}.menu .navbar-brand img{height: 40px}.menu .navbar-header{border-top:5px solid #e8603c;float: none;width:100%}.menu .NavBox_d{display: none}} /*-------------------------------------公共样式------------------------------------*/ .contentBox{max-width:1030px;margin:0 auto;position: relative}@media screen and (max-width: 1030px){.contentBox{padding:0 15px}} a:hover,a:focus{text-decoration: none}.cl{clear:both}.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex } .Animation{-webkit-transition: all .4s ease-in-out 0s;-moz-transition: all .4s ease-in-out 0s;-ms-transition: all .4s ease-in-out 0s;transition: all .4s ease-in-out 0s}/*title*/ .titleBox{height: 40px;font-size: 18px;color: #fff;margin: 15px 0;position: relative}.titleBox:before,.titleBox:after{content: '';position: absolute;left: 0;top:10px;z-index: 1;width: 100%;height: 15px;background: #3d4144} .titleBox:after{height: 3px}.titleBox .titleDiv{display:inline-block;position: relative;max-width: 70%} .titleBox .titleDiv:after{content: '';position:absolute;top:0px;right: -10px;display:inline-block;width: 0;height: 0;border-color: transparent transparent #3d4144 transparent;border-style: dashed dashed solid dashed;border-width:0 10px 10px 0;z-index: 10}.titleBox .title{position:relative;z-index: 2;padding:0 20px;color: #fff;display: inline-block;line-height: 40px;max-width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}@media screen and (max-width: 600px){.titleBox{margin: 15px 0 10px;font-size:16px}} .btnMore{background: #3d4144;position: absolute;right: 0;bottom: 0;z-index: 3;color: #fff;padding: 0 20px;display: block;text-align: center;font-size: 12px;line-height:27px}/*-----------------tpl样式--------------------*/ .tpl_two .titleBox{margin: -10px 0 15px 0}.tpl_three,.tpl_five{background: #f6f6f6}.tpl_four .video iframe{height: 142px}@media screen and (max-width: 600px){.tpl_four .col-md-6{padding: 0}} .carousel{margin: 0}.bannerBox{position: relative}.banner .carousel-control{background: none}/*----banner---原点-*/ .bannerEffect .tp-bullets.simplebullets.round .bullet{width: 10px;height:10px;border-radius: 30px;margin: 0 5px}/*-----------<关于我们>---------------*/ .about .aboutBox{position: relative;padding-bottom: 20px}.about .aboutBox .company-box{font-size:14px;color: #333 !important;margin:0 auto;font-family: '宋体';line-height:20px;overflow: hidden}.about .aboutBox .company-box .textAbout{max-height:200px;overflow: hidden}.about .aboutBox .company-box .imgBox{width:240px;float: left;margin:0 20px 10px 0;border: 3px solid #fff;box-shadow:1px 1px 4px rgba(0,0,0,.3)}.about .aboutBox .company-box .imgBox img{max-width: 100%}/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/ @media screen and (max-width: 600px){.about .aboutBox .company-box .textAbout{max-height:200px;display: block}.about .aboutBox .company-box .imgBox{float: none;text-align: center;margin: 0 auto 15px auto}.about .aboutBox .company-box .imgBox img{width: auto;max-width: 100%;margin:0 auto}} /*-----------<关于我们>---------------*/ .contact .contactBox{position: relative;padding-bottom: 20px}.contact .contactBox .company-box{font-size: 14px;padding-right: 114px;color: #333 !important;margin:0 auto;font-family: '宋体';line-height:28px;max-height:142px;overflow: hidden}.contact .contactBox .company-box p{margin: 0} .contact .contactBox .company-box .first{padding:11px 0}.contact .contactBox .company-box .first a{font-size: 18px}.contact .contactBox .company-box .first a b{color: #ff6600 !important;margin-right: 10px}.contact .contactBox a.ThemeFborder{border: 1px solid #000;border-radius:30px;display: inline-block;margin-top: 20px;padding: 10px 30px;color: #fff}@media screen and (max-width: 400px){.contact .contactBox .company-box{background: none;padding-right: 0}}/*-----------<最新资讯>---------------*/ .article .articleBox{position: relative;padding-bottom: 20px}.article .articleBox .company-box{font-size: 14px;max-height:142px;margin:0 auto;font-family: '宋体';line-height:20px;overflow: hidden} .article .company-box ul{padding: 0} .article .company-box ul li{height: 28px;line-height: 28px;border-bottom: 1px dashed #898989}.article .company-box li a{display:inline-block;color:#333;padding-right:70px;position: relative;z-index:2;text-align: left;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}.article .company-box li a:hover,.article .company-box li a:hover .time{color: #ddd !important}.article .company-box li h3{font-size: 12px;line-height: 28px;margin:0}.article .company-box li .time{font-size: 12px;position: absolute;right: 0;top:0;height: 28px;line-height: 28px;color: #828282}@media screen and (max-width: 600px){.article .articleBox .company-box{max-height:146px}} /* 横向放置的手机和竖向放置的平板之间的分辨率 三*/ /*--------------------------*/ .articleLabelBox{padding-bottom: 20px}.articleLabelBox ul{padding: 0;margin: 0 auto;overflow: hidden;max-height: 147px}.articleLabelBox li{border: 1px solid #cbcbcb;margin-bottom: 100px;list-style-type:none;background:#fff;float: left;width:18.88%;margin-left: 1.4%;margin:0 0.56% /9;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}.articleLabelBox li:first-child{margin-left: 0;margin:0 0.56% /9}.articleLabelBox li a{display: block;border: 1px solid #fff;position: relative}.articleLabelBox li a img{width: 100%}.articleLabelBox li a span{background: #000;filter:Alpha(opacity=60);opacity:0.6;width: 100%;font-size: 12px;margin: 0;color: #fff;position: absolute;bottom: 0;left: 0;line-height: 35px;padding: 0 5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}@media screen and (max-width:1030px){.articleLabelBox{padding-bottom:20px}} /* 横向放置的手机和竖向放置的平板之间的分辨率 三*/ @media screen and (max-width: 600px){.articleLabelBox ul{max-height: 100%}.articleLabelBox li{width: 49%;margin-top:10px;margin-bottom: 0;margin-left: 2%} .articleLabelBox li:first-child,.articleLabelBox li:nth-child(2n+1){margin-left: 0} } @media screen and (max-width:360px){.articleLabelBox li{width:100%;margin-left: 0}} /*产品列表*/ .productBox{margin: 0 auto;padding-bottom:20px}.productBox .productUl{margin:0;padding: 0}.productBox li{background: #fff;box-shadow:4px 5px 6px rgba(0,0,0,0.1);border-bottom: 1px solid #b0aeae}.productBox li .imgBox{padding:5px;display: block}.productBox li img{width: 100%}.productBox li a .overflow{display: block;line-height: 40px;font-size: 14px;color: #333;padding: 0 15px}.productBox li a:hover .overflow{color: #fff}/*--------------------------*/ @media screen and (max-width: 600px){.productBox .productUl li{width:49%;margin:10px 0 0 2%;margin:10px 0.5% \9}.productBox .productUl li:nth-child(2n+1){margin-left:0}} /* 横向放置的手机和竖向放置的平板之间的分辨率 四*/ @media screen and (max-width: 400px){.productBox .productUl li,.productBox .productUl li:nth-child(2n+1){width: 100%;margin:10px 0 0} } /*---友情链接----*/ .friendBox{line-height: 25px;text-align: center;color:#fff}.friendBox ul{padding: 0}.friendBox li{list-style-type:none;display: inline-block;margin:5px 15px 0 0}.friendBox li img{display: block;width: 72px;margin-bottom: 10px}.friendBox li a{color:#fff}.friendBox .contentBox{padding: 15px 0px 0}@media screen and (max-width:1030px){.friendBox .contentBox{padding: 15px}}/*---footer----*/ .footerBox{color: #fff;text-align: center}.footers .footerBox .footersInformation a{margin-right:10px;word-break: break-all;word-wrap:break-word}.footers .footerBox a:hover{color: #333 !important;text-decoration: none}.footers .footerBox a.Themefont{color: #fff !important}.footers .footerBox p{color: #fff;padding:0;font-size:12px;line-height:20px}.footers .contentBox{padding: 15px 0;position:relative} .footers .qr .Big{width: 102px;height: 102px;bottom: auto;top: 0}@media screen and (max-width:480px){.footers .contentBox{padding: 15px 0}} #hlk_chat_panel a, #hlk_chat_panel button, #hlk_chat_panel p, #hlk_chat_panel ul, #hlk_chat_panel li { padding: 0; margin: 0; list-style: none; outline: none; text-decoration: none } #hlk_chat_panel *::-webkit-scrollbar { width: 6px; background-color: transparent; } #hlk_chat_panel *::-webkit-scrollbar-thumb { background-color: #c3c3c3; border-radius: 4px; } #hlk_chat_panel { /* width: 560px; margin: 20px auto; */ color: #333; font-size: 14px; } @keyframes breath { from { opacity: 0.1; } 50% { opacity: 1; } to { opacity: 0.1; } } @keyframes record-breath { from { color: #ed5f00; } 50% { color: #fff; } to { color: #ed5f00; } } #hlk_chat_panel .chat-human { background-image: none !important; } #hlk_chat_panel .chat-human .cicon-chat::before { font-size: 4.80vw; color: #fff; } #hlk_chat_panel .mobile .chat-human .cicon-chat::before { font-size: 9.60vw; color: #fff; } #hlk_chat_panel .chat-robot-bubble { position: fixed; z-index: 9999; max-width: 260px; } #hlk_chat_panel .mobile .chat-robot-bubble { max-width: 66.67vw; } #hlk_chat_panel .chat-robot-bubble .talk-bubble { text-align: left; } #hlk_chat_panel .emoji-img { width: 20px; height: 20px; } @-webkit-keyframes robotWave { 0% { box-shadow: 0 0 0 0px rgba(7, 114, 255, 0.3), 0 0 0 2px rgba(7, 114, 255, 0.1); } 25% { box-shadow: 0 0 0 2px rgba(7, 114, 255, 0.3), 0 0 0 6px rgba(7, 114, 255, 0.1); } 50% { box-shadow: 0 0 0 4px rgba(7, 114, 255, 0.3), 0 0 0 10px rgba(7, 114, 255, 0.1); } 75% { box-shadow: 0 0 0 6px rgba(7, 114, 255, 0.3), 0 0 0 14px rgba(7, 114, 255, 0.1); } 100% { box-shadow: 0 0 0 8px rgba(7, 114, 255, 0.3), 0 0 0 16px rgba(7, 114, 255, 0.1); } } @keyframes robotWave { 0% { box-shadow: 0 0 0 0px rgba(7, 114, 255, 0.3), 0 0 0 2px rgba(7, 114, 255, 0.1); } 25% { box-shadow: 0 0 0 2px rgba(7, 114, 255, 0.3), 0 0 0 6px rgba(7, 114, 255, 0.1); } 50% { box-shadow: 0 0 0 4px rgba(7, 114, 255, 0.3), 0 0 0 10px rgba(7, 114, 255, 0.1); } 75% { box-shadow: 0 0 0 6px rgba(7, 114, 255, 0.3), 0 0 0 14px rgba(7, 114, 255, 0.1); } 100% { box-shadow: 0 0 0 8px rgba(7, 114, 255, 0.3), 0 0 0 16px rgba(7, 114, 255, 0.1); } } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } #hlk_chat_panel .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: unset; filter: none; transition: all 1s; } #hlk_chat_panel .ui-chat-common-btn { /* background: -webkit-linear-gradient(to bottom, #007cf8, #03b0e6); background: -moz-linear-gradient(to bottom, #007cf8, #03b0e6); background: -ms-linear-gradient(to bottom, #007cf8, #03b0e6); background: -o-linear-gradient(to bottom, #007cf8, #03b0e6); background: linear-gradient(to bottom, #007cf8, #03b0e6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007cf8', endColorstr='#03b0e6'); */ background: #3e84f1; padding: 6px 14px; font-size: 12px; color: #fff; border-radius: 4px; font-size: 12px; border: none; outline: none; display: block; cursor: pointer; } #hlk_chat_panel .scroll-smooth { scroll-behavior: smooth; -ms-scroll-chaining: chained; -ms-overflow-style: none; -ms-content-zooming: zoom; -ms-scroll-rails: none; -ms-content-zoom-limit-min: 100%; -ms-content-zoom-limit-max: 500%; -ms-scroll-snap-type: proximity; -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%); -ms-overflow-style: none; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__bounceIn { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } /* Sliding exits */ @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .animate__slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } .animate__slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } #hlk_chat_panel .chat-video-wrap { min-width: 220px; min-height: 400px; /* top: 50%; left: 50%; transform: translate(-50%, -50%); */ position: fixed; z-index: 9999999; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } #hlk_chat_panel .chat-video-controls { width: 110px; height: 26px; margin: auto; border-radius: 3px; background: rgba(0, 0, 0, .5); left: 50%; top: 100%; transform: translate(-50%, -100%); z-index: 99; position: absolute; display: none; } #hlk_chat_panel .chat-video-wrap:hover .chat-video-controls { display: block; } #hlk_chat_panel .chat-video-control { width: 36px; height: 26px; float: left; line-height: 26px; text-align: center; cursor: pointer; border-right: 1px solid #f1f1f1; } #hlk_chat_panel .chat-video-control:hover { background: rgba(0, 0, 0, .6); } #hlk_chat_panel .chat-video-control:first-child { border-radius: 3px 0 0 3px; } #hlk_chat_panel .chat-video-control:last-child { border-radius: 0 3px 3px 0; border: none; } #hlk_chat_panel .chat-video-control [class^="cicon-"]:before { color: #fff; font-size: 18px; font-weight: bold; } .image-preview-wrap { background: rgba(0, 0, 0, .4); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000 } .image-preview-wrap._hide { display: none; } #hlk_chat_panel .slider-slide img{ max-width: 500px; } #hlk_chat_panel .simple-slider .slider-slide { float: none; }/* project id 2286903 */ @font-face { font-family: 'chatfont'; /* project id 2286903 */ src: url('//at.alicdn.com/t/font_2286903_iwm3kvjifxq.eot'); src: url('//at.alicdn.com/t/font_2286903_iwm3kvjifxq.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_2286903_iwm3kvjifxq.woff2') format('woff2'), url('//at.alicdn.com/t/font_2286903_iwm3kvjifxq.woff') format('woff'), url('//at.alicdn.com/t/font_2286903_iwm3kvjifxq.ttf') format('truetype'), url('//at.alicdn.com/t/font_2286903_iwm3kvjifxq.svg#chatfont') format('svg'); } #hlk_chat_panel [class*=" cicon-"]:before, #hlk_chat_panel [class^="cicon-"]:before { font-family: "chatfont" !important; color: #333333; font-size: 14px; font-style: normal; } .cicon-emoji:before { content: '\e810' } .cicon-thumb:before { content: '\e826' } .cicon-service:before { content: '\e61c' } .cicon-del:before { content: '\e628' } .cicon-sound:before { content: '\e7ec' } .cicon-voice:before { content: '\e94d'; } .cicon-mute:before { content: '\e7ef'; } .cicon-image:before { content: '\e63f'; } .cicon-close:before { content: '\e603'; } .cicon-qrcode:before { content: '\e668'; } .cicon-service:before { content: '\e658'; } .cicon-back:before { content: '\e7e0'; } .cicon-more:before { content: '\e60d'; } .cicon-quickly:before { content: '\e61a'; } .cicon-pause:before { content: '\e60b'; } .cicon-play:before { content: '\e7c3'; } .cicon-video:before { content: '\e68b' } .cicon-prev:before { content: '\e65f'; } .cicon-next:before { content: '\e615'; } .cicon-close-circle:before { content: '\e632'; } .cicon-home:before { content: '\e67a'; } .cicon-telephone:before { content: '\e739'; } .cicon-msg-fail:before { content: '\e745'; } .hide[sss3a261016] { display: none; } .fadeIn[sss3a261016] { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .fadeOut[sss3a261016] { -webkit-animation-name: fadeOut; animation-name: fadeOut; } .ui-chat-panel[sss3a261016] { position: fixed; z-index: 9999; background: #fff; box-shadow: 2px 0 18px rgba(204, 204, 204, .44) } .ie-border[sss3a261016] { border: 1px solid #ccc; } ._clear[sss3a261016]:after, ._clear[sss3a261016]:before { content: ''; display: block; visibility: hidden; clear: both; } .chat-panel-head[sss3a261016] { background: #0f92fd; padding: 11px 15px; font-size: 18px; line-height: 18px; font-weight: bold; } .chat-panel-head span[sss3a261016] { float: left; color: #fff; } .ui-chat-online-state[sss3a261016] { font-size: 12px; background: #42db2a; border-radius: 4px; line-height: 12px; font-weight: normal; padding: 3px; margin-left: 5px } .ui-panel-btns[sss3a261016] { position: absolute; right: 10px; top: 6px; } .chat-panel-close[sss3a261016] { display: inline-block; } .panel-voice[sss3a261016] { display: inline-block; margin-right: 5px } #hlk_chat_panel .ui-panel-btns button[sss3a261016] { border: none; background: none; cursor: pointer; } #hlk_chat_panel .ui-panel-btns i[sss3a261016]:before { color: #fff; height: 30px; line-height: 30px; font-size: 20px; font-weight: 600 } .ui-chat-left[sss3a261016] { float: left; width: 350px; position: relative; } .chat-panel-toast[sss3a261016] { position: absolute; top: 0; left: 0; height: 22px; line-height: 22px; font-size: 12px; color: #fff; width: 100%; text-indent: 10px; z-index: 999; } .chat-panel-toast.text[sss3a261016] { background: #9ecaef; } .chat-panel-toast.success[sss3a261016] { background: #53d389; } .chat-panel-toast.warn[sss3a261016] { background: #f9c16e; } .chat-panel-toast.error[sss3a261016] { background: #fc431d; } .chat-panel-typing[sss3a261016] { position: absolute; padding: 5px 10px; background: rgba(0, 0, 0, .4); z-index: 999; top: 315px; left: 10px; color: #fff; border-radius: 5px; font-size: 12px; line-height: 12px } .ui-input-panel[sss3a261016] { border-right: 1px solid #f2f2f2; } .ui-chat-toolbar[sss3a261016] { border-top: 1px solid #f2f2f2; padding: 5px 10px 5px; position: relative; } #hlk_chat_panel .chat-tool-item[sss3a261016] { border: none; background: none; cursor: pointer; display: inline-block; margin-right: 5px; height: 22px; line-height: 22px; padding: 0; } #hlk_chat_panel .chat-tool-item[sss3a261016]:before { font-size: 22px; color: #999 } .chat-robot-wrap[sss3a261016] { position: fixed; z-index: 9999; right: 40px; bottom: 100px; width: 66px; height: 66px } .chat-robot[sss3a261016] { width: 52px; height: 52px; border-radius: 50%; background: #0773ff; background-size: cover; background-repeat: no-repeat; box-shadow: 0 0 0 8px rgba(7, 114, 255, 0.3), 0 0 0 16px rgba(7, 114, 255, 0.1); transition: all 50ms step-end; line-height: 52px; cursor: pointer; position: relative; } .robot-wave[sss3a261016] { -webkit-animation-name: robotWave; animation-name: robotWave; animation-iteration-count: infinite } .mobile .chat-robot[sss3a261016] { width: 13.87vw; height: 13.87vw; box-shadow: 0 0 0 1.07vw rgba(7, 114, 255, 0.3), 0 0 0 2.13vw rgba(7, 114, 255, 0.1); line-height: 13.87vw; } .ui-chat-right[sss3a261016] { float: left; width: 210px; } .chat-robot-popup[sss3a261016] { background: -webkit-linear-gradient(to right, #07a5ff, #0054fe); background: -moz-linear-gradient(to right, #07a5ff, #0054fe); background: -ms-linear-gradient(to right, #07a5ff, #0054fe); background: -o-linear-gradient(to right, #07a5ff, #0054fe); background: linear-gradient(to right, #07a5ff, #0054fe); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#07a5ff', endColorstr='#0054fe', GradientType=1); width: 276px; position: absolute; left: -240px; bottom: 100px; border-radius: 5px; padding-top: 15px } .chat-robot-popup[sss3a261016]:after { content: ''; display: block; position: absolute; border: 14px solid transparent; border-right-color: #0054fe; bottom: -14px; right: 15px; } .chat-robot-popup-bg[sss3a261016] { position: absolute; width: 131.5px; height: 42px; background: url('//img-weimao.oss-cn-shanghai.aliyuncs.com/web/img/tip-bg.png'); background-size: contain; top: -20px; left: 10px } .chat-robot-popup-mute[sss3a261016] { position: absolute; background: rgba(255, 255, 255, .4); width: 18px; height: 18px; line-height: 18px; text-align: center; top: 5px; right: 8px; border-radius: 50%; } .chat-robot-popup-mute button[sss3a261016] { border: none; background: none; cursor: pointer; } .chat-robot-popup-mute i[sss3a261016]:before { color: #fff; font-size: 14px; } .chat-robot-popup-text[sss3a261016] { color: #fff; line-height: 20px; font-size: 13px; padding: 14px; } #hlk_chat_panel .ui-chat-common-btn.chat-send-btn[sss3a261016] { position: absolute; bottom: 5px; right: 10px; } #hlk_chat_panel .ui-chat-common-btn.chat-send-btn.disable[sss3a261016] { background: #dadada; color: #fff; } .chat-quick-channel[sss3a261016] { left: 50%; top: 50%; margin: -158px 0 0 -175px; position: fixed; z-index: 9999999; background: #f4f5f6; width: 350px; height: 316px; box-shadow: 2px 0 18px #aaa; } .chat-quick-channel-header[sss3a261016] { padding: 0 15px; height: 46px; background: #0b92fd } #hlk_chat_panel .chat-quick-channel-close[sss3a261016] { border: none; background: none; cursor: pointer; float: left; width: 26px; height: 26px; margin-top: 9px } #hlk_chat_panel .chat-quick-channel-close .cicon-close-circle[sss3a261016]:before { font-size: 26px; color: #fff; } #hlk_chat_panel .chat-quick-channel-official[sss3a261016] { float: right; width: 90px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #0f7ddb; border-radius: 8px; font-size: 12px; margin-top: 7px; cursor: pointer; } #hlk_chat_panel .chat-quick-channel-official .cicon-home[sss3a261016]:before { font-size: 14px; color: #fff } .chat-quick-channel-body[sss3a261016] { padding: 15px; } .chat-quick-channel-avatar[sss3a261016] { width: 68px; height: 68px; display: block; margin: auto; border: 2px solid #fff; border-radius: 8px } .chat-quick-channel-desc[sss3a261016] { font-size: 16px; font-weight: bold; height: 48px; line-height: 48px; text-align: center } .chat-quick-channel-input-wrap[sss3a261016] { height: 48px; line-height: 48px; border-radius: 8px; background: #fff; box-shadow: 2px 0 18px #eee; } .chat-quick-channel-input-icon[sss3a261016] { float: left; width: 42px; height: 30px; line-height: 30px; text-align: center; margin-top: 9px; border-right: 1px solid #d4ebff; } #hlk_chat_panel .chat-quick-channel-input-icon .cicon-telephone[sss3a261016]:before { color: #94cbfc; font-size: 18px; } .chat-quick-channel-input-wrap input[sss3a261016] { width: 225px; height: 30px; font-size: 14px; margin: 0 15px; padding: 0; outline: none; border: none; } #hlk_chat_panel .chat-quick-channel-button[sss3a261016] { background: #0082f6; font-size: 14px; color: #fff; border: none; width: 100%; height: 48px; line-height: 48px; border-radius: 8px; cursor: pointer; margin-top: 20px } #hlk_chat_panel .chat-quick-channel-button[sss3a261016]:hover { background: #0773ff; } #hlk_chat_panel .chat-quick-channel-button.disabled[sss3a261016], #hlk_chat_panel .chat-quick-channel-button.disabled[sss3a261016]:hover { background: #c1c1c1; } #hlk_chat_panel .chat-message[sss3a261016] { position: fixed; top: 10px; left: 50%; transform: translateX(-50%); z-index: 99999999; color: #fff; border-width: 1px; border-style: solid; border-radius: 3px; padding: 5px 20px; line-height: 24px; font-size: 12px; } .chat-message.success[sss3a261016] { background: #53d389; } .chat-message.warn[sss3a261016] { background: #f9c16e; } .chat-message.error[sss3a261016] { background: #fc431d; } .no-support-wrap[sss3a261016] { position: relative; width: 0; height: 0; font-size: 0; } .no-support[sss3a261016] { background: rgba(0, 0, 0, .5); color: #fff; position: absolute; top: 40px; width: 350px; height: 470px; z-index: 99; font-size: 22px; text-align: center; } #hlk_chat_panel .no-support p[sss3a261016] { margin-top: 50%; -ms-transform: translateY(50%); } .chat-suggest-list { position: absolute; left: 10px; bottom: 96px; max-height: 210px; overflow-y: auto; overflow-x: hidden; background: #fff; z-index: 9998; border: 1px solid #eee; border-radius: 5px; box-shadow: 2px 0 18px rgba(204, 204, 204, .44) } #hlk_chat_panel .mobile .chat-suggest-list { max-height: 50vh; left: 2.67vw; bottom: 11.47vw; border-radius: 0.80vw; box-shadow: 0.27vw 0 2.40vw rgba(204, 204, 204, .44) } .chat-suggest-item { width: 300px; padding: 0 15px; height: 42px; border-bottom: 1px solid #eee } #hlk_chat_panel .mobile .chat-suggest-item { width: 94.67vw; padding: 0; height: 9.60vw; } .chat-suggest-item:last-child { border: none; } #hlk_chat_panel .chat-suggest-item a { display: block; padding: 0 15px; height: 42px; line-height: 42px; font-size: 14px; color: #333; } #hlk_chat_panel .mobile .chat-suggest-item a { padding: 0 4.00vw; height: 9.60vw; line-height: 9.60vw; font-size: 3.73vw; } .chat-suggest-item a em { color: #0067e9; font-style: normal } #hlk_chat_panel .chat-suggest-item a:hover { background: #e8f0fc; } #__previewImage-container { -ms-touch-action: none; touch-action: none; -webkit-touch-action: none; line-height: 100vh; background-color: #000; width: 100vw; height: 100vh; position: fixed; overflow: hidden; top: 0; left: 0; z-index: 2147483647; transition: transform .3s; -ms-transition: transform .3s; -moz-transition: transform .3s; -webkit-transition: transform .3s; -o-transition: transform .3s; transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0) } #__previewImage-container .previewImage-text { position: absolute; top: .6em; text-align: center; font-size: 18px; line-height: 25px; color: #fff; z-index: 10; padding: 0.2em 0.4em; background-color: rgba(255, 255, 255, 0.4); border-radius: 5px; letter-spacing: 0; right: .8em } #__previewImage-container .previewImage-text .previewImage-text-index { font-size: 24px; } #__previewImage-container .previewImage-box { width: 999999rem; height: 100vh } #__previewImage-container .previewImage-box .previewImage-item { width: 100vw; height: 100vh; margin-right: 15px; float: left; text-align: center; } #__previewImage-container .previewImage-box .previewImage-item.previewImage-nobackground { background: none } #__previewImage-container .previewImage-box .previewImage-item .previewImage-image { vertical-align: middle; max-width: 100% } #__previewImage-container .previewImage-prev, #__previewImage-container .previewImage-next { position: fixed; left: 20px; top: 50%; font-family: "chatfont" !important; transform: translateY(-50%); width: 48px; height: 48px; line-height: 48px; background-color: rgba(0, 0, 0, .3); color: #fff; font-size: 38px; font-weight: bolder; text-align: center; cursor: pointer; z-index: inherit; border-radius: 5px } #__previewImage-container .previewImage-next { right: 20px; left: unset; } #__previewImage-container .previewImage-prev.disable, #__previewImage-container .previewImage-next.disable { color: #333; cursor: default; } #hlk_chat_panel .ui-emoji-panel[sssc8cf98ec] { background: #fff; border: 1px solid #aaa; border-radius: 6px; user-select: none; position: absolute; bottom: 40px; left: 18px; height: 256px; overflow-y: auto } #hlk_chat_panel .emoji-list[sssc8cf98ec] { width: 320px; height: 320px; border-radius: 6px; /*overflow-y: auto*/ } #hlk_chat_panel .emoji-item[sssc8cf98ec] { float: left; margin: 0; /*border: 1px solid #eee; border-width: 0 1px 1px 0;*/ cursor: pointer; width: 32px; height: 32px; font-size: 12px } /*移动端*/ #hlk_chat_panel .mobile .ui-emoji-panel[sssc8cf98ec] { background: #f8f8f8; border: 0; border-radius: 0; user-select: none; position: relative; bottom: 0; left: 0; width: 100%; height: 53.33vw; overflow-y: scroll; } #hlk_chat_panel .mobile .emoji-list[sssc8cf98ec] { width: 100%; padding: 0 0 10vw; border-radius: 0; display: flex; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; overflow-y: unset; /*height: auto;*/ background-size: contain; background-repeat: no-repeat } #hlk_chat_panel .mobile .emoji-item[sssc8cf98ec] { float: none; margin: 0; /*background: #f8f8f8;*/ border: 0; cursor: pointer; /*padding: 10rpx;*/ font-size: 3.20vw; width: 10%; height: 0; padding-bottom: 10%; } /*#hlk_chat_panel .mobile .emoji-item img { width: 70rpx; height: 70rpx; display: block; }*/ .emoji-tools[sssc8cf98ec] { position: fixed; bottom: 0; right: 0; /*background: #f8f8f8;*/ padding: 0 1.07vw 1.33vw 1.33vw; } .emoji-tool-btn[sssc8cf98ec] { width: 10.67vw; height: 8.00vw; line-height: 8.00vw; font-weight: bold; border-radius: 1.33vw; text-align: center; color: #333; background: #fff; margin-right: 1.60vw!important; border: none; outline: none; float: left; } .emoji-tool-btn.tool-btn-del[sssc8cf98ec] { font-family: chatfont; font-style: normal; font-size: 6.40vw } .emoji-tool-btn.tool-btn-send[sssc8cf98ec] { color: #fff; background: #21ba45; font-size: 3.73vw } .ui-message-panel[sss6734436a] { height: 340px; background: #f4f6f9 } #hlk_chat_panel .mobile .ui-message-panel[sss6734436a] { height: 48.00vw; position: relative; display: block; box-sizing: border-box; overflow-x: hidden; overflow-y: visible; background: #f5f7f8 } #hlk_chat_panel .message-list[sss6734436a] { width: auto; height: 300px; padding: 10px 10px 30px; overflow-y: auto; } #hlk_chat_panel .message-list[sss6734436a]:after { content: ''; clear: both; display: block } #hlk_chat_panel .mobile .message-list[sss6734436a] { height: auto; padding: 2.67vw; } .message-list li[sss6734436a] { clear: both; } .message-list li[sss6734436a]:before, .message-list li[sss6734436a]:after { content: ''; clear: both; visibility: hidden; width: 1px; height: 1px; line-height: 1px; } .mb15[sss6734436a] { margin-bottom: 15px } .message-item[sss6734436a] { max-width: 240px; border-radius: 6px; background: #fff; padding: 7px 10px; display: inline-block; position: relative; line-height: 24px; margin: 15px 0 0; box-shadow: 2px 0 8px rgba(204, 204, 204, .44); } #hlk_chat_panel .mobile .message-item[sss6734436a] { background: #3e84f1; color: #fff; max-width: 67.20vw; border-radius: 1.60vw; padding: 1.87vw 2.67vw; line-height: 6.40vw; margin: 4.00vw 0 0; box-shadow: 0.53vw 0 2.13vw rgba(62, 132, 241, .44); } #hlk_chat_panel .mobile .message-item.message-item-bgw[sss6734436a] { background: #fff; box-shadow: 0.53vw 0 2.13vw rgba(211, 211, 211, .44); } .message-item[sss6734436a]:before { content: ''; display: block; position: absolute; border: 7px solid transparent; border-right-color: #fff; left: -14px; top: 10px; } #hlk_chat_panel .mobile .message-item[sss6734436a]:before { border: 1.87vw solid transparent; border-right-color: #3e84f1; left: -3.73vw; top: 2.67vw; } #hlk_chat_panel .mobile .message-item.message-item-bgw[sss6734436a]:before { border-right-color: #fff; } .message-item .emoji-img[sss6734436a] { height: 20px; width: 20px; } #hlk_chat_panel .mobile .message-item .emoji-img[sss6734436a] { height: 5.33vw; width: 5.33vw; } /*.chat-msg-noread { position: absolute; right: -10px; top: -10px; width: 12px; height: 12px; line-height: 12px; border-radius: 12px; background: red; }*/ .chat-msg-box[sss6734436a] { text-align: left; font-size: 12px; } #hlk_chat_panel .mobile .chat-msg-box[sss6734436a] { font-size: 3.20vw } #hlk_chat_panel .mobile .chat-msg-box[sss6734436a]:last-child { margin-bottom: 2.00vw } .chat-msg-box .user-head[sss6734436a] { position: relative; text-align: center; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; } #hlk_chat_panel .mobile .user-head[sss6734436a] { margin: 0 2.67vw 0 0; } .chat-msg-box .user-head img[sss6734436a] { width: 36px; height: 36px; border-radius: 100%; border: 2px solid rgba(255, 255, 255, 0.6); } #hlk_chat_panel .mobile .user-head img[sss6734436a] { width: 9.60vw; height: 9.60vw; border: 0.53vw solid rgba(255, 255, 255, 0.6); } .chat-msg-human .message-item[sss6734436a] { text-align: right; background: #53d389; color: #fff; box-shadow: 2px 0 8px rgba(83, 211, 137, .44); float: right } #hlk_chat_panel .mobile .chat-msg-human .message-item[sss6734436a] { background: #fff; color: #333; box-shadow: 0.53vw 0 2.13vw rgba(218, 218, 218, .44); } .chat-msg-human .message-item[sss6734436a]:before { border-right-color: transparent; border-left-color: #53d389; left: 100%; } #hlk_chat_panel .mobile .chat-msg-human .message-item[sss6734436a]:before { border-right-color: transparent; border-left-color: #fff; left: 100% } .chat-msg-human .chat-msg-box[sss6734436a] { text-align: right; } .chat-msg-human .user-head[sss6734436a] { margin: 10px 0 0 10px; float: right } .chat-msg-human .chat-msg-sending[sss6734436a], .chat-msg-human .chat-msg-fail[sss6734436a] { position: absolute; left: -50px; bottom: 0; font-size: 12px; color: #999; } .chat-msg-human .chat-msg-fail[sss6734436a] { left: -25px; bottom: 2px; } #hlk_chat_panel .chat-msg-human .cicon-msg-fail[sss6734436a]:before { color: red; font-size: 18px; } #hlk_chat_panel .mobile .chat-msg-human .user-head[sss6734436a] { margin: 2.67vw 0 0 2.67vw; } .chat-msg-time-wrap[sss6734436a], .chat-msg-error-wrap[sss6734436a] { text-align: center; clear: both; } .chat-msg-time[sss6734436a], .chat-msg-error[sss6734436a] { display: inline-block; border-radius: 5px; background: #dadada; color: #fff; padding: 5px 8px; margin: 10px 0; font-size: 12px; } .chat-msg-error[sss6734436a] { background: transparent; color: #aaa; } #hlk_chat_panel .mobile .chat-msg-time[sss6734436a] { border-radius: 1.33vw; padding: 1.33vw 2.13vw; margin: 2.67vw 0; font-size: 3.20vw; } .chat-msg-time.more[sss6734436a] { background: #2f73ff; color: #fff; } .chat-msg-box .cicon-sound[sss6734436a]::before { font-size: 20px; color: #999; } #hlk_chat_panel .mobile .cicon-sound[sss6734436a]::before { font-size: 5.33vw; } .chat-msg-box .reverse.cicon-sound[sss6734436a] { transform: scale(-1, 1); margin-right: 10px; } #hlk_chat_panel .mobile .reverse.cicon-sound[sss6734436a] { margin-right: 2.67vw } .chat-msg-box .reverse.cicon-sound[sss6734436a]::before { color: #fff; } .chat-msg-text[sss6734436a] { color: #333; display: -webkit-flex; display: flex; line-height: 20px; text-align: left; justify-content: flex-start; flex-direction: row; flex-wrap: wrap } .chat-msg-human .chat-msg-text[sss6734436a] { color: #fff } #hlk_chat_panel .mobile .chat-msg-text[sss6734436a] { line-height: 5.33vw; background: #3e84f1; color: #fff } #hlk_chat_panel .mobile .chat-msg-human .chat-msg-text[sss6734436a] { background: #fff; color: #333 } .chat-msg-robot[sss6734436a] { background: #fff; display: flex; flex-wrap: wrap } .chat-msg-robot-head[sss6734436a] { width: 100%; border-bottom: 1px solid #dedede; margin-bottom: 15px } #hlk_chat_panel .mobile .chat-msg-robot-head[sss6734436a] { margin-bottom: 4.00vw } .chat-msg-robot-title[sss6734436a] { font-size: 14px; font-weight: bold; color: #333; line-height: 32px; } #hlk_chat_panel .mobile .chat-msg-robot-title[sss6734436a] { font-size: 3.73vw; line-height: 8.53vw; } .chat-msg-robot-comment[sss6734436a] { font-size: 12px; color: #999; line-height: 28px; } #hlk_chat_panel .mobile .chat-msg-robot-comment[sss6734436a] { font-size: 3.20vw; line-height: 7.47vw; } #hlk_chat_panel .chat-msg-faq-list[sss6734436a] { width: 100%; } .chat-msg-faq-item[sss6734436a], .chat-msg-faq-item a[sss6734436a] { width: 100%; line-height: 28px; display: block; cursor: pointer; -webkit-tap-highlight-color: transparent; color: #0582e9 } #hlk_chat_panel .mobile .chat-msg-faq-item a[sss6734436a] { line-height: 7.47vw } #hlk_chat_panel li.chat-msg-faq-item[sss6734436a] { border-bottom: 1px dashed #dedede; list-style: decimal; } #hlk_chat_panel li.chat-msg-faq-item[sss6734436a]:last-child { border: none } .chat-msg-audio-duration[sss6734436a] { color: #999; font-size: 16px; padding: 0 10px; position: absolute; right: -40px; top: 10px; } #hlk_chat_panel .mobile .chat-msg-audio-duration[sss6734436a] { font-size: 4.27vw; padding: 0 2.67vw; right: -10.67vw; top: 2.67vw; } .chat-msg-audio-duration[sss6734436a]::after { content: "''"; } .chat-msg-human .chat-msg-audio-duration[sss6734436a] { color: #0773ff; } .chat-msg-audio-asr[sss6734436a] { display: flex; flex-direction: row; justify-content: flex-start; } .chat-msg-audio-asr p[sss6734436a] { background: #eee; color: #999; font-size: 12px; min-width: 30px; max-width: calc(100% - 115px); word-break: break-all; word-wrap: break-word; min-height: 20px; border-radius: 2px; padding: 10px; text-align: left; display: inline-block; position: relative; left: 55px; } #hlk_chat_panel .mobile .chat-msg-audio-asr p[sss6734436a] { font-size: 3.20vw; min-width: 8.00vw; max-width: calc(100% - 30.67vw); min-height: 5.33vw; border-radius: 0.53vw; padding: 2.67vw; left: 14.67vw; } .human.chat-msg-audio-asr[sss6734436a] { text-align: left; justify-content: flex-end; } .human.chat-msg-audio-asr p[sss6734436a] { left: -55px; } #hlk_chat_panel .mobile .human.chat-msg-audio-asr p[sss6734436a] { left: -14.67vw; } .chat-img[sss6734436a] { max-width: 180px; margin: 3px 0 -4px } #hlk_chat_panel .mobile .chat-img[sss6734436a] { max-width: 48.00vw; margin: 0.80vw 0 -1.07vw } .chat-msg-human cicon-play[sss6734436a]::before { color: #fff; } .chat-msg-video .cicon-play[sss6734436a]::before { font-size: 60px; color: #333; } #hlk_chat_panel .mobile .chat-msg-video .cicon-play[sss6734436a]::before { font-size: 16.00vw; } .voice-playing[sss6734436a] { animation-name: breath; animation-duration: 1.5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } .user-head[sss6734436a] { display: inline-block } .user-head img[sss6734436a] { width: 36px; height: 36px; display: block; border: 1px solid #dfdfdf; border-radius: 50%; } #hlk_chat_panel .mobile .user-head img[sss6734436a] { width: 9.60vw; height: 9.60vw; border: 0.27vw solid #dfdfdf; } .chat-msg-img[sss6734436a] { cursor: pointer; } #hlk_chat_panel .ui-chat-input[sssc65cade4] { /*height: 50px;*/ outline: none; padding: 0 10px; overflow-y: auto } #hlk_chat_panel .ui-chat-input iframe[sssc65cade4] { width: 329px; height: 90px; } .flipInY[sss712bf720] { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } .flipOutY[sss712bf720] { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } .ui-chat-right-info[sss712bf720] { position: relative; height: 190px; } .ui-chat-icon-btn[sss712bf720] { display: block; position: absolute; right: 0; top: 10px; border: none; outline: none; background: none; cursor: pointer; } .ui-hide[sss712bf720] { display: none } .ui-chat-icon-btn .cicon-qrcode[sss712bf720]:before, .ui-chat-icon-btn .cicon-service[sss712bf720]:before { color: #6a6a6a; font-size: 18px } .ui-chat-service-qrcode[sss712bf720], .ui-chat-service-info[sss712bf720] { position: absolute; height: 175px; width: 200px } .ui-chat-service-qrcode[sss712bf720] { height: 190px; width: 170px; left: 10px; top: 0; padding: 0 10px } .ui-chat-service-qrcode p[sss712bf720] { color: #333; font-size: 14px; text-align: center; line-height: unset } .ui-chat-service-qrcode p.ui-tip-small[sss712bf720] { font-size: 12px; font-weight: bold } .ui-chat-qr-img[sss712bf720] { width: 116px; height: 116px; margin: 18px auto 12px; display: block } .ui-right-tab-header[sss712bf720] { margin: 15px 0 0 1px; border-left: 3px solid #007bf8; height: 16px; line-height: 16px; font-size: 12px; color: #333; text-indent: 12px; font-weight: 600 } .ui-service-wrap[sss712bf720] { padding: 10px; } .ui-service-field[sss712bf720] { overflow: hidden; height: 26px; line-height: 26px; } .ui-service-label[sss712bf720] { width: 32px; text-align: right; } .ui-service-label[sss712bf720], .ui-service-text[sss712bf720] { float: left; font-size: 12px; color: #999; } .ui-service-text[sss712bf720] { color: #333; margin-left: 14px; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-chat-right-form[sss712bf720] { border-top: 1px dashed #f2f2f2 } .ui-none-img[sss712bf720] { width: 164px; height: 220px; display: block; margin: 30px auto } .ui-chat-form-field[sss37b8c7b8] { padding: 6px 10px; position: relative; } .ui-chat-form-field[sss37b8c7b8]:after, .ui-chat-form-field[sss37b8c7b8]:before { content: ''; display: block; width: 1px; height: 1px; visibility: hidden; clear: both; } .ui-chat-form-label[sss37b8c7b8] { height: 24px; line-height: 24px; font-size: 12px; color: #666; float: left; width: 32px; text-align: right } .ui-chat-form-input[sss37b8c7b8] { float: left; } .ui-chat-form-label.required[sss37b8c7b8]:before { color: red; content: '*' } .ui-chat-form-input input[sss37b8c7b8] { color: #000; border: 1px solid #dedede; border-radius: 2px; height: 22px; line-height: 22px; font-size: 12px; width: 142px; margin-left: 10px; text-indent: 5px; outline: none } .ui-chat-form-input input[sss37b8c7b8]:focus { border-color: #007bf8 } .ui-chat-common-btn.ui-form-submit[sss37b8c7b8] { margin: 10px auto !important; font-weight: bold } .ui-field-error-tip[sss37b8c7b8] { background: #fc431d; color: #fff; padding: 3px 6px; font-size: 12px; line-height: 14px; position: absolute; top: 32px; left: 55px; z-index: 9; border-radius: 3px } .ui-field-error-tip[sss37b8c7b8]:before { content: ''; width: 0px; height: 0px; position: absolute; border: 5px solid transparent; border-bottom-color: #fc431d; top: -10px; left: 10px } #hlk_chat_panel .mobile .ui-chat-form[sss37b8c7b8] { position: relative; padding-top: 6.67vw } .ui-chat-touch-area[sss37b8c7b8] { position: fixed; z-index: 9999; left: 0; top: 10.67vw; width: 18.67vw; height: calc(100vh - 10.67vw); background: transparent } #hlk_chat_panel .mobile .ui-chat-form-field[sss37b8c7b8] { padding: 2.67vw; } #hlk_chat_panel .mobile .ui-chat-form-label[sss37b8c7b8] { height: 6.40vw; line-height: 6.40vw; font-size: 3.20vw; color: #666; width: 16.00vw; } #hlk_chat_panel .mobile .ui-chat-form-input input[sss37b8c7b8] { border: 0.27vw solid #dedede; border-radius: 0.53vw; height: 5.87vw; line-height: 5.87vw; font-size: 3.20vw; width: 64.00vw; margin-left: 4.00vw; text-indent: 2.00vw; -webkit-appearance: none; } #hlk_chat_panel .mobile .ui-chat-common-btn.ui-form-submit[sss37b8c7b8] { margin: 4.00vw auto !important; } #hlk_chat_panel .mobile .ui-field-error-tip[sss37b8c7b8] { padding: 0.80vw 1.60vw; font-size: 3.20vw; line-height: 3.73vw; top: 10.13vw; left: 24.00vw; z-index: 9; border-radius: 0.80vw } #hlk_chat_panel .mobile .ui-field-error-tip[sss37b8c7b8]:before { top: -2.67vw; left: 2.67vw } .Themefont,.Custom_Themefonthover:hover{color:rgb(22, 55, 122) !important}.Themebg, .NavBtn:after, .NavBtn:before, .menuBg:before, .titleBox:after, .Custom_Themebg:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover, .tp-leftarrow:hover, .tp-rightarrow:hover{background-color:rgb(22, 55, 122) !important}.ThemeFborder, .Custom_ThemeFborder:hover{border-color:rgb(22, 55, 122) !important} .Pagebg{background: #fff} .Custom_AuxiliaryBg,.Custom_AuxiliaryBgHover:hover{background:#3d4144 !important} #ProClassLeft li.ac .Classtriangle:hover:after{border-top-color:rgb(22, 55, 122) !important}