body{ max-width: 450px; margin: auto; }
.bg_v{ background-image: url("../img/bg_view.gif"); background-repeat:repeat-y;background-position: top center;}
.max-width{ max-width: 450px; margin: auto; }
.w-96{width: 96%; margin: auto;}
.w-94{width: 94%; margin: auto;}
.w-92{width: 92%; margin: auto;}
.w-90{width: 90%; margin: auto;}
.w-70{width: 70%; margin: auto;}
.w-30{width: 30%; margin: auto;}
.w-20{width: 20%; margin: auto;}
 
#web_header{ height: 3.6rem; font-size: 1.2rem; line-height: 3.6rem; margin:auto; max-width: 450px; }
#web_header{ color: #333; background-color: #fff; }

/*课程-列表*/
#course_type .nav-link{ padding:0.2rem 0rem; background-color:#fff;color: #333; border-bottom: 1px solid rgba(243,242,242,.125); border-radius:0px; margin-right: 1rem; }
#course_type .active{ color: #3B94FF; border-bottom: 1px solid rgba(59,148,255,1);}
.course_type_badge_1 {background-image: -moz-linear-gradient( 0deg, rgb(255,71,21) 0%, rgb(255,162,94) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(255,71,21) 0%, rgb(255,162,94) 100%);background-image: -ms-linear-gradient( 0deg, rgb(255,71,21) 0%, rgb(255,162,94) 100%);font-size: 0.6em;border-radius: .25rem 1rem 1rem .25rem!important;}
.course_type_badge_2 {background-image: -moz-linear-gradient( 0deg, rgb(43,90,255) 0%, rgb(88,168,255) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(43,90,255) 0%, rgb(88,168,255) 100%);background-image: -ms-linear-gradient( 0deg, rgb(43,90,255) 0%, rgb(88,168,255) 100%);font-size: 0.6em;border-radius: .25rem 1rem 1rem .25rem!important;}
.course_type_badge_8 {background-image: -moz-linear-gradient( 0deg, rgb(136,112,241) 0%, rgb(172,146,254) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(136,112,241) 0%, rgb(172,146,254) 100%);background-image: -ms-linear-gradient( 0deg, rgb(136,112,241) 0%, rgb(172,146,254) 100%);font-size: 0.6em;border-radius: .25rem 1rem 1rem .25rem!important;}
.course_type_badge_100 {background-image: -moz-linear-gradient( 0deg, rgb(255,144,14) 0%, rgb(255,193,30) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(255,144,14) 0%, rgb(255,193,30) 100%);background-image: -ms-linear-gradient( 0deg, rgb(255,144,14) 0%, rgb(255,193,30) 100%);font-size: 0.6em;border-radius: .25rem 1rem 1rem .25rem!important;}

/*banner*/
#banner{ border-radius: 1rem!important; }
#banner img{ border-radius: 1rem!important; }
/*菜单*/
#menu{ height: 58px; max-width: 450px; margin:auto; line-height: 1em; padding-top: 7px; border-top: 1px solid #EDEEF3!important; }
#menu i{ font-size: 1.4em; display: block; }
#menu a{ color: #a2a2a2; filter: grayscale(100%); text-decoration:none;}
#menu a.on{ color: #3B94FF; filter: none;}
#menu a small{font-size: 0.8em;}

.icon {width: 1em; height: 1em; font-size:1.2em;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}