/* *********** flex 布局 ******************* */
.flex {  display: flex;  }
.flex-wrap {  flex-wrap: wrap;  }
.flex-center {  display: flex;  align-items: center;  }
.flex-start { display: flex;   align-items: flex-start;  }
.flex-end {  display: flex;  align-items: flex-end;  }
.flex-stretch {  display: flex;  align-items: stretch;  }
.flex-grow {  flex-grow: 1;  }

.flex-self-center {   align-self: center;  }
.flex-self-start {    align-self: flex-start;  }
.flex-self-end {   align-self: flex-end;  }
.flex-self-stretch {    align-self: stretch;  }

/* *********** 补间 ******************* */

.padding-2{ padding: 2px;}
.padding-3{ padding: 3px;}
.padding-4{ padding: 4px;}
.padding-5{ padding: 5px;}
.padding-6{ padding: 6px;}
.padding-7{ padding: 7px;}
.padding-8{ padding: 8px;}
.padding-9{ padding: 9px;}
.padding-10{ padding: 10px;}
.padding-11{ padding: 11px;}
.padding-12{ padding: 12px;}
.padding-13{ padding: 13px;}
.padding-14{ padding: 14px;}
.padding-15{ padding: 15px;}
.padding-16{ padding: 16px;}
.padding-17{ padding: 17px;}
.padding-18{ padding: 18px;}
.padding-19{ padding: 19px;}
.padding-20{ padding: 20px;}

.padding-21{ padding: 21px;}
.padding-22{ padding: 22px;}
.padding-23{ padding: 23px;}
.padding-24{ padding: 24px;}
.padding-25{ padding: 25px;}
.padding-26{ padding: 26px;}
.padding-27{ padding: 27px;}
.padding-28{ padding: 28px;}
.padding-29{ padding: 29px;}
.padding-30{ padding: 30px;}

.padding-31{ padding: 31px;}
.padding-32{ padding: 32px;}
.padding-33{ padding: 33px;}
.padding-34{ padding: 34px;}
.padding-35{ padding: 35px;}
.padding-36{ padding: 36px;}
.padding-37{ padding: 37px;}
.padding-38{ padding: 38px;}
.padding-39{ padding: 39px;}
.padding-40{ padding: 40px;}

.padding-41{ padding: 41px;}
.padding-42{ padding: 42px;}
.padding-43{ padding: 43px;}
.padding-44{ padding: 44px;}
.padding-45{ padding: 45px;}
.padding-46{ padding: 46px;}
.padding-47{ padding: 47px;}
.padding-48{ padding: 48px;}
.padding-49{ padding: 49px;}
.padding-50{ padding: 50px;}

.padding-t-2{ padding-top: 2px;}
.padding-t-3{ padding-top: 3px;}
.padding-t-4{ padding-top: 4px;}
.padding-t-5{ padding-top: 5px;}
.padding-t-6{ padding-top: 6px;}
.padding-t-7{ padding-top: 7px;}
.padding-t-8{ padding-top: 8px;}
.padding-t-9{ padding-top: 9px;}
.padding-t-10{ padding-top: 10px;}
.padding-t-12{ padding-top: 12px;}
.padding-t-15{ padding-top: 15px;}
.padding-t-18{ padding-top: 18px;}
.padding-t-20{ padding-top: 20px;}
.padding-t-25{ padding-top: 25px;}
.padding-t-30{ padding-top: 30px;}
.padding-t-40{ padding-top: 40px;}
.padding-t-50{ padding-top: 50px;}
.padding-t-80{ padding-top: 80px;}
.padding-t-100{ padding-top: 100px;}
.padding-t-120{ padding-top: 120px;}
.padding-t-150{ padding-top: 150px;}
.padding-t-180{ padding-top: 180px;}
.padding-t-200{ padding-top: 200px;}
.padding-t-250{ padding-top: 250px;}
.padding-t-300{ padding-top: 300px;}
.padding-t-350{ padding-top: 350px;}
.padding-t-400{ padding-top: 400px;}
.padding-t-450{ padding-top: 450px;}
.padding-t-500{ padding-top: 500px;}

.padding-r-2{ padding-right: 2px;}
.padding-r-3{ padding-right: 3px;}
.padding-r-4{ padding-right: 4px;}
.padding-r-5{ padding-right: 5px;}
.padding-r-6{ padding-right: 6px;}
.padding-r-7{ padding-right: 7px;}
.padding-r-8{ padding-right: 8px;}
.padding-r-9{ padding-right: 9px;}
.padding-r-10{ padding-right: 10px;}
.padding-r-12{ padding-right: 12px;}
.padding-r-15{ padding-right: 15px;}
.padding-r-18{ padding-right: 18px;}
.padding-r-20{ padding-right: 20px;}
.padding-r-25{ padding-right: 25px;}
.padding-r-30{ padding-right: 30px;}
.padding-r-40{ padding-right: 40px;}
.padding-r-50{ padding-right: 50px;}
.padding-r-80{ padding-right: 80px;}
.padding-r-100{ padding-right: 100px;}
.padding-r-120{ padding-right: 120px;}
.padding-r-150{ padding-right: 150px;}
.padding-r-180{ padding-right: 180px;}
.padding-r-200{ padding-right: 200px;}
.padding-r-250{ padding-right: 250px;}
.padding-r-300{ padding-right: 300px;}
.padding-r-350{ padding-right: 350px;}
.padding-r-400{ padding-right: 400px;}
.padding-r-450{ padding-right: 450px;}
.padding-r-500{ padding-right: 500px;}


.padding-l-2{ padding-left: 2px;}
.padding-l-3{ padding-left: 3px;}
.padding-l-4{ padding-left: 4px;}
.padding-l-5{ padding-left: 5px;}
.padding-l-6{ padding-left: 6px;}
.padding-l-7{ padding-left: 7px;}
.padding-l-8{ padding-left: 8px;}
.padding-l-9{ padding-left: 9px;}
.padding-l-10{ padding-left: 10px;}
.padding-l-12{ padding-left: 12px;}
.padding-l-15{ padding-left: 15px;}
.padding-l-18{ padding-left: 18px;}
.padding-l-20{ padding-left: 20px;}
.padding-l-25{ padding-left: 25px;}
.padding-l-30{ padding-left: 30px;}
.padding-l-40{ padding-left: 40px;}
.padding-l-50{ padding-left: 50px;}
.padding-l-80{ padding-left: 80px;}
.padding-l-100{ padding-left: 100px;}
.padding-l-120{ padding-left: 120px;}
.padding-l-150{ padding-left: 150px;}
.padding-l-180{ padding-left: 180px;}
.padding-l-200{ padding-left: 200px;}
.padding-l-250{ padding-left: 250px;}
.padding-l-300{ padding-left: 300px;}
.padding-l-350{ padding-left: 350px;}
.padding-l-400{ padding-left: 400px;}
.padding-l-450{ padding-left: 450px;}
.padding-l-500{ padding-left: 500px;}


.padding-b-2{ padding-bottom: 2px;}
.padding-b-3{ padding-bottom: 3px;}
.padding-b-4{ padding-bottom: 4px;}
.padding-b-5{ padding-bottom: 5px;}
.padding-b-6{ padding-bottom: 6px;}
.padding-b-7{ padding-bottom: 7px;}
.padding-b-8{ padding-bottom: 8px;}
.padding-b-9{ padding-bottom: 9px;}
.padding-b-10{ padding-bottom: 10px;}
.padding-b-12{ padding-bottom: 12px;}
.padding-b-15{ padding-bottom: 15px;}
.padding-b-18{ padding-bottom: 18px;}
.padding-b-20{ padding-bottom: 20px;}
.padding-b-25{ padding-bottom: 25px;}
.padding-b-30{ padding-bottom: 30px;}
.padding-b-40{ padding-bottom: 40px;}
.padding-b-50{ padding-bottom: 50px;}
.padding-b-80{ padding-bottom: 80px;}
.padding-b-100{ padding-bottom: 100px;}
.padding-b-120{ padding-bottom: 120px;}
.padding-b-150{ padding-bottom: 150px;}
.padding-b-180{ padding-bottom: 180px;}
.padding-b-200{ padding-bottom: 200px;}
.padding-b-250{ padding-bottom: 250px;}
.padding-b-300{ padding-bottom: 300px;}
.padding-b-350{ padding-bottom: 350px;}
.padding-b-400{ padding-bottom: 400px;}
.padding-b-450{ padding-bottom: 450px;}
.padding-b-500{ padding-bottom: 500px;}

.margin-2{ margin: 2px;}
.margin-3{ margin: 3px;}
.margin-4{ margin: 4px;}
.margin-5{ margin: 5px;}
.margin-6{ margin: 6px;}
.margin-7{ margin: 7px;}
.margin-8{ margin: 8px;}
.margin-9{ margin: 9px;}
.margin-10{ margin: 10px;}
.margin-11{ margin: 11px;}
.margin-12{ margin: 12px;}
.margin-13{ margin: 13px;}
.margin-14{ margin: 15px;}
.margin-15{ margin: 15px;}
.margin-16{ margin: 16px;}
.margin-17{ margin: 17px;}
.margin-18{ margin: 18px;}
.margin-19{ margin: 19px;}
.margin-20{ margin: 20px;}
.margin-21{ margin: 21px;}
.margin-22{ margin: 22px;}
.margin-23{ margin: 23px;}
.margin-24{ margin: 24px;}
.margin-25{ margin: 25px;}
.margin-26{ margin: 26px;}
.margin-27{ margin: 27px;}
.margin-28{ margin: 28px;}
.margin-29{ margin: 29px;}
.margin-30{ margin: 30px;}
.margin-40{ margin: 40px;}
.margin-50{ margin: 50px;}
.margin-60{ margin: 60px;}
.margin-70{ margin: 70px;}
.margin-80{ margin: 80px;}
.margin-90{ margin: 90px;}
.margin-100{ margin: 100px;}
.margin-110{ margin: 110px;}
.margin-120{ margin: 120px;}
.margin-130{ margin: 130px;}
.margin-140{ margin: 140px;}
.margin-150{ margin: 150px;}
.margin-160{ margin: 160px;}
.margin-170{ margin: 170px;}
.margin-180{ margin: 180px;}
.margin-190{ margin: 190px;}
.margin-200{ margin: 200px;}
.margin-250{ margin: 250px;}
.margin-300{ margin: 300px;}

.margin-t-2{ margin-top: 2px;}
.margin-t-3{ margin-top: 3px;}
.margin-t-4{ margin-top: 4px;}
.margin-t-5{ margin-top: 5px;}
.margin-t-6{ margin-top: 6px;}
.margin-t-7{ margin-top: 7px;}
.margin-t-8{ margin-top: 8px;}
.margin-t-9{ margin-top: 9px;}
.margin-t-10{ margin-top: 10px;}
.margin-t-12{ margin-top: 12px;}
.margin-t-15{ margin-top: 15px;}
.margin-t-18{ margin-top: 18px;}
.margin-t-20{ margin-top: 20px;}
.margin-t-25{ margin-top: 25px;}
.margin-t-30{ margin-top: 30px;}
.margin-t-40{ margin-top: 40px;}
.margin-t-50{ margin-top: 50px;}
.margin-t-60{ margin-top: 60px;}
.margin-t-70{ margin-top: 70px;}
.margin-t-80{ margin-top: 80px;}
.margin-t-90{ margin-top: 90px;}
.margin-t-100{ margin-top: 100px;}
.margin-t-110{ margin-top: 110px;}
.margin-t-120{ margin-top: 120px;}
.margin-t-130{ margin-top: 130px;}
.margin-t-140{ margin-top: 140px;}
.margin-t-150{ margin-top: 150px;}
.margin-t-160{ margin-top: 160px;}
.margin-t-170{ margin-top: 170px;}
.margin-t-180{ margin-top: 180px;}
.margin-t-190{ margin-top: 190px;}
.margin-t-200{ margin-top: 200px;}
.margin-t-250{ margin-top: 250px;}
.margin-t-300{ margin-top: 300px;}

.margin-r-2{ margin-right: 2px;}
.margin-r-3{ margin-right: 3px;}
.margin-r-4{ margin-right: 4px;}
.margin-r-5{ margin-right: 5px;}
.margin-r-6{ margin-right: 6px;}
.margin-r-7{ margin-right: 7px;}
.margin-r-8{ margin-right: 8px;}
.margin-r-9{ margin-right: 9px;}
.margin-r-10{ margin-right: 10px;}
.margin-r-12{ margin-right: 12px;}
.margin-r-15{ margin-right: 15px;}
.margin-r-18{ margin-right: 18px;}
.margin-r-20{ margin-right: 20px;}
.margin-r-25{ margin-right: 25px;}
.margin-r-30{ margin-right: 30px;}
.margin-r-40{ margin-right: 40px;}
.margin-r-50{ margin-right: 50px;}
.margin-r-60{ margin-right: 60px;}
.margin-r-70{ margin-right: 70px;}
.margin-r-80{ margin-right: 80px;}
.margin-r-90{ margin-right: 90px;}
.margin-r-100{ margin-right: 100px;}
.margin-r-110{ margin-right: 110px;}
.margin-r-120{ margin-right: 120px;}
.margin-r-130{ margin-right: 130px;}
.margin-r-140{ margin-right: 140px;}
.margin-r-150{ margin-right: 150px;}
.margin-r-160{ margin-right: 160px;}
.margin-r-170{ margin-right: 170px;}
.margin-r-180{ margin-right: 180px;}
.margin-r-190{ margin-right: 190px;}
.margin-r-200{ margin-right: 200px;}
.margin-r-250{ margin-right: 250px;}
.margin-r-300{ margin-right: 300px;}

.margin-l-2{ margin-left: 2px;}
.margin-l-3{ margin-left: 3px;}
.margin-l-4{ margin-left: 4px;}
.margin-l-5{ margin-left: 5px;}
.margin-l-6{ margin-left: 6px;}
.margin-l-7{ margin-left: 7px;}
.margin-l-8{ margin-left: 8px;}
.margin-l-9{ margin-left: 9px;}
.margin-l-10{ margin-left: 10px;}
.margin-l-12{ margin-left: 12px;}
.margin-l-15{ margin-left: 15px;}
.margin-l-18{ margin-left: 18px;}
.margin-l-20{ margin-left: 20px;}
.margin-l-25{ margin-left: 25px;}
.margin-l-30{ margin-left: 30px;}
.margin-l-40{ margin-left: 40px;}
.margin-l-50{ margin-left: 50px;}
.margin-l-60{ margin-left: 60px;}
.margin-l-70{ margin-left: 70px;}
.margin-l-80{ margin-left: 80px;}
.margin-l-90{ margin-left: 90px;}
.margin-l-100{ margin-left: 100px;}
.margin-l-110{ margin-left: 110px;}
.margin-l-120{ margin-left: 120px;}
.margin-l-130{ margin-left: 130px;}
.margin-l-140{ margin-left: 140px;}
.margin-l-150{ margin-left: 150px;}
.margin-l-160{ margin-left: 160px;}
.margin-l-170{ margin-left: 170px;}
.margin-l-180{ margin-left: 180px;}
.margin-l-190{ margin-left: 190px;}
.margin-l-200{ margin-left: 200px;}
.margin-l-250{ margin-left: 250px;}
.margin-l-300{ margin-left: 300px;}


.margin-b-2{ margin-bottom: 2px;}
.margin-b-3{ margin-bottom: 3px;}
.margin-b-4{ margin-bottom: 4px;}
.margin-b-5{ margin-bottom: 5px;}
.margin-b-6{ margin-bottom: 6px;}
.margin-b-7{ margin-bottom: 7px;}
.margin-b-8{ margin-bottom: 8px;}
.margin-b-9{ margin-bottom: 9px;}
.margin-b-10{ margin-bottom: 10px;}
.margin-b-12{ margin-bottom: 12px;}
.margin-b-15{ margin-bottom: 15px;}
.margin-b-18{ margin-bottom: 18px;}
.margin-b-20{ margin-bottom: 20px;}
.margin-b-25{ margin-bottom: 25px;}
.margin-b-30{ margin-bottom: 30px;}
.margin-b-30{ margin-bottom: 30px;}
.margin-b-40{ margin-bottom: 40px;}
.margin-b-50{ margin-bottom: 50px;}
.margin-b-60{ margin-bottom: 60px;}
.margin-b-70{ margin-bottom: 70px;}
.margin-b-80{ margin-bottom: 80px;}
.margin-b-90{ margin-bottom: 90px;}
.margin-b-100{ margin-bottom: 100px;}
.margin-b-110{ margin-bottom: 110px;}
.margin-b-120{ margin-bottom: 120px;}
.margin-b-130{ margin-bottom: 130px;}
.margin-b-140{ margin-bottom: 140px;}
.margin-b-150{ margin-bottom: 150px;}
.margin-b-160{ margin-bottom: 160px;}
.margin-b-170{ margin-bottom: 170px;}
.margin-b-180{ margin-bottom: 180px;}
.margin-b-190{ margin-bottom: 190px;}
.margin-b-200{ margin-bottom: 200px;}
.margin-b-250{ margin-bottom: 250px;}
.margin-b-300{ margin-bottom: 300px;}

.f5em{ font-size: 0.5em }
.f6em{ font-size: 0.6em }
.f7em{ font-size: 0.7em }
.f8em{ font-size: 0.8em }
.f10em{ font-size: 1.0em }
.f11em{ font-size: 1.1em }
.f12em{ font-size: 1.2em }
.f13em{ font-size: 1.3em }
.f14em{ font-size: 1.4em }
.f15em{ font-size: 1.5em }
.f16em{ font-size: 1.6em }
.f17em{ font-size: 1.7em }
.f18em{ font-size: 1.8em }
.f19em{ font-size: 1.9em }
.f20em{ font-size: 2.0em }
.f21em{ font-size: 2.1em }
.f22em{ font-size: 2.2em }
.f23em{ font-size: 2.3em }
.f24em{ font-size: 2.4em }
.f25em{ font-size: 2.5em }
.f26em{ font-size: 2.6em }
.f27em{ font-size: 2.7em }
.f28em{ font-size: 2.8em }
.f29em{ font-size: 2.9em }
.f30em{ font-size: 3.0em }

.f12px{ font-size: 12px }
.f13px{ font-size: 13px }
.f14px{ font-size: 14px }
.f15px{ font-size: 15px }
.f16px{ font-size: 16px }
.f17px{ font-size: 17px }
.f18px{ font-size: 18px }
.f19px{ font-size: 19px }
.f20px{ font-size: 20px }
.f21px{ font-size: 21px }
.f22px{ font-size: 22px }
.f23px{ font-size: 23px }
.f24px{ font-size: 24px }
.f25px{ font-size: 25px }
.f26px{ font-size: 26px }
.f27px{ font-size: 27px }
.f28px{ font-size: 28px }
.f29px{ font-size: 29px }
.f30px{ font-size: 30px }
.f32px{ font-size: 32px }
.f34px{ font-size: 34px }
.f35px{ font-size: 35px }
.f36px{ font-size: 36px }
.f38px{ font-size: 38px }
.f40px{ font-size: 40px }
.f45px{ font-size: 45px }
.f50px{ font-size: 50px }

.clear { clear: both;}
.overflow-h { overflow: hidden; }

.opacity { opacity: .8 }
.opacity9 { opacity: .9 }
.opacity7 { opacity: .7 }
.opacity6 { opacity: .6 }
.opacity5 { opacity: .5 }
.opacity4 { opacity: .4 }
.opacity3 { opacity: .3 }
.opacity2 { opacity: .2 }


/*宽度高度*/

.w-10 { width: 10px;}
.w-11 { width: 11px;}
.w-12 { width: 12px;}
.w-13 { width: 13px;}
.w-14 { width: 14px;}
.w-15 { width: 15px;}
.w-16 { width: 16px;}
.w-17 { width: 17px;}
.w-18 { width: 18px;}
.w-19 { width: 19px;}
.w-20 { width: 20px;}
.w-21 { width: 21px;}
.w-22 { width: 22px;}
.w-23 { width: 23px;}
.w-24 { width: 24px;}
.w-25 { width: 25px;}
.w-26 { width: 26px;}
.w-27 { width: 27px;}
.w-28 { width: 28px;}
.w-29 { width: 29px;}
.w-30 { width: 30px;}
.w-31 { width: 31px;}
.w-32 { width: 32px;}
.w-33 { width: 33px;}
.w-34 { width: 34px;}
.w-35 { width: 35px;}
.w-36 { width: 36px;}
.w-37 { width: 37px;}
.w-38 { width: 38px;}
.w-39 { width: 39px;}
.w-40 { width: 40px;}
.w-41 { width: 41px;}
.w-42 { width: 42px;}
.w-43 { width: 43px;}
.w-44 { width: 44px;}
.w-45 { width: 45px;}
.w-46 { width: 46px;}
.w-47 { width: 47px;}
.w-48 { width: 48px;}
.w-49 { width: 49px;}
.w-50 { width: 50px;}
.w-60 { width: 60px;}
.w-70 { width: 70px;}
.w-80 { width: 80px;}
.w-90 { width: 90px;}
.w-100 { width: 100px;}
.w-120 { width: 120px;}
.w-140 { width: 140px;}
.w-150 { width: 150px;}
.w-160 { width: 160px;}
.w-180 { width: 180px;}
.w-200 { width: 200px;}
.w-220 { width: 220px;}
.w-240 { width: 240px;}
.w-260 { width: 260px;}
.w-280 { width: 280px;}
.w-300 { width: 300px;}
.w-350 { width: 350px;}
.w-400 { width: 400px;}
.w-450 { width: 450px;}
.w-500 { width: 500px;}
.w-600 { width: 600px;}
.w-700 { width: 700px;}
.w-800 { width: 800px;}
.w-900 { width: 900px;}
.w-1000 { width: 1000px;}
.w-1100 { width: 1100px;}
.w-1200 { width: 1200px;}
.w-1300 { width: 1300px;}
.w-1400 { width: 1400px;}
.w-1500 { width: 1500px;}
.w-1600 { width: 1600px;}
.w-1700 { width: 1700px;}
.w-1800 { width: 1800px;}
.w-1900 { width: 1900px;}
.w-2000 { width: 2000px;}

/*百分比宽*/
.w-p-5 { width: 5%; }
.w-p-10 { width: 10%; }
.w-p-15 { width: 15%; }
.w-p-20 { width: 20%; }
.w-p-25 { width: 25%; }
.w-p-30 { width: 30%; }
.w-p-35 { width: 35%; }
.w-p-40 { width: 40%; }
.w-p-45 { width: 45%; }
.w-p-50 { width: 50%; }
.w-p-55 { width: 55%; }
.w-p-60 { width: 60%; }
.w-p-65 { width: 65%; }
.w-p-70 { width: 70%; }
.w-p-75 { width: 75%; }
.w-p-80 { width: 80%; }
.w-p-85 { width: 85%; }
.w-p-90 { width: 90%; }
.w-p-95 { width: 95%; }
.w-p-100 { width: 100%; }


.h-10 { height: 10px;}
.h-11 { height: 11px;}
.h-12 { height: 12px;}
.h-13 { height: 13px;}
.h-14 { height: 14px;}
.h-15 { height: 15px;}
.h-16 { height: 16px;}
.h-17 { height: 17px;}
.h-18 { height: 18px;}
.h-19 { height: 19px;}
.h-20 { height: 20px;}
.h-21 { height: 21px;}
.h-22 { height: 22px;}
.h-23 { height: 23px;}
.h-24 { height: 24px;}
.h-25 { height: 25px;}
.h-26 { height: 26px;}
.h-27 { height: 27px;}
.h-28 { height: 28px;}
.h-29 { height: 29px;}
.h-30 { height: 30px;}
.h-31 { height: 31px;}
.h-32 { height: 32px;}
.h-33 { height: 33px;}
.h-34 { height: 34px;}
.h-35 { height: 35px;}
.h-36 { height: 36px;}
.h-37 { height: 37px;}
.h-38 { height: 38px;}
.h-39 { height: 39px;}
.h-40 { height: 40px;}
.h-41 { height: 41px;}
.h-42 { height: 42px;}
.h-43 { height: 43px;}
.h-44 { height: 44px;}
.h-45 { height: 45px;}
.h-46 { height: 46px;}
.h-47 { height: 47px;}
.h-48 { height: 48px;}
.h-49 { height: 49px;}
.h-50 { height: 50px;}
.h-60 { height: 60px;}
.h-70 { height: 70px;}
.h-80 { height: 80px;}
.h-90 { height: 90px;}
.h-100 { height: 100px;}
.h-120 { height: 120px;}
.h-140 { height: 140px;}
.h-150 { height: 150px;}
.h-160 { height: 160px;}
.h-180 { height: 180px;}
.h-200 { height: 200px;}
.h-220 { height: 220px;}
.h-240 { height: 240px;}
.h-260 { height: 260px;}
.h-280 { height: 280px;}
.h-300 { height: 300px;}
.h-350 { height: 350px;}
.h-400 { height: 400px;}
.h-450 { height: 450px;}
.h-500 { height: 500px;}
.h-600 { height: 600px;}
.h-700 { height: 700px;}

/*最小和最大高度*/
.min-h-30 { min-height: 30px;}
.min-h-40 { min-height: 40px;}
.min-h-50 { min-height: 50px;}
.min-h-60 { min-height: 60px;}
.min-h-70 { min-height: 70px;}
.min-h-80 { min-height: 80px;}
.min-h-90 { min-height: 90px;}
.min-h-100 { min-height: 100px;}
.min-h-120 { min-height: 120px;}
.min-h-140 { min-height: 140px;}
.min-h-150 { min-height: 150px;}
.min-h-160 { min-height: 160px;}
.min-h-180 { min-height: 180px;}
.min-h-200 { min-height: 200px;}
.min-h-220 { min-height: 220px;}
.min-h-240 { min-height: 240px;}
.min-h-260 { min-height: 260px;}
.min-h-280 { min-height: 280px;}
.min-h-300 { min-height: 300px;}
.min-h-350 { min-height: 350px;}
.min-h-400 { min-height: 400px;}
.min-h-450 { min-height: 450px;}
.min-h-500 { min-height: 500px;}
.min-h-600 { min-height: 600px;}
.min-h-700 { min-height: 700px;}

.max-h-30 { max-height: 30px;}
.max-h-40 { max-height: 40px;}
.max-h-50 { max-height: 50px;}
.max-h-60 { max-height: 60px;}
.max-h-70 { max-height: 70px;}
.max-h-80 { max-height: 80px;}
.max-h-90 { max-height: 90px;}
.max-h-100 { max-height: 100px;}
.max-h-120 { max-height: 120px;}
.max-h-140 { max-height: 140px;}
.max-h-150 { max-height: 150px;}
.max-h-160 { max-height: 160px;}
.max-h-180 { max-height: 180px;}
.max-h-200 { max-height: 200px;}
.max-h-220 { max-height: 220px;}
.max-h-240 { max-height: 240px;}
.max-h-260 { max-height: 260px;}
.max-h-280 { max-height: 280px;}
.max-h-300 { max-height: 300px;}
.max-h-320 { max-height: 320px;}
.max-h-350 { max-height: 350px;}
.max-h-360 { max-height: 360px;}
.max-h-380 { max-height: 380px;}
.max-h-400 { max-height: 400px;}
.max-h-450 { max-height: 450px;}
.max-h-500 { max-height: 500px;}
.max-h-600 { max-height: 600px;}
.max-h-700 { max-height: 700px;}
.max-h-800 { max-height: 800px;}
.max-h-900 { max-height: 900px;}
.max-h-1000 { max-height: 1000px;}
.max-h-1100 { max-height: 1100px;}
.max-h-1200 { max-height: 1200px;}
.max-h-1300 { max-height: 1300px;}
.max-h-1400 { max-height: 1400px;}
.max-h-1500 { max-height: 1500px;}
.max-h-1600 { max-height: 1600px;}
.max-h-1800 { max-height: 1800px;}
.max-h-2000 { max-height: 2000px;}
.max-h-2500 { max-height: 2500px;}
.max-h-3000 { max-height: 3000px;}


/*最小宽*/
.min-w-10 { min-width: 10px;}
.min-w-11 { min-width: 11px;}
.min-w-12 { min-width: 12px;}
.min-w-13 { min-width: 13px;}
.min-w-14 { min-width: 14px;}
.min-w-15 { min-width: 15px;}
.min-w-16 { min-width: 16px;}
.min-w-17 { min-width: 17px;}
.min-w-18 { min-width: 18px;}
.min-w-19 { min-width: 19px;}
.min-w-20 { min-width: 20px;}
.min-w-21 { min-width: 21px;}
.min-w-22 { min-width: 22px;}
.min-w-23 { min-width: 23px;}
.min-w-24 { min-width: 24px;}
.min-w-25 { min-width: 25px;}
.min-w-26 { min-width: 26px;}
.min-w-27 { min-width: 27px;}
.min-w-28 { min-width: 28px;}
.min-w-29 { min-width: 29px;}
.min-w-30 { min-width: 30px;}
.min-w-31 { min-width: 31px;}
.min-w-32 { min-width: 32px;}
.min-w-33 { min-width: 33px;}
.min-w-34 { min-width: 34px;}
.min-w-35 { min-width: 35px;}
.min-w-36 { min-width: 36px;}
.min-w-37 { min-width: 37px;}
.min-w-38 { min-width: 38px;}
.min-w-39 { min-width: 39px;}
.min-w-40 { min-width: 40px;}
.min-w-41 { min-width: 41px;}
.min-w-42 { min-width: 42px;}
.min-w-43 { min-width: 43px;}
.min-w-44 { min-width: 44px;}
.min-w-45 { min-width: 45px;}
.min-w-46 { min-width: 46px;}
.min-w-47 { min-width: 47px;}
.min-w-48 { min-width: 48px;}
.min-w-49 { min-width: 49px;}
.min-w-50 { min-width: 50px;}
.min-w-60 { min-width: 60px;}
.min-w-70 { min-width: 70px;}
.min-w-80 { min-width: 80px;}
.min-w-90 { min-width: 90px;}
.min-w-100 { min-width: 100px;}
.min-w-120 { min-width: 120px;}
.min-w-140 { min-width: 140px;}
.min-w-150 { min-width: 150px;}
.min-w-160 { min-width: 160px;}
.min-w-180 { min-width: 180px;}
.min-w-200 { min-width: 200px;}
.min-w-220 { min-width: 220px;}
.min-w-240 { min-width: 240px;}
.min-w-260 { min-width: 260px;}
.min-w-280 { min-width: 280px;}
.min-w-300 { min-width: 300px;}
.min-w-350 { min-width: 350px;}
.min-w-400 { min-width: 400px;}
.min-w-450 { min-width: 450px;}
.min-w-500 { min-width: 500px;}
.min-w-600 { min-width: 600px;}
.min-w-700 { min-width: 700px;}
.min-w-800 { min-width: 800px;}
.min-w-900 { min-width: 900px;}
.min-w-1000 { min-width: 1000px;}
.min-w-1100 { min-width: 1100px;}
.min-w-1200 { min-width: 1200px;}
.min-w-1300 { min-width: 1300px;}
.min-w-1400 { min-width: 1400px;}
.min-w-1500 { min-width: 1500px;}
.min-w-1600 { min-width: 1600px;}
.min-w-1700 { min-width: 1700px;}
.min-w-1800 { min-width: 1800px;}
.min-w-1900 { min-width: 1900px;}
.min-w-2000 { min-width: 2000px;}


/*最大宽*/
.max-w-50 { max-width: 50px;}
.max-w-60 { max-width: 60px;}
.max-w-70 { max-width: 70px;}
.max-w-80 { max-width: 80px;}
.max-w-90 { max-width: 90px;}
.max-w-100 { max-width: 100px;}
.max-w-120 { max-width: 120px;}
.max-w-140 { max-width: 140px;}
.max-w-150 { max-width: 150px;}
.max-w-160 { max-width: 160px;}
.max-w-180 { max-width: 180px;}
.max-w-200 { max-width: 200px;}
.max-w-220 { max-width: 220px;}
.max-w-240 { max-width: 240px;}
.max-w-260 { max-width: 260px;}
.max-w-280 { max-width: 280px;}
.max-w-300 { max-width: 300px;}
.max-w-350 { max-width: 350px;}
.max-w-400 { max-width: 400px;}
.max-w-450 { max-width: 450px;}
.max-w-500 { max-width: 500px;}
.max-w-600 { max-width: 600px;}
.max-w-700 { max-width: 700px;}
.max-w-800 { max-width: 800px;}
.max-w-900 { max-width: 900px;}
.max-w-1000 { max-width: 1000px;}
.max-w-1100 { max-width: 1100px;}
.max-w-1200 { max-width: 1200px;}
.max-w-1300 { max-width: 1300px;}
.max-w-1400 { max-width: 1400px;}
.max-w-1500 { max-width: 1500px;}
.max-w-1600 { max-width: 1600px;}
.max-w-1700 { max-width: 1700px;}
.max-w-1800 { max-width: 1800px;}
.max-w-1900 { max-width: 1900px;}
.max-w-2000 { max-width: 2000px;}


/* *********** 圆角 ******************* */

.radius-1{ border-radius: 1px; }
.radius-2{ border-radius: 2px; }
.radius-3{ border-radius: 3px; }
.radius-4{ border-radius: 4px; }
.radius-5{ border-radius: 5px; }
.radius-6{ border-radius: 6px; }
.radius-7{ border-radius: 7px; }
.radius-8{ border-radius: 8px; }
.radius-9{ border-radius: 9px; }
.radius-10{ border-radius: 10px; }



/* *********** position ******************* */

.absolute { position: absolute; }
.relative { position: relative; }


/* *********** 效果 ******************* */

.trans_box_shadow { transition:all .4s }
.trans_box_shadow:hover { box-shadow: 1px 2px 2px #eee; border: 1px solid #eee; }
.trans_img_scale { transition:all .4s}
.trans_img_scale:hover {  transform:scale(1.15) }

/* *********** 鼠标指针 ******************* */
.hand { cursor:pointer; }


/* *********** 字体颜色 ******************* */

.utext-gray-a { color: #ccc }
.utext-gray-b { color: #848484 }
.utext-yellow-a { color: #fff930
}

.utext-red,.utext-red  A:link, .utext-red  A:visited{color: #ff4802; #666666: none;}
.utext-red2,.utext-red2 A:link,.utext-red2 A:visited{color: #ff130a; text-decoration: none;}
.utext-red3,.utext-red3 A:hover,.utext-red3 A:visited { color: #cc0022; text-decoration: none;}

.utext-gray,.utext-gray  A:link,.utext-gray  A:visited{color:#666666; text-decoration: none;}
.utext-gray2,.utext-gray2 A:link,.utext-gray2  A:visited{color:#999999; text-decoration: none;}
.utext-gray3,.utext-gray3 A:link,.utext-gray3  A:visited{color:#CCCCCC; text-decoration: none;}
.utext-gray4,.utext-gray4 A:link,.utext-gray4  A:visited{color:#EEEEEE; text-decoration: none;}

.utext-white,.utext-white A:link,.utext-white  A:visited{color:#FFFFFF; text-decoration: none;}


.utext-black,.utext-black  A:link,.utext-black  A:visited{color:#000000; text-decoration: none;}
.utext-black2,.utext-black2  A:link,.utext-black2  A:visited{color:#333333; text-decoration: none;}

.utext-green,.utext-green  A:link,.utext-green  A:visited{color: green; text-decoration: none;}
.utext-green2,.utext-green2  A:link, .utext-green2  A:visited{color:#00CC00; text-decoration: none;}
.utext-green3,.utext-green3  A:link, .utext-green3  A:visited{color: #9dcc08; text-decoration: none;}

.utext-blue,.utext-blue  A:link,.utext-blue  A:visited{color:#3366ff; text-decoration: none;}
.utext-blue2,.utext-blue2  A:link,.utext-blue2  A:visited{color:#0080FF; text-decoration: none;}
.utext-blue3,.utext-blue3  A:link,.utext-blue3  A:visited{color:#3333ff; text-decoration: none;}

.utext-yellow,.utext-yellow  A:link,.utext-yellow  A:visited{color:#FFFF00; text-decoration: none;}
.utext-yellow2,.utext-yellow2  A:link,.utext-yellow2  A:visited{color: #ff9c10; text-decoration: none;}
.utext-yellow3,.utext-yellow3  A:link,.utext-yellow3  A:visited{color: #ff6a09; text-decoration: none;}
.utext-yellow4 .utext-yellow4  A:link,.utext-yellow3  A:visited{ color: #ff3a04; text-decoration: none;}


/**************************************
@ 浮动 开始
*/
.float_l { float:left; }
.float_r { float:right; }
.float_clear { clear: both }
.float_clear_l { clear: left; }
.float_clear_r { clear: right; }


/**************************************
@ 背景 开始
*/
.bg-blue{background-color:#3366ff;}
.bg-blue2{background-color:#0080FF;}
.bg-blue3{background-color:#3333ff;}
.bg-blue4{background-color: #50daff;}
.bg-green{background-color:#009900;}
.bg-green2{background-color:#00CC00;}
.bg-green3{background-color:#71d79c;}
.bg-yellow{background-color: #ff7118;}
.bg-yellow2{background-color:#ff6600;}
.bg-yellow3{background-color:#FF3300;}
.bg-yellow4{background-color:#FFFF99;}
.bg-yellow5{background-color:#f5ff21;}
.bg-white{background-color:#FFFFFF;}
.bg-gray{background-color:#f9f9f9;}


/*
@ 背景 结束
**************************************/


/**************************************
@ 边框
*/
.bd-solid { border:1px solid #eee; }
.bd-solid-l { border-left:1px solid #eee; }
.bd-solid-r { border-right:1px solid #eee; }
.bd-solid-t { border-top:1px solid #eee; }
.bd-solid-b { border-bottom:1px solid #eee; }

.bd-dashed { border:1px dashed #eee; }
.bd-dashed-l { border-left:1px dashed #eee; }
.bd-dashed-r { border-right:1px dashed #eee; }
.bd-dashed-t { border-top:1px dashed #eee; }
.bd-dashed-b { border-bottom:1px dashed #eee; }

/*
@ 边框 结束
**************************************/


/*其 他*/

.lh20{line-height:20px;}
.lh21{line-height:21px;}
.lh22{line-height:22px;}
.lh23{line-height:23px;}
.lh24{line-height:24px;}
.lh25{line-height:25px;}
.lh26{line-height:26px;}
.lh27{line-height:27px;}
.lh28{line-height:28px;}
.lh29{line-height:29px;}
.lh30{line-height:30px;}
.lh32{line-height:32px;}
.lh34{line-height:34px;}
.lh36{line-height:36px;}
.lh38{line-height:38px;}
.lh40{line-height:40px;}
.lh45{line-height:45px;}
.lh50{line-height:50px;}
.lh60{line-height:60px;}
.lh70{line-height:70px;}
.lh80{line-height:80px;}
.lh90{line-height:90px;}
.lh100{line-height:100px;}

.lh21em{line-height:1.1em;}
.lh22em{line-height:1.2em;}
.lh23em{line-height:1.3em;}
.lh24em{line-height:1.4em;}
.lh25em{line-height:1.5em;}
.lh26em{line-height:1.6em;}
.lh27em{line-height:1.7em;}
.lh28em{line-height:1.8em;}
.lh29em{line-height:1.9em;}
.lh20em{line-height:2.0em;}
.lh21em{line-height:2.1em;}
.lh22em{line-height:2.2em;}
.lh23em{line-height:2.3em;}
.lh24em{line-height:2.4em;}
.lh25em{line-height:2.5em;}
.lh26em{line-height:2.6em;}
.lh27em{line-height:2.7em;}
.lh28em{line-height:2.8em;}
.lh29em{line-height:2.9em;}
.lh30em{line-height:3.0em;}
.lh32em{line-height:3.2em;}
.lh34em{line-height:3.4em;}
.lh36em{line-height:3.6em;}
.lh38em{line-height:3.8em;}
.lh40em{line-height:4.0em;}
.lh45em{line-height:4.5em;}
.lh50em{line-height:5.0em;}
.lh60em{line-height:6.0em;}
.lh70em{line-height:7.0em;}
.lh80em{line-height:8.0em;}
.lh90em{line-height:9.0em;}


/*
@ 公共样式 结束
*********************************************************/