/*整体宽度*/ @media (min-width: 1400px){ .page-Catalogue .container, .page-news .container, .page-company .container, .page-contact .container, #jh_product_4 .container, .NavHead921 .container, .NavHead683 .container, .page-index .container, .Foot314 .container, .page-cn .container, .page-product .container, .Message73 .container, .ImageText1435 #jh2_ad_17 .bodyCont_width, .AdvertisingSmall20 #jh2_ad_17 .bodyCont_width, .ImageText164 .bodyContTitle{ width: 1400px !important; } .ImageText1435 #jh2_ad_17 .bodyCont_width, .ImageText164 .bodyContTitle { margin: 0 auto !important; } } @media (min-width: 993px){ /*导航字体样式*/ .NavHead921 .bodyContContent .header_nav li.f_nav_li>a, .NavHead683 .bodyContContent .header_nav li.f_nav_li>a { padding: 0 14px !important; } /*logo大小*/ .NavHead921 .bodyContContent .header_logo a img, .NavHead683 .bodyContContent .header_logo a img { max-height: 52px !important; max-width: 220px !important; } /*顶部文案*/ .NavHead921 .left_title, .NavHead683 .left_title { float: none !important; height: 0px !important; text-align: center; } .NavHead921 .left_title .fl, .NavHead683 .left_title .fl { font-size: 14px !important; } } /*导航悬浮*/ .NavHead921 .bodyCont_width, .NavHead683 .bodyCont_width { box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px; right: 0px; top: 0px; position: fixed !important; width: 100%; } /*导航尺寸*/ @media (min-width: 992px)and (max-width:1400px){ .NavHead921 .col-md-7 { width: 70%; } .NavHead921 .bodyContContent .header_nav li.f_nav_li>a { padding: 0 4px !important; } } /*导航购物车隐藏*/ .NavHead921 .right_more .header_login{ display: none; } /*系列产品-更多文字*/ .Title27 .right_more a, .Title27 .right_more a dd { line-height: 5 !important; padding: 0 !important; } /*首页轮播*/ @media (min-width: 768px){ .AdvertisingBig139 #advertising-big-139 .carousel-indicators { margin-bottom: 20px; } } @media (min-width: 992px){ .AdvertisingBig139 #advertising-big-139 .carousel-indicators li{ font-size: 12px; height: 90px; } } /*首页优势标题*/ .ImageText164 .bodyContTitle span { text-align: left !important; } .ImageText164 .bodyContTitle span.fl{ font-size: 50px !important; } /*首页优势-改*/ .CompanyAdvantage51 .bodyContTitle .fl { padding-bottom: 0px !important; } .CompanyAdvantage51 .bodyContTitle .fl:after{ display: none !important; } /*优势描述*/ /*.CompanyAdvantage51 .container li a .description { overflow: inherit !important; text-overflow: ellipsis !important; display: initial !important; -webkit-box-orient: revert-layer !important; }*/ /**/ .CompanyAdvantage51 .container li a .cate_type { padding-bottom: 0px !important; } /*首页数字优势*/ .CompanyAdvantage118 .bodyCont_width .bodyContContent ul li p .counter, .CompanyAdvantage15 .bodyCont_width .bodyContContent ul li p .counter{ font-family: 'Conv_DIN-Bold' !important; font-weight: bold; } @media (min-width: 992px){ .CompanyAdvantage118 .bodyCont_width .bodyContContent ul li .title, .CompanyAdvantage15 .bodyCont_width .bodyContContent ul li .title { line-height: 20px !important; } .CompanyAdvantage118 .bodyCont_width .bodyContContent ul li .number, .CompanyAdvantage15 .bodyCont_width .bodyContContent ul li .number { margin-bottom: 10px; } } /*首页公司底背*/ .Company749 #jh_company_10>.bg{ background-image: url(//img1.jihui88.com/upload/z/z3/zndq/picture/2024/12/18/adad1a5c-1d72-41fb-93e1-1c0a1c6ae131.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; } /*首页系列推荐*/ @media (min-width: 1200px){ .ProductCate245 #jh2_rec_51 .bodyContContent ul li { height: 320px; } .ProductCate245 #jh2_rec_51 .bodyContContent ul li .benefits-box .content-box p { display: none !important; } .ProductCate245 #jh2_rec_51 .bodyContContent ul li .benefits-box .content-box h3 { font-size: 24px !important; font-weight: bold; } } @media (min-width: 768px){ .ProductCate245 #jh2_rec_51 .bodyContContent ul li .benefits-box .content-box { padding: 15px 25px 25px !important; top: 82%; } .ProductCate245 #jh2_rec_51 .bodyContContent ul li .benefits-box .change-color { height: 0px; } } /*黑白变彩色*/ .AdvertisingSmall103 .data_list li .demo_pic .demo_btn_list li a { font-size: 24px !important; font-weight: bold; } .AdvertisingSmall103 .data_list li .demo_pic .demo_btn_list { top: 80% !important; } .AdvertisingSmall103 .data_list li .demo_pic .demo_btn_list .qrcode { display: none !important; } .AdvertisingSmall103 .data_list li .demo_pic{ filter: grayscale(100%); /* 将图片转换为灰度图 */ transition: filter 0.3s ease; /* 添加过渡效果 */ } .AdvertisingSmall103 .data_list li .demo_pic:hover{ filter: grayscale(0%); /* 移除灰度效果 */ } /*首页产品推荐*/ @media (min-width: 768px){ .ProductRec133 #jh2_rec_28 .bodyCont_width .bodyContContent .pro-list li { margin-bottom: 1.46666%; padding: 30px 30px 25px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.1); } .ProductRec133 #jh2_rec_28 .bodyCont_width .bodyContContent .pro-list li .pro_box div .pro_name { font-size: 18px !important; } .ProductRec133 #jh2_rec_28 .bodyCont_width .bodyContContent .pro-list li .pro_box div .pro_type { font-size: 14px !important; } } /*页脚上方留言*/ .Message73 .bodyCont_width .rower .inner_content { height: 120px !important; } .Message73 .bodyCont_width .rower .left_message .left_cont .fl2, .Message73 .bodyCont_width .rower .left_message .left_cont .fl { letter-spacing: normal !important; } /*页脚-左侧文案*/ .Foot314 .footer_top .footer_info .info_block_1 .info_desc>div { text-transform: none !important; } .Foot314 .col-md-8, .Foot314 .col-md-4{ padding-left: 0px !important; } .Foot314 .h1 { margin-top: 4px !important; } .Foot314 .footer_top .footer_info .info_block_1 .h2 { font-size: 24px !important; line-height: 1.5 !important; } /*页脚颜色 .Foot314 .footer_bottom { background-color: #F49A1C; }*/ /*页脚背景*/ .Foot314 #jh_foot_6>.bg{ background-image: url(//img1.jihui88.com/upload/z/z3/zndq/picture/2024/12/18/757d380d-e4bc-47f4-a0cb-c69eb75a4be3.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; } .Foot314 .footer_bottom .footer_info ul li, .Foot314 .footer_bottom .footer_copyright, .Foot314 .footer_bottom .footer_copyright a { color: rgba(51, 51, 51, 0.7)!important; line-height: 4 !important; } /*页脚字体*/ .Foot314 .footer_top .footer_info .info_block_3 .info_list .li a, .Foot314 .footer_top .footer_info .info_block .info_list li, .Foot314 .footer_top .footer_info .info_block .info_list li a { color: rgba(51, 51, 51, 0.7)!important; font-size: 14px !important; } .Foot314 .bodyContContent .share a i { font-size: 30px !important; } /*页脚地址整行排列*/ .Foot314 .footer_top .footer_info .info_block_4 li .pjz { display: inline !important; } /*产品样册*/ .NewsList524 #jh2_news_19 .news13_ul li .txt .news_info span, .NewsList524 #jh2_news_19 .news_category .swiper-wrapper.swiper_app { display: none !important; } .NewsList524 #jh2_news_19 .news13_ul .news_pic { padding-top: 75%; } @media (min-width: 1400px){ /*联系我们-联系方式格式*/ .ContactUs181 .contactus .p { width: auto; } } @media (min-width: 992px){ .ContactUs181 .col-md-3 { width: 33%; } } /*联系我们-小标题*/ #laymod_1236248 .contactus .title, #laymod_1233653 .contactus .title { display: none; } /*产品页*/ /*分类字体大小*/ #jh_product_4 .pro_cate_list>ul>li>a{ font-size: 18px !important; } #jh_product_4 .pro_cate_list>ul ul a { font-size: 14px !important; } /*新闻分类标题*/ .NewsList515 #jh2_news_16 .news_list .title { font-weight: bold; } /*新闻详情字体*/ .NewsDetail338 .xyb_title h1 { font-weight: bold; } /*此部分开始为详情页修改*/ /*.ProductDetail629 .bg { position: relative !important; width: 70% !important;老产品详情数据格式*/ .ProductDetail629 .bodyContContent .desc_cover .description .cansu { margin-left: 0; } /*详情页-标题名称*/ #lzj_detail_pro .detail_pro_mian .detail_pro_info .info_title .title_name{ font-size: 26px !important; line-height: 40px !important; display: inline-block; margin-right: 10px; font-family: "" !important; } #lzj_detail_pro .detail_pro_mian .detail_pro_info .info_title .title_type { color:#333 !important; font-size: 26px !important; font-weight: bold; line-height: 40px !important; display: inline-block; font-family: "Arial" !important; } #lzj_detail_pro .detail_pro_parameters .parameters_title p b, #lzj_detail_pro .detail_pro_mian .detail_pro_info .info_content .content_btn a:hover, #lzj_detail_pro .detail_pro_parameters .parameters_title p a:hover{ background: rgba(244, 154, 28, 1) !important; } /*参数标题隐藏*/ #lzj_detail_pro .detail_pro_parameters .parameters_title{ display: none; } #lzj_detail_pro .detail_pro_mian .detail_pro_info .info_title { padding-bottom: 10px !important; } #lzj_detail_pro .detail_pro_mian .detail_pro_info .info_content img { padding-top: 24px !important; } #lzj_detail_pro .detail_pro_mian .detail_pro_info a { color: rgba(244, 154, 28, 1); } #lzj_detail_pro .detail_pro_mian .detail_pro_info .info_share { margin-bottom: 20px; } #lzj_detail_pro .detail_pro_mian .detail_pro_info .info_content .content_btn { margin-top: 12px !important; } /*虚线效果*/ #lzj_detail_pro .detail_pro_mian .detail_pro_info .info_share { border-bottom: 0.5px dashed #333 !important; padding: 0 !important; } #lzj_detail_pro .detail_pro_mian .detail_pro_info .info_content { padding-top: 0px !important; line-height: 28px !important; font-family: "Arial" !important; color: rgba(0, 0, 0, 0.8) !important; } /*联系-邮箱 并排*/ #lzj_detail_pro .detail_pro_mian .detail_pro_info .info_content .content_btn a { display: inline-block !important; } #lzj_detail_pro .detail_pro_mian .detail_pro_info .info_content .content_btn a:last-child { margin-left: 30px; } /**/ #lzj_detail_pro .detail_pro_mian .detail_pro_info{ padding-top: 80px; } /*多方位图左右切换按钮*/ #lzj_detail_pro .detail_pro_mian .detail_pro_pic .pic_list .swiper-button { opacity: 0.5 !important; } /*多方位图选中*/ #lzj_detail_pro .detail_pro_mian .detail_pro_pic .pic_list .swiper-container-detail .swiper-slide.active span { border: 1px solid rgba(244, 154, 28, 1) !important; } #lzj_detail_pro .detail_pro_mian { padding: 50px 0 50px 0 !important; } /*back返回隐藏*/ #lzj_detail_pro .detail_pro_mian .detail_pro_info a { display: none; } /*以下为公司介绍内工厂照片的隐藏*/ .page-company #laymod_1234731,/*标题*/ .page-company .PhotoWall2 { display: none; } /*公司内页发展历史*/ @media (min-width: 768px){ .DevelopmentHistory6 .bodyCont_width .deve_ul li { min-height: 170px !important; } } /*以下为手机端的调整*/ @media (max-width: 768px){ .NavHead921 .active_true .sj_header_click{ position: fixed !important; right: 10px !important; left: auto !important; } .NavHead921 .active_true .sj_header_click.active .click1, .NavHead921 .active_true .sj_header_click.active .click2 { left: auto !important; right: 10px !important; } .NavHead921 .active_true .sj_header_nav ul li a { padding: 0 !important; } .NavHead921 .active_true .sj_header_nav ul li a:hover, .NavHead921 .active_true .sj_header_nav ul li .s_list a:hover{ background-color: rgb(244 154 28 / 39%); } /*字体大小*/ .ql-size-16 { font-size: 16px !important; } .ql-size-50 { font-size: 28px !important; } .ql-size-14 { font-size: 14px !important; } .ql-size-36 { font-size: 20px !important; } .CompanyAdvantage51 #jh2_advantage_9 .bodyContTitle .fl { font-size: 10px !important; } .CompanyAdvantage51 #jh2_advantage_9 .bodyContTitle .ql-align-left .ql-size-16 { font-size: 12px !important; } /*首页数字*/ .CompanyAdvantage118 .bodyCont_width .bodyContContent ul li div p .counter { font-size: 36px !important; } /*首页优势*/ .CompanyAdvantage51 .container li a .cate_name { white-space: normal !important; } .CompanyAdvantage51 .summary { height: 50% !important; } .CompanyAdvantage51 .container li a { height: 290px !important; } .CompanyAdvantage51 .container li a .description { -webkit-line-clamp: 3 !important; height: 60px !important; } .CompanyAdvantage51 .container li a .cate_type{ margin-top: 0px !important; } /*首页优势-一列*/ .CompanyAdvantage51 .container li { width: 98% !important; margin: 0px 1% 28% !important; } /*首页系列*/ .ProductCate245 .bodyContContent ul li .benefits-box .content-box h3 { font-size: 24px !important; font-weight: bold; } .ProductCate245 .bodyContContent ul li .benefits-box .content-box .cate-url { display: block !important; } .ProductCate245 .bodyContContent ul li .benefits-box .change-color { height: 0px !important; } .ProductCate245 .active_true .bodyContContent ul li .benefits-box .content-box{ background-color: rgba(244, 154, 28, 0.7) !important; } /*公司介绍*/ .Company749 #jh_company_10>.bg{ background-image: url(); } /*首页新闻-副标题隐藏*/ .NewsRec118 .left_title .fl2 { display: none; } /*后两项新闻隐藏*/ .NewsRec118 .newslist_ul li:nth-last-child(-n+2) { display: none; } /*页脚上留言*/ .Message73 .bodyCont_width .rower .inner_content { display: block !important; } .Message73 .bodyCont_width .rower .right_message .left_mes ul li { width: 50% !important; } .Message73 .bodyCont_width .rower .left_message .left_cont { padding: 0px 15px; } /*页脚左侧*/ .Foot314 .footer_top .footer_info .info_block_1 .h2 { margin-left: 15px !important; } /*产品页-分类*/ #jh_product_4 .jh_content1 { position: relative !important; top: 0px !important; } /*公司-历程*/ .DevelopmentHistory6 .bodyCont_width .deve_ul li .deve_info .deve_year { font-size: 24px !important; } /*历程文字靠左*/ .DevelopmentHistory6 .ql-align-right { text-align: left !important; } .DevelopmentHistory6 .bodyCont_width .deve_ul li .deve_info .deve_desc { white-space: normal; overflow-wrap: break-word; word-break: normal; } /*历程最后一项隐藏*/ .DevelopmentHistory6 .bodyCont_width .deve_ul li:last-child{ display: none; } /*证书*/ .Cert81 .photo_list .photo_item .photo_img { height: 26rem !important; } /*样册浏览*/ .NewsList524 #jh2_news_19 .main_contain .cate_btn{ display: none !important; } .NewsList524 #jh2_news_19 .col-xs-6{ width: 100% !important; } /*联系我们*/ .ContactUs181 .bodyCont_width{ margin-top: 10px !important; } /*联系我们-小标题*/ .ContactUs181 .contactus .title{ font-size: 17px !important; } #laymod_1233653, #laymod_1236248{ margin: -20px 0px 0px 0px !important; } /*FAQ页面*/ .Company650 #jh2_company_42 .bodyContContent .com_cover p{ word-wrap: break-word; } /*详情页*/ #lzj_detail_pro .detail_pro_mian { padding: 0 !important; } #lzj_detail_pro .detail_pro_mian .detail_pro_info { padding-top: 30px; } #lzj_detail_pro .detail_pro_mian .detail_pro_info .info_content img{ max-width: 100% !important; } #lzj_detail_pro .detail_pro_mian .detail_pro_info .info_title .title_type, #lzj_detail_pro .detail_pro_mian .detail_pro_info .info_title .title_name { font-size: 24px !important; } #lzj_detail_pro .detail_pro_mian .detail_pro_info .info_content .content_btn a { width: 170px !important; } #lzj_detail_pro .detail_pro_parameters .parameters_content img{ width: auto !important; } #lzj_detail_pro .detail_pro_parameters { padding: 0px 0 40px 0 !important; } } #jh_company_10 .win_video { display: none !important; } #jh_company_10 .video_box a:before { display: none !important; } @font-face { font-family: 'iconfont'; /* Project id 249974 */ src: url('//at.alicdn.com/t/font_249974_ooky095nbp.woff2?t=1641972865678') format('woff2'), url('//at.alicdn.com/t/font_249974_ooky095nbp.woff?t=1641972865678') format('woff'), url('//at.alicdn.com/t/font_249974_ooky095nbp.ttf?t=1641972865678') format('truetype'); } .iconfont { font-family:"iconfont" !important; font-style:normal; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited,a:link { text-decoration:none; } /*模版整体控制*/ #laymod_1233681 { position:relative; z-index: 1000; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_1233681 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_1233681 .bg_img { z-index:2; } #laymod_1233681 .bodyCont_width { position:relative; z-index: 3; } /* 登录 */ #laymod_1233681 .login_box { position: fixed; top: -200%; opacity: 0; width: 100%; height: 100%; z-index: 200; transition: all .5s ease-out; visibility: hidden; } #laymod_1233681 .login_box.yid { display: block; top: 0; opacity: 1; visibility: visible; } #laymod_1233681 .login_box .login_bg { position: fixed; background: rgba(0,0,0,0.4); width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 200; } #laymod_1233681 .login_box .div-login { z-index: 220; width: 550px; position: fixed; left: 0; right: 0; top: -200%; bottom: 0; background: rgba(255,255,255,1); height: 450px; margin: auto; padding: 2% 5%; border-radius: 3px; border: 1px solid #ccc; transition: all .7s cubic-bezier(0, 0.48, 0.3, 1.01); transition-delay:0.15s; } #laymod_1233681 .login_box.yid .div-login { top: 0; } #laymod_1233681 .login_box .div-login p { color: rgba(244,154,28,1); font-size: 24px; text-align: center; line-height: 50px; margin-bottom: 20px; } #laymod_1233681 .login_box .div-login label { margin-bottom: 20px; font-weight: 400; width: 100%; height: 45px; line-height: 44px; border: 1px solid #ccc; box-sizing: content-box; border-radius: 4px; } #laymod_1233681 .login_box .div-login label input { width: 88%; float: right; text-indent: 1em; border-radius: 4px; height: 45px; line-height: normal; background: none; } #laymod_1233681 .login_box .div-login label i { width: 12%; float: left; height: 100%; display: block; font-size: 22px; text-align: center; color: #999; border-radius: 4px; } #laymod_1233681 .login_box .div-login .login_1 i:after { content:"\e759"; } #laymod_1233681 .login_box .div-login .login_2 i:after { content:"\e75b"; } #laymod_1233681 .login_box .div-login .login_3 i:after { content:"\e758"; } #laymod_1233681 .login_box .div-login .login_3 input { width: 65%; float: left; } #laymod_1233681 .login_box .div-login .login_3 img { float: left; margin: 10px 0; } #laymod_1233681 .login_box .div-login .submit-login { width: 100%; height: 40px; background: rgba(244,154,28,1); color: #fff; } #laymod_1233681 .login_box .div-login .click_close { position: absolute; width: 30px; height: 30px; right: 10px; top: 10px; color: #999; font-size: 15px; text-align: center; line-height: 30px; transition: all .6s ease-out; } #laymod_1233681 .login_box .div-login .click_close i:after { content: "\e74c"; } /*登录和注册*/ #laymod_1233681 .login_style { position:fixed; top:-200%; left:0; width:100%; height:100%; z-index: 2000; transition: all .35s; visibility: hidden; opacity: 0; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:vertical;/*horizontal*/ -webkit-box-direction:normal;/*reverse*/ -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:column;/*row*/ -webkit-flex-direction:column; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*主轴上对齐（横轴）*/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:center;/*交叉轴对齐（垂直）*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; } #laymod_1233681 .login_style.login_show { visibility: visible; top: 0; opacity: 1; } #laymod_1233681 .login_style .loginup_bg { position:fixed; top:0; left:0; background:#000; width:100%; height:100%; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); z-index: 1; } #laymod_1233681 .login_style .login_account { width:550px; height:auto; position:relative; margin:0; background:#fff; border:1px solid #ccc; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -khtml-border-radius: 3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding: 2% 5% 4% 5%; z-index: 2; font-size: 0; opacity: 0; transform: translateY(-200%); transition: all .5s cubic-bezier(0, 0.48, 0.3, 1.01); transition-delay:0.2s; } #laymod_1233681 .login_style.login_show .login_account { transform: translateY(0%); opacity: 1; } #laymod_1233681 .login_style .login_close { position:absolute; right:10px; top:10px; color:#000; transition:all 0.4s ease-out 0s; -moz-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; font-size:16px; line-height:30px; width: 30px; height: 30px; text-align: center; } #laymod_1233681 .login_style .login_close:before { content:"\e74c"; } #laymod_1233681 .login_style .login_account p { color: rgba(244,154,28,1); font-size: 24px; text-align: center; line-height: 50px; margin-bottom: 20px; } #laymod_1233681 .login_style label { display:block; width:100%; position:relative; margin:0 0 1rem 0; overflow:hidden; } #laymod_1233681 .login_style label i { display:block; position:absolute; top:0; left:0; width:40px; height:40px; line-height:40px; font-size:20px; text-align:center; color:#000; opacity: 0.3; -moz-opacity: 0.3; filter:alpha(opacity=30); background:#eee; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -khtml-border-radius: 5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_1233681 .login_style label.login_1 i:before { content:"\e6c6"; } #laymod_1233681 .login_style label.login_2 i:before { content:"\e6da"; } #laymod_1233681 .login_style label.login_3 i:before { content:"\e6c8"; } #laymod_1233681 .login_style.win_reg label.login_3 i:before { content:"\e6da"; } #laymod_1233681 .login_style label.login_4 i:before { content:"\e6bb"; } #laymod_1233681 .login_style label.move_bg i { background:rgba(244,154,28,1); color:#fff; } #laymod_1233681 .login_style input { display:block; height:40px; line-height:normal; font-size:12px; width:100%; -webkit-appearance: none; } #laymod_1233681 .login_style .pass { border:1px solid #ccc; height:45px; line-height:normal; text-indent: 1em; font-size: 12px; color: #000; margin-bottom: 20px; } #laymod_1233681 .login_style .move_bg input { border-color:rgba(244,154,28,1); } #laymod_1233681 .login_style input.input-randCode { width:70%; float:left; } #laymod_1233681 .login_style #verifyPic { float:right; margin:4% 0 0 0; } #laymod_1233681 .login_style input.submit { text-indent:0; background:rgba(244,154,28,1); color:#fff; display: block; width: 100%; } #laymod_1233681 .login_style .move_bg input.submit { background:rgba(244,154,28,1); color:#fff; } #laymod_1233681 .topcarttotal em { font-style:normal; padding:0 5px; } #laymod_1233681 .right_more .header_login.active .h_login, #laymod_1233681 .right_more .header_login.active .h_register { display: none !important; } #laymod_1233681 .right_more .span-logout { cursor: pointer; transition: all .3s; } #laymod_1233681 .right_more .divider { display: none; } /* 订单 */ #laymod_1233681 .right_more .div-info .dropdown ul { padding: 0; margin: 0; position: absolute; top: 102%; right: -20px; } #laymod_1233681 .right_more .div-info .dropdown ul li a { padding: 0 30px; line-height: 50px; font-size: 15px; } #laymod_1233681 .right_more .div-info .dropdown ul li a i { margin-right: 5px; } #laymod_1233681 .right_more .div-info .dropdown ul li a .wb-user:after { content: "\e6eb"; } #laymod_1233681 .right_more .div-info .dropdown ul li a .wb-order:after { content: "\e76f"; } #laymod_1233681 .right_more .div-info .dropdown ul li a .wb-settings:after { content: "\e80f"; } #laymod_1233681 .right_more .div-info .dropdown ul li a .wb-power:after { content: "\e7c8"; } #laymod_1233681 .active_false .right_more .header_login .h_login a:hover, #laymod_1233681 .active_false .right_more .header_login .h_register a:hover, #laymod_1233681 .active_false .right_more .header_login .span-logout:hover { color: #fff; } #laymod_1233681 .active_false .right_more .header_login .h_pay:hover { background: #fff; } #laymod_1233681 .active_false .right_more .header_login .h_pay:hover a { color: rgba(255,255,255,1); } #laymod_1233681 .active_false .h_pay .dropdown-menu .dropdown-menu-footer .dropdown-menu-footer-btn a:hover { color: #fff; } #laymod_1233681 .active_false .bodyContContent .header_nav li a:hover { color: rgba(244,154,28,1); } #laymod_1233681 .active_false .bodyContContent .header_nav .s_list a:hover { text-indent: 1em; } #laymod_1233681 .active_false .bodyContContent .header_nav li.f_nav_li:hover .s_list { opacity: 1; height: auto; padding-top: 15px; } #laymod_1233681 .active_false .bodyContContent .header_nav li.f_nav_li:hover .s_list a { transition: all .8s cubic-bezier(0, 0.49, 0.65, 0.96); height: auto; } #laymod_1233681 .active_false .bodyContContent .search_wrap:hover input, #laymod_1233681 .active_false .bodyContContent .search_wrap:hover a { border: 1px solid rgba(244,154,28,1); } #laymod_1233681 .active_false .bodyContContent .search_wrap a:hover { background: rgba(244,154,28,1); } #laymod_1233681 .active_false .bodyContContent .search_wrap a:hover i:after { color: #fff; } #laymod_1233681 .active_false .login_box .div-login .click_close:hover { transform: rotate(360deg); color: rgba(244,154,28,1); } #laymod_1233681 .active_false .login_style .login_close:hover { color:rgba(244,154,28,1); transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); } #laymod_1233681 .active_false .right_more .div-info .dropdown ul li a:hover { color: #b0b0b0; background-color: inherit; } #laymod_1233681 .click_input { text-align: right } #laymod_1233681 .click_input a { display: inline-block; height: 35px; line-height: 35px; color: #666; text-align: center; margin-top: 15px; font-size: 13px; transition: all .3s; } #laymod_1233681 .click_input a:hover { color: rgba(244,154,28,1); } #laymod_1233681 .click_input .click_remember { margin-right: 10px; } #laymod_1233681 .remember_pass, #laymod_1233681 .remember_pass2, #laymod_1233681 .remember_pass3, #laymod_1233681 .remember_pass4 { position: absolute; opacity: 0; width: 65%; top: 7.3%; visibility: hidden; transform: rotateY(180deg); transition: all .5s ease-out; } #laymod_1233681 .remember_pass.active_login, #laymod_1233681 .remember_pass2.active_login, #laymod_1233681 .remember_pass3.active_login, #laymod_1233681 .remember_pass4.active_login { opacity: 1; visibility: visible; transform: rotateY(0deg); } #laymod_1233681 .remember_pass > p, #laymod_1233681 .remember_pass2 > p, #laymod_1233681 .remember_pass3 > p, #laymod_1233681 .remember_pass4 > p { font-size: 24px; text-align: center; line-height: 50px; margin-bottom: 20px; color: rgba(244,154,28,1); } #laymod_1233681 .remember_account { margin-bottom: 20px } #laymod_1233681 .remember_account p, #laymod_1233681 .remember_alphveri p { font-size: 15px; line-height: 2; margin-bottom: 10px; } #laymod_1233681 .remember_account .remember_input input { border: 1px solid #ccc; height: 44px; line-height: normal; width: 100%; text-indent: 1em; } #laymod_1233681 .remember_alphveri .remember_input { border: 1px solid #ccc; height: 44px; line-height: normal; position: relative; } #laymod_1233681 .remember_alphveri .remember_input input { width: 78%; float: left; height: 100%; text-indent: 1em; } #laymod_1233681 .remember_alphveri .remember_input .veriImg { float: left; margin: 7px 0; } #laymod_1233681 .tips { font-size: 14px; line-height: 2; margin-top: 5px; color: #ef8b24; } #laymod_1233681 .remember_pass #submitt1, #laymod_1233681 .remember_pass2 #submitt2, #laymod_1233681 .remember_pass3 #submitt3 { width: 100%; height: 40px; color: #fff; display: block; line-height: 40px; text-align: center; margin-top: 30px; background: rgba(244,154,28,1); } #laymod_1233681 .remember_pass4 .fonticon { width: 100%; text-align: center; margin-top: 100px; } #laymod_1233681 .remember_pass4 .iconfont { background: #6fc654; display: inline-block; border-radius: 50%; width: 85px; height: 85px; text-align: center; line-height: 85px; color: #fff; margin: 0 auto; } #laymod_1233681 .remember_pass4 .iconfont:after { content: '\e949'; display: block; font-size: 50px; } #laymod_1233681 .remember_pass4 .remember_success { text-align: center; line-height: 2; font-size: 14px; color: #666; margin-top: 20px; letter-spacing: 1px; } #laymod_1233681 .red { color: #ff0000; padding-right: 5px; } @media (min-width: 993px) { #laymod_1233681 .container { padding: 0; } #laymod_1233681 .left_title { float: left; line-height: 40px; height: 40px; } #laymod_1233681 .right_more { float: right; height: 40px; line-height: 39px; position: relative; } #laymod_1233681 .left_title .fl { color: rgba(255,255,255,1); transition:all .3s; font-size: 12px; } #laymod_1233681 .right_more .header_login .h_login, #laymod_1233681 .right_more .header_login .h_register { padding: 0 5px; position: relative; } #laymod_1233681 .right_more .header_login div { display: inline-block; } #laymod_1233681 .right_more .header_login div a { color: rgba(255,255,255,1); font-size: 12px; transition: all .3s; } #laymod_1233681 .right_more .header_login .div-info { color: rgba(255,255,255,1); font-size: 12px; } #laymod_1233681 .right_more .header_login .div-info .dropdown.open .caret { transform: rotate(180deg); } #laymod_1233681 .h_pay .list-group { margin-bottom: 0; } /* 购物车 */ #laymod_1233681 .h_pay { width: 120px; margin-left: 15px; background: #424242; text-align: center; } #laymod_1233681 .right_more .header_login .h_pay a { display: block; position: relative; } #laymod_1233681 .right_more .header_login .h_pay a .badge { position: absolute; top: 2px; right: 15%; font-weight: 400; padding: 3px 6px; background: rgba(244,154,28,1); } #laymod_1233681 .h_pay .iconfont { font-size: 12px; } #laymod_1233681 .h_pay .iconfont:after { content: "\e672"; } #laymod_1233681 .right_more .header_login .h_pay .list-group .padding-right-10, #laymod_1233681 .right_more .header_login .h_pay .list-group .media-body { display: table-cell; } #laymod_1233681 .right_more .header_login .h_pay .list-group .media-body { line-height: 1.6; } #laymod_1233681 .right_more .header_login .h_pay .media-left .text-middle { width: 50px; } #laymod_1233681 .right_more .header_login .h_pay .list-group .media-body .topcartremove i:after { content: "\e76b"; } #laymod_1233681 .right_more .header_login .h_pay .list-group .media-body .pull-right p { line-height: 26px; } #laymod_1233681 .h_pay .dropdown-menu { border-color: #f2f2f2; background: #fff; width: 360px; padding: 0; box-shadow: 0 0 5px rgba(0,0,0,.05); transition:all .35s; } #laymod_1233681 .h_pay .dropdown-menu.open { display: block; padding-bottom: 0; } #laymod_1233681 .h_pay .dropdown-menu .dropdown-menu-header { padding: 20px; position: relative; } #laymod_1233681 .h_pay .dropdown-menu .dropdown-menu-header span.label-danger { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: rgba(244,154,28,1); } #laymod_1233681 .h_pay .dropdown-menu .list-group div { display: block; } #laymod_1233681 .h_pay .dropdown-menu .dropdown-menu-footer { height: 55px; line-height: 55px; padding: 0 15px; position: relative; } #laymod_1233681 .h_pay .dropdown-menu .dropdown-menu-footer .dropdown-menu-footer-btn { position: absolute; right: 15px; top: 13px; bottom: 0; margin: auto; line-height: 55px; } #laymod_1233681 .h_pay .dropdown-menu .dropdown-menu-footer .dropdown-menu-footer-btn a { border-radius: 0; } #laymod_1233681 .h_pay .dropdown-menu .dropdown-menu-footer span { color: rgba(244,154,28,1); } #laymod_1233681 .bodyContContent { height: 100px; } #laymod_1233681 .bodyContContent .container { height: 100px; display: flex; } #laymod_1233681 .bodyContContent .header_logo, #laymod_1233681 .bodyContContent .header_nav, #laymod_1233681 .bodyContContent .header_search { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-flex-direction: column; -webkit-justify-content: center; justify-content: center; } #laymod_1233681 .bodyContContent .header_logo, #laymod_1233681 .bodyContContent .header_nav { padding-left: 0; } #laymod_1233681 .bodyContContent .header_logo a { display: block; overflow: hidden; } #laymod_1233681 .bodyContContent .header_logo a img { max-height: 50px; max-width: 180px; display: block; } #laymod_1233681 .bodyContContent .header_nav li.f_nav_li { display: inline-block; line-height: 100px; } #laymod_1233681 .bodyContContent .header_nav li.f_nav_li>a { display: block; padding: 0 10px; } #laymod_1233681 .bodyContContent .header_nav li a { font-size:16px; font-weight:normal; color: rgba(0,0,0,1); transition: all .45s cubic-bezier(0, 0.49, 0.65, 0.96); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #laymod_1233681 .bodyContContent .s_list { position: absolute; min-width: 200px; background-color: #fff; box-shadow: 0 2px 4px #ccc; transform: translateY(0px); height: 0; opacity: 0; overflow: hidden; transition: all .5s cubic-bezier(0, 0.49, 0.65, 0.96); } #laymod_1233681 .bodyContContent .s_list a { display: block; line-height: 40px; font-size: 12px; padding: 0 10px; height: 0; } #laymod_1233681 .bodyContContent .header_search { padding-right: 0; } #laymod_1233681 .bodyContContent .search_wrap { height: 50px; font-size: 0; } #laymod_1233681 .bodyContContent .search_wrap input { width: 79%; display: inline-block; color: #333; border: 1px solid rgba(0,0,0,0.2); background:#fff; height: 22px; line-height: normal; padding: 13px 0; box-sizing: content-box; vertical-align: top; font-size: 14px; text-indent: 1em; transition: all .3s cubic-bezier(0, 0.49, 0.65, 0.96); } #laymod_1233681 .bodyContContent .search_wrap input::-webkit-input-placeholder { color: rgba(51,51,51,0.5); } #laymod_1233681 .bodyContContent .search_wrap a { display: inline-block; width: 20%; background:#fff; border: 1px solid rgba(0,0,0,0.2); border-left: none; height: 50px; font-size: 21px; position: relative; text-align: center; line-height: 50px; vertical-align: top; transition: all .3s cubic-bezier(0, 0.49, 0.65, 0.96); } #laymod_1233681 .bodyContContent .search_wrap a i { color: #000; } #laymod_1233681 .bodyContContent .search_wrap a i:after { content: "\e757"; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } #laymod_1233681 .bodyContContent .header_nav li.active > a { color: rgba(244,154,28,1); } /* PC便捷登录 */ #laymod_1233681 .login_box .h_easy { margin-top: 15px; } #laymod_1233681 .login_box .h_easy { font-size: 14px; } #laymod_1233681 .login_box .h_easy a { color: #999; line-height: 30px; display: inline-block; vertical-align: top; } #laymod_1233681 .login_box .h_easy .oAuth_2 { font-size: 30px; } #laymod_1233681 .login_box .h_easy .oAuth_1 { margin-left: 5px; font-size: 30px; } #laymod_1233681 .login_box .h_easy .oAuth_2:after { content: "\e786"; } #laymod_1233681 .login_box .h_easy .oAuth_1:after { content: "\e74a"; } @media (max-width : 992px) { #laymod_1233681 .bodyContTitle, #laymod_1233681 .bodyContTitle .left_title, #laymod_1233681 .bodyContTitle .account-wrap, #laymod_1233681 .bodyContContent .header_nav, #laymod_1233681 .bodyContContent .header_search { display: none; } #laymod_1233681 .sj_header_click, #laymod_1233681 .sj_header_nav { display: block !important; } #laymod_1233681 .bodyContContent { position: relative; height: 50px; } #laymod_1233681 .bodyContContent .container { padding: 0; height: auto; } /* 导航按钮 */ #laymod_1233681 .sj_header_click { position: absolute; width: 20px; height: 20px; top: 5px; left: 5px; padding: 10px; box-sizing: content-box; z-index: 200; } #laymod_1233681 .sj_header_click .click1 { height: 1px; width: 20px; background: rgba(0,0,0,1); position: absolute; left: 0; top: 15px; transition: all .45s; right: 0; text-align: center; margin: auto; } #laymod_1233681 .sj_header_click .click2 { height: 1px; width: 20px; background: rgba(0,0,0,1); position: absolute; left: 0; right: 0; text-align: center; margin: auto; bottom: 15px; transition: all .45s; } #laymod_1233681 .sj_header_click.active { position: fixed; height: 20px; top: 0; left: 0; padding: 10px; box-sizing: content-box; z-index: 2000; width: 100%; background: rgba(255,255,255,1); } #laymod_1233681 .sj_header_click.active .click1, #laymod_1233681 .sj_header_click.active .click2 { width: 30px; background: rgba(0,0,0,1); } #laymod_1233681 .sj_header_click.active .click1, #laymod_1233681 .sj_header_click.active .click2 { left: 15px; right: auto; } #laymod_1233681 .sj_header_click.active .click1 { transform: rotate(45deg) translateX(4px) translateY(3px); } #laymod_1233681 .sj_header_click.active .click2 { transform: rotate(-45deg) translateX(3px) translateY(-2px); } #laymod_1233681 .sj_header_nav { position: fixed; top: 40px; width: 100%; height: 0; z-index: 1000; padding: 8% 20%; transition: all .3s; visibility: hidden; opacity: 0; background: rgba(255,255,255,1); } #laymod_1233681 .sj_header_nav ul { transform: translateY(-50px); transition: all .45s; opacity: 0; visibility: hidden; transition-delay: 0.2s; } #laymod_1233681 .sj_header_nav .sj_search_wrap { transform: translateY(-50px); transition: all .45s; opacity: 0; visibility: hidden; transition-delay: 0.5s; } #laymod_1233681 .sj_header_nav ul li { line-height: 45px; position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } #laymod_1233681 .sj_header_nav ul li a { color: rgba(0,0,0,1); position: relative; text-align: center; display: block; font-size: 14px; padding: 0 20%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #laymod_1233681 .sj_header_nav ul li i { color: rgba(0,0,0,1); position: absolute; width: 20%; height: 45px; top: 0; right: 0; text-align: center; font-size: 14px; } #laymod_1233681 .sj_header_nav ul li i:after { content: "\e6b6"; } #laymod_1233681 .sj_header_nav ul li.active a { color: rgba(244,154,28,1); } #laymod_1233681 .sj_header_nav ul li .s_list { padding: 15px 0; display: none; border-top: 1px solid rgba(0, 0, 0, 0.1); } #laymod_1233681 .sj_header_nav ul li .s_list a { display: block; line-height: 30px; font-size: 13px; color: rgba(0, 0, 0, 0.4); } #laymod_1233681 .sj_header_nav.active { height: 100%; visibility: visible; opacity: 1; } #laymod_1233681 .sj_header_nav.active .sj_search_wrap, #laymod_1233681 .sj_header_nav.active ul { transform: translateY(0px); opacity: 1; visibility: visible; } #laymod_1233681 .sj_search_wrap { line-height: 30px; margin-top: 10px; font-size: 0; display: block !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } #laymod_1233681 .sj_search_wrap input { background: none; font-size: 14px; text-indent: 2em; width: 80%; display: inline-block; color: rgba(0,0,0,1); } #laymod_1233681 .sj_header_nav .search_wrap input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.5); } #laymod_1233681 .sj_search_wrap .search_btn { display: inline-block; width: 20%; font-size: 16px; position: relative; text-align: center; color: rgba(0,0,0,1); } #laymod_1233681 .sj_search_wrap .search_btn i:after { content: "\e757"; } /* Logo */ #laymod_1233681 .bodyContContent .header_logo { max-width: 200px; text-align: center; margin: 0 auto; padding: 0; } #laymod_1233681 .bodyContContent .header_logo a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-flex-direction: column; -webkit-justify-content: center; justify-content: center; height: 40px; padding-right: inherit; margin: 5px 0; } #laymod_1233681 .bodyContContent .header_logo a img { display: block; max-height: 40px; max-width: 100%; margin: 0 auto; } #laymod_1233681 .sj_login, #laymod_1233681 .active1 { position: absolute; z-index: 1000; right: 5px; top: 3px; width: 40px; height: 40px; text-align: center; line-height: 40px; } #laymod_1233681 .sj_login a, #laymod_1233681 .active1 a { display: block; color: rgba(0,0,0,1); font-size: 30px; } #laymod_1233681 .sj_login i:after, #laymod_1233681 .active1 i:after { content: "\e75c"; } #laymod_1233681 .login_box .div-login { width: 90%; } #laymod_1233681 .login_box .div-login .login_3 input { width: 62%; } #laymod_1233681 .login_box.active { top: 0; opacity: 1; visibility: visible; } #laymod_1233681 .login_box.active .div-login { top: 0; } #laymod_1233681 .login_box.active .click_account { margin-top: 10px; display: block; width: 100%; height: 40px; background: #fff; color: rgba(244,154,28,1); text-align: center; line-height: 40px; font-size: 12px; border-radius: 4px; border: 1px solid rgba(244,154,28,1); } #laymod_1233681 .login_style.active { opacity: 1; visibility: visible; top: 0; } #laymod_1233681 .login_style.active .login_account { width: 90%; margin: auto; opacity: 1; transform: translateY(0%); position: fixed; top: 0; bottom: 0; left: 0; right: 0; text-align: center; height: 450px; } #laymod_1233681 .login_box.active2 { display: none; } #laymod_1233681 .sj_header_nav .div-info p { line-height: 40px; color: #fff; font-size: 14px; text-indent: 2em; } #laymod_1233681 .sj_header_nav .div-info p .span-username { padding-right: 5px; } #laymod_1233681 .sj_header_nav .div-info p { font-size: 12px; } #laymod_1233681 .active1 { display: none; } #laymod_1233681 .login_box .div-login label, #laymod_1233681 .login_box.active .click_account { border-radius: 0; } #laymod_1233681 .bodyContTitle .h_pay { position: absolute; right: 5px; top: 3px; width: 50px; height: 50px; line-height: 50px; text-align: center; z-index: 11; } #laymod_1233681 .bodyContTitle .h_pay span { font-size: 0; } #laymod_1233681 .bodyContTitle .h_pay .badge { font-size: 10px; font-weight: 400; padding: 2px 4px; position: absolute; right: 5px; top: 7px; background-color: rgba(244,154,28,1); } #laymod_1233681 .bodyContTitle .h_pay a .iconfont { color: rgba(0,0,0,1); font-size: 16px; } #laymod_1233681 .bodyContTitle .h_pay a .iconfont:after { content: "\e672"; } #laymod_1233681 .h_pay .dropdown-menu.open { display: block; width: 350px; padding-bottom: 0; } #laymod_1233681 .h_pay .dropdown-menu .dropdown-menu-header { padding: 10px 20px; position: relative; } #laymod_1233681 .h_pay .dropdown-menu .dropdown-menu-header span.label-danger { position: absolute; top: 50%; right: 20px; font-size: 12px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: rgba(244,154,28,1); } #laymod_1233681 .topcart-goodnum { font-size: 12px !important; } #laymod_1233681 .h_pay .dropdown-scrollable { margin-bottom: 0; } #laymod_1233681 .h_pay .dropdown-scrollable .list-group-item { border-left: none; border-right: none; border-radius: 0; } #laymod_1233681 .h_pay .dropdown-scrollable .padding-right-10 a { display: block; width: 50px; } #laymod_1233681 .h_pay .dropdown-scrollable .media-body h6 a { color: #333; font-size: 12px; } #laymod_1233681 .h_pay .dropdown-scrollable .media-body .pull-right { position: absolute; line-height: 2; right: 20px; top: 0; } #laymod_1233681 .h_pay .dropdown-scrollable .media-body .pull-right span { font-size: 12px; } #laymod_1233681 .h_pay .dropdown-scrollable .media-body>p { line-height: 2; } #laymod_1233681 .h_pay .dropdown-menu-footer { padding: 10px 20px; position: relative; height: 50px; line-height: 2.3; } #laymod_1233681 .h_pay .dropdown-menu .dropdown-menu-footer .dropdown-menu-footer-btn { position: absolute; right: 15px; top: 7px; line-height: 35px; height: 35px; } #laymod_1233681 .h_pay .dropdown-menu-footer .red-600 { color: rgba(244,154,28,1); font-size: 14px; } #laymod_1233681 .h_pay .dropdown-menu-footer .dropdown-menu-footer-btn .btn { font-size: 12px; } #laymod_1233681 .right_more .header_login .h_login, #laymod_1233681 .right_more .header_login .h_register { display: none; } /* 订单 */ #laymod_1233681 .sj_header_nav .div-info { opacity: 0; transition: all .45s; visibility: hidden; transition-delay: 0.65s; } #laymod_1233681 .sj_header_nav.active .div-info { opacity: 1; visibility: visible; } #laymod_1233681 .sj_header_nav .div-info .dropdown1 a { color: rgba(0,0,0,1); text-align: center; font-size: 13px; line-height: 35px; display: block; padding: 0; } #laymod_1233681 .sj_header_nav .div-info .dropdown1 .dropdown-menu a { color: rgba(0, 0, 0, 0.4); background:none; } #laymod_1233681 .sj_header_nav .div-info .dropdown1 .navbar-avatar { line-height: 1; margin-top: 4%; padding-bottom: 2%; } #laymod_1233681 .sj_header_nav .div-info .dropdown1.open .caret { transform: rotate(180deg); } #laymod_1233681 .sj_header_nav .div-info .dropdown-menu { background-color: inherit; padding: 0; width: 100%; border: none; margin: 0; border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0); box-shadow: 0 6px 12px rgba(0,0,0,0); position: static; float: none; } #laymod_1233681 .sj_header_nav .div-info .dropdown-menu li { border-bottom: none; } #laymod_1233681 .sj_header_nav .div-info .divider { display: none; } #laymod_1233681 .login_box .div-login p { font-size: 20px; } } #laymod_1233681 .active_true .bodyContTitle, #laymod_1233681 .active_true .bodyContTitle .left_title, #laymod_1233681 .active_true .bodyContTitle .account-wrap, #laymod_1233681 .active_true .bodyContContent .header_nav, #laymod_1233681 .active_true .bodyContContent .header_search { display: none; } #laymod_1233681 .active_true .sj_header_click, #laymod_1233681 .active_true .sj_header_nav { display: block !important; } #laymod_1233681 .active_true .bodyContContent { position: relative; height: 50px; } #laymod_1233681 .active_true .bodyContContent .container { padding: 0; height: auto; } /* 导航按钮 */ #laymod_1233681 .active_true .sj_header_click { position: absolute; width: 20px; height: 20px; top: 5px; left: 5px; padding: 10px; box-sizing: content-box; z-index: 200; } #laymod_1233681 .active_true .sj_header_click .click1 { height: 1px; width: 20px; background: rgba(0,0,0,1); position: absolute; left: 0; top: 15px; transition: all .45s; right: 0; text-align: center; margin: auto; } #laymod_1233681 .active_true .sj_header_click .click2 { height: 1px; width: 20px; background: rgba(0,0,0,1); position: absolute; left: 0; right: 0; text-align: center; margin: auto; bottom: 15px; transition: all .45s; } #laymod_1233681 .active_true .sj_header_click.active { position: fixed; height: 20px; top: 0; left: 0; padding: 10px; box-sizing: content-box; z-index: 2000; width: 100%; background: rgba(255,255,255,1); } #laymod_1233681 .active_true .sj_header_click.active .click1, #laymod_1233681 .active_true .sj_header_click.active .click2 { width: 30px; background: rgba(0,0,0,1); } #laymod_1233681 .active_true .sj_header_click.active .click1, #laymod_1233681 .active_true .sj_header_click.active .click2 { left: 15px; right: auto; } #laymod_1233681 .active_true .sj_header_click.active .click1 { transform: rotate(45deg) translateX(4px) translateY(3px); } #laymod_1233681 .active_true .sj_header_click.active .click2 { transform: rotate(-45deg) translateX(3px) translateY(-2px); } #laymod_1233681 .active_true .sj_header_nav { position: fixed; top: 40px; width: 100%; height: 0; z-index: 1000; padding: 8% 20%; transition: all .3s; visibility: hidden; opacity: 0; background: rgba(255,255,255,1); } #laymod_1233681 .active_true .sj_header_nav ul { transform: translateY(-50px); transition: all .45s; opacity: 0; visibility: hidden; transition-delay: 0.2s; } #laymod_1233681 .active_true .sj_header_nav .sj_search_wrap { transform: translateY(-50px); transition: all .45s; opacity: 0; visibility: hidden; transition-delay: 0.5s; } #laymod_1233681 .active_true .sj_header_nav ul li { line-height: 45px; position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } #laymod_1233681 .active_true .sj_header_nav ul li a { color: rgba(0,0,0,1); position: relative; text-align: center; display: block; font-size: 14px; padding: 0 20%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #laymod_1233681 .active_true .sj_header_nav ul li i { color: rgba(0,0,0,1); position: absolute; width: 20%; height: 45px; top: 0; right: 0; text-align: center; font-size: 14px; } #laymod_1233681 .active_true .sj_header_nav ul li i:after { content: "\e6b6"; } #laymod_1233681 .active_true .sj_header_nav ul li.active a { color: rgba(244,154,28,1); } #laymod_1233681 .active_true .sj_header_nav ul li .s_list { padding: 15px 0; display: none; border-top: 1px solid rgba(0, 0, 0, 0.1); } #laymod_1233681 .active_true .sj_header_nav ul li .s_list a { display: block; line-height: 30px; font-size: 13px; color: rgba(0, 0, 0, 0.4); } #laymod_1233681 .active_true .login_box .div-login label, #laymod_1233681 .active_true .login_box.active .click_account { border-radius: 0; } #laymod_1233681 .active_true .sj_header_nav.active { height: 100%; visibility: visible; opacity: 1; } #laymod_1233681 .active_true .sj_header_nav.active .sj_search_wrap, #laymod_1233681 .active_true .sj_header_nav.active ul { transform: translateY(0px); opacity: 1; visibility: visible; } #laymod_1233681 .active_true .sj_search_wrap { line-height: 30px; margin-top: 10px; font-size: 0; display: block !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } #laymod_1233681 .active_true .sj_header_nav.active .sj_search_wrap.hide { display: none !important; } #laymod_1233681 .active_true .sj_search_wrap input { background: none; font-size: 14px; text-indent: 2em; width: 80%; display: inline-block; color: rgba(0,0,0,1); } #laymod_1233681 .active_true .sj_header_nav .search_wrap input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.5); } #laymod_1233681 .active_true .sj_search_wrap .search_btn { display: inline-block; width: 20%; font-size: 16px; position: relative; text-align: center; color: rgba(0,0,0,1); } #laymod_1233681 .active_true .sj_search_wrap .search_btn i:after { content: "\e757"; } /* Logo */ #laymod_1233681 .active_true .bodyContContent .header_logo { max-width: 200px; text-align: center; margin: 0 auto; padding: 0; } #laymod_1233681 .active_true .bodyContContent .header_logo a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-flex-direction: column; -webkit-justify-content: center; justify-content: center; height: 40px; padding-right: inherit; margin: 5px 0; } #laymod_1233681 .active_true .bodyContContent .header_logo a img { display: block; max-height: 40px; max-width: 100%; margin: 0 auto; } #laymod_1233681 .active_true .sj_login, #laymod_1233681 .active_true .active1 { position: absolute; z-index: 1000; right: 5px; top: 3px; width: 40px; height: 40px; text-align: center; line-height: 40px; } #laymod_1233681 .active_true .sj_login a, #laymod_1233681 .active_true .active1 a { display: block; color: rgba(0,0,0,1); font-size: 30px; } #laymod_1233681 .active_true .sj_login i:after, #laymod_1233681 .active_true .active1 i:after { content: "\e75c"; } @media(min-width: 768px) { #laymod_1233681 .active_true .login_box .div-login { width: 500px; } #laymod_1233681 .active_true .login_style.active .login_account { width: 500px; margin: auto; opacity: 1; transform: translateY(0%); position: fixed; top: 0; bottom: 0; left: 0; right: 0; text-align: center; height: 450px; } } #laymod_1233681 .active_true .login_box .div-login .login_3 input { width: 62%; } #laymod_1233681 .active_true .login_box.active { top: 0; opacity: 1; visibility: visible; } #laymod_1233681 .active_true .login_box.active .div-login { top: 0; } #laymod_1233681 .active_true .login_box.active .click_account { margin-top: 10px; display: block; width: 100%; height: 40px; background: #fff; color: rgba(244,154,28,1); text-align: center; line-height: 40px; font-size: 12px; border-radius: 0; border: 1px solid rgba(244,154,28,1); } #laymod_1233681 .active_true .login_style.active { opacity: 1; visibility: visible; top: 0; } #laymod_1233681 .active_true .login_box.active2 { display: none; } #laymod_1233681 .active_true .sj_header_nav .div-info p { line-height: 40px; color: #fff; font-size: 14px; text-indent: 2em; } #laymod_1233681 .active_true .sj_header_nav .div-info p .span-username { padding-right: 5px; } #laymod_1233681 .active_true .sj_header_nav .div-info p { font-size: 12px; } #laymod_1233681 .active_true .active1 { display: none; } #laymod_1233681 .active_true .bodyContTitle .h_pay { position: absolute; right: 5px; top: 3px; width: 50px; height: 50px; line-height: 50px; text-align: center; z-index: 11; } #laymod_1233681 .active_true .bodyContTitle .h_pay span { font-size: 0; } #laymod_1233681 .active_true .bodyContTitle .h_pay .badge { font-size: 10px; font-weight: 400; padding: 2px 4px; position: absolute; right: 5px; top: 7px; background-color: rgba(244,154,28,1); } #laymod_1233681 .active_true .bodyContTitle .h_pay a .iconfont { color: rgba(0,0,0,1); font-size: 16px; } #laymod_1233681 .active_true .bodyContTitle .h_pay a .iconfont:after { content: "\e672"; } #laymod_1233681 .active_true .h_pay .dropdown-menu.open { display: block; width: 350px; padding-bottom: 0; } #laymod_1233681 .active_true .h_pay .dropdown-menu .dropdown-menu-header { padding: 10px 20px; position: relative; } #laymod_1233681 .active_true .h_pay .dropdown-menu .dropdown-menu-header span.label-danger { position: absolute; top: 50%; right: 20px; font-size: 12px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: rgba(244,154,28,1); } #laymod_1233681 .active_true .topcart-goodnum { font-size: 12px !important; } #laymod_1233681 .active_true .h_pay .dropdown-scrollable { margin-bottom: 0; } #laymod_1233681 .active_true .h_pay .dropdown-scrollable .list-group-item { border-left: none; border-right: none; border-radius: 0; } #laymod_1233681 .active_true .h_pay .dropdown-scrollable .padding-right-10 a { display: block; width: 50px; } #laymod_1233681 .active_true .h_pay .dropdown-scrollable .media-body h6 a { color: #333; font-size: 12px; } #laymod_1233681 .active_true .h_pay .dropdown-scrollable .media-body .pull-right { position: absolute; line-height: 2; right: 20px; top: 0; } #laymod_1233681 .active_true .h_pay .dropdown-scrollable .media-body .pull-right span { font-size: 12px; } #laymod_1233681 .active_true .h_pay .dropdown-scrollable .media-body>p { line-height: 2; } #laymod_1233681 .active_true .h_pay .dropdown-menu-footer { padding: 10px 20px; position: relative; height: 50px; line-height: 2.3; } #laymod_1233681 .active_true .h_pay .dropdown-menu .dropdown-menu-footer .dropdown-menu-footer-btn { position: absolute; right: 15px; top: 7px; line-height: 35px; height: 35px; } #laymod_1233681 .active_true .h_pay .dropdown-menu-footer .red-600 { color: rgba(244,154,28,1); font-size: 14px; } #laymod_1233681 .active_true .h_pay .dropdown-menu-footer .dropdown-menu-footer-btn .btn { font-size: 12px; } #laymod_1233681 .active_true .right_more .header_login .h_login, #laymod_1233681 .active_true .right_more .header_login .h_register { display: none; } /* 订单 */ #laymod_1233681 .active_true .sj_header_nav .div-info { opacity: 0; transition: all .45s; visibility: hidden; transition-delay: 0.65s; } #laymod_1233681 .active_true .sj_header_nav.active .div-info { opacity: 1; visibility: visible; } #laymod_1233681 .active_true .sj_header_nav .div-info .dropdown1 a { color: rgba(0,0,0,1); text-align: center; font-size: 13px; line-height: 35px; display: block; padding: 0; } #laymod_1233681 .active_true .sj_header_nav .div-info .dropdown1 .dropdown-menu a { color: rgba(0, 0, 0, 0.4); background:none; } #laymod_1233681 .active_true .sj_header_nav .div-info .dropdown1 .navbar-avatar { line-height: 1; margin-top: 4%; padding-bottom: 2%; } #laymod_1233681 .active_true .sj_header_nav .div-info .dropdown1.open .caret { transform: rotate(180deg); } #laymod_1233681 .active_true .sj_header_nav .div-info .dropdown-menu { background-color: inherit; padding: 0; width: 100%; border: none; margin: 0; border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0); box-shadow: 0 6px 12px rgba(0,0,0,0); position: static; float: none; } #laymod_1233681 .active_true .sj_header_nav .div-info .dropdown-menu li { border-bottom: none; } #laymod_1233681 .active_true .sj_header_nav .div-info .divider { display: none; } input, textarea { -webkit-appearance: none; } #laymod_1233681 .h_pay .dropdown-menu-header h5, #laymod_1233681 .h_pay .dropdown-menu .dropdown-scrollable .media-body i, #laymod_1233681 .h_pay .dropdown-menu .dropdown-scrollable .media-body h6 a, #laymod_1233681 .header_login .h_pay .list-group .media-body .pull-right span { color: rgba(255,255,255,1); } #laymod_1233681 .h_pay .dropdown-menu, #laymod_1233681 .h_pay .list-group-item, #laymod_1233681 .right_more .div-info .dropdown ul { background-color: rgba(244,154,28,1); } #laymod_1233681 .h_pay .dropdown-menu .dropdown-menu-footer { background: #f5f5f5; } #laymod_1233681 .bodyCont_width .sj_pay_nav .sj_cart #nav_cart, #laymod_1233681 .h_pay .dropdown-menu .dropdown-menu-header span, #laymod_1233681 .bodyContTitle .h_pay .badge, #laymod_1233681 .h_pay .dropdown-menu .dropdown-menu-footer .dropdown-menu-footer-btn a { color: #fff; } #laymod_1233681 .h_pay .dropdown-menu .dropdown-menu-footer .dropdown-menu-footer-btn a { background: rgba(244,154,28,1); border: none; } #laymod_1233681 .h_pay .dropdown-menu, #laymod_1233681 .h_pay .dropdown-scrollable .list-group-item, #laymod_1233681 .right_more .div-info .dropdown ul { border-color: #f2f2f2; } #laymod_1233681 .h_pay .dropdown-scrollable .list-group-item { border-left: none; border-radius: 0; border-right: none; } /* 产品分类 */ @media (min-width: 992px) { #nav-head-921 .header_nav{ position: unset; } #nav-head-921 .pro_cate_list{ left: 0; display: grid; grid-template-columns: auto; justify-content: center; flex-wrap: wrap; padding: 0 0 50px 0; width: 100vw; } #nav-head-921 .pro_cate_list{ grid-template-columns: repeat(3, 338px); } #nav-head-921 .pro_cate_list::before{ content: ''; position: absolute; left: 0; top: 0; display: block; width: 100vw; height: 100%; background-color: #ffffff; } #nav-head-921 .pro_cate{ padding: 0 20px; z-index: 2; } #nav-head-921 .pro_cate:not(:nth-child(3n)){ border-right: 1px solid #e7e7e7; } #nav-head-921 .bodyContContent .s_list.pro_cate_list .pro_cate a{ white-space: nowrap; width: 100%; text-overflow: ellipsis; display: block; font-size: 18px; line-height: 40px; padding: 10px 0; border-bottom: 1px solid #e7e7e7; overflow: hidden; } #nav-head-921 .pro_cate img{ height: 100%; max-height: 30px; width: auto; } } @media (min-width: 1200px){ #nav-head-921 .pro_cate_list{ grid-template-columns: repeat(3, 400px); } } /*模版整体控制*/ #laymod_1233682 #jh2_advers_2 { position:relative; overflow:hidden; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_1233682 .bodyCont_width>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_1233682 .bodyCont_width>.bg_img { z-index:2; } #laymod_1233682 .bodyCont_width { position:relative; } /*标题控制*/ #laymod_1233682 .bodyContContent { position:relative; z-index: 4; } #laymod_1233682 .bodyContContent img { max-width: 100%; } /*模版主体部分*/ #laymod_1233682 .nybanner_1 a { display:block; width:100%; height:100%; } #laymod_1233682 .nybanner_1 a:hover { text-decoration:none; } #laymod_1233682 .nybanner_1 a .container { text-align:center; position:relative; height:100%; /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-direction*/ -webkit-box-orient:vertical; -webkit-box-direction:normal; -moz-box-orient:vertical; -moz-box-direction:normal; flex-direction:column; -webkit-flex-direction:column; /*flex-wrap*/ -webkit-flex-wrap:wrap; -webkit-box-lines:multiple; -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:center; justify-content:center;/*主轴上对齐*/ -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; /*align-items*/ align-items:center;/*交叉轴对齐*/ -webkit-align-items:center; box-align:center; -moz-box-align:center; -webkit-box-align:center; } #laymod_1233682 .nybanner_1 a .container .cont { width:100%; } #laymod_1233682 .nybanner_1 a .container>p { width:100%; text-align:center; } #laymod_1233682 .nybanner_1 a p:nth-child(1) { margin:0 0 2% 0; display:block; font-size:24px; line-height:1.4; color:#fff; } #laymod_1233682 .nybanner_1 a p:nth-child(2) { margin:0; display:block; font-size:16px; line-height:1.4; color:#fff; } /*直接控制小于992px屏幕时css*/ @media (max-width:992px) { #laymod_1233682 .nybanner_1 a p:nth-child(1) { font-size:18px; } #laymod_1233682 .nybanner_1 a p:nth-child(2) { font-size:13px; } } /*768<= ipad和ipadpro区间 <=1100*/ @media (min-width:768px) and (max-width:1100px) { #laymod_1233682 .bodyContTitle { margin-bottom:3vw !important; } #laymod_1233682 .bodyContTitle .fl { font-size:3vw; } #laymod_1233682 .bodyContTitle .fl2 { font-size:1.4vw; } #laymod_1233682 .ql-size-12, #laymod_1233682 .ql-size-13, #laymod_1233682 .ql-size-14, #laymod_1233682 .ql-size-15, #laymod_1233682 .ql-size-16 { font-size:1vw; } #laymod_1233682 .ql-size-17, #laymod_1233682 .ql-size-18, #laymod_1233682 .ql-size-19, #laymod_1233682 .ql-size-20, #laymod_1233682 .ql-size-21 { font-size:1.1vw; } #laymod_1233682 .ql-size-22, #laymod_1233682 .ql-size-23, #laymod_1233682 .ql-size-24, #laymod_1233682 .ql-size-25, #laymod_1233682 .ql-size-26 { font-size:1.2vw; } #laymod_1233682 .ql-size-27, #laymod_1233682 .ql-size-28, #laymod_1233682 .ql-size-29, #laymod_1233682 .ql-size-30, #laymod_1233682 .ql-size-31 { font-size:1.3vw; } #laymod_1233682 .ql-size-32, #laymod_1233682 .ql-size-33, #laymod_1233682 .ql-size-34, #laymod_1233682 .ql-size-35, #laymod_1233682 .ql-size-36 { font-size:1.4vw; } #laymod_1233682 .ql-size-37, #laymod_1233682 .ql-size-38, #laymod_1233682 .ql-size-39, #laymod_1233682 .ql-size-40, #laymod_1233682 .ql-size-41 { font-size:1.5vw; } #laymod_1233682 .ql-size-42, #laymod_1233682 .ql-size-43, #laymod_1233682 .ql-size-44, #laymod_1233682 .ql-size-45, #laymod_1233682 .ql-size-46 { font-size:1.6vw; } #laymod_1233682 .ql-size-47, #laymod_1233682 .ql-size-48, #laymod_1233682 .ql-size-49, #laymod_1233682 .ql-size-50, #laymod_1233682 .ql-size-51 { font-size:1.7vw; } #laymod_1233682 .ql-size-52, #laymod_1233682 .ql-size-53, #laymod_1233682 .ql-size-54, #laymod_1233682 .ql-size-55, #laymod_1233682 .ql-size-56 { font-size:1.8vw; } #laymod_1233682 .ql-size-57, #laymod_1233682 .ql-size-58, #laymod_1233682 .ql-size-59, #laymod_1233682 .ql-size-60, #laymod_1233682 .ql-size-61 { font-size:1.9vw; } #laymod_1233682 .ql-size-62, #laymod_1233682 .ql-size-63, #laymod_1233682 .ql-size-64, #laymod_1233682 .ql-size-65, #laymod_1233682 .ql-size-66 { font-size:2vw; } #laymod_1233682 .ql-size-67, #laymod_1233682 .ql-size-68, #laymod_1233682 .ql-size-69, #laymod_1233682 .ql-size-70, #laymod_1233682 .ql-size-71 { font-size:2.1vw; } } /*手机端区间 <=767*/ @media (max-width:767px) { #laymod_1233682 .bodyContTitle { margin-bottom:4vw; } #laymod_1233682 .bodyContTitle .fl { font-size:5vw; } #laymod_1233682 .bodyContTitle .fl2 { font-size:3.4vw; } #laymod_1233682 .ql-size-12, #laymod_1233682 .ql-size-13, #laymod_1233682 .ql-size-14, #laymod_1233682 .ql-size-15, #laymod_1233682 .ql-size-16 { font-size:12px; } #laymod_1233682 .ql-size-17, #laymod_1233682 .ql-size-18, #laymod_1233682 .ql-size-19, #laymod_1233682 .ql-size-20, #laymod_1233682 .ql-size-21 { font-size:14px; } #laymod_1233682 .ql-size-22, #laymod_1233682 .ql-size-23, #laymod_1233682 .ql-size-24, #laymod_1233682 .ql-size-25, #laymod_1233682 .ql-size-26 { font-size:16px; } #laymod_1233682 .ql-size-27, #laymod_1233682 .ql-size-28, #laymod_1233682 .ql-size-29, #laymod_1233682 .ql-size-30, #laymod_1233682 .ql-size-31 { font-size:18px; } #laymod_1233682 .ql-size-32, #laymod_1233682 .ql-size-33, #laymod_1233682 .ql-size-34, #laymod_1233682 .ql-size-35, #laymod_1233682 .ql-size-36 { font-size:20px; } #laymod_1233682 .ql-size-37, #laymod_1233682 .ql-size-38, #laymod_1233682 .ql-size-39, #laymod_1233682 .ql-size-40, #laymod_1233682 .ql-size-41 { font-size:22px; } #laymod_1233682 .ql-size-42, #laymod_1233682 .ql-size-43, #laymod_1233682 .ql-size-44, #laymod_1233682 .ql-size-45, #laymod_1233682 .ql-size-46 { font-size:24px; } #laymod_1233682 .ql-size-47, #laymod_1233682 .ql-size-48, #laymod_1233682 .ql-size-49, #laymod_1233682 .ql-size-50, #laymod_1233682 .ql-size-51 { font-size:26px; } #laymod_1233682 .ql-size-52, #laymod_1233682 .ql-size-53, #laymod_1233682 .ql-size-54, #laymod_1233682 .ql-size-55, #laymod_1233682 .ql-size-56 { font-size:28px; } #laymod_1233682 .ql-size-57, #laymod_1233682 .ql-size-58, #laymod_1233682 .ql-size-59, #laymod_1233682 .ql-size-60, #laymod_1233682 .ql-size-61 { font-size:30px; } #laymod_1233682 .ql-size-62, #laymod_1233682 .ql-size-63, #laymod_1233682 .ql-size-64, #laymod_1233682 .ql-size-65, #laymod_1233682 .ql-size-66 { font-size:32px; } #laymod_1233682 .ql-size-67, #laymod_1233682 .ql-size-68, #laymod_1233682 .ql-size-69, #laymod_1233682 .ql-size-70, #laymod_1233682 .ql-size-71 { font-size:34px; } } /* 默认引入阿里云图标 */ @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_nfjb564vfrc.eot'); src: url('//at.alicdn.com/t/font_249974_nfjb564vfrc.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_nfjb564vfrc.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_nfjb564vfrc.woff') format('woff'), url('//at.alicdn.com/t/font_249974_nfjb564vfrc.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_nfjb564vfrc.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-style:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_1233679 #jh_search_1 { position:relative; overflow:hidden; font-family:"Arial","Times New Roman","SimHei"; } #laymod_1233679 #jh_search_1>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_1233679 #jh_search_1>.bg_img { z-index:2; } #laymod_1233679 #jh_search_1 .bodyCont_width { position:relative; z-index: 3; } /*标题控制*/ #laymod_1233679 #jh_search_1 .bodyContTitle { margin:0 auto; position:relative; z-index: 3; } #laymod_1233679 #jh_search_1 .bodyContTitle .fl { font-size:24px; line-height:1; margin:0 0 12px 0; color:#333; text-align: center; } #laymod_1233679 #jh_search_1 .bodyContTitle .fl2 { font-size:12px; line-height:1; margin:0; color:#999; text-align: center; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_1233679 #jh_search_1 .bodyContContent { position:relative; z-index: 4; } /*模版主体部分*/ #laymod_1233679 #jh_search_1 .pro_cate_list { margin:0 auto 2rem auto; overflow:visible; padding: 0; } #laymod_1233679 #jh_search_1 .pro_cate_list>.all_cate a { height: 40px; line-height: 40px; font-size:13px; background: #eee; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; display:block; position:relative; color: #7d7d7d; padding:0 0 0 15px; } #laymod_1233679 #jh_search_1 .pro_cate_list>.all_cate a.active_bg { background: rgba(244,154,28,1); color:#fff; } #laymod_1233679 #jh_search_1 .pro_cate_list>.all_cate a>span { position:absolute; top:0; right:5%; font-size:12px; margin:0; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_1233679 #jh_search_1 .pro_cate_list>.all_cate a>span:before { content:"\e627"; } #laymod_1233679 #jh_search_1 .pro_cate_list>.all_cate a.active_bg>span { color:#fff; transform: rotate(90deg); -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari and Chrome */ -o-transform: rotate(90deg); /* Opera */ -moz-transform: rotate(90deg); /* Firefox */ } #laymod_1233679 #jh_search_1 .pro_cate_list>ul { position:relative; margin-bottom:0; } #laymod_1233679 #jh_search_1 .pro_cate_list>ul>li { position:static; margin: 0 0 9px 0; } #laymod_1233679 #jh_search_1 .pro_cate_list>ul>li>a { display: block; width: auto; height: 40px; line-height: 40px; text-align: center; margin: 0; padding:0 15px; background: #eee; position: relative; z-index: 1; color: #7d7d7d; font-size: 13px; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; text-decoration: none; overflow:hidden; } #laymod_1233679 #jh_search_1 .pro_cate_list>ul>li>a>dd { text-overflow:ellipsis; overflow:hidden; display:block; height:40px; line-height:40px; } #laymod_1233679 #jh_search_1 .pro_cate_list>ul>li>a>span { position:absolute; top:0; right:5%; font-size:12px; margin:0; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_1233679 #jh_search_1 .pro_cate_list>ul>li>a>span:before { content:"\e627"; } #laymod_1233679 #jh_search_1 .pro_cate_list>ul>li>a:before { content: ""; display: block; width: 0; height: 40px; position: absolute; top: 0; left: 50%; background: rgba(244,154,28,1); z-index: -1; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_1233679 #jh_search_1 .bodyContContent { position:relative; } #laymod_1233679 #jh_search_1 .pro_list { width:auto; position:relative; } #laymod_1233679 #jh_search_1 .pro_list .swiper-wrapper { position:relative; padding:8px 0; } #laymod_1233679 #jh_search_1 .pro_list .swiper-slide_li { margin:0 0 2rem 0; } #laymod_1233679 #jh_search_1 .pro_list .swiper-slide_li a { background:#fff; display:block; width:100%; padding:0 0 1rem 0; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; position:relative; } #laymod_1233679 #jh_search_1 .pro_list .swiper-slide_li a>.pro_bg_color { display:block; position:absolute; width:100%; height:0; top:0; left:0; background:rgba(244,154,28,1); transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -webkit-transition:all 0.6s ease 0s; -o-transition:all 0.6s ease 0s; z-index: 0; } #laymod_1233679 #jh_search_1 .pro_list .pro_pic { display:block; width:100%; height:auto; position:relative; overflow:hidden; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align:center; z-index: 2; } #laymod_1233679 #jh_search_1 .pro_list .pro_pic img { display:block; width:100%; position:relative; z-index: 1; } #laymod_1233679 #jh_search_1 .pro_list i.pic_bg2 { display:block; width:100%; height:100%; z-index: 1; position:absolute; top:0; left:0; } #laymod_1233679 #jh_search_1 .pro_list span.pro_name { display:block; width:100%; text-align:center; font-size:1.6rem; line-height:1.4; height:3.2rem; overflow:hidden; color:#000; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); z-index: 3; padding:1rem 3% 0 3%; position:relative; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_1233679 #jh_search_1 .pro_list span.pro_line { margin: 0.5rem auto 0 auto; width: 20px; height: 2px; display: block; background: #000; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; position:relative; z-index: 4; } #laymod_1233679 #jh_search_1 .pro_list span.pro_type { display:block; width:100%; text-align:center; font-size:1.4rem; line-height:2; height:2.8rem; overflow:hidden; color:#000; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); z-index: 5; padding:0 3%; position:relative; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_1233679 .pro_list span.pro_price { display:block; width:100%; text-align:center; font-size:1.4rem; line-height:2; overflow:hidden; color:#999; z-index: 5; padding:0 3%; position:relative; } #laymod_1233679 .pro_list span.price1 { color:#f00; transition:all 0.3s ease 0.4s; -moz-transition:all 0.3s ease 0.4s; -webkit-transition:all 0.3s ease 0.4s; -o-transition:all 0.3s ease 0.4s; } #laymod_1233679 .pro_list span.price2 { text-decoration:line-through; transition:all 0.3s ease 0.4s; -moz-transition:all 0.3s ease 0.4s; -webkit-transition:all 0.3s ease 0.4s; -o-transition:all 0.3s ease 0.4s; } #laymod_1233679 #jh_search_1 .pro_list .pro_edit { display:block; width:100%; height:5px; position:absolute; bottom:0; left:0; z-index: 1; } #laymod_1233679 #jh_search_1 .pagenation { clear:both; overflow:hidden; margin-bottom: 37px; } #laymod_1233679 #jh_search_1 .pagenation .row { text-align:center; font-size:0; } #laymod_1233679 #jh_search_1 .pagenation .page_li { float:none; display:inline-block; *display:inline; *zoom:1; margin: 0 5px; vertical-align: top; } #laymod_1233679 #jh_search_1 .pagenation .page_li a { display: inline-block; padding: 0; font-size: 1.4rem; width: 34px; height: 34px; line-height: 34px; text-align: center; color:#999; background: #eee; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; margin: 0 5px; } #laymod_1233679 #jh_search_1 .pagenation .page_li a.active_bg { background: rgba(244,154,28,1); color: #fff; } #laymod_1233679 #jh_search_1 .pagenation .pagenationSelectDiv { float:right; display:none; } #laymod_1233679 #jh_search_1 .pagenation .pageDisable { display:none; } #laymod_1233679 #jh_search_1 .pagenation .pagePrev { display: inline-block; width: 34px; height: 34px; line-height: 34px; font-size: 0; padding: 0; font-weight: normal; position: relative; text-align:center; } #laymod_1233679 #jh_search_1 .pagenation .pagePrev>a { display:block; width:100%; height:100%; } #laymod_1233679 #jh_search_1 .pagenation .pagePrev>a:before { content:"\e66b"; } #laymod_1233679 #jh_search_1 .pagenation .pageNext { display: inline-block; width: 34px; height: 34px; line-height: 34px; font-size: 0; background: none; border: none; padding: 0; position: relative; text-align:center; } #laymod_1233679 #jh_search_1 .pagenation .pageNext>a { display:block; width:100%; height:100%; font-size:16px; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; } #laymod_1233679 #jh_search_1 .pagenation .pageNext>a:before { content:"\e60c"; } #laymod_1233679 #jh_search_1 .pro_list .row { margin:0 auto; } #laymod_1233679 #jh_search_1 .pro_list .pro_search_noting { padding:1% 0; font-size:14px; color:#666; line-height:3; } #laymod_1233679 #jh_search_1.active_false .pro_list li:hover .pro_pic img { transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -webkit-transform: scale(0.8); } #laymod_1233679 #jh_search_1.active_false .pro_cate_list>ul>li>a:hover{ color:#fff; } #laymod_1233679 #jh_search_1.active_false .pro_cate_list>ul>li>a:hover::before{ width:100%; left:0; } #laymod_1233679 #jh_search_1.active_false .pro_list .swiper-slide_li a:hover { box-shadow:0 0 8px #ccc; } #laymod_1233679 #jh_search_1.active_false .pro_list .swiper-slide_li a:hover>.pro_bg_color { height:100%; } #laymod_1233679 #jh_search_1.active_false .pro_list a:hover span.pro_line { width:40px; background:#fff; } #laymod_1233679 #jh_search_1.active_false .pro_list a:hover span.pro_name, #laymod_1233679 #jh_search_1.active_false .pro_list a:hover span.pro_type { color:#fff; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_1233679 .pro_list a:hover span.price1 { color:#fff; opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #laymod_1233679 .active_false .pro_list a:hover span.price2 { color:#fff; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); } #laymod_1233679 #jh_search_1.active_false .pagenation .page_li a:hover { background: rgba(244,154,28,1); color: #fff; } @media (min-width: 992px) { #laymod_1233679 #jh_search_1 .bodyContContent { padding: 0; } } @media (max-width: 1023px) { #laymod_1233679 #jh_search_1 .pro_cate_list .proys { display: none; } } @media (max-width: 991px) { #laymod_1233679 #jh_search_1 .bodyContTitle .fl { font-size:20px; margin:0 0 4px 0; } #laymod_1233679 #jh_search_1 .bodyCont_width { margin-bottom:2rem !important; } #laymod_1233679 #jh_search_1 .pro_list span.pro_name { font-size: 1.5rem; } #laymod_1233679 #jh_search_1 .pro_list span.pro_type { font-size: 1.3rem; } #laymod_1233679 #jh_search_1 .pro_list li { margin:0 0 1rem 0; } #laymod_1233679 #jh_search_1 .pro_cate_list>.all_cate { margin: 0 0 1px 0; } #laymod_1233679 #jh_search_1 .pro_cate_list>ul>li { margin: 0 0 1px 0; float: left; } #laymod_1233679 #jh_search_1 .pro_cate_list>ul>li>a { text-align:left; } #laymod_1233679 #jh_search_1 .pro_list li.pro_item{ margin: 10px 0 22px 0; } } @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_h66liosg33f.eot'); src: url('//at.alicdn.com/t/font_249974_h66liosg33f.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_h66liosg33f.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_h66liosg33f.woff') format('woff'), url('//at.alicdn.com/t/font_249974_h66liosg33f.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_h66liosg33f.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-style:normal; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited { text-decoration:none; } /*模版整体控制*/ #laymod_1233680 { position:relative; overflow:hidden; font-family:"Arial","Times New Roman","SimHei"; } #laymod_1233680 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_1233680 .bg_img { z-index:2; } #laymod_1233680 .bodyCont_width { position:relative; z-index: 3; } #laymod_1233680 .bodyContTitle .search_title.hide { display:block !important; } #laymod_1233680 .bodyContTitle .fl { color: #333; font-size: 24px; line-height: 1; margin-bottom: 8px; text-align: center; } #laymod_1233680 .bodyContTitle .fl2 { color: #999; font-size: 12px; line-height: 1; text-align: center; } #laymod_1233680 .bodyContContent .pro_main, #laymod_1233680 .bodyContContent .news_main { line-height: 35px; font-size: 18px; color: #333; margin-bottom: 15px; } #laymod_1233680 .bodyContContent .s_pro, #laymod_1233680 .bodyContContent .s_news { margin-bottom: 30px; } #laymod_1233680 .bodyContContent .pro_search_noting, #laymod_1233680 .bodyContContent .news_search_noting { font-size: 14px; color: #666; } /* 新闻列表 */ #laymod_1233680 .s_news .news-list li { line-height: 45px; border-bottom: 1px solid #eee; } #laymod_1233680 .s_news .news-list li a span { display: block; transition: all .3s; font-size: 13px; color: #555; text-indent: 1em; } #laymod_1233680 .active_false .s_news .news-list li a:hover span { color: rgba(244,154,28,1); } #laymod_1233680 .active_false .s_pro .pro-list li:hover { -webkit-box-shadow: 0 15px 30px #eee; box-shadow: 0 15px 30px #eee; -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); } #laymod_1233680 .active_false .spro_pagenation div a:hover, #laymod_1233680 .active_false .snews_pagenation div a:hover { background: rgba(244,154,28,1); color: #fff; } @media (min-width: 992px) { #laymod_1233680 .bodyCont_width { padding: 0; } #laymod_1233680 .s_pro .pro-list { margin-left: -1.5%; } #laymod_1233680 .s_pro .pro-list.bye { margin-left: 0; } #laymod_1233680 .s_pro .pro-list:after { content: ""; display: block; clear: both; } #laymod_1233680 .s_pro .pro-list li { width: 23.5%; float: left; margin-left: 1.5%; padding-bottom: 1.5%; background-color: #fff; -webkit-transition: all .2s linear; transition: all .2s linear; margin-bottom: 20px; } #laymod_1233680 .s_pro .pro-list li a { display: block; } #laymod_1233680 .bodyContContent .pro-list li span { display: block; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #laymod_1233680 .bodyContContent .pro-list li img { display: block; max-width: 100%; margin: 0 auto; } #laymod_1233680 .bodyContContent .pro-list li .pro_name { font-size: 14px; margin: 0 10px; line-height: 1; padding-top: 5.5%; padding-bottom: 3%; color: #555; } #laymod_1233680 .bodyContContent .pro-list li .pro_type { margin: 0 10px 8px; line-height: 1; color: #b0b0b0; font-size: 12px; } } @media (max-width: 991px) { #laymod_1233680 .s_pro .pro-list { font-size:0; } #laymod_1233680 .s_pro .pro-list li { width: 49%; display: inline-block; margin-bottom: 2%; background-color: #fff; } #laymod_1233680 .s_pro .pro-list li:nth-child(2n-1) { margin-right: 1%; } #laymod_1233680 .s_pro .pro-list li:nth-child(2n) { margin-left: 1%; } #laymod_1233680 .s_pro .pro-list li a { display: block; } #laymod_1233680 .bodyContContent .pro-list li span { display: block; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #laymod_1233680 .bodyContContent .pro-list li img { display: block; max-width: 100%; margin: 0 auto; } #laymod_1233680 .bodyContContent .pro-list li .pro_name { font-size: 14px; margin: 0 10px; line-height: 1; padding-top: 5.5%; padding-bottom: 3%; color: #555; } #laymod_1233680 .bodyContContent .pro-list li .pro_type { margin: 0 10px 8px; line-height: 1; color: #b0b0b0; font-size: 12px; } #laymod_1233680 .spro_pagenation { margin-top: 20px; } } /* 产品页码 */ #laymod_1233680 .snews_pagenation { margin-top: 20px; } #laymod_1233680 .spro_pagenation, #laymod_1233680 .snews_pagenation { text-align: center; } #laymod_1233680 .spro_pagenation .pagePrev, #laymod_1233680 .spro_pagenation .pageNext, #laymod_1233680 .snews_pagenation .pagePrev, #laymod_1233680 .snews_pagenation .pageNext { display: inline-block; width: 34px; height: 34px; line-height: 34px; font-size: 0; background: none; border: none; padding: 0; font-weight: normal; position: relative; text-align: center; margin: 0 5px; _margin: 0 2px; } #laymod_1233680 .spro_pagenation .pagenation, #laymod_1233680 .snews_pagenation .pagenation { display: inline-block; } #laymod_1233680 .spro_pagenation .pagePrev>a, #laymod_1233680 .spro_pagenation .pageNext>a, #laymod_1233680 .snews_pagenation .pagePrev>a, #laymod_1233680 .snews_pagenation .pageNext>a { display: block; width: 100%; height: 100%; font-size: 16px; margin: 0; _margin: 0; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } #laymod_1233680 .spro_pagenation div a, #laymod_1233680 .snews_pagenation div a { display: inline-block; padding: 0; font-size: 1.4rem; width: 34px; height: 34px; line-height: 34px; text-align: center; color: #999; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; background: #eee; margin: 0 5px; _margin: 0 2px; } #laymod_1233680 .spro_pagenation .pagePrev a:before, #laymod_1233680 .snews_pagenation .pagePrev a:before { content: "\e66b"; } #laymod_1233680 .spro_pagenation .pageNext a:before, #laymod_1233680 .snews_pagenation .pageNext a:before { content: "\e60c"; } #laymod_1233680 .spro_pagenation .pagenation .active_bg, #laymod_1233680 .snews_pagenation .pagenation .active_bg { background: rgba(244,154,28,1); color: #fff; } /*模版整体控制*/ #laymod_1234872 { position:relative; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_1234872 #jh2_message_4 { overflow:hidden; z-index: 500; } #laymod_1234872 .bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_1234872 .bodyCont_width { position:relative; z-index:4; opacity: 1; background-color: rgba(244,154,28,1); } #laymod_1234872 .bodyCont_width .rower:after { content: ""; display: block; clear: both; } #laymod_1234872 .bodyCont_width .rower .msg_img { position: absolute; right: 50%; z-index: 0 } #laymod_1234872 .bodyCont_width .rower .col-md-6 { padding: 0; } #laymod_1234872 .bodyCont_width .rower .inner_content { width: 100%; height:325px; display: flex; align-items: center; } #laymod_1234872 .bodyCont_width .rower .left_message { position: relative; } #laymod_1234872 .bodyCont_width .rower .left_message .left_cont { /* position: absolute; width: 100%; z-index: 2; top: 50%; transform: translateY(-50%);*/ position: relative; z-index: 1; } #laymod_1234872 .bodyCont_width .rower .left_message .left_cont .fl { font-size: 24px; line-height: 26px; font-weight: 700; text-align: center; letter-spacing: 16px; } #laymod_1234872 .bodyCont_width .rower .left_message .left_cont .fl2 { color: #959595; font-size: 12px; line-height: 26px; letter-spacing: 3px; text-align: center; } #laymod_1234872 .bodyCont_width .rower .right_message { padding: 0; /* display: -webkit-box; display: -webkit-flex; display: flex; align-items:center; -webkit-align-items:center;*/ } /*#laymod_1234872 .bodyCont_width .rower .right_message .right_cont { padding: 35px 30px; }*/ #laymod_1234872 .bodyCont_width .rower .right_message .left_mes ul:after { content: ""; display: block; clear: both; } #laymod_1234872 .bodyCont_width .rower .right_message .left_mes ul li { padding: 5px 0; position: relative; border-right: 2px rgba(244,154,28,1) solid; } #laymod_1234872 .bodyCont_width .rower .right_message .left_mes ul li .right { position: absolute; z-index: 12; right: 0; top: 50%; height: 25px; transform: translateY(-50%); } #laymod_1234872 .bodyCont_width .rower .right_message .left_mes ul li input { height: 50px; line-height: 50px; -webkit-appearance: none; border-radius: 0; background: rgba(255,255,255,0.68); padding: 0 10px; width: 100%; color:#666 } #laymod_1234872 .bodyCont_width .rower .right_message .left_mes ul li input::-webkit-input-placeholder { color:currentColor; } #laymod_1234872 .bodyCont_width .rower .right_message .left_mes ul li .liuyan { display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 12px; background: #000; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; } #laymod_1234872 .bodyCont_width .rower .right_message .left_mes ul li .liuyan:hover { background: rgba(244,154,28,1); color: #fff; } @media(min-width: 1320px) { /* #laymod_1234872 .bodyCont_width .rower .right_message .left_mes ul li { width: 150px; }*/ } @media(max-width: 1199px) { /* #laymod_1234872 .bodyCont_width .rower .right_message .left_mes ul li { width: 25%; }*/ #laymod_1234872 .bodyCont_width .rower .right_message .right_cont { width: 100%; } #laymod_1234872 .bodyCont_width .rower .msg_img img { max-width: 100%; } } @media(max-width: 767px) { #laymod_1234872 .bodyCont_width .rower .left_message { display: -webkit-box; display: flex; -webkit-justify-content: center; justify-content: center; } #laymod_1234872 .bodyCont_width .rower .right_message .right_cont { padding: 15px; width: 100%; } #laymod_1234872 .bodyCont_width .rower .right_message .left_mes ul li { /*margin-bottom: 10px;*/ width: 100%; } #laymod_1234872 .bodyCont_width .rower .msg_img img { max-width: inherit; } } @media(max-width: 992px) { #laymod_1234872 .bodyCont_width .rower .col-xs-12 { width: 100%; } } /*.design-html #laymod_1234872 .bodyCont_width .rower .right_message { min-height: 260px; }*/ /* 默认引入阿里云图标 */ @font-face { font-family: 'iconfont'; /* project id 249974 */ src: url('//at.alicdn.com/t/font_249974_291tpj7051y.eot'); src: url('//at.alicdn.com/t/font_249974_291tpj7051y.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_249974_291tpj7051y.woff2') format('woff2'), url('//at.alicdn.com/t/font_249974_291tpj7051y.woff') format('woff'), url('//at.alicdn.com/t/font_249974_291tpj7051y.ttf') format('truetype'), url('//at.alicdn.com/t/font_249974_291tpj7051y.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-style:normal; } .ql-toolbar { z-index:2000 !important; } img { border:0 none; } ul,ol,li { list-style:none; padding:0; margin:0; } h1,h2,h3,h4,h5,h6,p { margin:0; font-weight:normal; } a, a:hover, a:active, a:visited, a:focus { text-decoration:none; } /*模版整体控制*/ #laymod_1233683 #jh_foot_6 { position:relative; overflow:hidden; font-family:"Arial","Times New Roman","Microsoft YaHei","SimHei"; } #laymod_1233683.active #jh_foot_6 { z-index: 1900; } #laymod_1233683 #jh_foot_6>.bg { position:absolute; z-index: 1; width:100%; height:100%; top:0; left:0; } #laymod_1233683 #jh_foot_6>.bg_img { z-index:2; } #laymod_1233683 .bodyCont_width { position:relative; z-index:4; } #laymod_1233683 .bodyContContent { position:relative; z-index: 4; } /*模版主体部分*/ /* 页脚1 */ #laymod_1233683 .footer_top .footer_info { overflow:hidden; } #laymod_1233683 .footer_top .footer_info .info_block .info_title { color:rgba(51,51,51,1); font-size:18px; line-height:3; position:relative; } #laymod_1233683 .footer_top .footer_info .info_block .info_title:after { content:""; display:block; width:18px; height:1px; background:rgba(244,154,28,1); position:absolute; bottom:0; left:0; } #laymod_1233683 .footer_top .footer_info .info_block .info_list { padding-top:15px; } #laymod_1233683 .footer_top .footer_info .info_block .info_list li, #laymod_1233683 .footer_top .footer_info .info_block .info_list li a { color:rgba(51, 51, 51, 0.5); font-size:12px; line-height:2; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s; } #laymod_1233683 .footer_top .footer_info .info_block_3 .info_list .li, #laymod_1233683 .footer_top .footer_info .info_block_3 .info_list .li a { color:rgba(51, 51, 51, 0.5); font-size:12px; line-height:2; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s; } #laymod_1233683 .footer_top .footer_info .info_block .info_list #laymod_1233683 .footer_top .footer_info .info_block_1 { padding-top:24px; overflow:visible; } #laymod_1233683 .footer_top .footer_info .info_block_1 .h1 { color:rgba(51,51,51,1); font-size:50.7px; line-height:1.1; font-weight:bold; text-transform:uppercase; } #laymod_1233683 .footer_top .footer_info .info_block_1 .h2 { color:rgba(51,51,51,1); font-size:30.42px; line-height:2.2; } #laymod_1233683 .footer_top .footer_info .info_block_1 .info_desc { padding-top:4px; } #laymod_1233683 .footer_top .footer_info .info_block_1 .info_desc>div { display:block; color:rgba(51, 51, 51, 0.5); font-size:14px; line-height:1.2857; text-transform:uppercase; } #laymod_1233683 .footer_top .footer_info .info_block_1 .p { margin-top:30px; color:rgba(51,51,51,1); font-size:14px; line-height:3.857; position:relative; } #laymod_1233683 .footer_top .footer_info .info_block_1 .p:before { content:""; display:block; width:86px; height:3px; background:rgba(244,154,28,1); position:absolute; top:0; left:0; } #laymod_1233683 .bodyContContent .share a { display: inline-block; } #laymod_1233683 .bodyContContent .share a i { font-size: 24px; display: block; opacity: 0.58; color:rgba(51,51,51,1); } #laymod_1233683 .bodyContContent .share .wechat .iconfont:after { content: "\e991"; } #laymod_1233683 .bodyContContent .share .qq .iconfont:after { content: "\e990"; } #laymod_1233683 .bodyContContent .share .qq2 .iconfont:after { content: "\e97d"; } #laymod_1233683 .bodyContContent .share .weibo .iconfont:after { content: "\e994"; } #laymod_1233683 .bodyContContent .wechat_div { position: fixed; width: 100%; left: 0; right: 0; text-align: center; top: 0; bottom: 0; z-index: 500; visibility: hidden; opacity: 0; transition: all .35s ease-out; } #laymod_1233683 .bodyContContent .wechat_div.active { opacity: 1; visibility: visible; } #laymod_1233683 .bodyContContent .wechat_div .wechat_bg { position: absolute; left: 0; right: 0; background: rgba(0,0,0,0.4); width: 100%; height: 100%; } #laymod_1233683 .bodyContContent .wechat_div .wechat_img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 300px; width:300px; } #laymod_1233683 .bodyContContent .wechat_div .wechat_img img { max-width: 100%; max-height: 100%; } #laymod_1233683 .footer_top .footer_info .info_block_4 { /*display*/ display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*flex-wrap*/ -webkit-flex-wrap:wrap;/*nowrap*/ -webkit-box-lines:multiple;/*single*/ -moz-flex-wrap:wrap; flex-wrap:wrap; /*justify-content*/ -webkit-justify-content:flex-end; justify-content:flex-end;/*主轴上对齐（横轴）*/ -moz-box-pack:end; -webkit--moz-box-pack:end; box-pack:end; } #laymod_1233683 .footer_top .footer_info .info_block_4 ol { padding-top:20px; } #laymod_1233683 .footer_top .footer_info .info_block_4 ol li { float:left; } #laymod_1233683 .footer_top .footer_info .info_block_4 li .pxyz, #laymod_1233683 .footer_top .footer_info .info_block_4 li .pjz { display: inline-block; vertical-align: top; } #laymod_1233683 .footer_top .footer_info .info_block_4 ol li:not(:last-child) { margin-right:20px; } #laymod_1233683 .footer_top .footer_info .info_block_4 ol li span { display:block; } #laymod_1233683 .footer_top .footer_info .info_block_4 ol li span.code_pic { max-width:87px; } #laymod_1233683 .footer_top .footer_info .info_block_4 ol li span.code_pic img { display:block; width:100%; } #laymod_1233683 .footer_top .footer_info .info_block_4 ol li .code_txt { color:rgba(51, 51, 51, 0.5); font-size:12px; line-height:2.833; } #laymod_1233683 .footer_top .footer_friendlink { overflow:hidden; padding-top:60px; } #laymod_1233683 .footer_top .footer_friendlink .friendlink .span { color:rgba(51,51,51,1); font-size:14px; float:left; line-height:3.14; } #laymod_1233683 .footer_top .footer_friendlink .friendlink ul { float:left; margin-left:20px; } #laymod_1233683 .footer_top .footer_friendlink .friendlink ul li { float:left; margin:0 10px; } #laymod_1233683 .footer_top .footer_friendlink .friendlink ul li a { color:rgba(51, 51, 51, 0.5); font-size:12px; line-height:3.66; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s; } #laymod_1233683 .footer_top .footer_friendlink .friendlink_apply { text-align:right; } #laymod_1233683 .footer_top .footer_friendlink .friendlink_apply a { color:rgba(51, 51, 51, 0.5); font-size:14px; line-height:3.14; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s; } /*页脚2*/ #laymod_1233683 .footer_bottom { border-top:1px solid rgba(244, 154, 28, 0.2); } #laymod_1233683 .footer_bottom .footer_copyright, #laymod_1233683 .footer_bottom .footer_copyright a { color:rgba(51, 51, 51, 0.5); font-size:12px; line-height:3; transition:all 0.4s cubic-bezier(.075,.82,.165,1) 0s; -moz-transition:all 0.4s cubic-bezier(.075,.82,.165,1) 0s; -ms-transition:all 0.4s cubic-bezier(.075,.82,.165,1) 0s; -webkit-transition:all 0.4s cubic-bezier(.075,.82,.165,1) 0s; -o-transition:all 0.4s cubic-bezier(.075,.82,.165,1) 0s; } #laymod_1233683 .footer_bottom .footer_copyright .btf { margin-right: 6px; } #laymod_1233683 .footer_bottom .footer_copyright .btf, #laymod_1233683 .footer_bottom .footer_copyright a { display: inline-block; vertical-align: top; } #laymod_1233683 .footer_bottom .footer_info ul { text-align:right; } #laymod_1233683 .footer_bottom .footer_info ul li { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; } #laymod_1233683 .footer_bottom .footer_info ul li a { color:rgba(51, 51, 51, 0.5); font-size:12px; padding:0 5px; border-left:1px solid rgba(244, 154, 28, 0.2); -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s; line-height:3; } #laymod_1233683 .footer_bottom .footer_info ul li:first-child a { padding-left:0; border-left:0 none; } #laymod_1233683 .footer_bottom .footer_info ul li:last-child a { padding-right:0; } @media (min-width:993px) { #laymod_1233683 .footer_top .footer_info .info_block_1 .info_share ul li i:hover { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); } #laymod_1233683 .footer_top .footer_info .info_block_1 .info_share ul li.wx a:hover img { height:100px; } #laymod_1233683 .footer_top .footer_friendlink .friendlink ul li a:hover, #laymod_1233683 .footer_top .footer_friendlink .friendlink_apply a:hover, #laymod_1233683 .footer_bottom .footer_copyright a:hover, #laymod_1233683 .footer_bottom .footer_info ul li a:hover { color:rgba(51,51,51,1); } } @media (min-width:768px) and (max-width: 992px) { #laymod_1233683 .footer_top { padding-bottom: 15px; } #laymod_1233683 .footer_bottom .footer_copyright { width: 100%; padding: 10px 15px 0 15px; float: none; } #laymod_1233683 .footer_bottom .footer_info { padding-bottom: 15px; } #laymod_1233683 .footer_bottom .footer_info ul { text-align: left; } #laymod_1233683 .footer_top .footer_info .info_block_4 { -webkit-justify-content: flex-end; justify-content: flex-end; } #laymod_1233683 .footer_top .footer_friendlink { padding-top: 30px; } #laymod_1233683 .footer_top .footer_friendlink .friendlink .span, #laymod_1233683 .footer_top .footer_friendlink .friendlink_apply a { line-height: 2; } #laymod_1233683 .footer_top .footer_friendlink .friendlink ul li a { font-size: 14px; line-height: 2; } #laymod_1233683 .footer_bottom .footer_copyright, #laymod_1233683 .footer_bottom .footer_copyright a, #laymod_1233683 .footer_bottom .footer_info ul li a { line-height:2; } #laymod_1233683 .footer_top .footer_info .info_block_1 .h2 { font-size: 20px; line-height: 2; margin: 0; } #laymod_1233683 .info_share { display: none; } } @media (max-width:767px) { #laymod_1233683 .footer_top .footer_info .info_block_4 { /*justify-content*/ -webkit-justify-content:flex-start; justify-content:flex-start;/*主轴上对齐（横轴）*/ -moz-box-pack:start; -webkit--moz-box-pack:start; box-pack:start; } #laymod_1233683 .footer_top { padding-top:0; padding-bottom:15px; } #laymod_1233683 .footer_top .footer_info .info_block_1, #laymod_1233683 .footer_top .footer_info .info_block .info_list { padding-top:0; } #laymod_1233683 .footer_top .footer_info .info_block_4 ol { padding-top:10px; } #laymod_1233683 .footer_bottom .footer_copyright { padding:15px; } #laymod_1233683 .footer_bottom .footer_copyright, #laymod_1233683 .footer_bottom .footer_copyright a, #laymod_1233683 .footer_bottom .footer_info ul li a { line-height:2; } #laymod_1233683 .footer_top .footer_info .info_block_1 .h2 { font-size: 20px; line-height: 2; margin: 0; } #laymod_1233683 .footer_bottom .footer_copyright { text-align: center; padding: 10px 15px 0 15px; float: none; } #laymod_1233683 .footer_bottom .footer_info ul li a { border: none; } #laymod_1233683 .footer_bottom .footer_info ul { padding-bottom: 15px; text-align: center; } #laymod_1233683 .info_share { display: none; } } /* 2021-11-17：自定义图标 */ #laymod_1233683 .defIcon { padding: 0 2px; } #laymod_1233683 .defIcon > img { margin-top: -7px; opacity: 0.58; }