442 lines
23 KiB
CSS
Executable File
442 lines
23 KiB
CSS
Executable File
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;}/*48px*/
|
|
|
|
.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_blue{color:#009fdf;}
|
|
.margin-top-120{margin-top:3.1rem;}/*上边距120px*/
|
|
.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-20{margin-bottom: 0.5rem;}/*下边距20px;*/
|
|
.margin-bottom-35{margin-bottom: 0.8rem;}/*下边距35px;*/
|
|
.margin-bottom-10{margin-bottom: 0.27rem;}/*下边距10px;*/
|
|
.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-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}/*距离顶部的距离*/
|
|
.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}
|
|
|
|
|
|
.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;}
|
|
.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:90%; margin:1rem auto 0.15rem; overflow: hidden;}
|
|
.category ul li{width:33.33333%; float: left; text-align: center; height: 3rem;}
|
|
.category p{font-size: 0.6rem; color:#333333; }
|
|
.category p:nth-child(1){margin-bottom: 0;}
|
|
.category p:nth-child(2){margin-top: 0.2rem; margin-bottom: 0.8rem}
|
|
.category ul img{height: 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:0 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:0 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:0.65rem; 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;}
|
|
.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: 0.7rem; padding-top:1rem; padding-bottom: 1rem;}
|
|
.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;}
|
|
.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;}
|
|
.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 .title{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;}
|
|
.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;}
|
|
|
|
/*专题购买按钮*/
|
|
/*两列产品*/
|
|
.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; color:#FFF;}
|
|
.buy_margin{margin-right: 0.8rem;}
|
|
.buy_button a{padding:0.15rem 0.35rem 0.18rem; display: inline-block; color:#333; border:1px solid #5c5c5c;}
|
|
.subject_span {display: inline-block; padding:0.15rem 0.35rem 0.18rem; color: #939393; border: 1px solid #939393;}
|
|
/*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-left: 0.4rem; 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;}
|
|
|
|
/*两列*/
|
|
.list_two{width:100%; overflow: hidden;}
|
|
.list_two li{width:9.365rem; margin-right:0.26rem; float: left; margin-bottom: 0.26rem; 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;}
|
|
|
|
/*产品多颜色切换*/
|
|
.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:10px; height: 10px; border-radius:10px; margin-top:2px; 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;}
|
|
|
|
|
|
/*收藏*/
|
|
|
|
.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: "Collect"; padding-left:0.34rem; line-height: 0.4rem;}
|
|
.house_img02:after{content: "Collected"; 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;
|
|
}
|