@charset "utf-8";
body{ margin:40px auto 60px; padding:0px; font-family:"microsoft Yahei","宋体"; font-size:14px; background:#FFF; color:#333; width:100%; max-width:640px; }
img{ max-width: 100%; }
ul,li{ list-style:none; margin:0px; padding:0px;}
a{ color:#333; text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:underline;}
a:active{ background:#e3e3e3;}
.clear{ clear:both; display:block;}

/* top */
.top{ clear:both; display:block; width:100%; height:50px; background:URL(../images/logo.png) left 50% no-repeat; background-size:auto 40px;}

/* index menu */
.menu{ clear:both; display:-webkit-box; width:100%; height:30px; line-height:30px; background:#F40; }
.menu a{ display:block; -webkit-box-flex:1; text-align:center; color:#FFF;}
.menu .on{ background:#e21d1d;}


.header{ clear:both; width:100%; display:-webkit-box; height:40px; line-height:40px; background:#F40; font-size:18px; overflow:hidden; position:fixed; top:0px; left:0px; color:#FFF; z-index:300; }
.headerBack{ display:block; width:50px; }
.headerBack a{ display:block; width:40px; height:40px;}
.headerBack a:active{background:#ccc; }
.headerBack img{ border:0px; width:26px; height:26px; margin-top:8px; margin-left:5px;}

.headerMenu{ display:block; width:50px; text-align:center; font-size: 12px; }
.headerTitle{ display:block; -webkit-box-flex:1; text-align:center;}

.headCityList{ display: none; position: fixed; width: 100%; left: 0px; top: 40px; height: auto; background: rgba(0,0,0,0.7); color: #fff; padding: 10px 0px; z-index: 200; }
.headCityList a{ color: #fff; display: inline-block; margin-left: 10px; }

/* head search for shoplist */
.shop_head_search{ clear: both; display: block; background: #fff; padding: 10px 0px; }
.shop_head_search form{ margin: 0px; padding: 0px; width: 100%; display: -webkit-box; }
.shop_search_input{ display: block; -webkit-box-flex: 1; background: #fff; border: 1px solid #e3e3e3; height: 30px; line-height: 30px; }
.shop_search_btn{ display: block; width: 80px; border: none; height: 34px; line-height: 34px; text-align: center; font-size: 14px; background: #f40; margin: 0px; padding: 0px; color: #fff; }

/* index swipe */
.swiper-container { width: 100%; }
.swiper-container  img{ border:0px; max-width:100%;}
.swiper-slide {	text-align: center;	font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}


/* copy style */
.copyText{ clear:both; display: block; text-align:center; line-height:20px; border-top:2px solid #F40; font-size: 12px; }
.copyText p{ clear: both; display: block; margin: 0px; padding: 10px 0px 0px 0px; }
.copyText p a{ color: #f40; }

.footerFixed{ position: fixed; width: 100%; left: 0px; bottom: 0px; }
.footerBlock{ clear: both; display: block;}

.footer ul{ clear:both; display:-webkit-box; height:49px; background: #e3e3e3; position: fixed; left: 0px; bottom: 0px; width: 100%; }
.footer ul li{ display:block; -webkit-box-flex:1; text-align:center; color:#FFF; text-align:center; margin: 0px; }
.footer ul .on{ background:#ccc;}
.footer li i{ clear: both; display: block; height: 30px; line-height: 30px; font-size: 20px; }
.footer li a{ clear: both; display: block; width: 100%; font-size:12px; color:#F40; text-decoration: none; }


/* fix btn */
.fixBtn{ position: fixed; bottom: 55px; width: 100%; }
.fixBtn a{ clear: both; display: block; margin: 0px 15px; height: 35px; line-height: 35px; color: #fff; text-align: center; font-size: 14px; background: #f40; }

.fixFormBtn{ position: fixed; right: 0px; bottom: 130px; }
.fixFormBtn a{ clear: both; display: block; border: 1px solid #fff; border-right: 0px; height: 30px; line-height: 30px; background: #f40; border-radius: 6px 0px 0px 6px; color: #fff; padding: 0px 15px; font-size: 14px; animation:myzoom 1s infinite; -webkit-animation:myzoom 1s infinite; }

.fixKefuBtn{ position: fixed; right: 0px; bottom: 90px; }
.fixKefuBtn a{ clear: both; display: block; border: 1px solid #fff; border-right: 0px; height: 30px; line-height: 30px; background: #f40; border-radius: 6px 0px 0px 6px; color: #fff; padding: 0px 15px; font-size: 14px; animation:myzoom 1s infinite; -webkit-animation:myzoom 1s infinite; }
@keyframes myzoom
{
	from { box-shadow: 0px 0px 0px #fff; }
	to { box-shadow: 0px 0px 10px #777; }
}

@-webkit-keyframes myzoom
{
	from { box-shadow: 0px 0px 0px #fff; }
	to { box-shadow: 0px 0px 10px #777; }
}


/* location */
.location{ clear:both; display:block; border-bottom:2px solid #ff4400; height:40px; line-height:40px; margin-bottom:15px; font-size:20px; font-weight:bold; color:#ff4400;}
.location span{ float:right; font-size:12px; color:#333; font-weight:normal;}


.pageList{ clear:both; display:block; margin:15px 0px;}
.pageview{ clear:both; display:block; margin:15px 0px; padding-top:10px; border-top:2px solid #ff4400;}




/* index style --------------------------------------------------------------------- */
/* index search */
#selectId{ display: block; width: 100px; }
.index_search{ clear: both; display: -webkit-box; width: 100%; font-size: 12px; margin: 10px 0px 20px; }
.index_search select{ height: 32px; line-height: 32px; border: 1px solid #ccc; }
.index_search_tab{ display: none; -webkit-box-flex: 1; }
.index_search_input{ display: block; -webkit-box-flex: 1; height: 30px; line-height: 30px; padding: 0px; border: 1px solid #ccc; border-left: 0px; }
.index_search_btn{ display: block; width: 80px; height: 32px; line-height: 32px; background: #f40; color: #fff; border: 1px solid #f40; }


/* index channel */
.index_channel_icon{ clear:both; display:block; margin:0px 0px; border-left: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; }
.index_channel_icon ul{ clear: both; display: block; border-top: 1px solid #e3e3e3; }
.index_channel_icon ul li{ float: left; display: block; width: 33.3333%; text-align: center; border-right: 1px solid #e3e3e3; box-sizing: border-box; }
.index_channel_icon ul li a{ clear: both; display: block; padding: 10px 0px; }
.index_channel_icon ul li i{ clear: both; display: block; font-size: 40px; width: 70px; height: 70px; line-height: 70px; background: #f40; color: #fff; text-align: center; margin: 0px auto 7px; border-radius: 50%; box-shadow: 1px 1px 0px #fff, 2px 2px 0px #ccc; }
.index_channel_icon ul li span{ clear: both; display: block; }

.index_channel_icon ul:nth-child(1) li:nth-child(1) i{ background: #ca52ef; }
.index_channel_icon ul:nth-child(1) li:nth-child(2) i{ background: #155aad; }
.index_channel_icon ul:nth-child(1) li:nth-child(3) i{ background: #307eab; }
.index_channel_icon ul:nth-child(2) li:nth-child(1) i{ background: #18a520; }
.index_channel_icon ul:nth-child(2) li:nth-child(2) i{ background: #fdc343; }
.index_channel_icon ul:nth-child(2) li:nth-child(3) i{ background: #f53931; }
.index_channel_icon ul:nth-child(3) li:nth-child(1) i{ background: #fd6e22; font-size: 30px; }
.index_channel_icon ul:nth-child(3) li:nth-child(2) i{ background: #9b71e7; }
.index_channel_icon ul:nth-child(3) li:nth-child(3) i{ background: #eeb344; }
.index_channel_icon ul:nth-child(4) li:nth-child(1) i{ background: #1277cd; }
.index_channel_icon ul:nth-child(4) li:nth-child(2) i{ background: #ca52ef; }
.index_channel_icon ul:nth-child(4) li:nth-child(3) i{ background: #18a520; }




/* index list */
.index_title{ clear:both; display:block; border-bottom:2px solid #F40; text-indent:0.5em; font-size:16px; color:#F40; height:35px; line-height:35px; margin:15px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.index_title span{ float:right; margin-right:10px;}
.index_title span a{ font-size:12px; font-weight:normal;}

.index_pro_list{ clear:both; display:block;}
.index_pro_list li { float:left; text-align:center; overflow: hidden;}
.index_pro_list li img{ border:0px; }
.index_pro_list li span{ clear:both; display:block; margin-bottom:15px;}

.index_pro_title{ clear: both; display: block; height: 40px; line-height: 20px; overflow: hidden; }



/* pageon  ------------------------ */
.about_channel_list{ clear: both; display: block; margin: 15px; }
.about_channel_list ul{ clear: both; display: -webkit-box; padding-top: 20px; }
.about_channel_list ul a{ display: block; height: 30px; line-height: 30px; text-align: center; background:#f7f7f7; margin-right: 6px; border-radius: 7px; font-size: 12px; box-sizing: border-box; border: 1px solid #e3e3e3; -webkit-box-flex: 1;　}
.about_channel_list .curclass{ background: #f40; color: #fff; border-color: #f40; }

.about_channel_txt{ clear: both; display: block; margin: 0px 20px; }


/* shop head channel ------------------------ */
.headMenu{ position: fixed; right: 60px; top: 0px; z-index: 300; }
.headMenu a{ display: inline-block; height: 40px; line-height: 40px; font-size: 12px; color: #fff; }

.headChannel{ clear: both; display: none; position: fixed; left: 0px; top: 40px; width: 100%; height: 100%; background: #f7f7f7; padding: 5px 0px; }
.headClose{ position: fixed; right: 10px; top: 50px; }
.headClose a{ display: inline-block; width: 30px; height: 30px; border-radius: 50%; background: #f40; color: #fff; font-size: 20px; text-align: center; }
.headChannelList{ clear: both; display: block; max-height: 60%; overflow: scroll; }
.headChannelList a{ clear: both; display: block; height: 35px; line-height: 35px; border-bottom: 1px solid #fff; margin: 0px 15px; font-size: 14px; }
.headChannelList .cur{ color: #f40; }

/* shop channel */
.shop_channel_list{ clear:both; display: block; width: 100%; height: calc(100% - 100px); position: fixed; left: 0px; top: 40px; overflow: auto; background: #fff; }
.shop_channel_list_1{ clear: both; display: block; background: #f7f7f7; }
.shop_channel_list_1 ul{ clear: both; display: block; width: 130px; background: #fff; border-top: 1px solid #e3e3e3; }
.shop_channel_list_1 ul li{ display: block; line-height: 25px; font-size: 12px; padding: 8px 0px; text-indent: 1em; }
.shop_channel_list_1 .shop_channel_list_cur{ background: #f40; color: #fff; }

.shop_channel_list_1 ul .shop_channel_list_2{ display: none; padding: 8px; box-sizing: border-box; position: fixed; top: 40px; left: 126px; width: calc(100% - 120px); height: calc(100% - 100px); overflow: auto; border-top: none; }
.shop_channel_list_1 ul .shop_channel_list_2 ul{ clear: both; display: block; width: 100%; background: none; border-top: none; }
.shop_channel_list_1 ul .shop_channel_list_2 ul li{ clear: both; display: block; width: 100%; color: #f40; font-weight: bold; border-top: none; }
.shop_channel_list_1 ul .shop_channel_list_2 ul li a{ font-weight: bold; color: #f40; }

.shop_channel_list_1 ul .shop_channel_list_2 ul .shop_channel_list_3{ display: block; margin: 0px 8px; }
.shop_channel_list_1 ul .shop_channel_list_2 ul .shop_channel_list_3 ul{ clear: both; background: #none; padding: 8px 0px; box-sizing: border-box; border-top: 1px solid #e3e3e3; }
.shop_channel_list_1 ul .shop_channel_list_2 ul .shop_channel_list_3 ul a{ display: inline-block; line-height: 25px; font-size: 12px; background: #f7f7f7; padding: 0px 7px; margin-right: 10px; margin-bottom: 10px; }



/* shop list */
.shop_header_channle{ clear: both; display: block; margin: 10px; }
.shop_header_channle ul{ clear: both; display: block; padding-top: 10px; }
.shop_header_channle ul li{ float: left; display: block; width: 23%; margin-right: 2%; text-align: center; }
.shop_header_channle ul li a{ text-decoration: none; }
.shop_header_channle ul li .curclass{ color: #f40; font-weight: bold; }
.shop_header_channle ul li i{ clear: both; display: block; width: 50px; height: 50px; line-height: 50px; font-size: 28px; background: #f40; color: #fff; border-radius: 50%; margin: 0px auto; }
.shop_header_channle ul li span{ clear: both; display: block; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.shop_header_channle .curclass{ box-shadow: 1px 1px 0px #fff,2px 2px 0px #ccc; }

.shop_header_channle ul:nth-child(1) li:nth-child(1) i{ background: #ca52ef; }
.shop_header_channle ul:nth-child(1) li:nth-child(2) i{ background: #155aad; }
.shop_header_channle ul:nth-child(1) li:nth-child(3) i{ background: #307eab; }
.shop_header_channle ul:nth-child(1) li:nth-child(4) i{ background: #18a520; }
.shop_header_channle ul:nth-child(2) li:nth-child(1) i{ background: #f53931; }
.shop_header_channle ul:nth-child(2) li:nth-child(2) i{ background: #fdc343; }
.shop_header_channle ul:nth-child(2) li:nth-child(3) i{ background: #fd6e22; }
.shop_header_channle ul:nth-child(2) li:nth-child(4) i{ background: #9b71e7; }
.shop_header_channle ul:nth-child(3) li:nth-child(1) i{ background: #18a520; }
.shop_header_channle ul:nth-child(3) li:nth-child(2) i{ background: #1277cd; }
.shop_header_channle ul:nth-child(3) li:nth-child(3) i{ background: #ca52ef; }
.shop_header_channle ul:nth-child(3) li:nth-child(4) i{ background: #eeb344; }


.shop_fiex_content{ clear: both; display: -webkit-box; margin: 0px 10px; }
.shop_fiex_channel{ display: block; width: 100px; background: #f7f7f7; margin-right: 10px; }
.shop_fiex_channel li{ clear: both; display: block; padding: 15px 0px; border-bottom: 1px solid #e3e3e3; }
.shop_fiex_channel a{ clear: both; display: block; line-height: 20px; margin: 0px 6px; font-size: 14px;  }
.shop_fiex_channel .curclass{ background: #f40; }
.shop_fiex_channel .curclass a{ color: #fff; border-bottom: none; }

.shop_fiex_list{ display: block; -webkit-box-flex: 1; }


.shop_pic_one{ clear: both; display: -webkit-box; margin-bottom: 15px; }
.shop_pic_one_pic{ display: block; width: 80px; height: 80px; overflow: hidden; margin-right: 8px; }
.shop_pic_one_pic img{ display: block; border: 0px; width: 80px; }
.shop_pic_one_txt{ display: block; -webkit-box-flex: 1; font-size: 14px; }
.shop_pic_one_tit{ clear: both; display: block; line-height: 20px; }
.shop_pic_one_price{ clear: both; display: block; font-size: 12px; color: #f40; }



.shop_pic_list{ clear:both; display:block;}
.shop_pic_list ul{ clear: both; display: block; margin-bottom: 15px;　}
.shop_pic_list li { float:left; text-align:center; overflow: hidden;}
.shop_pic_list li img{ border:0px; }
.shop_pic_list li span{ clear:both; display:block; margin-bottom:15px;}

.shop_pic_list_tit{ clear: both; display: block; height: 40px; line-height: 20px; overflow: hidden; }
.shop_pic_list_tit a{ clear: both; display: block; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shop_pic_list_price{ clear: both; display: block; color: #f40; }


/* shop page style */
.shop_page_pic{ clear: both; display: block; border-bottom: 1px solid #e3e3e3; }
.shop_page_pic img{ clear: both; display: block; border: 0px; width: 100%; }

.shop_page_info{ clear: both; display: block; background: #fff; padding: 10px; box-sizing: border-box; }
.shop_page_price{ clear: both; display: block; }
.shop_page_price strong{ height: 30px; line-height: 30px; font-size: 22px; color: #f40; }
.shop_page_price strong big{ font-size: 12px; }
.shop_page_price span{ display: inline-block; margin-left: 15px; background: #f40; color: #fff; padding: 0px 6px; border-radius: 10px; height: 20px; line-height: 20px; font-size: 14px; }
.shop_page_price span big{ display: inline-block; margin: 0px 4px; }

.shop_page_tit{ clear: both; display: block; font-size: 14px; font-weight: bold; color: #222; line-height: 25px; }

.shop_page_content{ clear:both; display:block; background: #fff; padding: 15px; box-sizing: border-box; text-align: left; margin-top: 15px; }
.shop_page_content img{ max-width: 100%; height: auto; }
.shop_page_content p{ clear: both; display: block; margin: 0px; padding: 0px; }
.shop_page_content p img{ border: 0px; max-width: 100%; height: auto;; display: block; }

/* er wei ma */
.shop_qrcode{ clear: both; display: -webkit-box; margin-top: 15px; background: #f7f7f7; }
.shop_qrcode_pic{ display: block; width: 100px; margin: 10px; }
.shop_qrcode_pic img{ border: 0px; width: 100%; }
.shop_qrcode_txt{ display: block; -webkit-box-flex: 1; margin: 10px 10px 0px 0px; line-height: 40px; }


/* addcar content */
.shop_car_content{ clear: both; display: none; position: fixed; width: 100%; left: 0px; bottom: 0px; background: #fff; border-top: 3px solid #f40; z-index: 300; }
.shop_car_close{ position: absolute; right: 15px; top: 15px; }
.shop_car_close a{ display: block; width: 30px; height: 30px; line-height: 26px; background: #f40; color: #fff; font-size: 20px; text-align: center; border-radius: 50%; }
.shop_car_info{ clear: both; display: -webkit-box; margin: 15px; border-bottom: 1px solid #f3f3f3; padding-bottom: 15px; }
.shop_car_info_price{ display: block; width: 100px; border: 1px solid #e3e3e3; padding: 1px; }
.shop_car_info_price img{ border: 0px; width: 100px; }
.shop_car_info_list{ display: block; -webkit-box-flex: 1; margin: 0px 15px; }
.shop_car_info_list strong{ clear: both; display: block; font-size: 16px; color: #f40; }
.shop_car_info_list span{ clear: both; display: block; }

.shop_car_num{ clear: both; display: block; margin: 15px; }
.shop_car_txt{ clear: both; display: block; }
.shop_car_num_arr{ clear: both; display: block; margin: 15px 0px; }
.shop_car_num_arr a{ float: left; display: block; width: 30px; height: 30px; text-align: center; font-size: 20px; border: 1px solid #ccc;  text-decoration: none;}
.shop_car_num_arr input{ float: left; display: block; margin: 0px; padding: 0px; width: 50px; height: 30px; text-align: center; font-size: 20px; overflow: hidden; border: 1px solid #ccc; border-left: 0px; border-right: 0px; }
.shop_car_add_btn{ clear: both; display: block; }
.shop_car_add_btn a{ clear: both; display: block; height: 48px; line-height: 48px; text-align: center; font-size: 16px; color: #fff; background: #f40; }

.shop_car_buy_btn{ clear: both; display: -webkit-box; width: 100%; position: fixed; left: 0px; bottom: 48px; background: #fff; border-top: 1px solid #e3e3e3; padding: 10px 0px; box-shadow: 0px 0px 10px #ccc; }
.shop_car_buy_kefu{ display: block; width: 100px; margin: 0px 10px; box-sizing: border-box; }
.shop_car_buy_kefu a{ clear: both; display: block; height: 40px; line-height: 40px; font-size: 14px; text-align: center; background: #FFC500; border-radius: 20px; }

.shop_car_buy_jiesuan{ display: -webkit-box; -webkit-box-flex: 1; background: #f40; border-radius: 20px; height: 40px; line-height: 40px; margin-right: 10px; }
.shop_car_buy_jiesuan a{ display: block; -webkit-box-flex: 1; color: #fff; text-align: center; font-size: 14px; }
.shop_car_buy_jiesuan a:nth-child(1){ background: #FF9402; border-radius: 20px 0px 0px 20px; }



/* ershoufang list ------------------ */

.ershoufang{ clear: both; display: block; }
.ershoufang_list{ clear: both; display: block; }
.ershoufang_list ul{ clear: both; display: block; margin: 0px 10px; }
.ershoufang_list ul li{ clear: both; display: -webkit-box; border-bottom: 1px solid #e3e3e3; padding: 15px 0px; }
.ershoufang_list_pic{ display: block; width: 110px; }
.ershoufang_list_pic img{ clear: both; display: block; width: 110px; border: 0px; }
.ershoufang_list_txt{ display: block; -webkit-box-flex: 1; margin-left: 10px; }

.ershoufang_list_title{ clear: both; display: block; font-size: 15px; font-weight: bold; height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ershoufang_list_title a{ color: #333; }

.ershoufang_list_info{ clear: both; display: block; height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 10px 0px; }
.ershoufang_list_info span{ display: inline-block; height: 16px; line-height: 16px; padding: 0px 10px; border-right: 1px solid #e3e3e3; }
.ershoufang_list_info span:nth-child(1){ padding-left: 0px; }
.ershoufang_list_info span:nth-child(2){ border-right: none; }

.ershoufang_list_other{ clear: both; display: -webkit-box; color: #666; }
.ershoufang_list_other strong{ display: inline-block; color: #f40; margin-right: 10px; }
.ershoufang_list_other span{ display: inline-block; height: 16px; line-height: 16px; border-left: 1px solid #e3e3e3; padding: 0px 10px; }


/* page */
.ershoufang_page_title{ clear: both; display: block; margin: 15px; line-height: 25px; font-size: 15px; color: #000; }

.ershoufang_page_info{ clear: both; display: block; margin: 15px; }
.ershoufang_page_info ul{ clear: both; display: block; padding: 15px 0px; }
.ershoufang_page_info ul li{ float: left; display: block; width: 50%; }
.ershoufang_page_info ul li span{ display: inline-block; width: 45px; color: #999; }
.ershoufang_page_info ul li strong{ color: #f40; }

.ershoufang_page_txt{ clear: both; display: block; background: #f7f7f7; border: 1px solid #e3e3e3; box-sizing: border-box; padding: 10px; margin: 25px 15px 25px; line-height: 25px; font-size: 14px; }
.ershoufang_page_txt p{ clear: both; display: block; margin: 0px 0px 10px 0px; }
.ershoufang_page_txt img{ border: 0px; max-width: 100%; height: auto; }



/* zu fang  list -------------------------------------- */

.zufang{ clear: both; display: block; }

.zufang_list{ clear: both; display: block; }
.zufang_list ul{ clear: both; display: block; margin: 0px 10px; }
.zufang_list ul li{ clear: both; display: -webkit-box; border-bottom: 1px solid #e3e3e3; padding: 15px 0px; }
.zufang_list_pic{ display: block; width: 110px; }
.zufang_list_pic img{ clear: both; display: block; width: 110px; border: 0px; }
.zufang_list_txt{ display: block; -webkit-box-flex: 1; margin-left: 10px; }

.zufang_list_title{ clear: both; display: block; font-size: 15px; font-weight: bold; height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zufang_list_title a{ color: #333; }

.zufang_list_info{ clear: both; display: block; height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 10px 0px; }
.zufang_list_info span{ display: inline-block; height: 16px; line-height: 16px; padding: 0px 10px; border-right: 1px solid #e3e3e3; }
.zufang_list_info span:nth-child(1){ padding-left: 0px; }
.zufang_list_info span:nth-child(2){ border-right: none; }

.zufang_list_other{ clear: both; display: -webkit-box; color: #666; }
.zufang_list_other strong{ display: inline-block; color: #f40; margin-right: 10px; }
.zufang_list_other span{ display: inline-block; height: 16px; line-height: 16px; border-left: 1px solid #e3e3e3; padding: 0px 10px; }


/* page */
.zufang_page_title{ clear: both; display: block; margin: 15px; line-height: 25px; font-size: 15px; color: #000; }

.zufang_page_info{ clear: both; display: block; margin: 15px; }
.zufang_page_info ul{ clear: both; display: block; padding: 15px 0px; }
.zufang_page_info ul li{ float: left; display: block; width: 50%; }
.zufang_page_info ul li span{ display: inline-block; width: 45px; color: #999; }
.zufang_page_info ul li strong{ color: #f40; }

.zufang_page_txt{ clear: both; display: block; background: #f7f7f7; border: 1px solid #e3e3e3; box-sizing: border-box; padding: 10px; margin: 25px 15px 25px; line-height: 25px; font-size: 14px; }
.zufang_page_txt p{ clear: both; display: block; margin: 0px 0px 10px 0px; }
.zufang_page_txt img{ border: 0px; max-width: 100%; height: auto; }



/* weixiu --------------------------------------------------------------------- */

.form_weixiu{ clear:both; display:block; height:150px; margin:0px auto; background:#e3e3e3;}


.weixiu_header_channle{ clear: both; display: block; margin: 10px; }
.weixiu_header_channle ul{ clear: both; display: block; padding-top: 10px; }
.weixiu_header_channle ul li{ float: left; display: block; width: 23%; margin-right: 2%; text-align: center; }
.weixiu_header_channle ul li a{ text-decoration: none; }
.weixiu_header_channle ul li .curclass{ color: #f40; font-weight: bold; }
.weixiu_header_channle ul li i{ clear: both; display: block; width: 50px; height: 50px; line-height: 50px; font-size: 28px; background: #f40; color: #fff; border-radius: 50%; margin: 0px auto; }
.weixiu_header_channle ul li span{ clear: both; display: block; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.weixiu_header_channle .curclass{ box-shadow: 1px 1px 0px #fff,2px 2px 0px #ccc; }

.weixiu_header_channle ul:nth-child(1) li:nth-child(1) i{ background: #ca52ef; }
.weixiu_header_channle ul:nth-child(1) li:nth-child(2) i{ background: #155aad; }
.weixiu_header_channle ul:nth-child(1) li:nth-child(3) i{ background: #307eab; }
.weixiu_header_channle ul:nth-child(1) li:nth-child(4) i{ background: #18a520; }
.weixiu_header_channle ul:nth-child(2) li:nth-child(1) i{ background: #f53931; }
.weixiu_header_channle ul:nth-child(2) li:nth-child(2) i{ background: #fdc343; }
.weixiu_header_channle ul:nth-child(2) li:nth-child(3) i{ background: #fd6e22; }
.weixiu_header_channle ul:nth-child(2) li:nth-child(4) i{ background: #9b71e7; }
.weixiu_header_channle ul:nth-child(3) li:nth-child(1) i{ background: #18a520; }
.weixiu_header_channle ul:nth-child(3) li:nth-child(2) i{ background: #1277cd; }
.weixiu_header_channle ul:nth-child(3) li:nth-child(3) i{ background: #ca52ef; }
.weixiu_header_channle ul:nth-child(3) li:nth-child(4) i{ background: #eeb344; }


.weixiu_fiex_content{ clear: both; display: -webkit-box; margin: 0px 10px; }
.weixiu_fiex_channel{ display: block; width: 100px; background: #f7f7f7; margin-right: 10px; }
.weixiu_fiex_channel li{ clear: both; display: block; padding: 15px 0px; border-bottom: 1px solid #e3e3e3; }
.weixiu_fiex_channel a{ clear: both; display: block; line-height: 20px; margin: 0px 6px; font-size: 14px;  }
.weixiu_fiex_channel .curclass{ background: #f40; }
.weixiu_fiex_channel .curclass a{ color: #fff; border-bottom: none; }

.weixiu_fiex_list{ display: block; -webkit-box-flex: 1; }




/* weixiu list page */
.weixiu_second .weixiu_list ul li{ clear: both; display: block; width: 100%; text-align: left; }
.weixiu_list{ clear:both; display:block; margin:15px 6px;}
.weixiu_list_li{ clear:both; display: block; width: 100%; background:#f5f5f5; margin-bottom:5px; padding:5px; box-sizing: border-box; }

.weixiu_list_li_tit{ clear: both; display: block; font-size: 15px; line-height: 23px; }
.weixiu_list_li_price{ clear: both; display: block; font-size: 12px; margin: 5px 0px;}
.weixiu_list_li_price strong{ color: #f40; }
.weixiu_list_li_btn{ clear: both; display: -webkit-box; }
.weixiu_list_li_btn a{ display: block; -webkit-box-flex: 1; text-align: center; height: 25px; line-height: 25px; border-radius: 4px; background: #f40; color: #fff; text-decoration: none; }
.weixiu_list_li_btn a:nth-child(2n){ margin-left: 10px; }


/* weixiu pagecontent */
.weixiu_header_list{ clear:both; display: block; }
.weixiu_header_list ul{ clear: both; display: block; margin: 0px 10px; padding-top: 5px; }
.weixiu_header_list li{ float: left; display: block; margin-right: 2%; width:31.3%; height:32px; line-height:32px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; box-sizing: border-box; background: #f3f3f3; border-radius: 10px; text-align: center; font-size: 12px; }

.weixiu_header_list .cur{ background:#f40; }
.weixiu_header_list .cur a{ color: #fff; }


.weixiu_page_content{ clear: both; display: block; margin: 20px 0px; }
.weixiu_page_content p{ clear: both; display: block; margin: 0px; padding: 0px; }
.weixiu_page_content img{ border: 0px; max-width: 100%; }


/* zhuangxiu channel -------------------------------- */
.zhuangxiu{ clear: both; display: block; }
.zhuangxiu_header_channle{ clear: both; display: block; margin: 10px; }
.zhuangxiu_header_channle ul{ clear: both; display: block; padding-top: 10px; }
.zhuangxiu_header_channle ul li{ float: left; display: block; width: 23%; margin-right: 2%; text-align: center; }
.zhuangxiu_header_channle ul li a{ text-decoration: none; }
.zhuangxiu_header_channle ul li .curclass{ color: #f40; font-weight: bold; }
.zhuangxiu_header_channle ul li i{ clear: both; display: block; width: 50px; height: 50px; line-height: 50px; font-size: 28px; background: #f40; color: #fff; border-radius: 50%; margin: 0px auto; }
.zhuangxiu_header_channle ul li span{ clear: both; display: block; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.zhuangxiu_header_channle .curclass{ box-shadow: 1px 1px 0px #fff,2px 2px 0px #ccc; }

.zhuangxiu_header_channle ul:nth-child(1) li:nth-child(1) i{ background: #ca52ef; }
.zhuangxiu_header_channle ul:nth-child(1) li:nth-child(2) i{ background: #155aad; }
.zhuangxiu_header_channle ul:nth-child(1) li:nth-child(3) i{ background: #307eab; }
.zhuangxiu_header_channle ul:nth-child(1) li:nth-child(4) i{ background: #18a520; }
.zhuangxiu_header_channle ul:nth-child(2) li:nth-child(1) i{ background: #f53931; }
.zhuangxiu_header_channle ul:nth-child(2) li:nth-child(2) i{ background: #fdc343; }
.zhuangxiu_header_channle ul:nth-child(2) li:nth-child(3) i{ background: #fd6e22; }
.zhuangxiu_header_channle ul:nth-child(2) li:nth-child(4) i{ background: #9b71e7; }
.zhuangxiu_header_channle ul:nth-child(3) li:nth-child(1) i{ background: #18a520; }
.zhuangxiu_header_channle ul:nth-child(3) li:nth-child(2) i{ background: #1277cd; }
.zhuangxiu_header_channle ul:nth-child(3) li:nth-child(3) i{ background: #ca52ef; }
.zhuangxiu_header_channle ul:nth-child(3) li:nth-child(4) i{ background: #eeb344; }


.zhuangxiu_fiex_content{ clear: both; display: -webkit-box; margin: 0px 10px; }
.zhuangxiu_fiex_channel{ display: block; width: 100px; background: #f7f7f7; margin-right: 10px; }
.zhuangxiu_fiex_channel li{ clear: both; display: block; padding: 15px 0px; border-bottom: 1px solid #e3e3e3; }
.zhuangxiu_fiex_channel a{ clear: both; display: block; line-height: 20px; margin: 0px 6px; font-size: 14px;  }
.zhuangxiu_fiex_channel .curclass{ background: #f40; }
.zhuangxiu_fiex_channel .curclass a{ color: #fff; border-bottom: none; }

.zhuangxiu_fiex_list{ display: block; -webkit-box-flex: 1; }
.zhuangxiu_fiex_list_one{ background: #f7f7f7; margin-bottom: 7px; padding: 5px 7px; }


/* zhuangxiu list */
.zhuangxiu_list{ clear: both; display: block; margin: 0px 10px; }
.zhuangxiu_list ul{ clear: both; display: block; margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #e3e3e3; }
.zhuangxiu_list .zhuangxiu_pic{ clear: both; display: block; }
.zhuangxiu_list .zhuangxiu_pic img{ border: 0px; width: 100%; }
.zhuangxiu_list .zhuangxiu_tit{ clear: both; display: block; padding: 8px 0px; line-height: 20px; font-size: 12px; }
.zhuangxiu_link_price{ clear: both; display: block; font-size: 12px; margin: 6px 0px; }
.zhuangxiu_link_price strong{ color: #f40; }
.zhuangxiu_link_btn{ float: right; width: 87px; height: 25px; line-height: 25px; background: #f40; color: #fff; text-align: center; border-radius: 4px; }
.zhuangxiu_link_btn a{ color: #fff; clear: both; display: block; }



/* zhuangxiu page */
.zhuangxiu_page_title{ clear: both; display: block; margin: 15px; line-height: 25px; font-size: 15px; color: #f40; }
.zhuangxiu_page_txt{ clear: both; display: block; margin: 15px; padding: 15px 0px; border-top: 1px solid #e3e3e3; line-height: 25px; font-size: 14px; }
.zhuangxiu_page_txt p{ clear: both; display: block; margin: 0px 0px 10px 0px; }
.zhuangxiu_page_txt img{ border: 0px; max-width: 100%; height: auto; }
.zhuangxiu_page_txt table{ clear: both; display: block; width: 100%; border-right: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; border-spacing: 0px; border-collapse: 0px; font-size: 12px; }
.zhuangxiu_page_txt tbody{ clear: both; width: 100%; }
.zhuangxiu_page_txt tr{ clear: both; width: 100%; }
.zhuangxiu_page_txt td{ border-left: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; padding: 3px; }


/* shi fu  list ------------------------------  */
.channelBlock{ clear: both; display: block;}
.channelFixed{ position: fixed; width: 100%; left: 0px; top: 40px;}

.shifu_gongzhong_list{ clear:both; display: block; }
.shifu_gongzhong_list ul{ clear: both; display: block; margin: 0px 10px; padding-top: 5px; }
.shifu_gongzhong_list li{ float: left; display: block; margin-right: 2%; width:31.3%; height:32px; line-height:32px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; box-sizing: border-box; background: #f3f3f3; border-radius: 10px; text-align: center; font-size: 12px; }

.shifu_gongzhong_list .cur{ background:#f40; }
.shifu_gongzhong_list .cur a{ color: #fff; }


.shifu_pic_List{ clear: both; display: block; margin: 15px 0px; }
.shifu_pic_List li{ float: left; display: block; width: 43%; margin-left: 5%; margin-bottom: 15px; text-align: center; }
.shifu_pic_List li div{ clear: both; display: block; border: 1px solid #e3e3e3; box-sizing: border-box; }
.shifu_pic_List li div a{ clear: both; display: block; height: 180px; text-align: center; vertical-align: middle; }
.shifu_pic_List li div img{ border: 0px; max-width: 100%; max-height: 180px; }
.shifu_pic_List li span{ clear: both; display: block; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shifu_pic_List li span strong{ display: inline-block; margin-left: 10px; font-weight: normal; color: #f40; }
.shifu_pic_List li p{ clear: both; display: block; margin: 0px; padding: 0px; height: 20px; line-height: 20px; background: #f40; }
.shifu_pic_List li p a{ color: #fff; }


/* shi fu page  */
.shifu_user_pic{ clear: both; display: block; height: 200px; text-align: center; background: #f7f7f7; border-bottom: 1px solid #e3e3e3; }
.shifu_user_pic img{ border: 0px; height: 200px; }
.shifu_user_info{ clear: both; display: block; margin: 15px; height: auto; text-align: center; }
.shifu_user_name{ clear: both; display: block; height: 40px; line-height: 40px; }
.shifu_user_name strong{ font-size: 16px; color: #f40; }
.shifu_user_num{ clear: both; display: block; height: 30px; line-height: 30px; margin-bottom: 15px; }
.shifu_user_num strong{ font-size: 16px; color: #f40; }
.shifu_user_more{ clear: both; display: block; height: 30px; line-height: 30px; }
.shifu_user_more a{ clear: both; height: 30px; line-height: 30px; color: #f40; background: #f40; color: #fff; padding: 5px 15px; }


/* shi fu case list */
.jigong_case_list{ clear: both; display: block; margin: 20px 10px; }
.jigong_case_list ul{ clear: both; display: block; margin-bottom: 20px; }
.jigong_case_list ul div{ clear: both; display: block; }
.jigong_case_list ul div img{ border: 0px; width: 100%; display: block; }
.jigong_case_list ul span{ clear: both; display: block; font-size: 14px; line-height: 25px; }


/* 
	form message style
*/
.weixiu_form_js{ clear:both; display:block; width:100%; margin:10px auto;  font-size:14px; font-family:"Microsoft Yahei";}
.weixiu_form_js li{ clear:both; display:block; margin-bottom:10px; width: 100%;}
.weixiu_form_js li input,.weixiu_form_js li select{ border:1px solid #ccc; width:100%; height:28px; line-height: 28px; text-indent:0.5em; background:#FFF; float:left; margin-bottom: 15px; }
.weixiu_form_js li textarea{ border:1px solid #e3e3e3; width:100%; height:50px; line-height:25px;}
.weixiu_form_js li .weixiu_btn{ border:none; background:#F40; color:#FFF; font-size:14px; width:100%; height:35px; line-height:35px; cursor:pointer; text-indent:0px;}




/*
	======================================================================
	msg style
*/

/* 会员登录 */
.loginMsg{ clear:both; display:block; margin:10px 20px;}
.loginMsg form{ margin:0px; padding:0px;}
.loginMsg li{ clear:both; display:block; height:40px; line-height:25px; overflow:hidden; position:relative; text-align:right;}
.loginMsg li span{ clear:both; display:block; width:70px; height:25px; position:absolute; left:0px; top:0px;}
.loginMsg li input{ clear:both; display:block; width:210px; height:20px; position:absolute; right:0px; top:0px;}
.loginMsg .btn{ clear:both; display:block;}
.loginMsg .btn input{ clear:both; display:block; width:100%; height:30px; background:#F40; border:none; font-size:14px; color:#FFF; text-align:center; cursor:pointer;}
.loginMsg li a{ display:block; width:50%; float:left;}

/* 会员注册 */
.registerMsg{ clear:both; display:block; margin:10px 20px;}
.registerMsg form{ margin:0px; padding:0px;}
.registerMsg li{ clear:both; display:block; height:40px; line-height:25px; overflow:hidden; position:relative; text-align:right;}
.registerMsg li span{ clear:both; display:block; width:70px; height:25px; position:absolute; left:0px; top:0px;}
.registerMsg li input{ clear:both; display:block; width:210px; height:20px; position:absolute; right:0px; top:0px;}
.registerMsg .btn{ clear:both; display:block;}
.registerMsg .btn input{ clear:both; display:block; width:100%; height:30px; background:#F40; border:none; font-size:14px; color:#FFF; text-align:center; cursor:pointer;}
.registerMsg li a{ display:block; width:50%; float:left;}


/* feedbackList.php */
.feedbackList{ clear: both; display: block; margin: 20px; }
.feedbackList div{ clear: both; display: -webkit-box; margin: 10px; }
.feedbackList div:last-child{ border-bottom: none; }
.feedbackList strong{ display: block; width: 70px; }
.feedbackList p{ display: block; -webkit-box-flex: 1; margin: 0px; padding: 0px; }

.feedbackList li{ border: 1px solid #ccc; border-radius: 10px; background: #f7f7f7; margin-top: 15px; }
.weixiu0{ color: #f00; }
.weixiu1{ color: #0012ff; }
.weixiu2{ color: #191c4c; }
.weixiu2 p{ display: -webkit-box; }
.weixiu2 p a{ display: block; -webkit-box-flex: 1; text-align: center; background: #f40; color: #fff; margin-left: 3px; }
/*.gotosuccess{ background: #f40; color: #fff; padding: 0px 5px; margin-left: 8px; }*/
.feedbackList li img{ border: 0px; max-width: 100%; }
.success{ background: #e3e3e3; }

.feedbackListBtn{ clear: both; display: -webkit-box; }
.feedbackListBtn a{ display: block; -webkit-box-flex: 1; margin-right: 5px; height: 28px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; text-align: center; background: #f40; border-radius: 4px; }
.feedbackListBtn a:last-child{ margin-right: 0px; }


/* showFeedback.php */
.feedbackText{ clear: both; display: block; margin: 20px; }
.feedbackText div{ clear: both; display: -webkit-box; width: 100%; padding: 10px 0px; border-bottom: 1px solid #e3e3e3;  }
.feedbackText div:last-child{ border-bottom: none; }
.feedbackText strong{ display: block; width: 70px; }
.feedbackText p{ display: block; -webkit-box-flex: 1; margin: 0px; padding: 0px; }

.member_btn{ color: #FFF; font-size: 16px; display: block; background: #F40; height: 40px; line-height: 40px; border-radius: 6px; margin: 0px 10px; overflow: hidden; text-align: center; }
.member_btn a{ color: #fff; clear: both; display: block; }
.member_tips{ clear: both; display: block; margin: 20px 10px; text-align: center; }


.pageList{ clear: both; margin: 10px 0px; display: -webkit-box; }
.pageList a, .pageList b{ display: inline-block; border: 1px solid #e3e3e3; box-sizing: border-box; height: 30px; line-height: 30px; background: #e3e3e3; padding: 0px 6px; margin-right: 3px; margin-bottom: 7px; }

.pageList a{ }
.pageList b{ background: #f40; color: #fff; }




/* tobind.php */
.bind{ clear: both; display: block; margin: 20px; }
.bindTit{ clear: both; display: block; height: 65px; line-height: 65px; }
.bindList{ clear: both; display: block; }
.bindList li{ clear: both; display: block; margin-bottom: 25px; }
.bindList li input{ clear: both; display: block; height: 45px; line-height: 45px; background: #F40; color: #fff; font-size: 16px; width: 100%; border: none; text-align: center; }

/* listbind.php */
.tobeBind{ clear: both; display: block; margin: 30px 10px; }
.tobeBind ul{ clear: both; display: block; margin-top: 20px; padding-bottom: 6px; border-bottom: 1px solid #f40; }
.tobeBind ul:last-child{ border-bottom: none; }
.bindTit{ clear: both; display: block; height: 35px; line-height: 35px; border-bottom: 1px solid #f7f7f7; font-weight: bold; color: #f40; }
.bindInfo{ clear: both; display: block; height: 35px; line-height: 35px; border-bottom: 1px solid #f7f7f7; }
.bindBtn{ clear: both; display: block; height: 35px; line-height: 35px; }
.bindBtn a{ clear: both; display: block; background: #f40; color: #fff; text-align: center; }

#chooseImage{ clear: both; display: inline-block; width: 100px; height: 100px; line-height: 100px; text-align: center; font-size: 100px; border: 1px solid #e3e3e3; overflow: hidden; }
#chooseImage:hover{ text-decoration: none; }
#chooseImage img{ border: 0px; height: 100px; }


/* weixiuSuccess.php */
.gongdan_form_js{ clear: both; display: block; margin: 0px; padding-top: 20px; }
.gongdan_form_js li{ clear: both; display: -webkit-box; width: 100%; line-height: 30px; margin-bottom: 5px; }
.gongdan_form_js li span{ display: block; width: 100px; }
.gongdan_form_js li input{ display: block; -webkit-box-flex: 1; border: 1px solid #e3e3e3; height: 25px; line-height: 25px; padding: 0px; margin: 0px; }
.gongdan_form_js li select{ display: block; -webkit-box-flex: 1; border: 1px solid #e3e3e3; height: 25px; line-height: 25px; padding: 0px; margin: 0px; }
.gongdan_form_js .weixiu_btn{ height: 40px; line-height: 40px; background: #f40; color: #fff; margin-top: 20px; font-size: 16px; }