﻿@charset "UTF-8";
/*
z中文 
 CSS Document 
Gree 产品页面 CSS
版本号：V1.0
作者：linhui 时间：2016-2-4
*/
/*子页面导航*/
.topNav{width:100%; right:0; height:40px; overflow-x:scroll; border-bottom:1px solid #efede8; position:relative;}
.topNav .inside{white-space:nowrap; text-align:center;}
.topNav .inside a{ margin:0 12px; color:#000; font-size:0.77rem; line-height:40px; display:inline-block;}
.topNav .inside a.cur{ color:#3568df; border-bottom:4px solid #3568df;font-size:1rem; line-height:35px;}
/*轮播*/
.swiper-slide { color: #fff; text-align: center; }
.banner { height: 275px; overflow: hidden; position: relative; width: 100%; max-width: 320px; margin: 0 auto; }
.banner img { max-width: 100%; }
.banner .gallerytitle { background: #000; bottom: 0; color: #fff; font-size: 1em; font-weight: normal; height: 34px; left: 0; position: absolute; right: 0; text-align: left; padding-left: 8px; }
.banner .swiper-pagination-bullet { background: #e6e8ee; opacity: 1; border-radius: 0; }
.banner .swiper-pagination-bullet-active { background: #3568df; }

/*内容*/
.btn{padding:10px 20px; border-top:1px solid #e6e8ee;border-bottom:1px solid #e6e8ee;}
.btn a{ line-height:38px; display:block; width:100%; border:1px solid #f33e00; text-align:center; color:#fff; border-radius:5px; font-size:1rem; background:#ff6834;}
.pdTitle{ padding:3px 0 3px 20px; border-top:2px solid #e6e8ee;}
.pdTitle .fl{width:80%;}
.pdTitle .fl .grayF{ font-size:0.77rem; color:#999;}
.pdTitle .fr{width:18%; border-left:1px solid #e6e8ee; text-align:center; vertical-align:middle;}

.disc{ padding:10px 20px; font-size:0.77rem;}
.pm{ padding:20px 20px 10px; border-bottom:1px solid #e6e8ee;font-size:0.77rem;color:#666;}
.color{padding:10px 20px; text-align:center; margin-right:-10px;font-size:0.77rem;}
.color li{float:left; margin-right:11px;}
.color li span{width:35px; height:35px; display:inline-block; border:1px solid #e6e8ee; margin-bottom:0px;}

/*产品介绍*/
.introduce{ border-top:5px solid #e6e8ee;}
.introduce img{max-width:100%;height:auto }
.introduce .name{ color:#fff; background:#6593ee; padding-left:20px; font-size:0.77rem; line-height:30px;}
.introduce .main .pg{border-bottom:1px solid #e6e8ee;padding:20px 0;}
.introduce .main .middle img{/*width:230px;*/width:280px;margin-bottom:10px;}
.introduce .main .pg h3{ font-weight:normal; margin-bottom:5px; }
.introduce .main .pg p{ font-size:0.77rem;}
.introduce .main .pg h2{ font-weight:normal; font-size:1.1rem; }
.introduce .main .pg h4{ font-weight:normal; font-size:0.77rem; }
.introduce .main .pg .system{padding-left:72px; background:url(../images/pd_9_1.jpg) no-repeat; background-size:62px; margin-top:20px; min-height:62px;}
.introduce .main .pg .system .grayF{ font-size:0.77rem; color:#333; margin-bottom:5px;}
.introduce .main .pg .system.icon2{background-image:url(../images/pd_9_1.jpg)}
.introduce .main .pg .system.icon3{background-image:url(../images/pd_9_3.jpg)}
.introduce .main .pg.sleep p{margin:20px 0;}
.introduce .main .pg.sleep p:last-child{margin-bottom:0;}

.FP{ font-size:0.77rem;}
.FP .choose{padding:20px; border-bottom:1px solid #f3f3f7;}
.FP .choose select{ width:100%; height:30px; line-height:30px; margin-top:10px;}
.FP table{border-collapse: collapse;}
.FP table td{border: 1px solid #e6e8ee;text-align: left;padding:10px 20px; width:50%;}
.FP table .thead{color:#fff; background:#6593ee; line-height:10px; font-size:1rem;}
.FP table .thead td{width:100%}

.FP .tips{padding:20px}
.middle{text-align:center;}

/*分享弹框*/
.shareAll{background:rgba(0,0,0,0.6); position:fixed; top:0; height:100vh; width:100%; z-index:999;  display:none;}
.shareAll .list{ background:#e1e1e1; padding-top:10px; text-align:center;position: absolute;bottom: 0;width: 100%;}
.shareAll .sIcons{display:inline-block; margin:15px 4px 4px; font-size:0.9rem;}
.shareAll .sIcons span{ background:url(../images/share-icons.png) no-repeat center top; background-size:50px; width:50px; height:50px; display:inline-block;}
.shareAll .sIcons span.two{background-position:0 -102px;}
.shareAll .sIcons span.three{background-position:0 -153px;}
.shareAll .sIcons span.four{background-position:0 -204px;}
.shareAll .close{ background:#ffffff; line-height:44px; margin-top:20px;}





