body { font-family: 'Helvetica', 'Microsoft YaHei', sans-serif; margin: 0; background-color: #f5f5f5; } img { border: none; border: 0; vertical-align: top; } video { width: 100%; margin-top: 0; } @media screen and (min-width: 756px) { #content { width: 750px; margin: 0 auto; } } @media screen and (max-width: 750px) { #content { width: 100%; margin: 0; } } video img { width: 100%; } input { border: none; outline: none; } /*ul, li, dl, dt, dd{list-style: none; padding:0; margin:0;}*/ ul, li, form, dl, dt, dd, div, ul, li, p, em, i, address { font-style: normal; list-style: none; padding: 0px; margin: 0px; } a { text-decoration: none; cursor: pointer; } .m_Container { width: 95%; margin: auto; } .big_title { font-size: 1.01rem; } .title { font-size: 0.85rem; } /*32px*/ .subtitle { font-size: 0.75rem; } /*28px*/ .des { font-size: 0.64rem; } /*24px*/ .text_16 { font-size: 0.43rem; } /*16px*/ .text_18 { font-size: 0.48rem; } /*18px*/ .text_20 { font-size: 0.54rem; } /*20px*/ .text_22 { font-size: 0.58rem; } /*22px*/ .text_24 { font-size: 0.64rem; } /*24px*/ .text_28 { font-size: 0.747rem; } /*28px*/ .text_30 { font-size: 0.8rem; } /*30px*/ .text_32 { font-size: 0.85rem; } /*32px*/ .text_38 { font-size: 1.013rem; } /*38px*/ .text_40 { font-size: 1.067rem; } /*40px*/ .text_48 { font-size: 1.28rem; } /*40px*/ .text_center { text-align: center; } .text_left { text-align: left; } .text_right { text-align: right; } .img-responsive img { height: auto; max-width: 100%; } .img-responsives img { display: block; height: auto; width: 100%; } .title_margin-top { margin-top: 0.85rem; } .subtitle_margin-top { margin-top: 0.9rem; } .bottom-margin { margin-bottom: 0.2rem; } .overflow-h { overflow: hidden; } .position_r { position: relative; } .position_a { position: absolute; width: 100%; top: 0; left: 0; } .text_white { color: #fff; } .text_black { color: #333; } .text_gray { color: #666; } .text_l_gray { color: #999; } .text_blue { color: #009fdf; } .f_weight_600 { font-weight: 600; } .f_weight_500 { font-weight: 500; } .f_weight_400 { font-weight: 400; } .f_weight_300 { font-weight: 300; } .f_weight_200 { font-weight: 200; } .f_weight_100 { font-weight: 100; } .margin-top-120 { margin-top: 3.1rem; } /*上边距130px*/ .margin-top-80 { margin-top: 2.13rem; } /*上边距80px*/ .margin-top-70 { margin-top: 2rem; } /*上边距70px*/ .margin-top-50 { margin-top: 1.12rem; } .margin-top-40 { margin-top: 0.95rem; } .margin-top-35 { margin-top: 0.8rem; } .margin-top-30 { margin-top: 0.68rem; } .margin-top-20 { margin-top: 0.5rem; } .margin-top-14 { margin-top: 0.35rem; } .margin-top-10 { margin-top: 0.25rem; } .margin-bottom-60 { margin-bottom: 1.6rem; } /*下边距60px;*/ .margin-bottom-48 { margin-bottom: 1.125rem; } /*下边距50px;*/ .margin-bottom-40 { margin-bottom: 0.95rem; } /*下边距40px;*/ .margin-bottom-35 { margin-bottom: 0.8rem; } /*下边距20px;*/ .margin-bottom-20 { margin-bottom: 0.5rem; } /*下边距20px;*/ .margin-bottom-10 { margin-bottom: 0.27rem; } /*下边距20px;*/ .margin-bottom-30 { margin-bottom: 0.84rem; } /*下边距30px;*/ .text-indent_48 { text-indent: 1.28rem; } .line-height-40 { line-height: 1.07rem; } .line_height_38 { line-height: 1.01rem; } .line_height_30 { line-height: 0.8rem; } .line-height-45 { line-height: 1.2rem; } .line-height-50 { line-height: 1.33rem; } .bg_white { background-color: #fff; overflow: hidden; position: relative; } .bg_blue { background-color: #009fdf; overflow: hidden; position: relative; } .bg_black { background-color: #1e1e1e; overflow: hidden; position: relative; } .bg_gray { background-color: #f5f5f5; overflow: hidden; position: relative; } .nowrap_ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /*字体不换行*/ .cursor_p { cursor: pointer; } /*鼠标样式*/ .margin-top-90 { margin-top: 2.4rem; } /*距离顶部的距离*/ .margin-bottom-90 { margin-bottom: 2.4rem; } /*距离顶部的距离*/ .float_l { float: left; } .float_r { float: right; } /*头部*/ .header { background-color: #1e1e1e; width: 20rem; padding: 0.65rem 0 0rem; position: fixed; z-index: 9999; top: 0; color: #fff; } .header .left { float: left; margin-bottom: 0.5rem; } .header .center { position: absolute; width: 26%; top: 0.65rem; text-align: center; left: 37%; } .header .center img { width: 100%; margin: auto; } .header .right { float: right; width: 8%; margin-top: 0.1rem; } .header span { color: #fff; font-size: 1.125rem; } .index_title { font-size: 0.5rem; } /*头部弹出菜单*/ .menu { background-color: #fff; overflow: hidden; color: #333; width: 100%; font-size: 0.8125rem; border-top: 1px solid rgba(107, 107, 107, 0.5); } .menu dl { border-bottom: 1px solid #e5e5e5; width: 93%; padding: 0.65rem 3.5% 0.65rem; position: relative; } .menu i { position: absolute; display: inline-block; right: 3.4%; top: 0.8rem; } .menu dd { padding-left: 0%; display: none; font-size: 0.72rem; line-height: 1.25rem; padding: 1.2% 0; } .menu dl dd:nth-child(1) { margin-top: 0.2rem; } .menu .search { width: 100%; text-align: center; margin-top: 0.45rem; position: relative; } .menu .search .updown_search_btn { background: none; border: none; position: absolute; right: 2.4%; top: 0.3rem; font-size: 1.5em; vertical-align: middle; color: #333; } .menu .SingIn-button a { display: inline-block; border: 1px solid #fff; color: #666666; margin-left: 1.2rem; margin-right: 1.2rem; text-align: center; text-decoration: none; margin-top: 0.85rem; margin-bottom: 0.45rem; font-size: 0.8125rem; background-color: #fff; padding: 0.2rem 1.25rem; } .menu .search .form-control { width: 90%; border: 1px solid rgba(220, 221, 221, 0.7); vertical-align: middle; padding: 0.6rem 2.4%; font-size: 0.6875rem; background-color: #fff; } .menu .search .icon-search { color: #999999; } .menu a { color: #333; } .menu a:hover { color: #737373; } /*头部国家*/ .m-Country { width: 100%; margin-top: 0.45rem; font-size: 0.6875rem; color: #fff; background-color: #efefef; overflow: hidden; text-align: left; } .m-Country:before { width: 0; height: 0; border-right: 0.36rem solid transparent; border-left: 0.36rem solid transparent; border-bottom: 0.46rem solid #efefef; position: absolute; margin-top: -0.4rem; right: 0.95rem; content: ''; } .m-Country ul { width: 80%; margin: 0 auto 2rem; } .m-Country li { border-bottom: 1px solid #e3e3e3; width: 93%; padding: 0.65rem 3.5% 0.65rem; position: relative; } .m-Country a { color: #333; text-decoration: none; } /*banner*/ .banner { width: 100%; } /*类别*/ .category { position: relative; background-color: #fff; overflow: hidden; box-shadow: 0px 5px 20px #e6e6e6; width: 95%; margin: 0.5rem auto; border-radius: 5px; } .category ul { width: 98%; margin: 1rem auto; overflow: hidden; } .category ul li { width: 20%; float: left; text-align: center; } .category ul li p:hover { color: #00a0e9; } .category p { font-size: 0.75rem; color: #333333; } .category p:nth-child(1) { margin-bottom: 0; } .category p:nth-child(2) { margin-top: 0.1rem; margin-bottom: 0.8rem; } .category ul img { width: 1.28rem; } /*内容*/ .Brand_research { width: 100%; margin-top: 0.55rem; } .Brand_research li { border-radius: 5px; background-color: #009fdf; text-align: center; font-size: 0.8rem; color: #fff; padding: 1.1rem 0 1.25rem; margin-bottom: 10px; } .index_video { margin-top: 1.1rem; } .index_video .title { margin-bottom: 0.7rem; font-weight: 600; } .index_video .des { line-height: 0.98rem; } .index_video video { margin-top: 0.5em; } .index_culute { margin-top: 0.85rem; } .index_culute p { display: block; } .index_culute .title { margin-bottom: 0em; margin-top: 0rem; } .index_culute .des { margin-bottom: 0.95rem; overflow: hidden; margin-top: 0.3rem; } .partner { margin-bottom: 1.75rem; } .partner .title { margin-top: 1.15rem; margin-bottom: 0.98rem; } .index_partner_list li { width: 24.25%; margin-right: 1%; float: left; } .index_partner_list li:last-child { margin-right: 0; } /*底部文件*/ footer { background-color: #2e2e2e; overflow: hidden; width: 100%; color: #ffffff; } footer dl { border-bottom: 1px solid rgba(119, 119, 119, 0.3); padding: 1% 11%; overflow: hidden; line-height: 1.875em; } footer dt { position: relative; width: 100%; font-size: 0.6875rem; padding-top: 0.75em; padding-bottom: 0.5em; line-height: 1.875em; } footer span { position: absolute; display: inline-block; margin-right: 5px; left: -1.5em; } footer dd { padding-left: 0%; display: none; font-size: 0.5625rem; line-height: 2em; } footer i { position: absolute; display: inline-block; right: -1.5em; line-height: 1.875em; } .rotate { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); } .footer_copyright { font-size: 0.375rem; text-align: center; padding-top: 1em; padding-bottom: 1em; } footer a { color: #fff; } /*产品*/ .product_title { font-size: 0.75rem; color: #333333; padding-left: 2%; margin-top: 0.9rem; } .hot_product { width: 100%; overflow: hidden; margin-top: 0.65rem; } .hot_product li { width: 9.365rem; margin-right: 0.26rem; position: relative; color: #fff; float: left; margin-bottom: 0.26rem; } .hot_product .hot_product_text { position: absolute; bottom: 0.55rem; width: 100%; } .hot_product li:nth-child(2n) { margin-right: 0; } .hot_product .title { font-size: 0.59rem; margin-bottom: 0.25rem; } .hot_product span { display: block; } .hot_product .subtitle { font-size: 0.4rem; } .view_all { font-size: 0.64rem; color: #666666; } .product_list_title { width: 100%; margin-top: 0.9rem; overflow: hidden; } .product_list_title .product_title { width: 60%; float: left; text-align: left; margin-top: 0rem; } .product_list_title .view_all { width: 38%; float: right; text-align: right; } .product_list_title .icon-Double-Arrow { margin-left: 0.15rem; display: inline-block; } /*产品列表*/ .product_list { margin-top: 0.6rem; overflow: hidden; } .product_list li { width: 8.965rem; margin-right: 0.26rem; float: left; margin-bottom: 0.26rem; background-color: #fff; text-align: center; padding-top: 2rem; padding-bottom: 1rem; padding-left: 0.2rem; padding-right: 0.2rem; } .product_list li:nth-child(2n) { margin-right: 0; } .product_list .title { font-size: 0.54rem; color: #333; margin-top: 1rem; } .product_list .subtitle { font-size: 0.48rem; color: #666666; margin-top: 0.35rem; } .product_list span { display: block; } .product_list .img_p { width: 65%; max-width: 220px; } /*一级列表类别*/ .first_list_category { position: relative; height: 4.5rem; width: 100%; overflow: hidden; margin-left: auto; margin-right: auto; background-color: #fafafa; } .first_list_category ul { margin-top: 1.06rem; } .first_list_category li { padding-left: 1rem; display: inline-block; text-align: center; font-style: none; margin-bottom: 0rem; } .first_list_category li:last-child() { padding-right: 1rem; } .first_list_category .category_list { font-size: 0.64rem; color: #333333; } .first_list_category .scroller { position: absolute; } .first_list_category .category_list p { margin-top: 0.25rem; } .first_list_category img { width: 1.5rem; max-width: 54px; } /*二级列表类别*/ .Second_list_category { position: relative; height: 4.5rem; width: 100%; overflow: hidden; margin-left: auto; margin-right: auto; background-color: #fafafa; } .Second_list_category ul { margin-top: 1rem; } .Second_list_category li { padding-left: 1rem; display: inline-block; text-align: center; font-style: none; margin-bottom: 1rem; } .Second_list_category li:last-child() { padding-right: 1rem; } .Second_list_category .category_list { font-size: 0.64rem; color: #333333; } .Second_list_category .scroller { position: absolute; } .Second_list_category img { width: 1.44rem; max-width: 54px; } .Second_list_category .category_list p { margin-top: 0.25rem; } /*产品详情*/ .goods_list { width: 100%; } .goods_all_title { width: 96%; padding: 0 0.6rem 0.55rem; margin-top: 1.5rem; border-bottom: 1px solid #e5e5e5; } .goods_all_title .title { font-size: 0.7rem; color: #333333; } .goods_all_title .subtitle { font-size: 0.64rem; color: #666666; margin-top: 0.35rem; } /*详情规格参数样式*/ .proTfg { width: 94%; margin: auto; text-align: left; } .proTfg .swt-Table { display: table; width: 100%; } .proTfg .swt-Table .Table-Row { display: table-row; } .proTfg .swt-Table .Table-Row .Table-Cell { display: table-cell; margin: 0; padding-bottom: 0.28rem; } .msul { font-size: 0.62rem; margin: 0.65rem auto; } .msul .ms1 { width: 25%; float: left; color: #333333; } .msul .ms2 { width: 5%; float: left; } .msul .ms3 { width: 70%; float: left; color: #666666; } .star { position: absolute; top: 0; width: 2.56rem; height: 0.4rem; background-image: url(../images/star_orange.png); background-position: 0 0; background-repeat: no-repeat; background-size: 2.56rem 0.4rem; } /*平台购买链接*/ .platform_buy { width: 100%; color: #fff; font-size: 0.64rem; text-align: center; margin-bottom: 1rem; } .platform_buy a { display: inline-block; padding: 0.25rem 1rem; background-color: #009fdf; margin-right: 1rem; } .cursor_p { cursor: pointer; padding-bottom: 1.5%; } /*详情描述*/ .goods_details { background-color: #ffffff; width: 100%; padding: 1.1rem 0; } .goods_details .cpa { text-align: center; } .goods_details .cpa li { display: inline-block; padding-right: 1.5rem; padding-left: 1.5rem; /* border-right: 1px solid #009fdf; */ line-height: 0.64rem; height: 0.54rem; } .goods_details li:nth-child(3) { margin-right: 0; border-right: none; } .goods_details .cpa a { color: #666666; font-size: 0.64rem; } .goods_details .active { color: #009fdf; } .goods_des { width: 100%; } .goods_address { font-size: 1rem; padding-top: 2rem; padding-bottom: 1rem; text-align: left; } .goods_address .href_01 { color: #333333; } .goods_address .href_02 { color: #666666; } .goods_address span { display: inline-block; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); } .goods_details_fixed { position: fixed; top: 2.4rem; z-index: 999; max-width: 750px; } /*关联产品*/ .goods_Related { padding: 0.85rem 0 1.25rem; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; overflow: hidden; } .goods_Related_title { margin-bottom: 1rem; } .goods_Related_list { width: 88%; margin: 0 auto; } .goods_Related_list li { float: left; } .goods_Related_list img { padding: 0.24rem 1.2rem; background-color: #fff; width: 2.67rem; height: 2.67rem; } .goods_Related_list span { display: block; } .goods_Related_list .title { font-size: 0.59rem; color: #333333; margin-top: 0.3rem; height: 0.85rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .goods_Related_list .subtitle { font-size: 0.43rem; color: #666666; margin-top: 0.15rem; } /*评论*/ .goods_comment { border-bottom: 1px solid #e5e5e5; margin-top: 0.3rem; overflow: hidden; padding-bottom: 0.3rem; position: relative; text-align: left; } .goods_comment span { display: block; } .goods_comment .title { font-size: 0.587rem; color: #333; margin-bottom: 0.3rem; } .goods_comment .subtitle { font-size: 0.48rem; color: #333; margin-bottom: 0.15rem; display: inline-block; } .goods_comment .subcon { font-size: 0.48rem !important; color: #333; margin-bottom: 0.15rem; } .goods_comment ul { margin-top: 0.25rem; } .goods_comment li { width: 4.462rem; margin-right: 0.25rem; float: left; height: 4.462rem; } .goods_comment li:nth-child(4n) { margin-right: 0; } .goods_comment_img { height: 4.462rem; margin-bottom: 0.45rem; } .goods_comment_img ul { position: absolute; width: 100%; left: 0%; margin-left: 0px; } .goods_comment li { position: relative; width: 4.462rem; overflow: hidden; height: 4.462rem; } .goods_comment li img { display: block; width: 100%; height: 6.917rem; object-fit: cover; } /*评论图片放大功能*/ .big_img { position: fixed; z-index: -1; opacity: 0; background: #000; width: 100%; height: 100%; top: 0; } .big_img .swiper-container2 { position: relative; width: 100%; height: 100%; } .big_img .swiper-container2 .swiper-wrapper { width: 100%; height: 100%; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .big_img .swiper-slide { width: 100%; height: 100%; display: table; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; } .big_img .swiper-slide .cell { width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center; } .big_img .swiper-slide img { max-width: 100%; margin: 0 auto; } /*新闻*/ .news .title { margin-bottom: 0.6rem; } .news_list { padding-top: 0.45rem; border-bottom: 1px solid #e5e5e5; overflow: hidden; padding-bottom: 0.2rem; } .news_list .left { float: left; width: 6.45rem; margin-right: 0.54rem; } .news_list .right { float: left; width: 11.6rem; } .news_list span { display: inline-block; margin-right: 0.72rem; } .news_list_title { font-size: 0.64rem; color: #333; margin-bottom: 0.2rem; } .news_list_des_text { font-size: 0.48rem; color: #666; line-height: 0.68rem; margin-bottom: 0.25rem; } .news_list_share { font-size: 0.427rem; color: #666; } .news_list_share img { vertical-align: bottom; margin-right: 0.16rem; width: 0.427rem; height: 0.427rem; margin-bottom: 0.05rem; } /*新闻翻页*/ .Pages { text-align: center; color: #555; clear: both; margin-bottom: 0.8rem; margin-top: 0.6rem; } .Pages span { display: inline-block; } .Pages .num a { vertical-align: middle; color: #666; font-size: 0.426rem; padding: 0.1rem 0.38rem; } .Pages .a_prev, .Pages .a_next { padding-top: 0.4rem; padding-left: 0.38rem; padding-right: 0.38rem; } .Pages .a_prev img, .Pages .a_next img { width: 0.267rem; height: 0.587rem; } .Pages .num .a_cur { background-color: #444444; color: #fff; } /*新闻评论*/ .news-comments { width: 97%; margin: auto; } .news-comments { font-size: 0.75rem; } .news-comment { border-bottom: 1px solid #e5e5e5; padding-top: 0.65rem; } .news-comment .left { width: 1.6rem; float: left; margin-right: 1rem; } .news-comment .left img { width: 1.6rem; height: 1.6rem; } .news-comment .right { float: right; width: 15rem; } .news-comment span { display: block; } .news-comment .news_list_des_text { color: #333; } .Customer-information { width: 100%; margin: auto; overflow: hidden; } .news-comment p { display: block; font-size: 0.48rem; color: #333333; line-height: 0.7rem; margin-top: 0.2rem; margin-bottom: 0.35rem; } /*新闻详情*/ .news_detail { margin-top: 1.15rem; } .news_detail .title { font-size: 0.8rem; color: #333; margin-bottom: 0.5rem; } .news_detail .date { font-size: 0.427rem; color: #666; padding-bottom: 1rem; border-bottom: 1px solid #d2d2d2; } .news_detail_content { font-size: 0.54rem; color: #666; text-align: center; line-height: 0.95rem; } .news_detail_content p { margin-top: 0.35rem; margin-bottom: 0.35rem; } .news_detail img { display: block; } .news_detail .img_des { font-size: 0.48rem; margin-top: 0.1rem; } /*新闻回复*/ .news-replay { width: 100%; margin-top: 0.5rem; margin-bottom: 0.5rem; text-align: center; } #ccont { padding: 3%; width: 94%; } .news-replay textarea { height: 4.45rem; background: #fff; border: none; margin: 0.35rem 0; font-size: 0.54rem; } .news-replay span { display: inline-block; } .news-replay .Release { font-size: 0.587rem; color: #fff; padding: 0.35rem 1.5rem; background-color: #2897d1; margin-top: 0.25rem; } /*视频分类列表*/ .video_Category ul { width: 100%; } .video_Category li { width: 49.4%; margin-right: 1.2%; float: left; position: relative; } .video_Category li:nth-child(2n) { margin-right: 0; } .video_Category li p { display: block; position: absolute; text-align: center; bottom: 0.8rem; color: #fff; font-size: 0.8rem; width: 100%; } /*热门视频 */ .video_hot span { display: block; text-align: left; word-break: break-all; } .video_hot li { margin-bottom: 1.15rem; } .video_hot .title { font-size: 0.64rem; color: #333; margin-top: 0.45rem; margin-bottom: 0.25rem; } .video_hot .des_text { font-size: 0.54rem; color: #666; line-height: 0.85rem; } /*视频详情类别*/ .video_category { position: relative; height: 3.45rem; width: 100%; overflow: hidden; margin: 0 auto; } .video_category ul { margin-top: 1rem; } .video_category li { padding-left: 1rem; display: inline-block; text-align: center; font-style: none; margin-bottom: 0rem; } .video_category li:last-child() { padding-right: 1rem; } .video_category .category_list { font-size: 0.64rem; color: #333333; } .video_category .scroller { position: absolute; } .video_category .category_list p { margin-top: 0.25rem; } .video_category img { width: 1.5rem; max-width: 60px; } /*专题购买按钮*/ .solid_blue { border-top: 5px solid #009fe0; background-color: #fff; position: relative; } .solid_strip { border-top: 5px solid #344558; background-color: #fff; position: relative; } .buy { width: 100%; position: absolute; bottom: 1.23rem; color: #333333; } /*两列产品*/ .special_title { position: absolute; width: 100%; text-align: center; top: 1.06rem; font-size: 0.587rem; } .buy { width: 100%; position: absolute; bottom: 1.23rem; color: #333333; } .buy a { /*border:1px solid #c2d600;*/ padding: 0.2rem 0.35rem 0.22rem; } .buy_margin { margin-right: 0.8rem; } .buy_button a { padding: 0.2rem 0.35rem 0.22rem; /*border:1px solid #5c5c5c;*/ } .subject_span { padding: 0.2rem 0.35rem 0.22rem; color: #939393; border: 1px solid #939393; } .buy_socket { border: 1px solid #00ba31; background-color: #00ba31; color: #fff; } .span_margin { margin-right: 0.7rem; } .buy_computers { border: 1px solid #00ba31; background-color: #4da1f7; color: #fff; } .buy_phone { border: 1px solid #00ba31; background-color: #00ba31; color: #fff; } .buy_gray { border: 1px solid #5c5c5c; color: #333; } /*1列产品*/ .special_text { position: absolute; text-align: left; top: 2.02rem; left: 1.44rem; } /*两行*/ /*七大产品线购买按钮背景*/ .computer a { border: 1px solid #6f6f6f; color: #333; padding: 0.2rem 0.35rem 0.22rem; margin-right: 0.4rem; } /*详情样式*/ .o_detail_all { text-align: center; background-color: #fff; overflow: hidden; } .o_detail_title { font-size: 0.85rem; color: #101010; } .o_detail_small { font-size: 0.75rem; color: #333; margin-top: 0.4rem; } .o_detail_text { font-size: 0.64rem; color: #737373; line-height: 1rem; width: 80%; margin: auto; margin-top: 0.5rem; } .o_detail_img { margin-top: 0.3rem; margin-bottom: 1.3rem; } /**/ .border-top-socket { border-top: 6px solid #00ba31; } /*两列*/ .list_two { width: 100%; overflow: hidden; } .list_two li { width: 47%; margin-right: 0.9rem; float: left; margin-bottom: 1rem; position: relative; } .list_two li:nth-child(2n) { margin-right: 0; } .list_two img { display: block; } /*一个产品*/ .list_one { width: 100%; overflow: hidden; } .list_one li { width: 100%; margin-top: 0.27rem; float: left; position: relative; } .list_one .title { font-size: 0.64rem; color: #333; } .list_one .subtitle { font-size: 0.587rem; color: #666; } /*一列*/ .list_one_special { margin-left: 1.44rem; width: 50%; position: absolute; top: 0; } /*详情颜色公共样式*/ .hd .BK { background: #000; } .hd .WH { background: #fff; } .hd .GY { background: #8d99ad; } .hd .BL { background: #0060ff; } .hd .RD { background: #ff0000; } .hd .YL { background: #ffff00; } .hd .OR { background: #ff7200; } .hd .PK { background: #f7bfc7; } .GR { background: #00ff5a; } .hd .PU { background: #7800ff; } .hd .CF { background: #44332e; } .hd .co-bg { width: 14px; height: 14px; border-radius: 7px; margin: 1px; display: inline-block; vertical-align: top; } /*add 产品详情*/ .hd .dt { font-size: 14px; margin-right: 0px; line-height: 40px; font-weight: 600; font-family: Montserrat !important; color: #666; text-align: left; } .hd .typeColor { color: #666; font-size: 12px; padding: 2px; overflow: hidden; } .hd .typeColor li .text { margin: 2px 0; padding: 0 5px; line-height: 40px; font-style: normal; color: #333; } .hd .typeColor li img { width: 32px; height: 32px; margin-right: 8px; vertical-align: middle; } .attr_item { float: left; height: 16px !important; background: #fff; border: 1px solid #d4d4d4; margin-top: 5px !important; border-radius: 20px !important; margin-right: 4px; } .on { color: #666 !important; /* width: 16px !important; */ height: 16px !important; margin-top: 5px !important; border-radius: 16px !important; } .item { float: left; height: auto !important; background: #fff; border: 1px solid #d4d4d4; margin-top: 5px !important; border-radius: 20px !important; padding: 0 10px; -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; -ms-border-radius: 20px !important; -o-border-radius: 20px !important; margin-right: 4px; padding: 0 20px; } .item .on { border: 1px solid #737373 !important; color: #666 !important; width: auto !important; height: auto !important; margin-top: 5px !important; background: #fff; border-radius: 20px !important; padding: 0 10px; } .hd .typeColor li .item a { border: 1px solid #737373 !important; background: #f7f7f7; line-height: 42px; margin-right: 7px; margin-bottom: 4px; height: 40px !important; white-space: nowrap; float: left; } .hd .typeColor li a:hover { color: #666; border-radius: 20px !important; -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; -ms-border-radius: 20px !important; -o-border-radius: 20px !important; } /*产品 修改 css s*/ .cp .cprh .hd ul li { float: left; width: 18px; height: 18px; margin-right: 9px; cursor: pointer; margin-top: 10px; margin-bottom: 0px; border: 1px solid #d4d4d4; border-radius: 8px; } .cp .cprh .hd ul li a { display: block; } .cp .cprh .hd .on { width: 18px; height: 18px; border-radius: 9px; border: 1px solid #737373; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; } .cp .cprh .hd ul li:hover { width: 18px; height: 18px; border-radius: 9px; border: 1px solid #737373; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; } /*产品 修改 css*/ .selectedAttr { padding-left: 10px; } .cp .cprh .hd span { display: inline-block; width: 16px; height: 16px; font-size: 0.875em; color: #000; text-align: center; border-radius: 16px; vertical-align: top; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; } /*产品多颜色切换*/ .Multi_color { height: 0.8rem; width: 100%; text-align: center; } .Multi_color ul { width: 100%; margin-top: 0.65rem; } .Multi_color .S-small-img { display: inline-block; width: 0.8rem; } .cricle { display: block; /*width:0.64rem; height: 0.64rem;*/ width: 14px; height: 14px; border-radius: 14px; border: 1px solid #d6d6d6; text-align: center; vertical-align: middle; } .S-Cricle-Bg { /*width:0.48rem; height: 0.48rem; border-radius:0.24rem; margin-top:0.08rem; */ width: 16px; height: 16px; border-radius: 16px; margin-top: -0.5px; overflow: hidden; } .product_list li li { float: none; margin-right: 0; padding: 0; } .Multi_color .on .cricle { border: 1px solid rgba(0, 0, 0, 0.5); } .slideTxtBox .bd .li { width: 5.86px; margin: auto; } /*详情样式*/ /*seo-pro*/ .seo-pro h3 { font-size: 0.9rem; text-align: center; color: #333; margin: 2% 0 1%; padding: 2% 0; line-height: 1.2; font-weight: 400; } .seo-pro p { text-align: center; margin: 0 0 11px; font-size: 0.7rem; color: #737373; } .seo-pro a { color: #333; text-decoration: none; } .sa_blue, .sa_blue a, .seo-pro a:hover { color: #009fdf; } /*收藏*/ .house_img01:before, .house_img02:before { height: 0.4rem; padding-top: 0.2rem; width: 0.4533rem; font-family: 'colleciton'; color: #ffae00; margin-left: 0.6rem; } .house_img01:before { content: '\e907'; } .house_img02:before { content: '\e900'; } .house_img01:after { content: '收藏'; padding-left: 0.34rem; line-height: 0.4rem; } .house_img02:after { content: '已收藏'; padding-left: 0.34rem; line-height: 0.4rem; } .err { margin-top: 0.5vw; } /*弹出框消失*/ .alert { width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.3); position: fixed; z-index: 999; } .alert_white { width: 5.4rem; height: 2.7rem; background-color: #fff; top: 40%; left: 50%; position: absolute; margin-left: -100px; margin-top: 1.4rem; line-height: 2.7rem; font-size: 0.64rem; color: #333; text-align: center; z-index: 1000; } /*众筹专题弹出10-31*/ .popup { position: fixed; background-color: rgba(0, 0, 0, 0.5); left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; } .popup_img { position: relative; left: 50%; top: 50%; margin-top: -10.68vw; margin-left: -17.71vw; } .close { position: absolute; right: 30.6vw; top: 50%; margin-top: -11.68vw; z-index: 10000; width: 1.875vw; height: 1.875vw; }