/*频道页*/
*{ margin:0; padding:0;}
body{ font-size:12px; color:#212121; line-height:160%; font-family:"微软雅黑";position: relative;  background:#fafafa;}
input,select,textarea{ resize:none; font-family:"微软雅黑";    outline: none;}
div{ margin:0 auto;}
img{ border: 0;vertical-align: middle;}
a{ text-decoration: none;color: #4a4a4a;}
a:hover{text-decoration: none;color: #fb811a;}
li{ list-style:none;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
*html .clearfix{ height:1%;}
*+html .clearfix{height:1%;}
.fl{ float:left;}
.fr{ float:right;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.rel{ position:relative;}
.ib{ display:inline-block;}
.to{ text-indent:-9999px; overflow:hidden;}
.none{ display:none;opacity: 0;}




/*商品详情页面导航栏*/
.nav li{ width:110px !important;}
.nav li i{width:110px !important;}
.bottom{ clear:both;}

/*产品详细*/
.w{ width:1180px; clear:both; margin:0 auto;position: relative;}
.bg_fff{ background:#fff; border:solid 1px #f7f7f7;}
.ur-here{ font-size:12px; padding:20px 0 0 0; color:#666;text-indent:20px;}
.ur-here span{ color:#999 !important;}
.ur-here a{ color:#838383;}

.goods-img{ width:420px;}
#originalpic{ width:420px; height:420px; margin-left:35px; overflow:hidden; position:relative;}
#originalpic li{ width:420px; height:420px; position:relative; text-align:center; line-height:420px;}
#originalpic i{ display:block; width:24px; height:24px; position:absolute; bottom:0; right:0; z-index:99; cursor:pointer;}
#originalpic img{ position:relative; width:auto;max-width:420px;display: inline-block; vertical-align: middle;}
#aPrev,#aNext{ position:absolute;z-index:10;top:0;display:block; width:50%;height:100%;}
#aPrev{left:0;}
#aNext{right:0;}
.thumbpic{ width:420px; margin:0 auto; margin-left:35px; position:relative;}
#piclist{ height:117px; width:390px; margin:0 auto; overflow:hidden; position:relative;}
#piclist ul{ overflow:hidden; width:20000px;position:relative; top:20px;}
#piclist ul li{ float:left; width:65px; height:82px; overflow:hidden; text-align:center;}
#piclist ul li img{ width:60px; height:60px; border:2px solid #fff;}
#piclist ul li.hover img{ filter:alpha(opacity=86);-moz-opacity:0.86;opacity:0.86; border:2px solid #4c3f3f; height:60px; width:60px;}
.thumbpic a.bntprev,.thumbpic a.bntnext{ background:url(../images/arrow.png) no-repeat; width:9px; height:16px; display:block; position:absolute; top:50%; margin-top:-13px; text-indent:-9999px; overflow:hidden; z-index:9999;}
.thumbpic a.bntprev{left:0; background-position:0 0;}
.thumbpic a.bntnext{right:0; background-position:-9px 0;}

/*普通详情*/
/*右边描述*/
.goods-info{ width:660px; padding-right:35px;}
.goods-info h1{ font-size:18px; font-weight:600; color:#666; line-height:60px; overflow:hidden;}
.goods-info .gi_0{ font-size:14px; color:#e44949;}
.goods-info .gi_1{ width:660px; height:auto; padding-bottom:15px; margin-top:20px;background:#f7f7f7;}
.goods-info .gi_1 p{ font-size:14px; color:#666; line-height:2; padding-left:15px;}

.goods-info .gi_1 .f22{ font-size:22px; color:#e44949;}
.goods-info .gi_1 .f28{ font-size:28px; color:#e44949; letter-spacing:3px; padding-right:5px; font-family:"Verdana Regular";}
.goods-info .gi_1 i{ display:inline-block; width:60px; line-height:22px !important; text-align:center; border-radius:16px; border:solid 1px #ea7373; font-style:normal; font-size:12px; color:#ea7373;}

.goods-info .gi_1 .f16{ font-size:16px; color:#e44949; padding:0 10px;}
.goods-info .gi_1 a{ font-size:14px; color:#4c3f3f; padding-left:10px;}
.goods-info .gi_2{ clear:both; width:645px; height:auto; min-height:48px; margin-top:25px; padding-left:15px;}
.goods-info .gi_2 i{ font-style:normal; font-size:14px; color:#666; line-height:58px; float:left;}
.goods-info .gi_2_r{ width:600px; height:auto; padding-left:60px;}
.goods-info .gi_2_r li{ float:left; height:38px; margin:5px 3px; padding:4px; border:solid 1px #f0f0f0; cursor:pointer;}
.goods-info .gi_2_r li span{  font-size:12px; line-height:38px; padding:0 10px;}
.goods-info .gi_2_r a{ float:left; height:38px; margin:5px 3px; padding:4px; border:solid 1px #f0f0f0; cursor:pointer;font-size:12px; line-height:38px; padding:0 10px;}
.goods-info .gi_2_r .on{ border:solid 1px #4c3f3f;}
.goods-info .gi_2 li img{height: 38px; width: auto;}
.goods-info .gi_3 p{clear:both; text-align:right; font-size:12px; color:#999; padding-right:10px;}
.goods-info .gi_4{ clear:both; width:645px; line-height:48px; margin-top:15px; padding-left:15px;}
.goods-info .gi_4 i{ font-style:normal; font-size:14px; color:#666; line-height:58px; float:left;}
.goods-info .gi_4 span{display:inline-block; line-height:36px; text-align:center;}
.goods-info .gi_4 .num_reduce,.goods-info .gi_4 .num_plus{ width:36px; height:36px; margin:0 5px; border:solid 1px #f0f0f0; font-size:18px; color:#b2b2b2; font-weight:600; cursor:pointer; vertical-align:middle;}
.goods-info .gi_4 .num_reduce i{display:inline-block; margin:17px 13px; width:8px; height:2px; background:#b3b3b3;}
.goods-info .gi_4 #goods_num{ width:64px; height:36px; border:solid 1px #f0f0f0; text-align:center; line-height:36px;}
.goods-info .gi_5{clear:both; width:645px; line-height:48px; margin-top:45px; padding-left:15px;}
.goods-info .gi_5 a{ display:inline-block; width:164px; line-height:46px; font-size:16px; text-align:center; color:#4c3f3f; border:solid 1px #4c3f3f; background:#e0f3f1; margin-left:15px;}
.goods-info .gi_5 .hoverd:hover{ background:#fff;}
.goods-info .gi_5 .on{ background:#4c3f3f !important; color:#fff !important;}
.goods-info .gi_5 img{ vertical-align:middle;}
.border_bottom{ width:1106px;  border-bottom: dashed 1px #e6e6e6;}

.box_2_tab{width:1106px; height:80px; margin:0 auto;}
.box_2_tab li{ float:left; width:82px; margin-right:20px;line-height:80px; font-size:16px; cursor:pointer;}
.box_2_tab .on{ color:#4c3f3f; font-weight:600; background:url(../images/tab_btn.png) center right no-repeat;}

.box_2_goods{ width:1150px; height:290px; margin:0 auto;}
.box_2_goods li{ margin:0 15px; width:200px; float:left;}
.box_2_goods li img{ width:200px; height:200px; padding-bottom:4px;}
.box_2_goods li p{ font-size:14px; line-height:1.8;}
.box_2_goods li span {
    color: #e44949;
    font-size: 20px;
    text-align: left;
    height: 30px;
    overflow: hidden;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.box_2_goods li i{ font-style:normal; font-size:16px !important;}
.box_3_l2{ float:left; width:140px; height:auto; margin-top:20px; padding:0 5px 30px 5px; background:#fff; border:solid 1px #f7f7f7;}.box_3_l2 .f16{ font-size:16px; font-weight:600; line-height:60px;}.box_3_l2 .f16 span{ display:block; float:left; width:3px; height:16px; margin:22px 10px 0 0; background:#4c3f3f; color:#4c3f3f;}.box_l2_commend{ width:140px; height:auto;}.box_l2_commend li{ width:140px; height:140px; padding:20px 0; border-top: dashed 1px #e6e6e6;}.box_l2_commend img{  width:140px; height:140px; padding-bottom:20px;}.box_l2_commend .text .f18{ font-size:18px; line-height:1.9;}.box_l2_commend .text .f14{ font-size:14px; text-decoration:line-through; color:#808080;}.box_l2_commend .text a{ display:inline-block; margin-top:10px; width:70px; height:27px; line-height:27px; color:#fff; text-align:center; background:#ee8282; border-radius:3px;}.box_4_l2{ float:left; width:190px; height:auto; margin-top:20px; padding:0 5px 30px 5px; background:#fff; border:solid 1px #f7f7f7;  margin-right:10px;}.box_4_l2 .f16{ font-size:16px; font-weight:600; line-height:60px;}.box_4_l2 .f16 span{ display:block; float:left; width:3px; height:16px; margin:22px 10px 0 0; background:#4c3f3f; color:#4c3f3f;}.box_l4_commend{ width:190px; height:auto;}.box_l4_commend li{ width:190px; height:190px; padding:20px 0; border-top: dashed 1px #e6e6e6;}.box_l4_commend img{  width:190px; height:190px; padding-bottom:20px;}.box_l4_commend .text .f18{ font-size:18px; line-height:1.9;}.box_l4_commend .text .f14{ font-size:14px; text-decoration:line-through; color:#808080;}.box_l4_commend .text a{ display:inline-block; margin-top:10px; width:70px; height:27px; line-height:27px; color:#fff; text-align:center; background:#ee8282; border-radius:3px;}
.box_3_l{ float:left; width:202px; height:auto; margin-top:20px; padding:0 20px 30px 20px; background:#fff; border:solid 1px #f7f7f7;}
.box_3_l .f16{ font-size:16px; font-weight:600; line-height:60px;}
.box_3_l .f16 span{ display:block; float:left; width:3px; height:16px; margin:22px 10px 0 0; background:#4c3f3f; color:#4c3f3f;}
.box_l_commend{ width:202px; height:auto;}
.box_l_commend li{ width:202px; height:100px; padding:20px 0; border-top: dashed 1px #e6e6e6;}
.box_l_commend img{ float:left; width:100px; height:100px; padding-right:20px;}
.box_l_commend .text{ padding-left:20px; font-size:14px; line-height:1;}
.text_title{overflow: hidden;text-overflow: ellipsis;line-height: 1.2;white-space: nowrap;}
.box_l_commend .text .f18{ font-size:18px; line-height:1.9;}
.box_l_commend .text .f14{ font-size:14px; text-decoration:line-through; color:#808080;}
.box_l_commend .text a{ display:inline-block; margin-top:10px; width:70px; height:27px; line-height:27px; color:#fff; text-align:center; background:#ee8282; border-radius:3px;}
.box_3_r{ float:left; width:802px; height:auto; margin-top:20px; padding-top:56px; background:#fff; border:solid 1px #f7f7f7; position:relative;}
.box_3_fix{ width:802px; position:absolute; top:0; z-index:9999;}
.box_3_tab{ width:720px; height:55px; border-bottom:solid 1px #f7f7f7; background:#fff; position:absolute; top:0; }
.box_3_tab li{ float:left; width:238px; font-size:16px; line-height:54px; border-right:solid 1px #f7f7f7; text-align:center; cursor:pointer;}
.box_3_tab .on{ border-top: solid 3px #4c3f3f; color:#4c3f3f;}
.box_3_r_cont{ padding:5px;}
.box_3_r .shopping_btn{ display:none; position:absolute; top:0; right:0;}
.box_3_r .shopping_btn a{ display:inline-block; width:164px; line-height:56px; font-size:16px; text-align:center; color:#4c3f3f;background:#4c3f3f; color:#fff;}
.box_3_r .shopping_btn img{ vertical-align:middle;}

/*团购详情*/
.goods-info .gi_1 .group_time{ width:635px; padding:0 15px 0 10px; height:50px; background:url(../images/grou_time_bg.jpg)top center no-repeat; color:#fff; line-height:50px; font-size:18px;}
.goods-info .gi_1 .time img{ vertical-align:middle !important; padding:0 10px;}
.goods-info .gi_1 .group_time_r{ float:right; font-size:14px; line-height:28px; color:#fff;}
.goods-info .gi_1 .group_time_r span{ display:inline-block; padding:0 5px; margin:11px 5px; background:#49b4a7;}
.goods-info .gi_1 .f17{ font-size:17px; color:#b2b2b2; vertical-align:text-bottom;}
.goods-info .gi_1 .f17 label{ font-size:12px;}

/*全屋详情*/
.goods-info .house_gi_2_r{ width:600px; height:auto; padding-left:60px;}
.goods-info .house_gi_2_r li{ float:left; width:100px; height:38px; margin:5px 3px; padding:4px; border:solid 1px #f0f0f0; cursor:pointer;}
.goods-info .house_gi_2_r li span{  font-size:12px; line-height:38px; padding-left:10px;}

.ding{position:fixed!important;width:100%!important;height:100%!important;background:url(../images/bg_bg.png);top:0;left:0;z-index:10000;}
.ding img{height:600px!important;width:600px!important; position:absolute;left:50%;top:50%;margin:-300px 0 0 -300px;}

/*登录页面*/
.login_w { width: 1180px; margin: 0 auto; position: relative; }
.login_top { width: 100%; height: 100px; background: #fff; }
.login_top img { padding-top: 20px; }
.login_top a { display: block; width: 100px; line-height: 34px; margin-top: 30px; border: solid 1px #e5e5e5; border-radius: 18px; font-size: 12px; color: #808080; text-align: center; }
.login_bg { width: 100%; height: 580px; background: #4c3f3f; }
.login_l { position: absolute; top: 85px; left: 50px; }
.login_r { width: 254px; height: 364px; padding: 35px; text-align:center; background: #fff; position: absolute; top: 85px; right: 50px; }
.btn_wx { position: absolute; right: 5px; top: 5px; }
.login_btn { font-size: 16px; font-weight: 600; color: #8c8c8c; line-height: 2; }
.login_btn span { font-weight: 500; color: #e5e5e5; padding: 0 20px; }
.login_btn .on { color: #4c3f3f; }
/*用户登录*/
.user_form input,.mobile_form input { width: 200px; line-height: 48px; font-size: 14px; color: #b2b2b2; border: 0; padding-left: 48px; border-radius: 5px; margin-top: 18px; }
.in_name input { background: #f6f6f6 url(../images/btn_yh.png) center left 12px no-repeat; }
.in_password input { background: #f6f6f6 url(../images/btn_mm.png) center left 12px no-repeat; }
input::-webkit-input-placeholder {
    color:#b2b2b2;
}
.chk {text-align:center;position: relative; }
.chk_agree { width: 16px !important; height: 16px !important; margin: 0 !important; opacity: 0; position: absolute; top: 0; left: 0; z-index: 3; }
.chk_agree + label { content: '\2714'; background: #4c3f3f; width: 16px; height: 16px; border-radius: 2px; display: inline-block; position: relative; margin-right: 10px; }
.chk_agree + label:active { }
.chk_agree:checked + label { background: #4c3f3f; color: #fff; }
.chk_agree:checked + label:after { content: '\2714'; position: absolute; top: -2px; left: 0px; color: #fff; width: 100%; text-align: center; font-size: 11px; }
.chk span{ color:#999; font-size:12px; vertical-align:super;}
.chk a{ float:right; color:#f1b346; font-size:12px; vertical-align:super;}
.login_bt{ clear:both; margin:15px 0;}
.login_bt a {
    display: block;
    width: 254px;
    line-height: 48px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 5px;
    background: #4c3f3f;
}
.goto_reg a{color:#f1b346; font-size:12px;}
/*手机登录*/
.send_code{ clear:both; width:248px; height:48px; margin:0 auto; margin-bottom:15px;}
.in_mobile input { width:100px !important; background: #f6f6f6 url(../images/btn_mob.png) center left 12px no-repeat; }
.sms_code input {
    width: 95px !important;
    padding: 0 !important;
    margin-bottom: 15px;
    background: #4c3f3f;
    color: #fff;
}
.graph_code input{ width:80px !important; padding:0 !important;background:#4c3f3f; color:#fff;}
.graph_code img {
    width: 95px;
    height: 48px;
}
#verifyImg {
    margin-top: 18px;
    padding: 0;
}

/*微信登录*/
.wx_form p{ font-size:16px; font-weight:600; color:#4c3f3f; line-height:2; padding-bottom:20px;}
.wx_form .wx_erm{width:200px; height:200px; margin:0 auto; position:relative; padding-top:20px;}
.wx_form .wx_img{ width:200px; height:200px; background:url(../images/wx_f.png) top center no-repeat; position:absolute; top:0; left:0;}
.wx_form .showqrcode img{ width:156px; height:156px;}

.thp_login{ margin-top:30px; height:70px; padding-top:30px; font-size:12px; color:#999; position:relative;}
.thp_login .online{ width:248px; height:1px; border-top:dotted 1px #e6e6e6; position:absolute; top:10px; left:10px;}
.f_12{ display:block; margin:0 auto; width:140px; background:#fff; position:absolute; top:0; left:64px; }
.thp_login span{font-weight: 500; color: #e5e5e5; padding: 0 30px; }
.thp_login a{ color:#999;}
.thp_login img{ vertical-align:sub;}

/*底部*/
.login_bottom { width: 100%; height: 80px; background: #fff; }
.login_bottom img { padding-top: 20px; padding-right: 5px; }
.login_bottom .copy_right { font-size: 12px; color: #999; line-height: 80px; }

/*用户注册*/
.reg_pt{ height:394px; padding:20px 35px;}
.reg_on{ font-size:16px; color:#4c3f3f; padding-bottom:20px;}
.login_form p{ font-size:12px; color:#999; line-height:2.6; text-align:left;}
.login_form input{ margin-top:10px;}
.login_form .login_bt{ clear:both; margin:10px 0;}
.reg_cue{ color:#eb5f5f !important; text-align:right !important;}
.reg_prompt{ font-size:12px; color:#999; line-height:2;}
.login_form .chk a{ float:inherit !important;}
.reg_ag{ color:#4c3f3f !important; text-decoration:underline; padding-right:10px;}

/*手机注册*/
.mobile_form input{ margin-top:18px;}

/*微信绑定*/
.wx_b_r{ float:right; padding-top:12px; color:#999;}
.wx_b_r a{ padding-left:10px;}
.bound_l{ width:254px; height:364px; padding:35px; background:#fff; position:absolute; left:320px; top: 85px;}
.bound_l .wx_tx{ margin:0 auto; margin-top:60px; text-align:center;}
.bound_l .wx_tx p{ font-size:14px; color:#737373; line-height:3;}
.bound_l .wx_tx img{ width:120px; height: 120px; }
.bound_m{ position:absolute; left:700px; top: 285px;}


/*玩转定制列表*/
.custom_w{clear:both; width:1180px; margin:0 auto; padding-top:35px;}
.custom_space{width:1180px; line-height:64px; font-size:18px; color:#4c4c4c; background:#fff;}
.custom_space span{ display:inline-block; width:4px; height:20px; margin:0 10px 0 15px; vertical-align:text-bottom; background:#4c3f3f;}
.custom_m { width:100%; height:auto;}
.custom_m li{ float:left; width:245px; height:240px; padding:15px; margin:20px 0 0 20px; background:#fff; text-align:center; font-size:16px; position:relative;}
.custom_m li p{ font-size:16px; font-weight:600; line-height:3;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.custom_m li img{ width:248px; height:190px; cursor:pointer;}
.custom_m .cunstom_text:hover div{ display:block;}
.custom_m .cunstom_text div{ display:none; width:218px; height:140px; padding:25px 15px; background:#4c3f3f; position:absolute; left:16px; top:15px;}
.custom_m .cunstom_text div p{ font-size:14px; color:#fff; line-height:1.6; text-align:left;}


/*帮助中心*/
.about_w{width:1180px; clear:both; margin:0 auto; padding-top:35px;  color:#666;}
.about_l{ float:left; background:#fff;}
.about_tab{ width:280px; height:auto;}
.about_tab li{ float:left; width:280px; cursor:pointer;}
.about_tab .tab_on p{ border-left:solid 4px #4c3f3f; width:236px !important;}
.about_tab p{ width:240px; padding-left:40px; font-size:16px; line-height:56px; font-weight:600; color:666;background:#f5f5f5;}
.about_tab ul li{ width:240px; padding-left:20px; margin-left:20px;font-size:14px; line-height:54px; border-bottom:solid 1px #f3f3f3;}
.about_tab ul li a{ color:#666;}
.about_tab ul li.on a{ color:#7E0001;}
.about_tab .on{ color:#4c3f3f !important;}
.about_r{ float:right; width:808px; min-height:676px; height:auto; padding:0 40px 40px 40px; background:#fff;}
.about_r_tab{ line-height:46px; font-size:18px; border-bottom:dashed 1px #f3f3f3;}
.ab_r_t_r{ float:right; line-height:56px; font-size:12px;}
.ab_r_t_r i{ font-family:"宋体"; font-size:10px !important; font-style:normal;}
.ab_r_t_r span{ color:#999 !important;}
.about_r_c{ font-size:14px; line-height:32px; padding-top:30px;}



