@charset "utf-8";
/* CSS Document */
/*公用样式开始*/
body{ padding:0; margin:0;  padding-bottom: 10px;font-size: 14px;font-family: "microsoft yahei",Arial, Helvetica, sans-serif;}
.clear { clear:both; font-size:0px;	 width:100%; 	line-height:0px;	height:0px; }
.clear_height { clear:both; 	font-size:0px; width:100%; line-height:10px; 	height:10px; }
.clear_height2 { clear:both; font-size:0px;	width:100%;	height:5px; }
.clear_height3 { clear:both; font-size:0px;	width:100%;	height:30px; }
.clear-bottom{ height:52px;	clear: both;}
.clear-top{ height: 45px; clear: both;}
.page-main{ width: 100%; margin: 0 auto; padding: 0 15px;}
li, ul, ol, dl {list-style:none;}
li, select, textarea, input { vertical-align:middle; } 
h1,h2,h3,h4,h5,h6{ text-align: center; margin: 0; padding: 0;}
ul{ margin: 0; padding: 0; }
a{ color: #000;}
a:LINK,a:VISITED{ text-decoration: none; color: #000;}
a:HOVER,a:ACTIVE{ text-decoration: none; color: #000;}


.w68{ width:68%; float:left}
.w32{ width:32%; float:left}
.myrow{ margin-left:0; margin-right:0; background:#fff;}
.row2{ background:#f5f4f9; margin-right:0; margin-left: 0; padding-bottom: 120px;}
.left{ float: left;}
.right{ float: right;}
.border-r{ border-right: 1px solid;}
.border-l{ border-left: 1px solid;}
.border-t{ border-top: 1px solid;}
.border-b{ border-bottom: 1px solid;}
i,em{ font-style: normal;}
.thumbnail {
    border: 0;
}
/*列表点赞评论图标*/
.opt{ text-align: right; padding-right: 10px; color: #a3a3a3; position: absolute; bottom: 5px; right: 0}
.opt i{ margin-left: 15px;}
.grey{color: #c9c9c9;}
.red{color: #f00;}
.red-price{color: #ff6633;}

.white{color: #fff;}
.space{ height: 15px; clear: both; background: #f2f2f2; width: 100%;}
.btn-pink {  color: #fff; background-color: #fd81b3; border-color: #fd81b3; }
/**遮罩**/
.mMasklay{position:absolute;left:0;top:0;z-index:1055;width:100%;height:100%;background-color:rgba(255,255,255,0.4)}
.mMasklay2{  background-color: rgba(0,0,0,0.5);}
.mMasklay3{  background-color: rgba(0,0,0,0.5); background-image: url(../images/loading.gif); background-position: center;}

/**底部导航**/
.my-nav{ background:#f9f9f9; margin-bottom:0;  margin-top: 0; margin-left: 0; margin-right: 0; border-top: 1px solid #eee;}
.my-nav li{ width:25%; height:50px; margin-left:0; text-align:center}
.nav-pills>li+li {margin-left: 0;}
.my-nav li a{ font-size:12px; padding-top: 5px; padding-bottom: 5px;}
.my-nav li a.default{ color:#828282; }
.my-nav li a.active{ color:#b60000;}
.my-nav li a i{ display:block;font-size:1.8em; margin-bottom:0}

.my-nav2{ background:#fff; margin-bottom:0; border-top: 1px solid #eee; margin-top: 0; margin-left: 0; margin-right: 0;}
.my-nav2 li{ width:31%; height:60px; margin-left:0; text-align:center}
.my-nav2 li.addCar{ width:38%; background: #f23030;}
.my-nav2 li.addCar a{line-height: 60px; color: #fff; padding: 0; font-size: 1.1em;}
.my-nav2 li.addCar a:hover{background: #ed1111;}
.my-nav2 li a{ font-size:0.8em; padding-top: 5px;}
.my-nav2 li a.default{ color:#828282; }
.my-nav2 li a.active{ color:#f00;}
.my-nav2 li a i{ display:block; margin:0 auto; width: 32px;height: 32px;  }
.my-nav2 li a i.fa2{background:url(../images/nav12.png) no-repeat;background-size:100%;}
.my-nav2 li a.care i.fa2{background:url(../images/nav12_1.png) no-repeat;background-size:100%;}

.container-fluid {padding-right: 0;padding-left: 0; margin-right: auto;margin-left: auto;}


/**顶部搜索框    start**/
/**首页**/
.top-search{ position:absolute; top:2%; width:100%; text-align:center}
.top-search span.btn1{ width:75%; display:inline-block; height:2em; line-height:1em; background:#fff; filter: alpha(opacity=50); opacity: 0.5; text-align:left;border-radius: 10px; font-size:1.2em; margin-top: 10px;}
.top-search span.btn1 .fa-search{ color: #00ccff;}
.top-search span.btn1 .text{ font-size: 14px;color: #ccc; }
.top-search span.btn2{ width:25px; display:inline-block; height:2em; padding:0 12px 0; color:#fff; font-size: .8em}
.top-search span.btn2 i{ display:block;font-size:2.2em; margin-bottom:0.2em; padding-top:0; margin-top: 0px;margin-left: -15px; width: 40px;}
.top-search .msg {  position: relative;}
.top-search .msg .num{  position: absolute; width: 18px; height: 18px; border: 1px solid #bae0f0; background: #199ed8; color: #fff; top:-10px; right: -14px; font-size: 12px; line-height: 15px;-webkit-transform-origin-x: 0;-webkit-transform: scale(0.8833333333333334);}


.top-search2 {top:0; }
.top-search2 span.btn1{filter: alpha(opacity=1); opacity: 1;}
.top-search2 span.btn1 .fa-search{ color: #ccc;}
.top-search2 span.btn2{ color: #a5a5a6; margin-top: 5px;}

.top-search span.search{ width:25px; display:inline-block; height:2em; padding:0; color:#3399ff; font-size: 16px;}
/**顶部搜索框   end**/

/**一行文字超出显示省略号**/
.nowrap1{white-space: nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis;overflow: hidden;}
.nowrap2{white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-align: left;}
.nowrap3{white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-align: left;}
.nowrap4{white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-align: left;}
/**头部**/
.user_bar { width:100%; background-color:#f2f2f2; height:50px; line-height:50px; position:fixed; top:0px; left:0px; font-size:16px; border-bottom:1px solid #f2f2f2; z-index:99; text-align: center;}
.user_bar .back { float:left; margin-top:8px; margin-left:10px;}
.user_bar{ color: #fff;}
.user_bar .back img{ vertical-align: top; margin-top: 5px;}
.user_bar .fr { margin-right:10px; font-size:12px;}
.user_bar .fr a { padding:5px 10px; border:1px solid #ddd; background-color:#f9f9f9; border-radius:2px;}
.user_bar .del {padding:5px 10px; border:1px solid #ddd; background-color:#f9f9f9; border-radius:2px; margin-right:10px; float:right; margin-top:5px;}
.user_bar .tab{ width: 64%; position: absolute; height:45px; left:23% }
.user_bar .tab ul li{ float: left; width: 40%; height: 43px;}
.user_bar .tab ul li a{ color: #ccc;}
.user_bar .tab ul li.on{ border-bottom: 2px solid #fff;}
.user_bar a.right{ color: #fff; margin-right: 15px;}
.user_bar a.add-btn{margin-right: 0; padding-top: 3px;}
.user_bar a.add-btn img{width: 35px; }
.user_bar .top-share{ font-size: 1.8em;}
.user_bar .text-btn{ padding-top: 15px; margin-right: 0;}

.user_bar2{background: #fff; border-bottom:1px solid #f2f2f2; color: #333;}
.top_bar{background: #b30000; border-bottom:1px solid #b30000; color: #fff;}

.tab2{ width: 100%; height:45px; }
.tab2 ul li{ float: left; width: 50%; height: 43px; border-right: 1px solid #eee; text-align: center; line-height: 43px;}
.tab2 ul li a{ color: #ccc;}
.tab2 ul li.on{ border-bottom: 3px solid #761C38;}
.tab2 ul li.on a{ color:#ff7294;}

.tab3 ul li{ float: left; width: 33.3%; height: 43px; border-right: 1px solid #eee; text-align: center; line-height: 43px;}


/***加载***/
.loading { width:100%; margin-top:10px;}
.loading ul li { width:100%; display:block; min-height:35px; line-height:35px; color:#999; text-align:center; font-size: 14px;}
/**仿confirm弹出对话框**/
#BgDiv1{background-color:#000; position:absolute; z-index:9999;  display:none;left:0px; top:0px; width:100%; height:100%;opacity: 0.6; filter: alpha(opacity=60);}
.DialogDiv{position:absolute;z-index:99999;}
.U-guodu-box { padding:15px 40px;  background:#3c3c3f; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;  min-heigh:200px; border-radius:10px;}
.U-guodu-box div{ color:#fff; line-height:25px; font-size:14px; margin:0px auto; height:100%; padding-top:10%; padding-bottom:10%;}
.U-guodu-box div table td{ font-size: 16px; height: 25px;}
.U-guodu-box div table td a.btn{ font-size: 14px; margin:8px 5px;}


.top-search3{ left: 0; top:0; background: #fff; padding-right: 2%;}
.top-search3 span.btn1{width: 75%; border: 1px solid #eee;}
.top-search3 span.btn1 i{color:#aeafb3;}
.top-search3 a.btn2{ color: #828282; font-size: .8em; margin-right: 0; padding: 15px 6px; float: right;}
.top-search3 a.btn2 i{font-size: 2.2em;}
.top-search3 a.search{ color: #fff; font-size: 16px;}
.top-search3 input{ width: 95%; border: 0; padding-left: 5px; height: 1.2em;background: #fff; color: #000; font-size: 14px;}
.top-search3 .back {  padding-top: 8px; padding-left: 0; padding-right: 0;margin-top:5px; margin-left:0; float: left;}
.top-search3 .back img{ width: 30px;}


.info_form{ max-width:320px; min-width:300px; margin-left:auto; margin-right:auto;}
.info_form ul{ padding-left:10px; float:left; color:#000; }
.info_form ul li{ width:100%; float:left;margin-top:10px; font-size:14px; margin-bottom:10px;}