@charset "utf-8";

/* custom home */
.home_head { position:absolute; top:0; left:0; z-index:9; background:none;}
.main_content { padding-bottom:60px;}
.banner_cont { position:relative; width:100%; height:200px; overflow:hidden;}
.banner_cont .banner_pic { position:absolute; left:50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.banner_cont .banner_pic img { height:200px;}
.banner_cont .banner_func { position:absolute; bottom:20px; left:0; width:100%; text-align:center;}
.banner_cont .btn_1 { display:inline-block; padding:0 20px; margin:0 10px; line-height:40px; height:40px; font-size:16px;}

.feedback_cont { background:#fff;}
.feedback_cont .hd { border-bottom:1px solid #eee; text-align:center; font-size:16px; padding:10px 0;}
.feedback_cont .bd li { padding:10px; border-bottom:1px solid #eee; line-height:20px; font-size:12px;}
.feedback_cont .bd li>p span { display:inline-block; width:50%;}
.feedback_bar { margin-top:10px;}
.feedback_bar a { position:relative; display:inline-block; background:#eee; padding:5px 30px 5px 10px; color:#999;}
.feedback_bar a strong { font-weight:bold; margin:0 5px;  color:#333;}
.feedback_bar a:after { content:''; display:block; position:absolute; top:50%; right:10px; margin-top:-6px; width:8px; height:8px; border-bottom:2px solid #bbb; border-right:2px solid #bbb; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.feedback_bar .show:after { content:''; display:block; position:absolute; top:50%; right:10px; margin-top:-2px; width:8px; height:8px; border-bottom:2px solid #bbb; border-right:2px solid #bbb; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.feedback_detail { display:none; background:#eee; padding:10px;}

footer { position:fixed; bottom:0; left:50%; width:100%; max-width: 640px; background:#4F5760; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size:14px;}
footer a { display:block; color:#fff; text-align:center; }
footer li { float:left; width:25%;}
footer li i { width:25px; height:25px; display:inline-block; background:url(../images/common_icon_sprite.png) no-repeat; background-size:200px auto; vertical-align:middle; margin:6px 0 3px;}
footer .i_home { background-position: 0 -150px;}
footer .i_diy { background-position: -46px -150px;}
footer .i_adviser { background-position: -100px -150px;}
footer .i_user { background-position: -150px -150px;}
footer li span { display:block; line-height:1.5em;}
/* end custom home */
                                                    
/* custom detail */
.detail_content { padding-bottom:60px; background:#fff;}

.swiper-text .sub_bd { line-height:20px; padding:10px;}
.my-pagination-ul .swiper-pagination-bullet { width:25%; height:44px; line-height:44px; background:#fff; border-bottom:2px solid #ddd; border-radius:0; text-align:center; color:#666; opacity:1;}
.my-pagination-ul .swiper-pagination-bullet-active { color:#099fde; border-bottom:2px solid #099fde;}

.bottom_func { position:fixed; bottom:0; left:50%; width:100%; background:#f2f2f2; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index:10; }
.bottom_func li { float:left; width:20%; text-align:center;}
.bottom_func li a { display:block;}
.bottom_func .price { width:30%; height:50px; line-height:50px; text-align:center; font-size:12px; background:#FFE246; color:#FF6815;}
.bottom_func .price strong { font-size:18px;}
.bottom_func .func_btn { width:30%; float:right;}
.bottom_func .order_btn { display:block; width:100%; height:50px; line-height:50px; background:#FF6815; color:#fff; text-align:center; font-size:16px;}
.bottom_func i { display:inline-block; width:25px; height:23px; margin-top:5px; background:url(../images/common_icon_sprite.png) no-repeat; background-size:200px auto;}
.bottom_func .i_phone { background-position:-100px 0;}
.bottom_func .i_customer { background-position:-150px 0;}
.bottom_func li span { display:block; line-height:1.5em; font-size:12px;}
/* end custom detail */