@media (max-width: 767px) {
.container { width: 460px }
}
@media (max-width: 479px) {
.container { width: 320px }
}
.container { margin: 0 auto; text-align: center; }
.m-header__navlist img { display: inline; }
footer { background: #ee2d00b8; width: 100%; border-top: 6px solid #eaeaea; padding-bottom: 25px; padding-top: 30px; width: 100%; }
.webdesigntuts-workshop:before, .webdesigntuts-workshop:after { content: ''; display: block; height: 1px; left: 50%; margin: 0 0 0 -400px; position: absolute; width: 800px; }
footer:before { background: #444; background: -webkit-linear-gradient(left, #151515, #444, #151515); background: -moz-linear-gradient(left, #151515, #444, #151515); background: -o-linear-gradient(left, #151515, #444, #151515); background: -ms-linear-gradient(left, #151515, #444, #151515); background: linear-gradient(left, #151515, #444, #151515); }
footer:after { background: #000; background: -webkit-linear-gradient(left, #151515, #000, #151515); background: -moz-linear-gradient(left, #151515, #000, #151515); background: -o-linear-gradient(left, #151515, #000, #151515); background: -ms-linear-gradient(left, #151515, #000, #151515); background: linear-gradient(left, #151515, #000, #151515); }
#baomingForm form { border-radius: 5px; display: inline-block; font-size: 0px; margin: 150px auto 0; padding: 20px; position: relative; z-index: 1; }
#baomingForm input, #baomingForm select { background: #222; background: -webkit-linear-gradient(#333, #222); background: -moz-linear-gradient(#333, #222); background: -o-linear-gradient(#333, #222); background: -ms-linear-gradient(#333, #222); background: linear-gradient(#333, #222); border: 1px solid #444; border-radius: 5px 0 0 5px; box-shadow: 0 2px 0 #000; color: #888; display: block; float: left; font-family: 'Cabin', helvetica, arial, sans-serif; font-size: 13px; font-weight: 400; height: 40px; margin: 0; padding: 0 10px; text-shadow: 0 -1px 0 #000; }
.ie #baomingForm input { line-height: 40px; }
 #baomingForm input::-webkit-input-placeholder {
 color: #888;
}
 #baomingForm input:-moz-placeholder {
 color: #888;
}
#baomingForm input:focus { -webkit-animation: glow 800ms ease-out infinite alternate; -moz-animation: glow 800ms ease-out infinite alternate; -o-animation: glow 800ms ease-out infinite alternate; -ms-animation: glow 800ms ease-out infinite alternate; animation: glow 800ms ease-out infinite alternate; background: #222922; background: -webkit-linear-gradient(#333933, #222922); background: -moz-linear-gradient(#333933, #222922); background: -o-linear-gradient(#333933, #222922); background: -ms-linear-gradient(#333933, #222922); background: linear-gradient(#333933, #222922); border-color: #EF7800; box-shadow: 0 0 5px rgba(239,120,0,.2), inset 0 0 5px rgba(239,120,0,.1), 0 2px 0 #000; color: #efe; outline: none; }
 #baomingForm input:focus::-webkit-input-placeholder {
 color: #efe;
}
 #baomingForm input:focus:-moz-placeholder {
 color: #efe;
}
.webdesigntuts-workshop button { background: #222; background: -webkit-linear-gradient(#333, #222); background: -moz-linear-gradient(#333, #222); background: -o-linear-gradient(#333, #222); background: -ms-linear-gradient(#333, #222); background: linear-gradient(#333, #222); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; border: 1px solid #444; border-left-color: #000; border-radius: 0 5px 5px 0; box-shadow: 0 2px 0 #000; color: #fff; display: block; float: left; font-family: 'Cabin', helvetica, arial, sans-serif; font-size: 13px; font-weight: 400; height: 38px; line-height: 38px; margin: 0; padding: 0; position: relative; text-shadow: 0 -1px 0 #000; width: 80px; }
.webdesigntuts-workshop button:hover, .webdesigntuts-workshop button:focus { background: #292929; background: -webkit-linear-gradient(#393939, #292929); background: -moz-linear-gradient(#393939, #292929); background: -o-linear-gradient(#393939, #292929); background: -ms-linear-gradient(#393939, #292929); background: linear-gradient(#393939, #292929); color: #5f5; outline: none; }
.webdesigntuts-workshop button:active { background: #292929; background: -webkit-linear-gradient(#393939, #292929); background: -moz-linear-gradient(#393939, #292929); background: -o-linear-gradient(#393939, #292929); background: -ms-linear-gradient(#393939, #292929); background: linear-gradient(#393939, #292929); box-shadow: 0 1px 0 #000, inset 1px 0 1px #222; top: 1px; }
.form-mobile { width: 100%; display: inline-block; padding: 6px 0px;}
.form-mobile lable { line-height: 40px; letter-spacing: 6px; font-size: 13px; text-align:center }
.rdolist, .chklist { display: none; }
.chkbox { display: inline-block; padding: 10px; line-height: 16px; background: #eee; border-radius: 3px; color: #666; font-family: 'Microsoft YaHei';margin-left: 8%;width: 75%; }
.check-image { display: inline-block; width: 16px; height: 16px; background: url(../images/input-unchecked.png) no-repeat; vertical-align: middle; }
.unchecked { background: #ECF0F1; color: black; transition-property: background; transition-delay: 0s; transition-duration: .1s; transition-timing-function: linear; }
.unchecked:hover { background: #dedfe0; }
.checked { background: #EF7800; color: #fff; }
.bounceIn { animation-name: bounceIn; }
.animated { animation-duration: 1.5s; animation-fill-mode: both; }
.f32 { font-size: 22px; }
.white { color: #fff; }
.text_c { text-align: center; }
.fw6 { font-weight: 600;}
.tjxx{font-size: 13px;cursor: pointer;width: 100%;display: block;background: #ef7800;border: none;height: 37px;text-shadow: none;color: #fff;font-weight: bold;letter-spacing: 1px;}
h2 { font-size: 26px; line-height: 26px; }
.form-mobile lable { font-size: 13px; letter-spacing: 6px; line-height: 40px; }
.fw6 { font-weight: 600; }
#fw7 {color: rgb(255, 255, 255); width: 16%; float: left;}
.mobilenumber{float: none; width: 75%;}
.zx_btn { background: #ef7800 none repeat scroll 0 0; border: 1px solid #ef7800; border-radius: 30px; box-sizing: border-box; color: white !important; display: block; line-height: 1.7; margin: 20px auto; padding: 5px 1px; text-align: center; text-decoration: none !important; vertical-align: middle; white-space: nowrap; }
.m-header__mask { z-index: 10006; }
.mask { position: fixed; top: -100%; left: 0; right: 0; bottom: -100%; background: rgba(0, 0, 0, .4); z-index: 20000; }
.m-header__nav ul { border-radius: 4px; display: none; position: absolute; }
.m-header__nav ul li { display: block; }
.m-header__nav ul li i { font-size: 22px; margin-right: 10px; }
.m-header__nav ul::before { border-bottom: 8px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; position: absolute; width: 0; }
.m-header__nav.z-spread ul { display: block; }
.m-header__nav.z-noread::before { display: block; }
.m-header__nav-item { display: inline-block; margin-left: 9px; }
.m-header__nav-link .icon-font { color: #777; font-size: 28px; }
.m-header__nav-link a { font-size: 16px; position: relative; }
.m-header__nav-link.z-active::before { display: block; }
.m-header__nav-link .i-red-point { display: none; margin-left: 7px; margin-right: 0; position: relative; top: -1px; }
.m-header__nav-link.z-noread .i-red-point { display: inline-block; }
.u-search__reset { background: #8e8e93 none repeat scroll 0 0; border-radius: 8px; color: #fff; font-size: 12px; height: 16px; line-height: 16px; text-align: center; width: 16px; }
.u-button { background: #fff none repeat scroll 0 0; border-radius: 3px; color: #188eee; display: inline-block; font-size: 13px; line-height: 13px; text-align: center; }
.u-button::after { border: 1px solid #0079ff; border-radius: 6px; }
.u-button.z-active { background: #0079ff none repeat scroll 0 0; color: #fff; }
.u-button[disabled] { background: #fff none repeat scroll 0 0; color: #a6a6a6; opacity: 0.6; pointer-events: none; }
.u-search__btn { display: none; float: right; font-size: 16px; height: 30px; letter-spacing: 2px; line-height: 30px; margin: 7px 5px 4px 8px; position: relative; }
.u-search__btn::before { content: ""; display: block; height: 48px; left: -10px; position: absolute; top: -9px; width: 75px; }
.i-red-point { background-color: #ff3b30; border-radius: 9px; display: inline-block; height: 9px; width: 9px; }
.m-header__mask { z-index: 10006; }
.top-fixed { min-width: 320px; max-width: 640px; margin: 0 auto; position: fixed; top: 0; width: 100%; z-index: 10020; }