.row {
    margin:0;
}
.layout {
    margin-bottom:25px;
}
.wrap{
    width: 1200px;
    margin: 0 auto;
    padding:35px 0; 
}
.wrap2{
    width: 1200px;
    margin: 0 auto; 
}


.warp-904{
    width: 904px;
}
.warp-294{
    width: 294px;
}


.warp-990{
    width: 990px;
}
.warp-195{
    width: 195px;
}
 



.inner-warp{
    width: 1200px;
    margin: 0 auto; 
    border: 1px solid transparent;  
}
.inner-base-warp{
    margin: 40px 0;
    min-height: 450px;
    border: 1px solid #d5d5d5;
    background: #fff;
}
.inner-base-warp2{
 margin-top: 30px;
}
/* 定义元素的流 */

.display-in-b {
    display: inline-block;
}
.display-b{
    display: block;
}
/* 定义高度*/
.height140 {
    height:140px;
}
.height180 {
    height:180px;
}
.height200 {
    height:200px;
}
/* 定义实际宽度 */
.width-300 {
    width: 300px;
}
/* 定义宽度百分比*/
.width5-percent {
    width: 5%;
}
.width30-percent {
    width: 30%;
}
.width40-percent {
    width: 40%;
}
.width45-percent  {
    width: 45%;
}
.width48-percent  {
    width: 48%;
}
.width50-percent  {
    width: 50%;
}
.width55-percent{
    width: 55%;
}
.width60-percent {
    width: 60%;
}
.width65-percent{
    width: 65%;
}
.width70-percent {
    width: 70% !important;
}
.width80-percent {
    width: 80%;
}
.width90-percent {
    width: 90% !important;
}
.width100-percent {
    width: 100% !important;
}
/* 定义背景颜色*/
.bg-none{
    background: transparent !important;
}
.bg-white {
    background: #fff;
}
.bg-blue-1 {
    background: #45a4e6;
}
.bg-blue-2{
    background:#005895;
}
.bg-Indigo {
    background: #1ec3b0;
}
.bg-green {
    background:#9dc92a;
}
.bg-deepgreen {
    background:#009e46;
}
.bg-grey {
    background: #f2f2f2;
}
.bg-orange-1 {
    background: #bc7003 !important;
}
.bg-orange-2 {
    background: #f58901;
}
/* 定义字体大小*/
.blod {
    font-weight: 600;
}
.ft-normal{
    font-weight: normal;
}
.ft8{
    font-size: 8px;
}
.ft10{
    font-size: 10px;
}
.ft12 {
    font-size: 12px !important;
}
.ft13 {
    font-size: 13px !important;
}
.ft14 {
    font-size: 14px !important;
}
.ft15{
    font-size: 15px;
}
.ft16 {
    font-size: 16px;
}
.ft18 {
    font-size: 18px;
}
.ft20 {
    font-size: 20px !important;
}
.ft22 {
    font-size: 22px !important;
}

.ft25 {
    font-size: 25px !important;
}
.ft24{
    font-size: 24px;
}
.ft30 {
    font-size: 30px;
}
.ft40 {
    font-size: 40px;
}
.ft50 {
    font-size: 50px;
}
.ft60 {
    font-size: 60px;
}
.ft70 {
    font-size: 70px;
}
/* 定义字体的方向*/
.text-left {
    text-align: left;
}
.text-right{
    text-align: right; 
}
.text-center{
    text-align: center;
}
/* 定义字体颜色*/
.text-grey {
    color: #6a6a6a  !important;
}
.text-grey-2{
    color: #848484  !important;
}
.text-grey-3{
    color: #898989;
}
.text-grey-4{
    color: #333;
}
.text-white {
    color: #fff !important;
}
.text-yellow{
    color:#ffcc00;
}
.text-orange-1 {
    color:#bc7003;
}
.text-orange-2{
    color:#6b4e37;
}
.text-orange-3{
    color:#ff6c00;
}
.text-greyblue {
    color: #668ea2;
}
.text-Indigo {
    color: #37b5b5;
}
.text-green-1 {
    color: #9dc92a;
}
.text-green-2{
   color:#69a644;
}
.text-blue {
    color: #109cda;
}
.text-slight-blue {
    color:#3b8fbd 
}
.text-blue-deep {
    color: #00659e;
}
.text-red{
    color: #ea595d !important;
}
/* 定义错误字体颜色 */
.error {
    color: #ea595d;
}
/* 定义 padding*/
.padding0 {
    padding: 0px;
}
.padding3 {
    padding: 3px;
}
.padding5 {
    padding: 5px;
}
.padding10 {
    padding: 10px;
}
.padding15 {
    padding: 15px;
}
.padding20 {
    padding: 20px;
}
.paddingleft-right5{
     padding:0 5px; 
}
.paddingleft-right10{
     padding:0 10px; 
}
.paddingleft-right20{
     padding:0 20px; 
}
.paddingtop-bottom5 {
    padding: 5px 0;
}
.paddingtop-bottom10 {
    padding: 10px 0;
}
.paddingtop-bottom20 {
    padding: 20px 0; 
}
.paddingtop-bottom30 {
    padding: 30px 0;
}
.paddingtop-bottom40 {
    padding:40px 0;
}
.paddingtop10 {
    padding-top: 10px;
}
.paddingtop20 {
    padding-top: 20px;
}
.paddingbottom20 {
    padding-bottom: 20px;
}
.paddingbottom40 {
    padding-bottom: 40px;
}
.paddingtop40 {
    padding-top: 40px;
}

/* 定义margin*/
.margin0{
   margin: 0px !important; 
}
.margin5 {
    margin: 5px;
}
.margin15 {
    margin: 15px;
}
.margin20 {
    margin: 20px;
}
.margin40{
    margin: 40px;
}
.margin60{
    margin: 60px;
}
.margintop-bottom10{
   margin: 10px 0;
}
.margintop40 {
    margin-top: 40px !important;
}
.margintop80 {
    margin-top: 80px !important;
}
.margintop10 {
    margin-top: 10px !important;
}
.margintop20 {
    margin-top: 20px !important;
}
.margintop30 {
    margin-top: 30px !important;
}
.marginbottom10 {
    margin-bottom: 10px !important;
}
.marginbottom20 {
    margin-bottom: 20px !important;
}
.marginbottom30 {
    margin-bottom: 30px !important;
}
.marginbottom40 {
    margin-bottom: 40px !important;
}
.marginbottom80 {
    margin-bottom: 80px !important;
}
.pm0{
    padding:0;
    margin:0;  
}
/*定义换行样式*/
.warpspace {
    overflow: hidden;
    white-space: normal;
}
.text-indent20 {
    text-indent: 20px;
}
/* 定义圆*/
.radius50 {
    border-radius:50%;
}
 
/* 定义position */
.position-relative{
    position: relative;
}
.position-absolute{
    position: absolute;
}
.position-fixed{
    position: fixed;
    top:0px;
}
.position-static{
    position: static;
}
/* 定义vertical */
.vertical-middle{
    vertical-align: middle !important;
}
/*电商基本定义开始*/
.base-btn{
    width: 75px;  
    height: 30px;
    line-height: 30px;
    text-align: center; 
    border: 1px solid #dddddd;
    background-color: #fff;
    color: #333;
}
/* 圆弧为3 有背景 有边框 */
.green-btn-r3-bgg{
    width: 75px;  
    height: 30px;
    line-height: 30px;
    text-align: center; 
    border-radius: 3px;
    border:1px solid #51a511;
    background-color: #51a511;
    color: #fff;
}
.green-btn-r3-bgg:hover{
    color: #fff;
}
/* 定义hover边框 */
.biankuang{
    width: 1px;
    height: 1px;
    position: absolute;
    z-index: 99;
    border-radius:10px;
    /*background: black;*/
}
.biankuang_1{
    height: 1px;
    top: 0px;
    left:0px;
    border-left: 1px solid #d22424;
}
.biankuang_2 {
    width: 0px;
    bottom:0px;
    left: 0px;
    border-top: 1px solid #d22424;
}
.biankuang_3{
    height: 0px;
    bottom:0px;
    right:0px;
    border-right: 1px solid #d22424;

}
.biankuang_4{
    width:0px;
    top:0px;
    right:0px;
    border-bottom: 1px solid #d22424;
}