/* 间距 */
/* xl: >1366 ; lg: 1366~1024 ; md: 1023 ~ 768 ; sm: < 768 */
/* margin mt:margin-top; mr:margin-right; mb:marginbotton ml:margin-left; my:margin-left:auto margin-right:auto*/

.mt-xl-5{margin-top:5px;}
.mt-xl-10{margin-top:10px;}
.mt-xl-15{margin-top:15px;}
.mt-xl-20{margin-top:20px;}
.mt-xl-25{margin-top:25px;}
.mt-xl-30{margin-top:30px;}
.mt-xl-35{margin-top:35px;}
.mt-xl-40{margin-top:40px;}
.mt-xl-45{margin-top:45px;}
.mt-xl-50{margin-top:50px;}
.mt-xl-55{margin-top:55px;}
.mt-xl-60{margin-top:60px;}
.mt-xl-70{margin-top:70px;}
.mt-xl-80{margin-top:80px;}
.mr-xl-5{margin-right:5px;}
.mr-xl-10{margin-right:10px;}
.mr-xl-15{margin-right:15px;}
.mr-xl-20{margin-right:20px;}
.mr-xl-25{margin-right:25px;}
.mr-xl-30{margin-right:30px;}
.mr-xl-35{margin-right:35px;}
.mr-xl-40{margin-right:40px;}
.mr-xl-45{margin-right:45px;}
.mr-xl-50{margin-right:50px;}
.mr-xl-55{margin-right:55px;}
.mr-xl-60{margin-right:60px;}
.mr-xl-70{margin-right:70px;}
.mr-xl-80{margin-right:80px;}
.mb-xl-5{margin-bottom:5px;}
.mb-xl-10{margin-bottom:10px;}
.mb-xl-15{margin-bottom:15px;}
.mb-xl-20{margin-bottom:20px;}
.mb-xl-25{margin-bottom:25px;}
.mb-xl-30{margin-bottom:30px;}
.mb-xl-35{margin-bottom:35px;}
.mb-xl-40{margin-bottom:40px;}
.mb-xl-45{margin-bottom:45px;}
.mb-xl-50{margin-bottom:50px;}
.mb-xl-55{margin-bottom:55px;}
.mb-xl-60{margin-bottom:60px;}
.mb-xl-70{margin-bottom:70px;}
.mb-xl-80{margin-bottom:80px;}
.ml-xl-5{margin-left:5px;}
.ml-xl-10{margin-left:10px;}
.ml-xl-15{margin-left:15px;}
.ml-xl-20{margin-left:20px;}
.ml-xl-25{margin-left:25px;}
.ml-xl-30{margin-left:30px;}
.ml-xl-35{margin-left:35px;}
.ml-xl-40{margin-left:40px;}
.ml-xl-45{margin-left:45px;}
.ml-xl-50{margin-left:50px;}
.ml-xl-55{margin-left:55px;}
.ml-xl-60{margin-left:60px;}
.ml-xl-70{margin-left:70px;}
.ml-xl-80{margin-left:80px;}
.my-xl-5{margin-top:5px;margin-bottom:5px;}
.my-xl-10{margin-top:10px;margin-bottom:10px;}
.my-xl-15{margin-top:15px;margin-bottom:15px;}
.my-xl-20{margin-top:20px;margin-bottom:20px;}
.my-xl-25{margin-top:25px;margin-bottom:25px;}
.my-xl-30{margin-top:30px;margin-bottom:30px;}
.my-xl-35{margin-top:35px;margin-bottom:35px;}
.my-xl-40{margin-top:40px;margin-bottom:40px;}
.my-xl-45{margin-top:45px;margin-bottom:45px;}
.my-xl-50{margin-top:50px;margin-bottom:50px;}
.my-xl-55{margin-top:55px;margin-bottom:55px;}
.my-xl-60{margin-top:60px;margin-bottom:60px;}
.my-xl-70{margin-top:70px;margin-bottom:70px;}
.my-xl-80{margin-top:80px;margin-bottom:80px;}
.mx-xl-5{margin-left:5px;margin-right:5px;}
.mx-xl-10{margin-left:10px;margin-right:10px;}
.mx-xl-15{margin-left:15px;margin-right:15px;}
.mx-xl-20{margin-left:20px;margin-right:20px;}
.mx-xl-25{margin-left:25px;margin-right:25px;}
.mx-xl-30{margin-left:30px;margin-right:30px;}
.mx-xl-35{margin-left:35px;margin-right:35px;}
.mx-xl-40{margin-left:40px;margin-right:40px;}
.mx-xl-45{margin-left:45px;margin-right:45px;}
.mx-xl-50{margin-left:50px;margin-right:50px;}
.mx-xl-55{margin-left:55px;margin-right:55px;}
.mx-xl-60{margin-left:60px;margin-right:60px;}
.mx-xl-70{margin-left:70px;margin-right:70px;}
.mx-xl-80{margin-left:80px;margin-right:80px;}
@media screen and (max-width: 1366px) {
.mt-lg-5{margin-top:5px;}
.mt-lg-10{margin-top:10px;}
.mt-lg-15{margin-top:15px;}
.mt-lg-20{margin-top:20px;}
.mt-lg-25{margin-top:25px;}
.mt-lg-30{margin-top:30px;}
.mt-lg-35{margin-top:35px;}
.mt-lg-40{margin-top:40px;}
.mt-lg-45{margin-top:45px;}
.mt-lg-50{margin-top:50px;}
.mt-lg-55{margin-top:55px;}
.mt-lg-60{margin-top:60px;}
.mt-lg-70{margin-top:70px;}
.mt-lg-80{margin-top:80px;}
.mr-lg-5{margin-right:5px;}
.mr-lg-10{margin-right:10px;}
.mr-lg-15{margin-right:15px;}
.mr-lg-20{margin-right:20px;}
.mr-lg-25{margin-right:25px;}
.mr-lg-30{margin-right:30px;}
.mr-lg-35{margin-right:35px;}
.mr-lg-40{margin-right:40px;}
.mr-lg-45{margin-right:45px;}
.mr-lg-50{margin-right:50px;}
.mr-lg-55{margin-right:55px;}
.mr-lg-60{margin-right:60px;}
.mr-lg-70{margin-right:70px;}
.mr-lg-80{margin-right:80px;}
.mb-lg-5{margin-bottom:5px;}
.mb-lg-10{margin-bottom:10px;}
.mb-lg-15{margin-bottom:15px;}
.mb-lg-20{margin-bottom:20px;}
.mb-lg-25{margin-bottom:25px;}
.mb-lg-30{margin-bottom:30px;}
.mb-lg-35{margin-bottom:35px;}
.mb-lg-40{margin-bottom:40px;}
.mb-lg-45{margin-bottom:45px;}
.mb-lg-50{margin-bottom:50px;}
.mb-lg-55{margin-bottom:55px;}
.mb-lg-60{margin-bottom:60px;}
.mb-lg-70{margin-bottom:70px;}
.mb-lg-80{margin-bottom:80px;}
.ml-lg-5{margin-left:5px;}
.ml-lg-10{margin-left:10px;}
.ml-lg-15{margin-left:15px;}
.ml-lg-20{margin-left:20px;}
.ml-lg-25{margin-left:25px;}
.ml-lg-30{margin-left:30px;}
.ml-lg-35{margin-left:35px;}
.ml-lg-40{margin-left:40px;}
.ml-lg-45{margin-left:45px;}
.ml-lg-50{margin-left:50px;}
.ml-lg-55{margin-left:55px;}
.ml-lg-60{margin-left:60px;}
.ml-lg-70{margin-left:70px;}
.ml-lg-80{margin-left:80px;}
.my-lg-5{margin-top:5px;margin-bottom:5px;}
.my-lg-10{margin-top:10px;margin-bottom:10px;}
.my-lg-15{margin-top:15px;margin-bottom:15px;}
.my-lg-20{margin-top:20px;margin-bottom:20px;}
.my-lg-25{margin-top:25px;margin-bottom:25px;}
.my-lg-30{margin-top:30px;margin-bottom:30px;}
.my-lg-35{margin-top:35px;margin-bottom:35px;}
.my-lg-40{margin-top:40px;margin-bottom:40px;}
.my-lg-45{margin-top:45px;margin-bottom:45px;}
.my-lg-50{margin-top:50px;margin-bottom:50px;}
.my-lg-55{margin-top:55px;margin-bottom:55px;}
.my-lg-60{margin-top:60px;margin-bottom:60px;}
.my-lg-70{margin-top:70px;margin-bottom:70px;}
.my-lg-80{margin-top:80px;margin-bottom:80px;}
.mx-lg-5{margin-left:5px;margin-right:5px;}
.mx-lg-10{margin-left:10px;margin-right:10px;}
.mx-lg-15{margin-left:15px;margin-right:15px;}
.mx-lg-20{margin-left:20px;margin-right:20px;}
.mx-lg-25{margin-left:25px;margin-right:25px;}
.mx-lg-30{margin-left:30px;margin-right:30px;}
.mx-lg-35{margin-left:35px;margin-right:35px;}
.mx-lg-40{margin-left:40px;margin-right:40px;}
.mx-lg-45{margin-left:45px;margin-right:45px;}
.mx-lg-50{margin-left:50px;margin-right:50px;}
.mx-lg-55{margin-left:55px;margin-right:55px;}
.mx-lg-60{margin-left:60px;margin-right:60px;}
.mx-lg-70{margin-left:70px;margin-right:70px;}
.mx-lg-80{margin-left:80px;margin-right:80px;}
}
@media screen and (max-width: 1024px) {
.mt-md-5{margin-top:5px;}
.mt-md-10{margin-top:10px;}
.mt-md-15{margin-top:15px;}
.mt-md-20{margin-top:20px;}
.mt-md-25{margin-top:25px;}
.mt-md-30{margin-top:30px;}
.mt-md-35{margin-top:35px;}
.mt-md-40{margin-top:40px;}
.mt-md-45{margin-top:45px;}
.mt-md-50{margin-top:50px;}
.mt-md-55{margin-top:55px;}
.mt-md-60{margin-top:60px;}
.mt-md-70{margin-top:70px;}
.mt-md-80{margin-top:80px;}
.mr-md-5{margin-right:5px;}
.mr-md-10{margin-right:10px;}
.mr-md-15{margin-right:15px;}
.mr-md-20{margin-right:20px;}
.mr-md-25{margin-right:25px;}
.mr-md-30{margin-right:30px;}
.mr-md-35{margin-right:35px;}
.mr-md-40{margin-right:40px;}
.mr-md-45{margin-right:45px;}
.mr-md-50{margin-right:50px;}
.mr-md-55{margin-right:55px;}
.mr-md-60{margin-right:60px;}
.mr-md-70{margin-right:70px;}
.mr-md-80{margin-right:80px;}
.mb-md-5{margin-bottom:5px;}
.mb-md-10{margin-bottom:10px;}
.mb-md-15{margin-bottom:15px;}
.mb-md-20{margin-bottom:20px;}
.mb-md-25{margin-bottom:25px;}
.mb-md-30{margin-bottom:30px;}
.mb-md-35{margin-bottom:35px;}
.mb-md-40{margin-bottom:40px;}
.mb-md-45{margin-bottom:45px;}
.mb-md-50{margin-bottom:50px;}
.mb-md-55{margin-bottom:55px;}
.mb-md-60{margin-bottom:60px;}
.mb-md-70{margin-bottom:70px;}
.mb-md-80{margin-bottom:80px;}
.ml-md-5{margin-left:5px;}
.ml-md-10{margin-left:10px;}
.ml-md-15{margin-left:15px;}
.ml-md-20{margin-left:20px;}
.ml-md-25{margin-left:25px;}
.ml-md-30{margin-left:30px;}
.ml-md-35{margin-left:35px;}
.ml-md-40{margin-left:40px;}
.ml-md-45{margin-left:45px;}
.ml-md-50{margin-left:50px;}
.ml-md-55{margin-left:55px;}
.ml-md-60{margin-left:60px;}
.ml-md-70{margin-left:70px;}
.ml-md-80{margin-left:80px;}
.my-md-5{margin-top:5px;margin-bottom:5px;}
.my-md-10{margin-top:10px;margin-bottom:10px;}
.my-md-15{margin-top:15px;margin-bottom:15px;}
.my-md-20{margin-top:20px;margin-bottom:20px;}
.my-md-25{margin-top:25px;margin-bottom:25px;}
.my-md-30{margin-top:30px;margin-bottom:30px;}
.my-md-35{margin-top:35px;margin-bottom:35px;}
.my-md-40{margin-top:40px;margin-bottom:40px;}
.my-md-45{margin-top:45px;margin-bottom:45px;}
.my-md-50{margin-top:50px;margin-bottom:50px;}
.my-md-55{margin-top:55px;margin-bottom:55px;}
.my-md-60{margin-top:60px;margin-bottom:60px;}
.my-md-70{margin-top:70px;margin-bottom:70px;}
.my-md-80{margin-top:80px;margin-bottom:80px;}
.mx-md-5{margin-left:5px;margin-right:5px;}
.mx-md-10{margin-left:10px;margin-right:10px;}
.mx-md-15{margin-left:15px;margin-right:15px;}
.mx-md-20{margin-left:20px;margin-right:20px;}
.mx-md-25{margin-left:25px;margin-right:25px;}
.mx-md-30{margin-left:30px;margin-right:30px;}
.mx-md-35{margin-left:35px;margin-right:35px;}
.mx-md-40{margin-left:40px;margin-right:40px;}
.mx-md-45{margin-left:45px;margin-right:45px;}
.mx-md-50{margin-left:50px;margin-right:50px;}
.mx-md-55{margin-left:55px;margin-right:55px;}
.mx-md-60{margin-left:60px;margin-right:60px;}
.mx-md-70{margin-left:70px;margin-right:70px;}
.mx-md-80{margin-left:80px;margin-right:80px;}
}
@media screen and (max-width: 768px) {
	.mt-sm-5{margin-top:5px;}
.mt-sm-10{margin-top:10px;}
.mt-sm-15{margin-top:15px;}
.mt-sm-20{margin-top:20px;}
.mt-sm-25{margin-top:25px;}
.mt-sm-30{margin-top:30px;}
.mt-sm-35{margin-top:35px;}
.mt-sm-40{margin-top:40px;}
.mt-sm-45{margin-top:45px;}
.mt-sm-50{margin-top:50px;}
.mt-sm-55{margin-top:55px;}
.mt-sm-60{margin-top:60px;}
.mt-sm-70{margin-top:70px;}
.mt-sm-80{margin-top:80px;}
.mr-sm-5{margin-right:5px;}
.mr-sm-10{margin-right:10px;}
.mr-sm-15{margin-right:15px;}
.mr-sm-20{margin-right:20px;}
.mr-sm-25{margin-right:25px;}
.mr-sm-30{margin-right:30px;}
.mr-sm-35{margin-right:35px;}
.mr-sm-40{margin-right:40px;}
.mr-sm-45{margin-right:45px;}
.mr-sm-50{margin-right:50px;}
.mr-sm-55{margin-right:55px;}
.mr-sm-60{margin-right:60px;}
.mr-sm-70{margin-right:70px;}
.mr-sm-80{margin-right:80px;}
.mb-sm-5{margin-bottom:5px;}
.mb-sm-10{margin-bottom:10px;}
.mb-sm-15{margin-bottom:15px;}
.mb-sm-20{margin-bottom:20px;}
.mb-sm-25{margin-bottom:25px;}
.mb-sm-30{margin-bottom:30px;}
.mb-sm-35{margin-bottom:35px;}
.mb-sm-40{margin-bottom:40px;}
.mb-sm-45{margin-bottom:45px;}
.mb-sm-50{margin-bottom:50px;}
.mb-sm-55{margin-bottom:55px;}
.mb-sm-60{margin-bottom:60px;}
.mb-sm-70{margin-bottom:70px;}
.mb-sm-80{margin-bottom:80px;}
.ml-sm-5{margin-left:5px;}
.ml-sm-10{margin-left:10px;}
.ml-sm-15{margin-left:15px;}
.ml-sm-20{margin-left:20px;}
.ml-sm-25{margin-left:25px;}
.ml-sm-30{margin-left:30px;}
.ml-sm-35{margin-left:35px;}
.ml-sm-40{margin-left:40px;}
.ml-sm-45{margin-left:45px;}
.ml-sm-50{margin-left:50px;}
.ml-sm-55{margin-left:55px;}
.ml-sm-60{margin-left:60px;}
.ml-sm-70{margin-left:70px;}
.ml-sm-80{margin-left:80px;}
.my-sm-5{margin-top:5px;margin-bottom:5px;}
.my-sm-10{margin-top:10px;margin-bottom:10px;}
.my-sm-15{margin-top:15px;margin-bottom:15px;}
.my-sm-20{margin-top:20px;margin-bottom:20px;}
.my-sm-25{margin-top:25px;margin-bottom:25px;}
.my-sm-30{margin-top:30px;margin-bottom:30px;}
.my-sm-35{margin-top:35px;margin-bottom:35px;}
.my-sm-40{margin-top:40px;margin-bottom:40px;}
.my-sm-45{margin-top:45px;margin-bottom:45px;}
.my-sm-50{margin-top:50px;margin-bottom:50px;}
.my-sm-55{margin-top:55px;margin-bottom:55px;}
.my-sm-60{margin-top:60px;margin-bottom:60px;}
.my-sm-70{margin-top:70px;margin-bottom:70px;}
.my-sm-80{margin-top:80px;margin-bottom:80px;}
.mx-sm-5{margin-left:5px;margin-right:5px;}
.mx-sm-10{margin-left:10px;margin-right:10px;}
.mx-sm-15{margin-left:15px;margin-right:15px;}
.mx-sm-20{margin-left:20px;margin-right:20px;}
.mx-sm-25{margin-left:25px;margin-right:25px;}
.mx-sm-30{margin-left:30px;margin-right:30px;}
.mx-sm-35{margin-left:35px;margin-right:35px;}
.mx-sm-40{margin-left:40px;margin-right:40px;}
.mx-sm-45{margin-left:45px;margin-right:45px;}
.mx-sm-50{margin-left:50px;margin-right:50px;}
.mx-sm-55{margin-left:55px;margin-right:55px;}
.mx-sm-60{margin-left:60px;margin-right:60px;}
.mx-sm-70{margin-left:70px;margin-right:70px;}
.mx-sm-80{margin-left:80px;margin-right:80px;}
}


/* padding pt:padding-top; pr:padding-right; pb:padding-botton pl:padding-left; py:padding-left:auto padding-right:auto*/
.pt-xl-5{padding-top:5px;}
.pt-xl-10{padding-top:10px;}
.pt-xl-15{padding-top:15px;}
.pt-xl-20{padding-top:20px;}
.pt-xl-25{padding-top:25px;}
.pt-xl-30{padding-top:30px;}
.pt-xl-35{padding-top:35px;}
.pt-xl-40{padding-top:40px;}
.pt-xl-45{padding-top:45px;}
.pt-xl-50{padding-top:50px;}
.pt-xl-55{padding-top:55px;}
.pt-xl-60{padding-top:60px;}
.pt-xl-70{padding-top:70px;}
.pt-xl-80{padding-top:80px;}
.pr-xl-5{padding-right:5px;}
.pr-xl-10{padding-right:10px;}
.pr-xl-15{padding-right:15px;}
.pr-xl-20{padding-right:20px;}
.pr-xl-25{padding-right:25px;}
.pr-xl-30{padding-right:30px;}
.pr-xl-35{padding-right:35px;}
.pr-xl-40{padding-right:40px;}
.pr-xl-45{padding-right:45px;}
.pr-xl-50{padding-right:50px;}
.pr-xl-55{padding-right:55px;}
.pr-xl-60{padding-right:60px;}
.pr-xl-70{padding-right:70px;}
.pr-xl-80{padding-right:80px;}
.pb-xl-5{padding-bottom:5px;}
.pb-xl-10{padding-bottom:10px;}
.pb-xl-15{padding-bottom:15px;}
.pb-xl-20{padding-bottom:20px;}
.pb-xl-25{padding-bottom:25px;}
.pb-xl-30{padding-bottom:30px;}
.pb-xl-35{padding-bottom:35px;}
.pb-xl-40{padding-bottom:40px;}
.pb-xl-45{padding-bottom:45px;}
.pb-xl-50{padding-bottom:50px;}
.pb-xl-55{padding-bottom:55px;}
.pb-xl-60{padding-bottom:60px;}
.pb-xl-70{padding-bottom:70px;}
.pb-xl-80{padding-bottom:80px;}
.pl-xl-5{padding-left:5px;}
.pl-xl-10{padding-left:10px;}
.pl-xl-15{padding-left:15px;}
.pl-xl-20{padding-left:20px;}
.pl-xl-25{padding-left:25px;}
.pl-xl-30{padding-left:30px;}
.pl-xl-35{padding-left:35px;}
.pl-xl-40{padding-left:40px;}
.pl-xl-45{padding-left:45px;}
.pl-xl-50{padding-left:50px;}
.pl-xl-55{padding-left:55px;}
.pl-xl-60{padding-left:60px;}
.pl-xl-70{padding-left:70px;}
.pl-xl-80{padding-left:80px;}
.py-xl-5{padding-top:5px;padding-bottom:5px;}
.py-xl-10{padding-top:10px;padding-bottom:10px;}
.py-xl-15{padding-top:15px;padding-bottom:15px;}
.py-xl-20{padding-top:20px;padding-bottom:20px;}
.py-xl-25{padding-top:25px;padding-bottom:25px;}
.py-xl-30{padding-top:30px;padding-bottom:30px;}
.py-xl-35{padding-top:35px;padding-bottom:35px;}
.py-xl-40{padding-top:40px;padding-bottom:40px;}
.py-xl-45{padding-top:45px;padding-bottom:45px;}
.py-xl-50{padding-top:50px;padding-bottom:50px;}
.py-xl-55{padding-top:55px;padding-bottom:55px;}
.py-xl-60{padding-top:60px;padding-bottom:60px;}
.py-xl-70{padding-top:70px;padding-bottom:70px;}
.py-xl-80{padding-top:80px;padding-bottom:80px;}
.px-xl-5{padding-left:5px;padding-right:5px;}
.px-xl-10{padding-left:10px;padding-right:10px;}
.px-xl-15{padding-left:15px;padding-right:15px;}
.px-xl-20{padding-left:20px;padding-right:20px;}
.px-xl-25{padding-left:25px;padding-right:25px;}
.px-xl-30{padding-left:30px;padding-right:30px;}
.px-xl-35{padding-left:35px;padding-right:35px;}
.px-xl-40{padding-left:40px;padding-right:40px;}
.px-xl-45{padding-left:45px;padding-right:45px;}
.px-xl-50{padding-left:50px;padding-right:50px;}
.px-xl-55{padding-left:55px;padding-right:55px;}
.px-xl-60{padding-left:60px;padding-right:60px;}
.px-xl-70{padding-left:70px;padding-right:70px;}
.px-xl-80{padding-left:80px;padding-right:80px;}
@media screen and (max-width: 1366px) {
.pt-lg-5{padding-top:5px;}
.pt-lg-10{padding-top:10px;}
.pt-lg-15{padding-top:15px;}
.pt-lg-20{padding-top:20px;}
.pt-lg-25{padding-top:25px;}
.pt-lg-30{padding-top:30px;}
.pt-lg-35{padding-top:35px;}
.pt-lg-40{padding-top:40px;}
.pt-lg-45{padding-top:45px;}
.pt-lg-50{padding-top:50px;}
.pt-lg-55{padding-top:55px;}
.pt-lg-60{padding-top:60px;}
.pt-lg-70{padding-top:70px;}
.pt-lg-80{padding-top:80px;}
.pr-lg-5{padding-right:5px;}
.pr-lg-10{padding-right:10px;}
.pr-lg-15{padding-right:15px;}
.pr-lg-20{padding-right:20px;}
.pr-lg-25{padding-right:25px;}
.pr-lg-30{padding-right:30px;}
.pr-lg-35{padding-right:35px;}
.pr-lg-40{padding-right:40px;}
.pr-lg-45{padding-right:45px;}
.pr-lg-50{padding-right:50px;}
.pr-lg-55{padding-right:55px;}
.pr-lg-60{padding-right:60px;}
.pr-lg-70{padding-right:70px;}
.pr-lg-80{padding-right:80px;}
.pb-lg-5{padding-bottom:5px;}
.pb-lg-10{padding-bottom:10px;}
.pb-lg-15{padding-bottom:15px;}
.pb-lg-20{padding-bottom:20px;}
.pb-lg-25{padding-bottom:25px;}
.pb-lg-30{padding-bottom:30px;}
.pb-lg-35{padding-bottom:35px;}
.pb-lg-40{padding-bottom:40px;}
.pb-lg-45{padding-bottom:45px;}
.pb-lg-50{padding-bottom:50px;}
.pb-lg-55{padding-bottom:55px;}
.pb-lg-60{padding-bottom:60px;}
.pb-lg-70{padding-bottom:70px;}
.pb-lg-80{padding-bottom:80px;}
.pl-lg-5{padding-left:5px;}
.pl-lg-10{padding-left:10px;}
.pl-lg-15{padding-left:15px;}
.pl-lg-20{padding-left:20px;}
.pl-lg-25{padding-left:25px;}
.pl-lg-30{padding-left:30px;}
.pl-lg-35{padding-left:35px;}
.pl-lg-40{padding-left:40px;}
.pl-lg-45{padding-left:45px;}
.pl-lg-50{padding-left:50px;}
.pl-lg-55{padding-left:55px;}
.pl-lg-60{padding-left:60px;}
.pl-lg-70{padding-left:70px;}
.pl-lg-80{padding-left:80px;}
.py-lg-5{padding-top:5px;padding-bottom:5px;}
.py-lg-10{padding-top:10px;padding-bottom:10px;}
.py-lg-15{padding-top:15px;padding-bottom:15px;}
.py-lg-20{padding-top:20px;padding-bottom:20px;}
.py-lg-25{padding-top:25px;padding-bottom:25px;}
.py-lg-30{padding-top:30px;padding-bottom:30px;}
.py-lg-35{padding-top:35px;padding-bottom:35px;}
.py-lg-40{padding-top:40px;padding-bottom:40px;}
.py-lg-45{padding-top:45px;padding-bottom:45px;}
.py-lg-50{padding-top:50px;padding-bottom:50px;}
.py-lg-55{padding-top:55px;padding-bottom:55px;}
.py-lg-60{padding-top:60px;padding-bottom:60px;}
.py-lg-70{padding-top:70px;padding-bottom:70px;}
.py-lg-80{padding-top:80px;padding-bottom:80px;}
.px-lg-5{padding-left:5px;padding-right:5px;}
.px-lg-10{padding-left:10px;padding-right:10px;}
.px-lg-15{padding-left:15px;padding-right:15px;}
.px-lg-20{padding-left:20px;padding-right:20px;}
.px-lg-25{padding-left:25px;padding-right:25px;}
.px-lg-30{padding-left:30px;padding-right:30px;}
.px-lg-35{padding-left:35px;padding-right:35px;}
.px-lg-40{padding-left:40px;padding-right:40px;}
.px-lg-45{padding-left:45px;padding-right:45px;}
.px-lg-50{padding-left:50px;padding-right:50px;}
.px-lg-55{padding-left:55px;padding-right:55px;}
.px-lg-60{padding-left:60px;padding-right:60px;}
.px-lg-70{padding-left:70px;padding-right:70px;}
.px-lg-80{padding-left:80px;padding-right:80px;}
}
@media screen and (max-width: 1024px) {
.pt-md-5{padding-top:5px;}
.pt-md-10{padding-top:10px;}
.pt-md-15{padding-top:15px;}
.pt-md-20{padding-top:20px;}
.pt-md-25{padding-top:25px;}
.pt-md-30{padding-top:30px;}
.pt-md-35{padding-top:35px;}
.pt-md-40{padding-top:40px;}
.pt-md-45{padding-top:45px;}
.pt-md-50{padding-top:50px;}
.pt-md-55{padding-top:55px;}
.pt-md-60{padding-top:60px;}
.pt-md-70{padding-top:70px;}
.pt-md-80{padding-top:80px;}
.pr-md-5{padding-right:5px;}
.pr-md-10{padding-right:10px;}
.pr-md-15{padding-right:15px;}
.pr-md-20{padding-right:20px;}
.pr-md-25{padding-right:25px;}
.pr-md-30{padding-right:30px;}
.pr-md-35{padding-right:35px;}
.pr-md-40{padding-right:40px;}
.pr-md-45{padding-right:45px;}
.pr-md-50{padding-right:50px;}
.pr-md-55{padding-right:55px;}
.pr-md-60{padding-right:60px;}
.pr-md-70{padding-right:70px;}
.pr-md-80{padding-right:80px;}
.pb-md-5{padding-bottom:5px;}
.pb-md-10{padding-bottom:10px;}
.pb-md-15{padding-bottom:15px;}
.pb-md-20{padding-bottom:20px;}
.pb-md-25{padding-bottom:25px;}
.pb-md-30{padding-bottom:30px;}
.pb-md-35{padding-bottom:35px;}
.pb-md-40{padding-bottom:40px;}
.pb-md-45{padding-bottom:45px;}
.pb-md-50{padding-bottom:50px;}
.pb-md-55{padding-bottom:55px;}
.pb-md-60{padding-bottom:60px;}
.pb-md-70{padding-bottom:70px;}
.pb-md-80{padding-bottom:80px;}
.pl-md-5{padding-left:5px;}
.pl-md-10{padding-left:10px;}
.pl-md-15{padding-left:15px;}
.pl-md-20{padding-left:20px;}
.pl-md-25{padding-left:25px;}
.pl-md-30{padding-left:30px;}
.pl-md-35{padding-left:35px;}
.pl-md-40{padding-left:40px;}
.pl-md-45{padding-left:45px;}
.pl-md-50{padding-left:50px;}
.pl-md-55{padding-left:55px;}
.pl-md-60{padding-left:60px;}
.pl-md-70{padding-left:70px;}
.pl-md-80{padding-left:80px;}
.py-md-5{padding-top:5px;padding-bottom:5px;}
.py-md-10{padding-top:10px;padding-bottom:10px;}
.py-md-15{padding-top:15px;padding-bottom:15px;}
.py-md-20{padding-top:20px;padding-bottom:20px;}
.py-md-25{padding-top:25px;padding-bottom:25px;}
.py-md-30{padding-top:30px;padding-bottom:30px;}
.py-md-35{padding-top:35px;padding-bottom:35px;}
.py-md-40{padding-top:40px;padding-bottom:40px;}
.py-md-45{padding-top:45px;padding-bottom:45px;}
.py-md-50{padding-top:50px;padding-bottom:50px;}
.py-md-55{padding-top:55px;padding-bottom:55px;}
.py-md-60{padding-top:60px;padding-bottom:60px;}
.py-md-70{padding-top:70px;padding-bottom:70px;}
.py-md-80{padding-top:80px;padding-bottom:80px;}
.px-md-5{padding-left:5px;padding-right:5px;}
.px-md-10{padding-left:10px;padding-right:10px;}
.px-md-15{padding-left:15px;padding-right:15px;}
.px-md-20{padding-left:20px;padding-right:20px;}
.px-md-25{padding-left:25px;padding-right:25px;}
.px-md-30{padding-left:30px;padding-right:30px;}
.px-md-35{padding-left:35px;padding-right:35px;}
.px-md-40{padding-left:40px;padding-right:40px;}
.px-md-45{padding-left:45px;padding-right:45px;}
.px-md-50{padding-left:50px;padding-right:50px;}
.px-md-55{padding-left:55px;padding-right:55px;}
.px-md-60{padding-left:60px;padding-right:60px;}
.px-md-70{padding-left:70px;padding-right:70px;}
.px-md-80{padding-left:80px;padding-right:80px;}
}
@media screen and (max-width: 768px) {
	.pt-sm-5{padding-top:5px;}
.pt-sm-10{padding-top:10px;}
.pt-sm-15{padding-top:15px;}
.pt-sm-20{padding-top:20px;}
.pt-sm-25{padding-top:25px;}
.pt-sm-30{padding-top:30px;}
.pt-sm-35{padding-top:35px;}
.pt-sm-40{padding-top:40px;}
.pt-sm-45{padding-top:45px;}
.pt-sm-50{padding-top:50px;}
.pt-sm-55{padding-top:55px;}
.pt-sm-60{padding-top:60px;}
.pt-sm-70{padding-top:70px;}
.pt-sm-80{padding-top:80px;}
.pr-sm-5{padding-right:5px;}
.pr-sm-10{padding-right:10px;}
.pr-sm-15{padding-right:15px;}
.pr-sm-20{padding-right:20px;}
.pr-sm-25{padding-right:25px;}
.pr-sm-30{padding-right:30px;}
.pr-sm-35{padding-right:35px;}
.pr-sm-40{padding-right:40px;}
.pr-sm-45{padding-right:45px;}
.pr-sm-50{padding-right:50px;}
.pr-sm-55{padding-right:55px;}
.pr-sm-60{padding-right:60px;}
.pr-sm-70{padding-right:70px;}
.pr-sm-80{padding-right:80px;}
.pb-sm-5{padding-bottom:5px;}
.pb-sm-10{padding-bottom:10px;}
.pb-sm-15{padding-bottom:15px;}
.pb-sm-20{padding-bottom:20px;}
.pb-sm-25{padding-bottom:25px;}
.pb-sm-30{padding-bottom:30px;}
.pb-sm-35{padding-bottom:35px;}
.pb-sm-40{padding-bottom:40px;}
.pb-sm-45{padding-bottom:45px;}
.pb-sm-50{padding-bottom:50px;}
.pb-sm-55{padding-bottom:55px;}
.pb-sm-60{padding-bottom:60px;}
.pb-sm-70{padding-bottom:70px;}
.pb-sm-80{padding-bottom:80px;}
.pl-sm-5{padding-left:5px;}
.pl-sm-10{padding-left:10px;}
.pl-sm-15{padding-left:15px;}
.pl-sm-20{padding-left:20px;}
.pl-sm-25{padding-left:25px;}
.pl-sm-30{padding-left:30px;}
.pl-sm-35{padding-left:35px;}
.pl-sm-40{padding-left:40px;}
.pl-sm-45{padding-left:45px;}
.pl-sm-50{padding-left:50px;}
.pl-sm-55{padding-left:55px;}
.pl-sm-60{padding-left:60px;}
.pl-sm-70{padding-left:70px;}
.pl-sm-80{padding-left:80px;}
.py-sm-5{padding-top:5px;padding-bottom:5px;}
.py-sm-10{padding-top:10px;padding-bottom:10px;}
.py-sm-15{padding-top:15px;padding-bottom:15px;}
.py-sm-20{padding-top:20px;padding-bottom:20px;}
.py-sm-25{padding-top:25px;padding-bottom:25px;}
.py-sm-30{padding-top:30px;padding-bottom:30px;}
.py-sm-35{padding-top:35px;padding-bottom:35px;}
.py-sm-40{padding-top:40px;padding-bottom:40px;}
.py-sm-45{padding-top:45px;padding-bottom:45px;}
.py-sm-50{padding-top:50px;padding-bottom:50px;}
.py-sm-55{padding-top:55px;padding-bottom:55px;}
.py-sm-60{padding-top:60px;padding-bottom:60px;}
.py-sm-70{padding-top:70px;padding-bottom:70px;}
.py-sm-80{padding-top:80px;padding-bottom:80px;}
.px-sm-5{padding-left:5px;padding-right:5px;}
.px-sm-10{padding-left:10px;padding-right:10px;}
.px-sm-15{padding-left:15px;padding-right:15px;}
.px-sm-20{padding-left:20px;padding-right:20px;}
.px-sm-25{padding-left:25px;padding-right:25px;}
.px-sm-30{padding-left:30px;padding-right:30px;}
.px-sm-35{padding-left:35px;padding-right:35px;}
.px-sm-40{padding-left:40px;padding-right:40px;}
.px-sm-45{padding-left:45px;padding-right:45px;}
.px-sm-50{padding-left:50px;padding-right:50px;}
.px-sm-55{padding-left:55px;padding-right:55px;}
.px-sm-60{padding-left:60px;padding-right:60px;}
.px-sm-70{padding-left:70px;padding-right:70px;}
.px-sm-80{padding-left:80px;padding-right:80px;}
}

/* br border-radius */
.br-5{border-radius:5px;}
.br-10{border-radius:10px;}
.br-15{border-radius:15px;}
.br-20{border-radius:20px;}
.br-30{border-radius:30px;}
.br-50{border-radius:50px;}

/*font & text   fontbold - font-weight:bold  textcenter - text-align:center;   */
.fontbolder{font-weight:bolder;}
.fontbold{font-weight:bold;}
.fontitalic{font-style:italic;}

.textcenter{text-align:center;}
.textright{text-align:right;}
.textuppercase{text-transform:uppercase;}
.textcapitalize{text-transform:capitalize;}
.textlowercase{text-transform:lowercase;}
.textindent2{text-indent:2em;}
.textindent1{text-indent:1em;}

/*fontfamily ft font-family*/
.ftmyriad{font-family:"Myriad Pro","minchao",serif;}

/* color  colorred - color:red;*/
.colorwhite{color:#FFF;}
.colorgrey{color:#5a5a5a;}
.colorlightgrey{color:#434343;}
.colorred{color:#F00;}
.colorlightred{color:#A00000;}
.colorslightred{color:#FF5F40;}
.colorpink{color: #fb7287;}
.colorblue{color:#358dd9;}
.colorlightblue{color:#3181c6;}
.colorslightblue{color:#45c4e9;}
.colorskyblue{color:#3794db;}
.colorgreen{color:#91cb5c;}
.colordarkgreen{color:#519f07;}
/*color gradient blue gradient  colorbluegradient */
.colorbluegradient{color: transparent;background: linear-gradient(45deg,  #358dd9 0%,#3ca6e0 50%,#45c4e9 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.colorredgradient{color: transparent;background: linear-gradient(45deg,  #e35a53 0%,#f37262 50%,#fe856d 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.colorbluedarkgradient{color:transparent;background: linear-gradient(45deg,  #001e69 0%, #001e69 20%,#00ada3 80% ,#00ada3 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.colorblueblackgradient{color:transparent;background: linear-gradient(45deg,  #152041 0%, #1a2a4c 20%,#4686b6 80% ,#4787b8 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}


/*background  bluebg blue background*/
.whitebg{background:#FFF;}
.lightbluebg{background:#eef5fa;}
.bluebg{background: #358dd9;}
.bluegradientbg{background: linear-gradient(45deg,  #358dd9 0%,#3ca6e0 50%,#45c4e9 100%);}
.redgradientbg{background:  linear-gradient(45deg,  #e35a53 0%,#f37262 50%,#fe856d 100%);}
.redorangegradientbg{background:  linear-gradient(45deg,  #fc836f 0%,#fd8b59 50%,#ffad02 100%);}
.lightbluegradientbg{background:  linear-gradient(45deg,  #d2e8ff 0%,#e0f0ff 50%,#f5fcff 100%);}
.lightgreengradientbg{background:  linear-gradient(45deg,  #d3f2de 0%,#e3f7ea 50%,#fafefb 100%);}
.lightredgradientbg{background:  linear-gradient(45deg,  #ffe3e3 0%,#ffeded 50%,#fff6f6 100%);}
.stripebg{background-image: linear-gradient(90deg, #e8e8e8 2px, transparent 0),linear-gradient(2turn, #e8e8e8 1px, #f7f7f7 0);background-size: 3vw 3vw;}
.stripebluebg{background-image: linear-gradient(90deg, #b6efff 2px, transparent 0),linear-gradient(2turn, #b6efff 1px, #d5f6ff 0);background-size: 3vw 3vw;}


/* box  flex display:flex */
.inline{display:inline;}
.inlinebox{display:inline-block;}
.block{display:block;}
.flex{display:flex;}
.flexrow{flex-direction:row;}
.flexcolumn{flex-direction:column;}
.rowreverse{flex-direction:row-reverse;}
.columnreverse{flex-direction:column-reverse;}
.flexwrap{flex-wrap:wrap;}
.flexcenter{align-items:center;justify-content:center;}
.aligncenter{align-items: center;}
.alignline{align-items:baseline;}
.spacebetween{justify-content:space-between;}
.spacearound{justify-content:space-around;}
.flexcenter{align-items:center;justify-content:center;}
.grid{display: grid;}
/* ... */

/* layout this code replaceable*/
.part{padding:50px;}
@media screen and (max-width: 1024px) {
	.part{padding:30px 20px;}
}
.w1200{width:100%;max-width:1200px;margin:0 auto;}
.w1024{width:100%;max-width:1024px;margin:0 auto;}
.w800{width:100%;max-width:800px;margin:0 auto;}
.w750{width:100%;max-width:750px;margin:0 auto;}
.w700{width:100%;max-width:700px;margin:0 auto;}
.w640{width:100%;max-width:640px;margin:0 auto;}
.w410{width:100%;max-width:410px;margin:0 auto;}
.w300{width:100%;max-width:300px;margin:0 auto;}
.w200{width:100%;max-width:200px;margin:0 auto;}

.layout{display:flex;flex-wrap:wrap;}
.lycol2{width:50%;}
.lycol3{width:33.333333%;}
.lycol4{width:25%;}
.lycol5{width:20%;}
.lycol6{width:calc(100% / 6);}
/* layout */


/*button*/
.button{display:inline-block;box-sizing:border-box;cursor:pointer;text-align:center;text-decoration: none;background-color: #fff;transition:.3s;}

.btn-pink{color:#fff;background-color:#fb7287;}
.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink.active{color:#fff;background-color:#f36a65;}

.btn-skyblue{color:#fff;background-color:#49b9d7; border-color:#49b9d7}
.btn-skyblue:hover,
.btn-skyblue:focus,
.btn-skyblue:active,
.btn-skyblue.active{color:#fff;background-color:#408ccd;border-color:#408ccd}


/* 红色 */
.btn-red{color:#fff;background-color:#f36a65;}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active{color:#fff;background-color:#c62b26;}

/* 绿色 */
.btn-green{color:#fff;background-color:#5eb95e; border-color:#5eb95e}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active{color:#fff;background-color:#429842; border-color:#429842}

/* 橙色 */
.btn-orange{color:#fff;background-color:#f37b1d; border-color:#f37b1d}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active{color:#fff;background-color:#c85e0b;border-color:#c85e0b}
/* 蓝色 */
.btn-blue{color:#fff;background-color:#408ccd; border-color:#408ccd}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active{color:#fff;background-color:#0f9ae0;border-color:#0f9ae0}
/* 白 */
.btn-white{color:#408ccd;background-color:#FFF; border-color:#FFF}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active{color:#408ccd;background-color:#eaeaea;border-color:#eaeaea}
/* primary */
.btn-default{background-color:#e6e6e6;border-color:#e6e6e6}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active{color:#333;background-color:#c7c7c7;border-color:#c7c7c7}

/* 蓝色渐变 */
.btn-gradblue{color:#FFF;background: linear-gradient(45deg,  #358dd9 0%,#3ca6e0 50%,#45c4e9 100%);transition:.3s;}
.btn-gradblue:hover,
.btn-gradblue:focus,
.btn-gradblue:active,
.btn-gradblue.active{background: linear-gradient(45deg,  #2974b3 0%,#2a8bb8 50%,#0f99b3 100%);}

/* 蓝色纵向渐变 */
.btn-bdgradblue{background: linear-gradient(to bottom,  #358dd9 0%,#3ca6e0 50%,#45c4e9 100%);padding:3px;}
.btn-bdgradblue span{background:#e2f2fa;display: block;width:100%;height:100%;}
.btn-bdgradblue:hover{}

/* 红色渐变 */
.btn-gradred{color:#FFF;background: linear-gradient(45deg,  #e35a53 0%,#f37262 50%,#fe856d 100%);transition:.3s;}
.btn-gradred:hover,
.btn-gradred:focus,
.btn-gradred:active,
.btn-gradred.active{background: linear-gradient(45deg,  #b32a23 0%,#d85b48 50%,#e45a3f 100%);}



/* 链接 */
.btn-link{color:#0e90d2;cursor:pointer;border-color:transparent;background-color:transparent}
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active{color:#095f8a;text-decoration:underline;background-color:transparent}
/*块级按钮*/
.btn-block {-moz-box-sizing: border-box;display: block;padding-left: 0;padding-right: 0;width: 100%}

/*禁用状态*/
.btn.disabled{cursor:not-allowed;background-image:none;opacity:.65;filter:alpha(opacity=65);box-shadow:none; pointer-events:none}

/* 按钮外壳 主要用于居中 */
.buttonshell{display:flex;flex-wrap:wrap;justify-content:center;}
/************************************/
/* form */
.inputtext,.textarea{box-sizing:border-box;border:solid 1px #ddd;width:100%;padding:15px;border-radius:7px;
    -webkit-transition:all 0.2s linear 0s;
       -moz-transition:all 0.2s linear 0s;
         -o-transition:all 0.2s linear 0s;
            transition:all 0.2s linear 0s}
.textarea{ height:100px; resize:none; font-size:14px; padding:4px}
.inputtext:hover,
.textarea:hover{border: solid 1px #3bb4f2}
.inputtext.inline{ display:inline-block; width:auto}
@media screen and (max-width: 1024px) {
	.inputtext,.textarea{padding:10px;}
}

.radiobox{width:100%;border:1px solid #c3d2dd;padding:15px;border-radius:7px;}
.radiobox .radio,
.radiobox input[type=radio]{padding:10px;width:20px;height:20px;margin-right:10px;/*border:1px solid #666;border-radius:50%;box-shadow:0 0 2px 0 #666 inset;*/ }
.radiobox.checked{border:1px solid #0f9ae0;}
.radiobox.focus,
.radiobox.focus,input[type=radio].focus{border:solid 1px #0f9ae0 \9;border-color:rgba(82,168,236,0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)}
.radiobox label{font-size:18px;color:#666;}
@media screen and (max-width: 1366px) {
	.radiobox .radio,
	.radiobox input[type=radio]{width:16px;height:16px;}
	.radiobox label{font-size:16px;}
}
@media screen and (max-width: 1024px) {
	.radiobox{padding:10px;}
	.radiobox .radio,
	.radiobox input[type=radio]{width:14px;height:14px;}
	.radiobox label{font-size:14px;}
}


.radioboxgroup{border:1px solid #c3d2dd;border-radius:7px;padding:20px;}
.radioboxgroup .radiobox{border:0;border-radius:0;padding:10px 0;}
.radioboxgroup .radiobox:not(:last-child){border-bottom:1px solid #ecedf1;}


.radiobtngroup{margin-left:-10px;margin-right:-10px;}
.radiobtngroup .radiobtn{margin-left:10px;margin-right:10px;width:calc(33.333333% - 20px);padding:20px 15px;}
.radiobtn{border:1px solid #c3d2dd;border-radius:5px;padding:20px;}
.radiobtn.checked{background:#0f9ae0;color:#FFF;}
.radiobtn.focus,
.radiobtn.focus,input[type=radio].focus{border:solid 1px #0f9ae0 \9;border-color:rgba(82,168,236,0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)}
.radiobtn input[type=radio]{padding:10px;width:20px;height:20px;margin-right:10px; }
.radiobtn > label{margin-bottom:0!important;}

@media screen and (max-width: 1024px) {
	.radiobtn{padding:10px;}
	.radiobtn input[type=radio]{padding:5px;width:16px;height:16px;margin-right:5px;}
}
@media screen and (max-width: 600px) {
    .radiobtngroup .radiobtn{width:calc(50% - 20px);}
}
/* checkbox */
.checkboxgroup{border:1px solid #c3d2dd;border-radius:7px;padding:20px;}
.checkboxgroup .checkbox{border:0;border-radius:0;padding:10px 0;}
.checkbox{width:100%;border:1px solid #c3d2dd;padding:15px;border-radius:7px;}
.checkbox .check,
.checkbox input[type=checkbox]{padding:10px;width:20px;height:20px;margin-right:10px;  }
.checkbox label{font-size: 18px;color: #666;}
.checkbox .checktext{display:block;width:calc(100% - 50px);font-size:16px;}

@media screen and (max-width: 1024px) {
.checkbox .check,
.checkbox input[type=checkbox]{padding:5px;width:16px;height:16px;margin-right:5px;  }
}

.select{width:100%;border:1px solid #c3d2dd;padding:18px 15px;border-radius:7px; }
.select label{}
.select option{padding:15px;line-height:1.6;}
@media screen and (max-width: 1024px) {
	.select{padding:10px;}
	.select option{padding:10px;}
}

.inputfilebox{position:relative;}
.inputfilebox .inputfile{opacity:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;cursor:pointer;}
.inputfile{}

.formcontrols{}
.formcontrols .label,
.formcontrols label{font-weight:bolder;margin-bottom:10px;font-size:18px;}

.inputtelbox{display:flex;justify-content:space-between;}
.inputtelbox .select{width:150px;}
.inputtelbox .inputtext{width:calc(100% - 170px);}
@media screen and (max-width: 1024px) {
	.formcontrols .label,.formcontrols label{font-size:16px;}
    .inputtelbox .select{width:70px;}
    .inputtelbox .inputtext{width:calc(100% - 90px);}
}

/* /form */

/* table */

.h-table{width:100%;empty-cells:show;background-color:transparent;border-collapse:collapse;border-spacing:0}
.h-table th{text-align:left; font-weight:400}
.h-table th{font-weight:bold}
.h-table th,.h-table td{padding:8px;line-height:20px;word-break:break-all}
.h-table td{text-align:left}
.h-table tbody tr.tablegreen > td{background-color:#dff0d8}
.h-table tbody tr.tablered > td{background-color:#f2dede}
.h-table tbody tr.tableorange > td{background-color:#fcf8e3}
.h-table tbody tr.tableblue > td{background-color:#d9edf7}
.h-table tbody + tbody{border-top:2px solid #ddd}
.h-table .h-table{background-color:#fff}

/*带横向分割线*/
.tableborder{border-top:1px solid #ddd}
.tableborder th,.tableborder td{border-bottom:1px solid #ddd}
/*带外边框*/
.tablebordered{border:1px solid #ddd;border-collapse:separate;*border-collapse:collapse;border-left:0}
.tablebordered th,.tablebordered td{border-left:1px solid #ddd}
.tableborder.tablebordered{border-bottom:0}

/*奇数行背景设为浅灰色*/
.tablestriped tbody > tr:nth-child(odd) > td,
.tablestriped tbody > tr:nth-child(odd) > th{background-color:#f9f9f9}
/*竖直方向padding缩减一半*/
.tablecondensed th,
.tablecondensed td{padding:4px 5px}

/*鼠标悬停样式*/
.tablehover tbody tr:hover td,
.tablehover tbody tr:hover th{background-color: #f5f5f5}
/*鼠标选择整行样式*/
.h-table tbody tr.selected td{background-color:#F3F3F3}
/*定义颜色*/
/*悬停在行*/
.h-table tbody tr.active,
.h-table tbody tr.active > td,
.h-table tbody tr.active > th,
.h-table tbody tr .active{ background-color:#F5F5F5!important}
/*blue*/
.h-table tbody tr.tableblue,
.h-table tbody tr.tableblue > td,
.h-table tbody tr.tableblue > th,
.h-table tbody tr .tableblue{background-color:#d9edf7!important}
/*green*/
.h-table tbody tr.tablegreen,
.h-table tbody tr.tablegreen > td,
.h-table tbody tr.tablegreen > th,
.h-table tbody tr .tablegreen{background-color:#DFF0D8!important}

/*orange*/
.h-table tbody tr.tableorange,
.h-table tbody tr.tableorange > td,
.h-table tbody tr.tableorange > th,
.h-table tbody tr .tableorange{background-color:#FCF8E3!important}
/*red*/
.h-table tbody tr.tablered,
.h-table tbody tr.tablered > td,
.h-table tbody tr.tablered > th,
.h-table tbody tr .tablered{background-color:#F2DEDE!important}

/*表格文字对齐方式，默认是居左对齐*/
.h-table .text-c th,.h-table .text-c td{text-align:center}/*整行居中*/
.h-table .text-r th,.h-table .text-r td{text-align:right}/*整行居右*/
.h-table th.text-l,.h-table td.text-l{text-align:left!important}/*单独列居左*/
.h-table th.text-c,.h-table td.text-c{text-align:center!important}/*单独列居中*/
.h-table th.text-r,.h-table td.text-r{text-align:right!important}/*单独列居右*/
@media screen and (max-width: 768px) {
	.h-table th,.h-table td{padding:7px 5px;}
}
/*datatable*/



/* /table */


/************************************/
/* tag */
.tag{display:inline-block;padding:5px 20px;border-radius:7%;text-align:center;}

.tagred{background-color:#f36a65;color:#fff;}
.taggreen{background-color:#5eb95e;color:#fff;}
.tagorange{background-color:#f37b1d;color:#fff;}
.tagblue{background-color:#408ccd;color:#fff;}
.tagprimary{background-color:#408ccd;color:#fff;}
.tagyellow{border:1px solid #000;background:#fff0aa;box-shadow:5px 3px 0 #000;border-radius:50px;padding:10px 50px;font-weight:bolder;}
@media screen and (max-width: 1024px) {
  .tagyellow{padding:10px 30px;}
}
/* /tag */


.title1{font-size:50px;letter-spacing:1px;}
.title2{font-size:36px;}
.title3{font-size:30px;}
.title4{font-size:26px;}
.title5{font-size:20px;}
@media screen and (max-width: 1366px) {
	.title1{font-size:36px;}
	.title2{font-size:30px;}
	.title3{font-size:24px;}
	.title4{font-size:20px;}
	.title5{font-size:16px;}
}
@media screen and (max-width: 1024px) {
	.title1{font-size:28px;}
	.title2{font-size:24px;}
	.title3{font-size:20px;}
	.title4{font-size:16px;}
	.title5{font-size:14px;}
}
@media screen and (max-width: 768px) {
	.title1{font-size:24px;}
	.title2{font-size:18px;}
	.title3{font-size:18px;}
}


/*pannal*/
.pannal{box-shadow:0 5px 12px 0 rgba(9,2,4,0.2);border-radius:20px;overflow:hidden;}
.pannalhead{padding:20px;border-radius:20px 20px 0 0;}
.pannalhead h3{font-size:28px;line-height:1;}
.pannalbody{background:#FFF;border-radius:0 0 20px 20px;padding:20px;border:solid rgb(213,255,255);border-width:0 7px 7px 7px;}
.bluepannal .pannalhead{background:#3794db;color:#FFF;}
.bluepannal .pannalbody{border:solid #c3d2dd;border-width:0 1px 1px 1px;}
.greenpannal .pannalhead{background:#91cb5c;color:#FFF;}
.greenpannal .pannalbody{border:solid #f1ffe4;border-width:0 1px 1px 1px;}
@media screen and (max-width: 1366px) {
	.pannal{border-radius:15px;}
	.pannalhead{padding:15px;border-radius:15px 15px 0 0;}
	.pannalhead h3{font-size:24px;}
	.pannalbody{border-radius:0 0 15px 15px;border-width:0 5px 5px 5px;padding:15px;}
}
@media screen and (max-width: 1024px) {
	.pannal{border-radius:10px;}
	.pannalhead{padding:10px;border-radius:10px 10px 0 0;}
	.pannalhead h3{font-size:20px;}
	.pannalbody{border-radius:0 0 10px 10px;border-width:0 3px 3px 3px;}

}




/* js */

/*js tab*/
.tab{width:100%;display:block;}
.tabmenu{display:flex;justify-content:center;}
.tabmitem{cursor:pointer;margin:0 10px;}
.tabmitem.tabcurrent{}
.tabbody{position:relative; }
.tabitem{display: none; width:100%;opacity:0;visibility:hidden; transition:.3s;}
.tabitem.show{display: block; opacity:1;visibility:visible;transition:.3s;}