body{
    background-color: #f7f7f7;
    color: #666;
    font-size: 16px;
}
li{
    list-style-type: none;
}
i{
    font-style: normal;
}
button{
	outline:none;
}
.c-666{
    color: #666;
}
a.c-666:hover{
    color:#a0dba3;
}
.c-1f1f1f{
    color:#1f1f1f;
}
.c-999{
    color: #999;
}
.c-333{
    color: #333;
}
.c-a0dba3{
    color: #a0dba3;
}
.btn-primary{
	background: #a0dba3;
	border: 1px solid #a0dba3;
	border-radius: 10px;
	padding: 9px 20px;
}
.my-cancel-btn{
    color: #87d4b1;
}
.my-cancel-btn:hover{
    color: #67c49a;
}
.text-line{
    padding-bottom: 5px;
    border-bottom: 1px solid #a0dba3;
}
.c-fe93a2{
    color:#fe93a2;
}
.f24{
    font-size: 24px;
}
.f20{
    font-size: 20px;
}
.f18{
    font-size: 18px;
}
.f16{
    font-size: 16px;
}
.f14{
    font-size: 14px;
}
.clear{
    clear: both;
}
.t-underline{
    margin-bottom: 20px;
    display: inline-block;
    border-bottom: 1px solid #a0dba3;
}
.t-underline:hover{
    color: #67c49a;
    text-decoration: none;
}
.t-left{
    text-align: left !important;
}
.t-right{
    text-align: right !important;
}
.t-center{
    text-align: center !important;
}
.line-height30{
    line-height: 30px !important;
}
.mt30{
    margin-top: 30px;
}
.ml20{
    margin-left: 20px;
}
.mt20{
    margin-top: 20px;
}
.pt20{
    padding-top: 20px;
}
.pb30{
    padding-bottom:30px; 
}
.form-control{
    height: 48px;
}
/*btn green bg*/
.add-tocar-link{
    color: #fff;
    background-color: #a0dba3;
}
.product-detail-link:hover{
    color: #fff;
    background-color: #a0dba3;
    text-decoration: none;
}
.add-tocar-link:hover{
    background-color: #8ecc92;
    text-decoration: none;
    color: #fff;
}


.common-title{
    width: 1300px;
    margin: 0 auto 30px;
    padding: 10px 0;
}
.welcome-title{
    margin-bottom: 10px;
}
.common-title-sub{
    font-size: 20px;
    padding-left: 50px;
}
.page-title{
    font-family: -webkit-pictograph;
    padding-left: 0;
    font-size: 40px;
}
.header{
    width: 100%;
    color: #666;
    padding: 15px 0;
    background-color: #fff;
}
.header .header-content{
    width: 1300px;
    margin: 0 auto;
}
.header a{
    color: #666;
}
.header a:hover{
    color: #a0dba3;
    text-decoration: none;
}
.header ul{
    margin-bottom: 0;
    padding-left: 0;
}
.header-left{
    font-size: 16px;
}
.header-link{
    text-align: center;
}
.header-link a.active{
    color: #a0dba3;
}
.glyphicon-user{
    font-size: 20px;
    color: #b3b3b3;
}
.glyphicon-logout{
    display: inline-block;
    width: 23px;
    height: 20px;
    background: url("../images/login/logout-icon.jpg") no-repeat center ;
}
.header-left .header-link{
    padding-right: 40px;
}
.header-right{
    font-size: 18px;
}
.header-right .header-link{
    padding-left: 30px;
    line-height: 50px;
}
.page-content{
    width: 1300px;
    margin: 0 auto;
}
.footer{
    width: 100%;
    height: 113px;
    text-align: center;
    font-size: 14px;
    color: #999;
    padding: 20px 0 10px 0;
    border-top: 5px solid #a0dba3;
    background: url(../images/forgotPassword/footer-bg.jpg) no-repeat center;
    background-color: #555869; 
    margin-top: 120px;
}
.index-footer{
    background: none;
    border-top:none;
}
.footer a{
    color: #999;
    display: inline-block;
    padding: 0 12px;
}
.footer a:hover{
    color: #a0dba3;
    text-decoration: none;
}
.badge{
    background-color: #fe93a2;
}
/*footer absolute*/
.footer-absolute{
    position: absolute;
    bottom: 0;
    left: 0;
}

.data-table-box{
    width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    background-color: #fff;
    border-radius: 6px;
    padding-bottom: 10px;
}
table th{
    font-size: 16px;
    text-align: center;
    font-weight: normal;
}
.table > thead > tr > th{
    padding: 30px 10px;
    border-bottom: 2px solid #a0dba3;
}
.table > tbody > tr > td{
    text-align: center;
    padding: 15px 8px;
    vertical-align: middle;
    border-top: none;
    border-bottom: 1px solid #ddd;
}

.table1 > thead > tr > th{
    padding: 30px 10px;
    border-bottom: 2px solid #a0dba3;
}
.table1 > tbody > tr > td{
    text-align: center;
    padding: 15px 8px;
    vertical-align: middle;
    border: 1px solid #ddd;
}

.product-link {
    font-size: 16px;
    display: inline-block;
    width: 120px;
    height: 40px;
    border: 1px solid #a0dba3;
    color: #a0dba3;
    border-radius: 8px;
    line-height: 40px;
    text-align: center;
    background: #fff
}
a.product-detete-link.product-link {
    color: #ff94a3;
    border-color: #ff94a3;
}
a.product-detete-link.product-link:hover{
    background: #fe93a2;
    color: #fff;
}
.add-tocar-link{
    color: #fff;
    background-color: #a0dba3;
}
.product-link:hover,
.product-detail-link:hover{
    color: #fff;
    background-color: #a0dba3;
    text-decoration: none;
}
.add-tocar-link:hover{
    background-color: #8ecc92;
    text-decoration: none;
    color: #fff;
}
.big-btn {
    display: inline-block;
    background-color: #a0dba3;
    width: 150px;
    height: 46px;
    line-height: 46px;
    color: #fff;
    text-align: center;
    border: none;
    font-size: 16px;
    border-radius: 8px;
    outline: none;
}
.big-btn:hover{
    background-color: #8ecc92;
}
.option-link {
    margin: 11px 0;
    color: #666;
    padding-right: 26px;
    display: inline-block;
    font-size: 14px;
}
.option-bar i {
    color: #ff94a3;
    font-size: 20px;
    vertical-align: text-bottom;
    margin-right: 10px;
}
/*page bar*/
.page-box{
/*     width: 500px; */
    margin: 0 auto;
}
.page-box>div>span{
	margin-left:50px;
}
#kkpager_btn_go{
    display: block;
    left: 56px;
    background: none;
    color: #666;
}
#kkpager a{
    padding: 5px 10px;
    border-color: #a0dba3;
}
#kkpager span.curr,#kkpager a:hover{
    padding: 5px 10px;
    background-color: #a0dba3;
    border-color: #a0dba3;
    color: #fff;
}
#kkpager .infoTextAndGoPageBtnWrap{
    padding-top: 0;
}

/*conform modal*/
.confirm-model .modal-content{
    padding:30px;
}
.confirm-model .modal-body{
    text-align: center;
    margin: 30px 0;
    border-bottom: 1px solid #a0dba3;
    color: #333;
    font-size: 32px;
    padding: 20px 0 60px 0;
}
.confirm-model .yesBtn{
    border: none;
    color: #a0dba3;
    font-size: 18px;
    background: #fff;
    margin-right: 60px;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  ::-webkit-scrollbar
  {
      width: 6px;
      background-color: #dedede;
      border-radius: 10px;
  } 

/*layer pop style*/
.my-layer-style .layui-layer-content{
    margin-bottom: 40px;
    background: #fff;
}
.my-layer-style .layui-layer-ico{
    width:26px;
    height:26px;
    background: url(../images/website/modal-close-btn.png)  no-repeat;
}
.my-layer-style .layui-layer-setwin{
    top: 30px;
    right: 30px;
}
.my-layer-style .layui-layer-setwin .layui-layer-close1{
    background-position: 0 0; 
}
.my-layer-style .layui-layer-title{
    border-bottom:1px solid #a0dba3;
    background-color:#fff; 
    font-size: 20px;
    color: #666;
    line-height: 0px;
    margin:30px;
    padding:20px 0 30px 0;
}
.my-layer-style .mylayer-body{
    margin:0 30px 30px;
}
/*conform style*/
.my-conform-style.layui-layer-dialog .layui-layer-content{
    font-size: 32px;
    color: #333;
    line-height: 42px;
    text-align: center;
    border-bottom: 1px solid #cfedd1;
    margin: 30px 0;
    height: auto !important;
    padding: 80px 30px;
}
.my-conform-style .layui-layer-btn{
    padding: 0 30px 30px 0;
    text-align: center;
}
.my-conform-style .layui-layer-btn .layui-layer-btn0{
    border: none;
    color: #a0dba3;
    font-size: 18px;
    background: #fff;
    margin-right: 60px;
}
.my-conform-style .layui-layer-btn .layui-layer-btn1{
    color:#fff;
    background: #a0dba3;
    padding:20px 60px;
    border-radius: 20px;
    outline: none;
    line-height: 0px;
    margin-top: -10px;
}

/*rating star*/
.rating-container .glyphicon{
    width: 20px;
    height: 20px;
    text-indent: -9999em;
    display: inline-block;
    background-image: url(../images/website/icon-star.png); 
}
.rating-container .glyphicon-star-empty{           
    background-position:-27px 0px;           
}
.rating-container .glyphicon-star{
    background-position: 0px 0px;
}