@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; background:#f2f2f2; font-size:12px; font-weight: normal; line-height: 1.4em; font-family: Arial, "微软雅黑"; overflow: auto; height:100%; color:#333; }
div, form, img, ul, ol, li, dl, dt, dd, table, td, p ,input{ margin:0; padding:0; border:0; }
li { list-style-type:none; padding:0; line-height:20px; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-size:12px; font-weight:normal; }
a, a:hover, a:link { border:none;}
/*font*/
a { text-decoration:none; }
input{outline:medium; -webkit-appearance: none; -moz-appearance: none; appearance: none; -ms-appearance: none; -o-appearance: none;}
textarea{outline:medium;}
/*a:link { text-decoration:none; }
a:visited { color:#800080; text-decoration:none; }
a:active { color:color:#039; text-decoration:none;} 
a:hover {text-decoration:none; color:#039; }*/



/*app  top样式*/
.top {
    width: auto; background: #ffffff; height: 44px; line-height: 44px; text-align: center; font-size: 16px; color: #333; margin: 0; width: 100%; border-bottom:1px #e0e0e0 solid; position:relative;}
.top_1{border-bottom:none;}
.top_h{border-bottom:none; background:url(../images/hf_bg.png) no-repeat; background-size:100%; color:#fff;}
.top .img_sm{float:left; margin:12px 0 0 10px; height:20px;}
.top .img_sm_d{ float:right; right:12%; position:absolute;}
.top .img_xx{float:right; margin:12px 10px 0 0; height:20px;}
.input_sosuo { width: 62%; height: 28px; line-height:28px; padding: 0 5px 0 35px; background-color: #ededed; color:#999;font-size: 12px; display: inline; border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; }
.input_sosuo_img{ position:absolute; height:16px; padding-left:10px; margin-top:14px;}
.top a b {right:6px; position: absolute; z-index: 1; background: #ff2422; border-radius: 6px; width: 6px; height: 6px; margin-top: 10px; border:1px #fff solid; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px;}
.top i{left: 24px; position: absolute; z-index: 1; background: #ff2422; border-radius: 6px; width: 8px; height: 8px; margin-top: 8px; border:2px #fff solid; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px;}
.top .tou{ background:url(../images/jt.png) no-repeat right 2px; width:9px; height:11px; display:inline-block; margin-left:6px;}
.top .tou1{ background:url(../images/jt.png) no-repeat right -60px; width:9px; height:11px; display:inline-block; margin-left:6px;}

.top_wz{ display:inline-block; font-size:14px; color:#333; position:absolute; float:left; left:3%;}
.top_wz1{ display:inline-block; font-size:14px; color:#333; position:absolute; float:left; left:8%;}
.top_fh { float:left; height:20px; margin-top:12px; left:3%; position:absolute;}
.top_fhr { float:right; height:20px; margin-top:12px; right:3%; position:absolute;}

.top_jt img{ height:10px;}
.top_r{display:inline-block; font-size:14px; color:#333; position:absolute; float:right; right:3%;}
.top_bjtb{ background:none; border-bottom:none; position:absolute; top:0;}
.top_img{ width:100%; clear:both}
.top_img img{ height:190px; z-index:-1; width:100%; float:left;}

.top_button{ display:inline-block; position:absolute; right:3%;}
.top_button input{ width:55px; height:25px; line-height:25px; color:#fff; font-size:14px; background:#ff314a; border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px;}
.top_button i{  position: absolute; left:45px; z-index: 1; background: #ff2422; border-radius: 10px; width: 15px; height:15px; margin-top:-1px; border:2px #fff solid; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; color:#fff; font-style:normal; font-size:12px; line-height:15px;}
.top_rr{display:inline-block; font-size:14px; color:#333; position:absolute; float:right; right:3%;  color:#ff2422; top:3px;}
.top_rr1{display:inline-block; font-size:14px; color:#333; position:absolute; float:right; right:3%; color:#5cc0bd; top:3px;}
.top_rr2{color:#aae0de;}
.top_rr3{color:#ff9190;}
.top_33{ color:#333;}
/*底部导航*/
.d_nav{ width:100%; position:fixed; z-index:88888; left:0px; bottom:0px; height:50px; background:#fff; border-top:1px #e0e0e0 solid;}
.d_nav ul{ position:relative;}
.d_nav li{ width:25%; float:left; text-align:center;}
.d_nav li img{ height:21px; margin-top:8px;}
.d_nav li span{ display:block; width:100%; text-align:center; font-size:12px; color:#606060; line-height:13px;}
.d_nav .d_nav_v span{color:#333;}
.d_nav li i{ position:absolute; background:#ff2422; top:7px; color:#fff; font-size:12px; font-style:normal; padding:0 3.7px; line-height:14px; border:1px solid #fff; border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px; margin-left:5px;}
.d_nav_2 li{ width:50%; float:left; text-align:center;}

/*幸福优选底部导航*/
.xf_nav{ width:100%; position:fixed; z-index:88888; left:0px; bottom:0px; height:50px; background:#F2F2F2; border-top:1px #e0e0e0 solid;}
.xf_nav ul{ position:relative;}
.xf_nav li{ width:50%; float:left; text-align:center; }
.xf_nav li img{ height:21px; margin-top:6px;}
.xf_nav li span{ display:block; float:left; width:100%; text-align:center; font-size:12px; color:#606060; line-height:13px; margin-bottom:4px;}
.xf_nav .d_nav_v span{color:#ff314a;}
.xf_nav .d_nav_v{ background:#fff;}

.mind{ padding-bottom:65px;}

/* 主题色大按钮*/
.submit1{ width:100%; height:43px; font-size:16px; color:#fff; text-align:center; border:none; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; background:#ff314a; display:inline-block; line-height:43px; }

.submit15{ width:100%; height:43px; font-size:16px; color:#fff; text-align:center; border:none; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; background:#FF314A; display:inline-block; line-height:43px; }

/* 主题色减淡大按钮*/
.submit2{ width:100%; height:43px; font-size:16px; color:#fff; text-align:center; border:none; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; background:#ff7e8d; display:inline-block; line-height:43px;}

/* 主题色描边大按钮*/
.submit3{ width:100%; height:43px; font-size:16px; color:#ff314a; text-align:center; border:1px solid #ff314a; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; background:#fff; display:inline-block; line-height:43px;}
.submit3_1{ border-color:#FF7E8D; color:#FF7E8D;}
/* 灰色大按钮*/
.submit4{ width:100%; height:43px; font-size:16px; color:#fff; text-align:center; border:none; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; background:#dadada; display:inline-block; line-height:43px;}


/* 按钮高度减少 字改小*/
.submit_x{ height:30px; font-size:16px; line-height:30px;}

/*wap端引导客户下载*/
.app_xz{ position:fixed; bottom:0px; width:94%; padding:10px 3%; height:40px; background:rgba(0,0,0,0.7); z-index:99999;}
.app_xz1{bottom:51px;}
.app_xz2{bottom:48px;}
.app_xz .close { width:16px; float:left; margin:12px 12px 12px 0;}
.app_xz .logo{width:40px; float:left; margin-right:10px; }
.app_xz h1{ color:#fff; font-size:14px; line-height:14px; margin-top:2px; margin-bottom:8px; display:inline-block; width:45%; float:left;}
.app_xz span{color:#fff; font-size:12px; line-height:12px;display:inline-block; width:45%; float:left;overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.app_xz input{ width:80px; height:28px; font-size:14px; color:#fff;  border:none; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; background:#ff314a; display:inline-block; line-height:28px; margin-top:6px; position:absolute; right:3%;}

/*我的订单-头部*/
.wde_ddlb{ display:inline-block;}
.wde_ddlb span{ font-size:12px; color:#606060; display:inline-block; width:73px; height:28px; border:1px #ff314a solid; line-height:30px;}
.wde_ddlb span:first-child{ border-right:none; border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -ms-border-radius:5px 0 0 5px; -o-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px;} 
.wde_ddlb span:last-child{ border-left:none; border-radius:0px 5px 5px 0; -moz-border-radius:0px 5px 5px 0; -ms-border-radius:0px 5px 5px 0; -o-border-radius:0px 5px 5px 0; -webkit-border-radius:0px 5px 5px 0;}
.wde_ddlb .visited{ background:#ff314a; color:#333;}