.pp_itemview {
	max-width: 1250px;
	margin: 0 auto;
}
body{
	font-size:14px;
	font-family:"微软雅黑", sans-serif, Tahoma;
}
.pp_itemview .props {
	width: 100%;
}
.pp_itemview .hproduct {
	margin-bottom:20px;
	min-width: 150px;
	padding: 0 5px;
	margin: 8px auto;
}
.pp_itemview .hproduct .props {
	min-height: 200px;
	/* margin:0px auto; */
	position:relative;
}
.pic_wrap{
	text-align:center;
	/* width:200px; */
}
.props h4{
	font-size:12px;
	overflow:hidden;
	height:3.2em;
	line-height: 1.5em;
	padding: 0 8px;
}
.pp_itemview .hproduct .photo {
	text-align:center;
	height:180px;
	max-width: 96%;
	overflow: hidden;
}
.pp_itemview .hproduct .price_wrap {
	padding:5px 0;
	position:relative
}
 .hproduct .price {
	font-size:16px;
	color:#F00;
	padding-right:8px;
	font-weight:700
}
.pp_itemview .hproduct .price_old {
	color:#999
}
.pp_itemview .hproduct .promo {
	color:#666;
	position:absolute;
	right:7px;
	top:10px
}
.pp_itemview .hproduct .fn_wrap {
	height:36px;
	overflow:hidden;
	margin-bottom:6px
}
.pp_itemview .hproduct .fn {
	color:#666
}
.pp_itemview .hproduct .fn:hover {
	color:#e31
}

.pp_itemview .hproduct .action{
	display:none;
	position:absolute;
	top:150px;
	height:30px;
	width:100%;
	left:0
}

.pp_itemview .hproduct .action a{
	width:50%;
	text-align:center;
	height:30px;
	line-height:30px;
	display:block;
	float:left;
	color:#fff
}

.pp_itemview .hproduct .action .link_shopincart{
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType = 0, StartColorStr = '#EB0FBBDD', EndColorStr = '#EB0FBBDD');
}

:root .pp_itemview .hproduct .action .link_shopincart{
	background-color:rgba(15, 187, 221, 0.92);
	filter:none;
}
.pp_itemview .hproduct .action .shopincart_selected{
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType = 0, StartColorStr = '#B2FFFFFF', EndColorStr = '#00FFFFFF');
}
:root .pp_itemview .hproduct .action  .shopincart_selected{ 
	background-color:rgba(50, 50, 50, 0.8);
	filter:none;
}

.pp_itemview .hproduct .action .link_detail{
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType = 0, StartColorStr = '#EBEE3311', EndColorStr = '#EBEE3311');
}

:root .pp_itemview .hproduct .action .link_detail{
	background-color:rgba(238, 51, 17, 0.92);
	filter:none;
}

.pp_itemview .hproduct.hover{
	padding:13px;
	border:2px solid #e0e0e0;
	background-color:#fff;
	z-index:2;
	cursor:pointer
}

.pp_itemview .hproduct.hover .action{
	display:block
}

.price{
	color:#F00;	
}
.price .c3{
	font-size:16px;
}
.price em{
	font-size:36px;
	font-weight:bold;
}
.nav_attr{
	clear:both;
	/* margin:8px; */
}
.nav_attr li .media .media-left{
	min-width:71px;
	width:10%;
}
.nav_attr li .media .media-body{
	min-width:220px;
}

.navbar-brand{
	padding:0;
}
.jb_content {
	 max-width: 1250px; 
	 margin:0 auto; 
}
nav .input-group{
	margin-top:8px;margin-bottom: 6px;
}
nav button.glyphicon{
	top:0px;
}
.content, .pp-footer{
	max-width:1250px;
	margin:0 auto;
	width:98%;
	margin-top:60px;
}
navcontent{
	max-width:1250px;
	padding: 0;
	margin:0px auto;
}

goodslist .row{
	margin:0px;
	padding: 0 auto;
}
div.pather{
	max-width:1250px;
	margin:0 auto;
	width: 100%;
	margin-bottom: 10px;
}
div.pather .breadcrumb{
	padding: 0px 0px; 
     margin-bottom: 0px; 	
}

div.cart_page .col-md-3{
	padding:8px 15px;
	text-align:right;
}
.spinner-buttons.input-group-btn {
    width: 20%;
}

.spinner-buttons.input-group-btn .btn-xs {
    line-height: 1.16;
}

.spinner-buttons.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-radius: 0 0 4px 0;
    -webkit-border-radius: 0 0 4px 0;
}

.spinner-buttons.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
}

/*  页面头部 */
.page-heading {
    padding: 15px;
    position: relative;
}

.page-heading h3 {
    color: #49586e;
    font-size: 25px;
    font-weight: normal;
    margin: 10px 0;
}

.page-heading .breadcrumb {
    padding: 0;
    margin: 0;
    background: none;
}

.page-heading .breadcrumb a {
    color: #999999;
}

.page-heading .breadcrumb li.active {
    color: #65CEA7;
}

.wrapper {
    padding: 15px;
}

.wrapper::after {
    clear: both;
    display: block;
    content: '';
    /*margin-bottom: 30px;*/
}
/*  页面头部 */

.panel-title {
    color: #2A3542;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
    font-family: 'Open Sans',sans-serif;
}

/*  详情页 布局 */
.details-content,.details-content .panel-body{
	padding-bottom:0px;
	margin-bottom:0px;}

ul.p-info {
	list-style-type: none;
	padding: 0px;
	margin-bottom: 0px;
}

ul.p-info li {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}

ul.p-info .title {
	width: 40%;
}

.p-info .dropdown-menu li{
	width:33.3%;
	float:left;
	text-align:center;
}

ul.p-info .title, ul.p-info .desk {
	float: left;
}
ul.p-info .desk {
	width: 60%;
	color: #207A94;
}

ul.p-info .title, ul.p-info .desk {
	float: left;
}

/*  详情页 布局 */
.pagination>div>li{
	display:inline;	
}

/* 列表页 导航栏*/

.pp_filter .fsort i, .pp_filter .ftype a i, .pp_filter .fpage a .icon_prev, .pp_filter .fpage a .icon_next, .pp_pagination li a i{
	background-image:url(../images/ico1.png);
	background-repeat:no-repeat;
}
.pp_filter {
	color:#333;
	clear:both;
	height:36px;
	border:1px solid #e0e0e0;
	background-color:#f5f5f5;
	margin:15px 0;
	position:relative;
	z-index:1
}
.pp_filter a {
	color:#333
}
.pp_filter a:hover {
	text-decoration:none
}
.pp_filter .fsort {
	float:left
}
.dropdown-toggle b {color: #F00;}
.veri_img{cursor:pointer;}

/* 页脚 */
.pp-footer {
	margin:10px auto 0px auto;
	border-top:1px solid #ddd;
	color:#aaa;
	font:12px/1.5 arial;
	background-color:#fff;
	-webkit-text-size-adjust:none;
	*zoom:1;
	clear:both;
}
.pp-footer-bd {
	width:100%;
	margin:0 auto;
	padding:20px 0
}
.pp-footer-sitelink {
	padding-bottom:10px
}
.pp-footer-sitelink .tencent .line {
	color:#d5ccd5
}
.pp-footer-sitelink a {
	margin:0 3px;
*margin:0 2px
}
summary:hover{cursor:pointer;}
.pagination{
	margin:0px;}
.pp_pagination{
	text-align:right;}
	
.list-foot { text-align:right;}

.list-foot .input-group{width:100px;float:right;}
.list-foot .input-group .form-control{ margin-top:1px;text-align: center;}
/* 页脚 */
.selectT{
	color:#F00 !important;
	font-weight: bold !important;;
	
}
/* 购物车页面*/
.cart-item{
	height:75px;border-bottom:1px dashed #CECECE;margin-bottom:8px;
}
.cart-item .media-left a{width:40px; display:block;}
.cart-item .media-left a img{width:100%;}

ul.goal-progress {
    list-style-type: none;
    padding: 0;
}

ul.goal-progress li {
    display: inline-block;
    width: 100%;
	height:75px;
    border-bottom: 1px dashed #dcdcdc;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

ul.goal-progress li .prog-avatar {
    width: 50px;
    height: 75px;
    float: left;
    margin-right: 8px;
}

ul.goal-progress li .prog-avatar img {
	vertical-align:middle;
}

ul.goal-progress li .details {

}

ul.goal-progress li .title {
    margin-bottom: 5px;
}

ul.goal-progress li .title a {
    color: #6a8abe;
}

ul.goal-progress li .title a:hover {
    color: #65cea7;
}

ul.goal-progress li .spinner {
    margin-bottom: 0px;
}

.cart-item .spinner{
	float:right;	
}
.money {
	font-family:"Comic Sans MS", cursive;
	margin-right:20px;
	margin-left:10px;
	color:#F00;
	font-weight:bold;
	font-family:"Comic Sans MS", cursive;
	font-size:2em;
}
/* 购物车页面*/
.panel {
    border: none;
}

.panel-heading,.page-heading,.page-header, h1{
    border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
    padding: 10px 10px 4px 10px;
    text-transform: uppercase;
    color: #474747;
    font-weight: 300;	
}
.page-header h3,.panel-heading h3,.page-heading h3{margin:5px;}
.page-header{margin:15px;}
.panel-heading{
    font-size: 18px;}
.page-heading h1{
	
	margin: 0;
}


/*查看订单页面*/

.panel.deep-purple-box {
    background: #49586e;
    box-shadow: 0 5px 0 #424f63;
    color: #fff;
}



/*查看订单页面*/

/*--------------------------
        Media Gallery
----------------------------*/

.media-filter {
    float: left;
    margin: 10px 0;
    padding-left: 0;
}

.media-filter li {
    float: left;
    margin-right: 2px;
    list-style: none;
}

.media-filter li a {
    background: #65CEA7;
    border-color: #65CEA7;
    color: #fff;
    padding: 5px 10px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    text-decoration: none;
    font-size: 12px;
}

.media-filter li a:hover, .media-filter li a:focus {
    background: #4c9b7e;
    border-color: #4c9b7e;
    color: #fff;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #424F63;
    color: #FFFFFF;
    text-decoration: none;
}
.m-bot15 {
    margin-bottom: 15px;
}
/* 表单样式  */

.form-horizontal .form-group {
    border-bottom: 1px solid #eff2f7;
    padding-bottom: 7px;
    margin-bottom: 7px;
}

.form-group:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.form-group .help-block {
    margin-bottom: 0;
}


/* pages 样式*/
.pages .panel .panel-body img{
	max-width:100%;	
}

.navbar-nav>li:hover{
	background:#e7e7e7;
	
}
/* pages 样式*/
/*-------------------*/

.pages-navigation {
    margin-top: 15px;
}

.pages-navigation li a i {
    padding-right: 10px;
}

.pages-navigation li a {
    color: #5c6e8a;
}

.pages-navigation li a:hover {
    color: #fff;
}


.pages-navigation > li.active > a, .pages-navigation > li.active > a:hover, .pages-navigation > li.active > a:focus {
    background: #5c6e8a;
    color: #fff;
}

.states-info {
    color: #fff;
}

.states-info .red-bg {
    background: #FC8675;
}
.states-info .blue-bg {
    background: #5AB6DF;
}
.states-info .green-bg {
    background: #65CEA7;
}
.states-info .yellow-bg {
    background: #EBC85E;
}

.states-info i {
    font-size: 50px;
}

.states-info .state-title {
    font-size: 13px;
}

.states-info h4 {
    margin-bottom: 0;
}

/*----------------------*/

/*  微信图标位置*/
.wx_postion{
	position: relative; top: 0px; left: 0px; margin: 0px auto; width: 128px; z-index:2;
}

.wx_postion img{
	width:100%;	
}


/*-------------------
        TOOLS
--------------------*/

.tools {
    margin: -7px -5px;
}

.tools a {
    background: #E3E4E8;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #858582;
    float: left;
    margin-left: 3px;
    padding: 10px;
    text-decoration: none;
}

.tools a:hover {
    background: #65cea7;
    color: #fff;
}

@media (min-width: 400px){
.navbar-right {
    float: right !important;
    margin-right: -0;
}
.p-info .dropdown-menu{
	width:100%;
}
.p-info .dropdown-menu li{
	width:50%;
}
.content{
	margin-top:60px;}
.pp_itemview .hproduct{
	width:50%;
}
}

@media (min-width: 700px){
.navbar-right {
    float: right !important;
    margin-right: -0;
}

.p-info .dropdown-menu{
	width:100%;
}
.p-info .dropdown-menu li{
	width:33.3%;
}
.pp_itemview .hproduct{
	width:33.3%;
}
.content{
	margin-top:115px;}
}
@media (min-width: 1000px){
.col-lg-6 {
    max-width: 35%;
}
.pp_itemview .hproduct{
	width:25%;
}
.content{
	margin-top:115px;}
}
@media (min-width: 1230px){

.pp_itemview .hproduct{
	width:20%;
}
.content{
	margin-top:60px;
	}
.wx_postion{
	position: relative; top: 0px; left: 0px; margin: 0px auto; width: 76px;
}
}
@media (min-width: 1540px){

.pp_itemview .hproduct{
	width:20%;
}
.wx_postion{
	position: relative; top: 0px; left: 0px; margin: 0px auto; width: 128px;
}
}


.nav-justified {
  background-color: #eee;
  border: 1px solid #ccc;

  border-radius: 5px;

}
.nav-justified > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
  font-weight: bold;
  color: #777;
  text-align: center;
  background-color: #e5e5e5; /* Old browsers */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
  background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
  background-image:         linear-gradient(to bottom, #f5f5f5 0%,#e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
  background-repeat: repeat-x; /* Repeat the gradient */
  border-bottom: 1px solid #d5d5d5;
}
.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
  background-color: #ddd;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
          box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
}
.nav-justified > li:first-child > a {
  border-radius: 5px 5px 0 0;
}
.nav-justified > li:last-child > a {
  border-bottom: 0;
  border-radius: 0 0 5px 5px;
}

@media (min-width: 768px) {
  .nav-justified {
    max-height: 52px;
  }
  .nav-justified > li > a {
    border-right: 1px solid #d5d5d5;
    border-left: 1px solid #fff;
  }
  .nav-justified > li:first-child > a {
    border-left: 0;
    border-radius: 5px 0 0 5px;
  }
  .nav-justified > li:last-child > a {
    border-right: 0;
    border-radius: 0 5px 5px 0;
  }
}

/*  ************* 微信用户列表 ******************/
.dir-info .avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.dir-info h5 {
    margin-bottom: 0;
}

.dir-info .dir-like {
    margin-top: 10px;
    display: block;
    text-decoration: none;
    color: #909090;
}

.dir-info .dir-like:hover i {
    color:#6ddfb5 ;
}


.dir-info .row {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e8e8e8;
}

.dir-info .row:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

/*  ************* 微信用户列表 ******************/


/*-------------------------------
            微信聊天模版
-------------------------------*/


.chats {
    margin:0;
    padding: 0;
    margin-top: -15px;
    margin-right: 10px;
}

.chats li {
    list-style: none;
    padding: 8px 0 5px;
    margin: 7px auto;
    font-size: 12px;
}

.chats li img.avatar {
    height: 45px;
    width: 45px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.chats li.in img.avatar {
    float: left;
    margin-right: 10px;
    margin-top: 0px;
}

.chats li .name {
    font-size: 13px;
    font-weight: 400;
}

.chats li .datetime {
    color:#adadad;
    font-size: 13px;
    font-weight: 400;
}

.chats li.out img.avatar {
    float: right;
    margin-left: 10px;
    margin-top: 0px;
}

.chats li .message {
    display: block;
    padding: 5px;
    position: relative;
}

.chats li.in .message {
    text-align: left;
    margin-left: 65px;
}

.chats li.in .message .arrow {
    display: block;
    position: absolute;
    top: 15px;
    left: -8px;
    width: 0;
    height: 0;

    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

.chats li.out .message .arrow {
    display: block;
    position: absolute;
    top: 15px;
    right: -8px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #EFF0F4;
}

.chats li.out .message {
    border-right: 2px solid #EFF0F4;
    margin-right: 65px;
    text-align: right;
}

.chats li.out .name,
.chats li.out .datetime  {
    text-align: right;
}

.chats li .message .body {
    display: block;
}

.chat-form {
	margin-bottom:15px;
    padding: 10px;
    background-color: #EFF0F4;
    clear: both;
}

.chat-form .input-cont {
    margin-right: 55px;
}

.chat-form .input-cont input {
    margin-bottom: 0px;
}

.chat-form .input-cont input{
    border: 1px solid #ddd;
    width: 94%;
    margin-top:0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.chat-form .input-cont input {
    background-color: #fff !important;
}



.normal-chat .message {
    border: 1px solid #EFF0F4;
    border-left: 1px solid #EFF0F4 !important;
    border-right: 1px solid #EFF0F4 !important;
    padding: 10px !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;

}
.normal-chat li img.avatar {
    height: 45px;
    width: 45px;
}

.normal-chat li.in img.avatar, .normal-chat li.out img.avatar {
    margin-top: 0px;
}
.normal-chat li.in .message .arrow {
    border-right: 8px solid #EFF0F4 !important;
}
.normal-chat li.in .message .arrow {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: -8px;
    position: absolute;
    top: 15px;
    width: 0;
}
.normal-chat li.out .message .arrow {
    border-left: 8px solid #EFF0F4 !important;
}
.normal-chat li.out .message .arrow {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    position: absolute;
    right: -8px;
    top: 15px;
}

.normal-chat li.in .name {
    color: #65CEA7 !important;
}
.normal-chat li.out .name {
    color: #424F63 !important;
}
.normal-chat li .datetime {
    color: #ADADAD;
    font-size: 11px !important;
    font-weight: 400;
}

.chat-form .form-group {
    width: 83%;
    margin-right: 2%;
    float: left;
}


.chats li.out .name {
    color: #333;
}

.cool-chat li.in .message {
    background: #65CEA7;
    color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.cool-chat li.in .message .arrow {
    border-right: 8px solid #65CEA7;
}
.cool-chat li.in .message a.name {
    font-weight: bold;
}
.cool-chat li.in .message .datetime {
    opacity: .7;
}
.cool-chat li.in .message a.name, .cool-chat li.in .message .datetime {
    color: #fff;
}

.cool-chat li.out .message .arrow {
    border-left: 8px solid #EFF0F4;
}

.cool-chat li.out .message {
    background: #EFF0F4;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}


/*-------------------------------
            微信聊天模版
-------------------------------*/


.lock-wrapper {
    margin: 18% auto;
    max-width: 400px;
}

.lock-box {
    padding: 20px;
    position: relative;
    width: 100%;
    display: inline-block;
}


.lock-wrapper h1 {
    text-align: center;
    color: #6bc5a4;
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px 0 10px;
}

.lock-wrapper .locked {
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 36px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    color: #fff;
    text-align: center;
    background: #6bc5a4;
    top: -25px;
    right: 125px;
    border: 4px solid #fff;
    font-size: 22px;
}

.lock-wrapper input, .lock-wrapper input:focus {
    background: #eaeaec;
    border-color: #eaeaec;
    width: 86% !important;
    height: 40px;
    float: left;
}

.btn-lock {
    background: #6bc5a4;
    color: #fff;
    height: 40px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-lock:hover {
    background: #688ac2;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}