/*margin style*/
.mgt-none{margin-top:0px !important;}
.mgt-10{margin-top:10px;}
.mgt-20{margin-top:20px;}
.mgt-30{margin-top:30px;}
.mgt-40{margin-top:40px;}
.mgt-50{margin-top:50px;}
.mgt-60{margin-top:60px;}
.mgt-70{margin-top:70px;}
.mgt-80{margin-top:80px;}
.mgt-90{margin-top:90px;}
.mgt-100{margin-top:100px;}
.mgt-7{margin-top:7px;}
.mgt-15{margin-top:15px;}
.mgt-25{margin-top:25px;}
.mgt-35{margin-top:35px;}
.mgt-45{margin-top:45px;}
.mgt-55{margin-top:55px;}

.mgb-none{margin-bottom:0px !important;}
.mgb-10{margin-bottom:10px;}
.mgb-20{margin-bottom:20px;}
.mgb-30{margin-bottom:30px;}
.mgb-40{margin-bottom:40px;}
.mgb-50{margin-bottom:50px;}
.mgb-60{margin-bottom:60px;}
.mgb-70{margin-bottom:70px;}
.mgb-80{margin-bottom:80px;}
.mgb-90{margin-bottom:90px;}
.mgb-100{margin-bottom:100px;}
.mgb-7{margin-bottom:7px;}
.mgb-15{margin-bottom:15px;}
.mgb-25{margin-bottom:25px;}
.mgb-35{margin-bottom:35px;}
.mgb-45{margin-bottom:45px;}
.mgb-55{margin-bottom:55px;}

.mgl-none{margin-left:0px !important;}
.mgl-10{margin-left:10px;}
.mgl-20{margin-left:20px;}
.mgl-30{margin-left:30px;}
.mgl-40{margin-left:40px;}
.mgl-50{margin-left:50px;}
.mgl-60{margin-left:60px;}
.mgl-70{margin-left:70px;}
.mgl-80{margin-left:80px;}
.mgl-90{margin-left:90px;}
.mgl-100{margin-left:100px;}
.mgl-7{margin-left:7px;}
.mgl-15{margin-left:15px;}
.mgl-25{margin-left:25px;}
.mgl-35{margin-left:35px;}
.mgl-45{margin-left:45px;}
.mgl-55{margin-left:55px;}

.mgr-none{margin-right:0px !important;}
.mgr-10{margin-right:10px;}
.mgr-20{margin-right:20px;}
.mgr-30{margin-right:30px;}
.mgr-40{margin-right:40px;}
.mgr-50{margin-right:50px;}
.mgr-60{margin-right:60px;}
.mgr-70{margin-right:70px;}
.mgr-80{margin-right:80px;}
.mgr-90{margin-right:90px;}
.mgr-100{margin-right:100px;}
.mgr-7{margin-right:7px;}
.mgr-15{margin-right:15px;}
.mgr-25{margin-right:25px;}
.mgr-35{margin-right:35px;}
.mgr-45{margin-right:45px;}
.mgr-55{margin-right:55px;}

/*padding style*/
.padt-none{padding-top:0px !important;}
.padt-10{padding-top:10px;}
.padt-20{padding-top:20px;}
.padt-30{padding-top:30px;}
.padt-40{padding-top:40px;}
.padt-50{padding-top:50px;}
.padt-60{padding-top:60px;}
.padt-70{padding-top:70px;}
.padt-80{padding-top:80px;}
.padt-90{padding-top:90px;}
.padt-100{padding-top:100px;}
.padt-7{padding-top:7px;}
.padt-15{padding-top:15px;}
.padt-25{padding-top:25px;}
.padt-35{padding-top:35px;}
.padt-45{padding-top:45px;}
.padt-55{padding-top:55px;}

.padb-none{padding-bottom:0px !important;}
.padb-10{padding-bottom:10px;}
.padb-20{padding-bottom:20px;}
.padb-30{padding-bottom:30px;}
.padb-40{padding-bottom:40px;}
.padb-50{padding-bottom:50px;}
.padb-60{padding-bottom:60px;}
.padb-70{padding-bottom:70px;}
.padb-80{padding-bottom:80px;}
.padb-90{padding-bottom:90px;}
.padb-100{padding-bottom:100px;}
.padb-7{padding-bottom:7px;}
.padb-15{padding-bottom:15px;}
.padb-25{padding-bottom:25px;}
.padb-35{padding-bottom:35px;}
.padb-45{padding-bottom:45px;}
.padb-55{padding-bottom:55px;}

.padl-10{padding-left:10px;}
.padl-20{padding-left:20px;}
.padl-30{padding-left:30px;}
.padl-40{padding-left:40px;}
.padl-50{padding-left:50px;}
.padl-60{padding-left:60px;}
.padl-70{padding-left:70px;}
.padl-80{padding-left:80px;}
.padl-90{padding-left:90px;}
.padl-100{padding-left:100px;}
.padl-7{padding-left:7px;}
.padl-15{padding-left:15px;}
.padl-25{padding-left:25px;}
.padl-35{padding-left:35px;}
.padl-45{padding-left:45px;}
.padl-55{padding-left:55px;}

.padr-none{padding-right:0px !important;}
.padr-10{padding-right:10px;}
.padr-20{padding-right:20px;}
.padr-30{padding-right:30px;}
.padr-40{padding-right:40px;}
.padr-50{padding-right:50px;}
.padr-60{padding-right:60px;}
.padr-70{padding-right:70px;}
.padr-80{padding-right:80px;}
.padr-90{padding-right:90px;}
.padr-100{padding-right:100px;}
.padr-7{padding-right:7px;}
.padr-15{padding-right:15px;}
.padr-25{padding-right:25px;}
.padr-35{padding-right:35px;}
.padr-45{padding-right:45px;}
.padr-55{padding-right:55px;}

/* show or hide*/
.ds-show{display: block;}
.ds-hidden{display: none;}
.hidden{display: none;}

/* height*/
.min-h100{min-height: 100px;}
.min-h200{min-height: 200px;}
.min-h300{min-height: 300px;}
.min-h400{min-height: 400px;}
.min-h500{min-height: 500px;}

.min-fix-h100{min-height: 100px !important;}
.min-fix-h200{min-height: 200px !important;}
.min-fix-h300{min-height: 300px !important;}
.min-fix-h400{min-height: 400px !important;}
.min-fix-h500{min-height: 500px !important;}

.h-ratio-10{height: 10%;}
.h-ratio-20{height: 20%;}
.h-ratio-30{height: 30%;}
.h-ratio-40{height: 40%;}
.h-ratio-50{height: 50%;}
.h-ratio-60{height: 60%;}
.h-ratio-70{height: 70%;}
.h-ratio-80{height: 80%;}
.h-ratio-90{height: 90%;}
.h-ratio-100{height: 100%;}

.min-rh-30{min-height: 30%;}
.minh-rh-40{min-height: 40%;}
.minh-rh-50{min-height: 50%;}
.minh-rh-60{min-height: 60%;}
.minh-rh-70{min-height: 70%;}
.minh-rh-80{min-height: 80%;}
.minh-rh-90{min-height: 90%;}

.min-vh-30{min-height: 30vh;}
.min-vh-40{min-height: 40vh;}
.min-vh-50{min-height: 50vh;}
.min-vh-60{min-height: 60vh;}
.min-vh-70{min-height: 70vh;}
.min-vh-80{min-height: 80vh;}
.min-vh-90{min-height: 90vh;}

/*width*/
.min-w100{min-width: 100px;}
.min-w200{min-width: 200px;}
.min-w300{min-width: 300px;}
.min-w400{min-width: 400px;}
.min-w500{min-width: 500px;}

.min-fix-w100{min-width: 100px !important;}
.min-fix-w200{min-width: 200px !important;}
.min-fix-w300{min-width: 300px !important;}
.min-fix-w400{min-width: 400px !important;}
.min-fix-w500{min-width: 500px !important;}

.w-ratio-10{width: 10%;}
.w-ratio-20{width: 20%;}
.w-ratio-30{width: 30%;}
.w-ratio-40{width: 40%;}
.w-ratio-50{width: 50%;}
.w-ratio-60{width: 60%;}
.w-ratio-70{width: 70%;}
.w-ratio-80{width: 80%;}
.w-ratio-90{width: 90%;}
.w-ratio-100{width: 100%;}

/* width and height*/
.wh-ratio-100{width: 100%; height: 100%;}

/*text overflow*/
.text-ell{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;overflow: hidden;}
.text-ell-1{-webkit-line-clamp: 1; max-height: 1.5rem;}
.text-ell-2{-webkit-line-clamp: 2; max-height: 3.5rem;}
.text-ell-3{-webkit-line-clamp: 3; max-height: 5.5rem;}
.text-ell-4{-webkit-line-clamp: 4; max-height: 7.5rem;}
.text-ell-5{-webkit-line-clamp: 5; max-height: 9.5rem;}

.over-auto{overflow: auto;}

/*center*/
.img-ds-center{
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}

/* raw style 默认样式*/
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none;}
.color-initial{color: initial;}
.raw-style b{font-weight: revert;}