@charset "utf-8";
/* CSS Document */
body {margin: 0; font-size:62.5%; font-family:"Helvetica Neue",Helvetica,"Lucida Grande","Luxi Sans",Arial,"Hiragino Sans GB",STHeiti,"Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Micro Hei Mono","WenQuanYi Zen Hei","WenQuanYi Zen Hei Mono",LiGothicMed, sans-serif; color:#303030;}
h1,h2,h3,h4,h5 {margin: 0;font-weight: normal;}
div,p,img,
ul,ol,li, 
dl,dt,dd, 
table,th,td, 
form {margin: 0;padding: 0;}
img {border: 0; vertical-align: top;}
ul li{list-style:none; }
a {text-decoration: none;}
a:hover {text-decoration: none;}
/*---------------- 页面部分 ----------------*/
/* 官网首页 */
body {background:#fff; color:#2e2e2e;}
.wrap {width:100%; background:#FFF; padding-bottom:65px;}
.wrap .img img {width:100%;}

/* 分享页 */
.wrap02 {width:100%; background:#FFF; padding-bottom:60px;}
.title {font-size:2em; line-height:30px; width:90%; margin:0 auto; padding-top:27px;}
.cTit {width:90%; margin:10px auto 20px; color:#9f9f9f;}
.cTit span {display:inline-block; padding:0 5px 0 0; font-size:1.3em;}
.cText p {margin-bottom:20px; padding:0 15px; font-size:1.5em; line-height:1.8em;}
.cText img.pic {width:100%; background-color:#f0eff1; display: block; margin-left:-15px;}
.sTit {font-size:1.6em; padding-bottom:4px; color:#62a6b0;}

/*
.recommend {padding:0 1% 30px; overflow:hidden; background:#f2f2f2;}
.recommend .sTit {margin:15px 3% 5px;}
.recommend li {float:left; width:48%; margin:10px 1% 0; background:#FFF; border-radius:3px; overflow:hidden; position: absolute;}
.recommend img {width:100%;}
.recommend .cont {margin-top:10px;}
.recommend .txt {font-size:1.3em; line-height:1.4em; margin-top:6px; padding:0 6px;max-height: 54px; overflow:hidden; color:#303030;}
.recommend .user {height:30px; padding-left:7px;}
.recommend .user img {border-radius:30px; width:25px; height:25px; float:left; border:1px solid #fff; margin-right:7px;}
.recommend .user div {font-size:1.2em; line-height:1.2em; overflow:hidden;}
.recommend .user p {height:14px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; color:#303030;}
.recommend .user span {font-size:0.8em; color:#9f9f9f;}
.recommend .box {border-top:1px solid #eee; margin:10px 6px 0; padding:8px 0;}
.recommend .box span {color:#9f9f9f; display:inline-block; height:14px; line-height:12px;}
.recommend .box .like {background:url(../img/detail_h5/like01.png?v2) no-repeat; background-size:10px auto; padding-left:14px;}
.recommend .box .comm {background:url(../img/detail_h5/comm.png?v2) 0 1px no-repeat; background-size:10px auto; padding-left:12px; margin-left:12px;}
*/

.fx_user {height:50px; padding:15px 0 15px 10px;}
.fx_user .pro {border-radius:50px; width:50px; height:50px; float:left; overflow:hidden; margin-right:10px;}
.fx_user .pro img {width:100%;}
.fx_user .txt {float:left; padding-top:5px;}
.fx_user span {font-size:1.4em; display:block; height:20px; line-height:20px;}
.fx_user .date01 {color:#9f9f9f;}

.fx_cText p {margin-bottom:20px;}
.fx_cText p.txt {padding:0 5%; font-size:1.5em; line-height:1.8em;}
.fx_cText p.brand {padding:0 5%; font-size:1.5em; font-weight:bold;}
.fx_cText p.brand span {border-right:1px solid #9f9f9f; display:inline-block; padding-right:8px; margin:10px 7px 10px 0; height:14px; line-height:14px;}
.fx_cText img {width:100%;}

.fx_pro {width:100%; position:relative; overflow:hidden;}
.fx_pro .ui-slider-dots {position:absolute; bottom:10px; width:100%; text-align:center; z-index:999;}
.fx_pro .ui-slider-dots b {background:#fff; display:inline-block; margin:0 5px; width:7px; height:7px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; opacity:60%;}
.fx_pro .ui-slider-dots b.ui-slider-dot-select {background:#62a6b0; opacity:100%;}
.fx_pro img {width:100%;}
.fx_likeUse {background:#f4f4f4; width:100%; height:30px; padding:15px 0; margin-bottom:30px;}
.fx_likeUse ul {float:left; height:30px; width:75%; overflow:hidden;}
.fx_likeUse ul li {float:left; width:30px; height:30px; margin-left:8px;}
.fx_likeUse ul li.icon {background:url(../img/detail_h5/like.png) no-repeat; background-size:cover; margin:0 2px 0 10px;}
.fx_likeUse ul li img {width:100%; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;}
.fx_likeUse .mun {float:right; width:22%; font-size:14px; height:30px; line-height:30px; padding-right:3%; text-align:right;}
.fx_proName {font-size:17px; text-align:center; padding:20px 5%;}
.fx_proName p {padding:5px 0;}
.fx_proName .brand {font-size:18px;}

.fx_proName .t_tit {font-size:16px;}
.fx_parameter {border-top:7px solid #f4f4f4; border-bottom:7px solid #f4f4f4; padding:20px 25px; font-size:14px; line-height:24px; margin-bottom:20px;}
.fx_column {position:relative;}
.fx_column .tBox {position:relative; top:-52px;}
.fx_column .tit {font-size:15px; height:50px; line-height:20px; padding-top:41px; margin-left:25px;}
.fx_column .icon {background:url(../img/detail_h5/column@2x.png) no-repeat; background-size:100%; font-size:15px; float:right; width:91px; height:91px; text-align:center; line-height:80px;  margin-right:25px;}
.fx_column .t_txt {color:#808080; font-size:12px; line-height:20px; margin-top:10px; padding:0 25px; height:40px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.fx_column .t_cont {background:#FFF; color:#404040; position:relative; top:-40px; overflow:hidden; transition:height 1s; -moz-transition:height 1s; -webkit-transition:height 1s;}
.fx_column .t_cont01 {background:#FFF; color:#404040; position:relative; top:10px; overflow:hidden; transition:height 1s; -moz-transition:height 1s; -webkit-transition:height 1s;}
.fx_column .more {margin-bottom:-40px;}
.fx_column li {width:100%; overflow:hidden; border-top:7px solid #f4f4f4; padding:10px 0;}
.fx_column .user {font-size:15px; line-height:20px; height:45px; padding-left:10px;}
.fx_column .user .cont {float:left; margin-top:3px;}
.fx_column .user span {font-size:12px; color:#808080;}
.fx_column .user .img {width:45px; height:45px; float:left; margin-right:15px;}
.fx_column .user .img img {width:100%; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;}
.fx_column .pro {width:900px; padding:10px 0 0 10px; height:120px; overflow:hidden;}
.fx_column .pro img {float:left; width:120px; height:120; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-right:10px;}
.fx_column .cBox {padding:5px 0 0 10px; overflow:hidden;}
.fx_column .cBox div {float:left; font-size:14px; margin-top:5px; padding-left:25px;}
.fx_column .brand {background:url(../img/detail_h5/brand@2x.png) 0 50% no-repeat; background-size:14px;  height:20px; line-height:20px; width:90%;}
.fx_column .money {background:url(../img/detail_h5/money@2x.png) 2px 50% no-repeat; background-size:12px 13px; height:20px; line-height:20px; width:40%;}
.fx_column .map {background:url(../img/detail_h5/map@2x.png) 0 50% no-repeat; background-size:12px auto; height:20px; line-height:20px; width:40%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.fx_column .t_txt01 {background:url(../img/detail_h5/Line@2x.png) 16px 50% no-repeat; background-size:2px auto; padding-left:35px; font-size:14px; margin-top:10px;}

.user_recommend {width:86%; border:1px solid #62a6b0; position:relative; margin:0 auto 20px; padding:11px 0;}
.user_recommend .tag {position:absolute; left:50%; top:-8px; background:#62a6b0; color:#FFF; width:54px; height:17px; font-size:1em; line-height:17px; text-align:center; margin-left:-27px;}
.user_recommend .box {position:relative; background:#fff; width:106%; left:-8%; padding:6px 5% 8px; overflow:hidden;}
.user_recommend .box .img {width:45px; height:45px; float:left;}
.user_recommend .box .img img {width:100%; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;}
.user_recommend .box .text {float:left; width:80%; margin-left:3%;}
.user_recommend .box .name {font-size:1.6em; color:#303030; margin-top:5px;}
.user_recommend .box .txt {font-size:1.5em; color:#808080; margin-top:2px;}
.user_recommend .box .txt span {display:inline-block;}
.user_recommend .box .i01 {background:url(../img/detail_h5/icon01.png) no-repeat; background-size:8px 5px; width:12px; height:10px;}
.user_recommend .box .i02 {background:url(../img/detail_h5/icon02.png) right 0 no-repeat; background-size:8px 5px; width:12px; height:10px;}

.proList {padding:0 1% 30px; overflow:hidden; background:#f2f2f2;}
.proList .sTit {margin:15px 3% 5px;}
.proList li {float:left; width:48%; margin:10px 1% 0; border-radius:3px; background:#FFF; overflow:hidden; padding-bottom:10px; position: absolute;}
.proList img {width:100%;}
.proList .cont {margin-top:10px;}
.proList .txt {font-size:1.3em; line-height:1.4em; margin-top:6px; padding:0 6px; color:#303030;}
.proList .box {padding:0 6px; margin-top:10px; color:#808080;}
.proList .brand {max-height:26px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; float:left; width:70%; font-size:1em; line-height:1.2em;}
.proList .like {background:url(../img/detail_h5/heart.png) 0 2px no-repeat; background-size:auto 9px; padding-left:14px; line-height:1.2em; float:right;}

.barDownload {background:rgba(255, 255, 255, 0.9); height:50px; width:100%; box-shadow:0 -2px 4px 0 rgba(0, 0, 0, 0.1); position:fixed; bottom:0; z-index:999;}
.barDownload .btn {background:#333; border-radius:3px; color:#FFF; font-size:1.2em; height:30px; line-height:30px; padding:0 9px; position:absolute; right:14px; top:10px;}
.barDownload img {height:100%;}
.share {width:100%; height:100%; position:fixed; z-index:998; display:none;}
.share .bg {background:#000; width:100%; height:100%; opacity:0.7; position:absolute; top:0;}
.share img {width:100%; position:absolute; top:0;}
.qr {margin:0 auto; width:100%; text-align:center;}
.qr .tit {background:#60adb5; line-height:26px; padding:5px 10px; color:#FFF; font-size:20px;}
.qr img {width:60%; margin-top:20px;}

.comment {padding-bottom:30px;}
.comment .tit {color:#303030; font-size:1.8em; padding:10px 0 5px 12px; border-top:6px solid #f2f2f2;}
.comment ul {overflow:hidden; width:100%;}
.comment li {width:100%; overflow:hidden; border-top:1px solid #e2e2e2; margin-top:-1px; padding:18px 0 15px;}
.comment .user {height:40px; width:40px; overflow:hidden; border-radius:25px; float:left; margin:0 9px 0 11px;}
.comment .user img {width:100%;}
.comment .cont {float:left; width:100%; margin-right:-60px;}
.comment .box {float:left; padding-right:70px;}
.comment .name {color:#62a6b0; font-size:1.6em; margin-top:3px;}
.comment .date {color:#9f9f9f; font-size:10px;}
.comment .txt {color:#303030; font-size:1.6em; line-height:1.6em; margin-top:10px;}

@media screen and (min-width:701px) {
.wrap {width:700px; padding-bottom:65px; margin:0 auto;}
.wrap02 {width:700px; margin:0 auto;}
.banner .title {font-size:3.4em;}
.barDownload {width:700px;z-index: 10000;}
.banner01 {height:600px;}
.banner01 .img {height:600px; width:100%; overflow:hidden;}
} 

/* ------------- 1.2.0 ------------- */
.recommend {padding:0 1% 30px; overflow:hidden; background:#f2f2f2;}
.recommend .sTit {margin:15px 3% 5px;}
.recommend li {float:left; width:48%; margin:10px 1% 0; background:#FFF; border-radius:3px; overflow:hidden; position: absolute;}
.recommend img {width:100%;}
.recommend .cont {margin-top:10px; padding-bottom:10px}
.recommend .txt {font-size:1.3em; line-height:1.6em; margin-top:4px; padding:0 6px; color:#303030;}
.recommend .user {height:30px; padding-left:7px;}
.recommend .user img {border-radius:30px; width:25px; height:25px; float:left; border:1px solid #fff; margin-right:7px;}
.recommend .user div {font-size:1.2em; line-height:1.2em; overflow:hidden; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#303030; height:30px; line-height:30px;}
.recommend .user .like {background:url(../img/detail_h5/like01.png?v2) 0 50% no-repeat; background-size:10px auto; padding-left:12px; color:#9f9f9f; display:inline-block; height:30px; line-height:33px; float:right; margin:0 5px;}

.cText .proBuy img.pic {margin-left:0;}
.proBuy {position:relative; width:100%; margin-bottom: 20px;}
.proBuy .cont {position:absolute; bottom:20px; right:0;}
.proBuy .cont_bg {background:url(../img/detail_h5/pro_bg.png); min-height:60px; max-width:100%; overflow:hidden; color:#FFF; padding:13px 16px 13px 20px; overflow:hidden;}
.proBuy .btn {background:#62a6af; color:#FFF; border-radius:4px; width:100px; height:36px; text-align:center; line-height:36px; font-size:16px; position:absolute; top:30px; right:16px; z-index:2;}
.proBuy .proinfo {float:left; padding-right:120px; overflow:hidden;}
.proBuy .brand {font-size:1.6em; height:20px; line-height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.proBuy .name {font-size:1.6em; line-height:20px; margin-top:3px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; max-height:40px;}
.proBuy .price {font-size:1.8em; margin-top:8px;}
.proBuy .price span {font-size:10px;}
.proBuy .i5 {max-width:164px; min-width:140px;}
.proBuy .i6 {max-width:219px; min-width:148px;}
.proBuy .i6s {max-width:406px; min-width:270px;}
.proBuy .product {width:100%; height:100%; position:absolute; top:0; right:0;}