button, fieldset, img { border: none }
a, ins { text-decoration: none }
:focus, body { outline: 0 }
button, input[type=submit] { -webkit-appearance: none }
.onemsgleft, .will_translateY { -ms-transform: translateY(-50%) }
.container, body { min-width: 320px }
.top_nav ul, body { width: 100% }
.door_onelistright, .hd, .samebtns, .top_nav ul { overflow: hidden }
a.nowbook img, h3.nowright img, img { vertical-align: middle }
.contentm span { display: initial !important; }
.door_fourlists>p, .qgzexample_r p { text-indent: 2em }
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-shadow: none }
article, aside, blockquote, body, button, code, dd, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul { margin: 0; padding: 0 }
html { font-size:62.5%; }
body { margin: auto; max-width: 640px; background-color: #fff; color: #565656; font-size: 2.4rem; ; font-family: "Microsoft yahei"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
h1, h2, h3, h4, h5, h6 { font-weight: 400; font-size: 100% }
caption, th { text-align: left }
li, ul, ul li { list-style: none }
del { text-decoration: line-through }
button, input, optgroup, option, select, textarea { outline: 0; border: none; font-weight: inherit; font-style: inherit; font-size: inherit; font-family: inherit }
a { -webkit-touch-callout: none }
em, i { font-style: normal }
 input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
 margin:0
}
p { line-height:1.6em; }
.flex_parent { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex }
.flex_child { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }
.will_translateY { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) }
.will_translateX { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) }
.door_onelistleft, .onemsgleft { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%) }
.clear { clear: both }
/*.mt2 {

	margin-top: 3%

}*/

.fl { float: left }
.fr { float: right }
.block { display: block }
.none { display: none }
.bigbtn, .onecase img, .onecase span, .samebtns a, .top_nav ul li a { display: block }
img { margin: 0 auto; max-width: 100% }
html { min-height: 100% }
.container { position: relative; max-width: 640px; margin: 0 auto;  box-shadow: 0 0 .2rem #5D5C61
}
.bg_gray { background: #F1F1F1 }
.top_nav {  margin-top: .05rem
}
.top_nav li { float: left; text-align: center; width: 24.5%; background-color:#780C0A; }
.top_nav li.have_mleft { margin-left: .66% }
.top_nav li.have_mtop { margin-top: .66% }
.top_nav ul li a { font-size:2.4rem; color: #fff; padding:8% 0; cursor: pointer }
.top_nav ul li.selected a { color: #FFF100; font-weight: 700 }
.onelist li { position: relative; padding: 2% 0 }
 .onelist li:nth-of-type(1) {
 text-align: center;
 background-color: #B67C3D
}
.onelist li+li { background: #f1f1f1 }
.onemsgleft img { width: 92%; margin: 0 auto }
.onemsgleft h3 { color: #fff }
.onemsgleft { position: absolute; transform: translateY(-50%) }
.onemsgright p { /*	font-size: .2rem*/

}
.onemsgright a { color: #565656 }
.onemsgright a.color_red { font-size:2.4rem; color: #FD2A2A }
.onemsgright p a { margin-left: 4% }
.color_red { color: #FD2A2A }
.flex_growbig { -webkit-flex-grow: 5; -o-flex-grow: 5; -moz-flex-grow: 5; -ms-flex-grow: 5; flex-grow: 5 }
.oneborder { text-align: center; margin-top: 1% }
.oneborder span { padding: 1% 2%; margin: 0 auto; border: 1px dashed #B3B3B3; border-radius:10rem; }
 .door_onelist>li:nth-of-type(1), .door_title a {
 border-radius: .06rem
}
.onecase { padding: 0 2%; font-size: 2.2rem }
.onecase li { padding: 3% 0 }
.onecase span { text-align: center; margin-top: 1% }
.onecase img { width: 58%; }
.onecase li+li { margin-left: 1% }
.onecasebg_one { background: #DEEFEE; }
.onecasebg_one a { color: #4AA59E }
.onecasebg_two { background: #F8E2E4; }
.onecasebg_two a { color: #D36269 }
.onecasebg_three a { color: #AF5646 }
.onecasebg_four a { color: #4687D1 }
.onecasebg_three { background: #EBDCD9; }
.onecasebg_four { background: #DAE9F8; }
.door_title { position: relative }
.door_title a { position: absolute; background: #FDD000; color: #9A280D; border-radius:0.6rem; padding: 1% 1.5%; bottom: 35% }
.onebtn { right: 6% }
 .door_onelist li:nth-of-type(1) h3 {
 color: #fff;
 text-align: center;
 font-size: 2.2rem
}
.door_onelist>li { position: relative }
.door_onelistleft { width: 100%; position: absolute; -ms-transform: translateY(-50%); transform: translateY(-50%) }
.twoexpert_img, .twoexpert_right b:before { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); top: 50% }
.flex_doorone { -webkit-flex-grow: 4; -o-flex-grow: 4; -moz-flex-grow: 4; -ms-flex-grow: 4; flex-grow: 4 }
.have_mtop { margin-top: .5% }
.one_bgone { background: #B46454 }
.one_bgtwo { background: #47A49D }
.one_bgthree { background: #8D0E0F }
.one_bgfour { background: #B67C3D }
.door_onelistleft img { display: block; width:60%; margin: 0 auto }
.door_onelistright li a { color: #565656 }
.door_onelistright li { float: left; text-align: center; background: #f1f1f1; font-size: 2.2rem; padding: 3% 0 }
.width_01 { width: 30% }
.width_02 { width: 25% }
.width_03 { width: 44% }
.width_04 { width: 19% }
.width_05 { width: 56% }
.width_06 { width: 37% }
.width_07 { width: 31% }
.width_08 { width: 32% }
.width_09 { width: 35% }
.width_10 { width: 24% }
.door_onelistright li+li { margin-left: .5% }
.samebtns a { float: left; text-align: center; line-height: 1.4; border-radius: 10rem }
.samebtns_one, .twoexpert_left p { border: 1px solid #FDD000; overflow: hidden }
.online_btn { width: 30%; color: #fff; margin-left: 9% }
.samebtns_one { float:right !important; margin-right:12% }
.samebtns_one b { background: #FDD000; padding:4% 0; }
.samebtns_one b, .samebtns_one span { color: #8F140F; display:inline-block; height:100%; font-weight: 100; float: left }
.samebtns_one span { display: inline-block; padding:4% 0; background: #fff }
.btnbg_red { padding:2% 0; background: #8D0E0F }
.iconbg_one { width: 96%;  margin: .15rem auto 0;
height: 7px; background-image: url(../images/iconbg01.jpg) }
.door_two { padding: 3% 0 }
.twobtn { right: 10% }
.twoexpert { padding: 0 2% }
.twoexpert>li { position: relative }
.twoexpert_left p { margin-top:1% }
.threecase_btns a, .twoexpert_btn { border-radius: 10rem; text-align: center }
.twoexpert_left p a, .twoexpert_left p span { float: left; display: block; text-align: center; font-size: 2rem; font-weight: 100; padding: 0.5% 0 }
.twoexpert_left p span { width: 66%; background: #fff }
.twoexpert_left p em { color: #ED0002 }
.twoexpert_left p a { width: 34%; background: #FDD000; color: #92180E }
.twoexpert_right { padding-top:4%; margin-left: 0.5%; border-left: 1px solid #DBDBDB }
.twoexpert_right h3 { font-size: 4rem; font-weight: 700; padding-left: 2%; color: #8D0E0F }
.have_bbottom { border-bottom: 2px solid #8D0E0F }
.twoexpert_right p { font-size: 1.8rem; text-align:justify; padding-left: 2% }
.twoexpert_right p b { color: #8D0E0F; position: relative }
.twoexpert_btn { display: block; color: #fff; padding: 3% 0; position: relative; width: 80%; margin: 0 auto }
.twoexpert_img { width: 100%; position: absolute; -ms-transform: translateY(-50%); transform: translateY(-50%) }
.door_three img { display: block; width: 78%; margin: 0 auto }
#door_three-next, #door_three-prev, #door_three-nextz, #door_three-prevz { /*	width: .34rem;

	height: 1.14rem;

	background-size: 100% 100%;

	position: absolute;

	top: 1.8rem;
*/
}
.door_threemsg { padding: 3%; width: 98%; margin: 3% auto 0; font-size: 2.2rem }
.flex_three { -webkit-flex-grow: 1.4; -o-flex-grow: 1.4; -moz-flex-grow: 1.4; -ms-flex-grow: 1.4; flex-grow: 1.4 }
.dashed_bottom {
 padding-bottom: .15rem; border-bottom: 1px dashed #CACACA }
.have_mleft { margin-left: 13% }
.door_threelist { overflow: hidden; padding: 0 4% }
.door_threelistleft { float: left; width: 42.5% }
.door_threelistright { float: left; width: 54.5%; margin-left: 3% }
.door_threelistright li { line-height: 2 }
.door_threelistright li img {  width: .37rem;
 margin-right: .1rem
}
.have_dashedbottom { border-bottom: 1px dashed #D2A1A1 }
.threecase_btns { overflow: hidden; padding: 0 1% }
.threecase_btns a { float: left; display: block; line-height: 2; overflow: hidden }
.threecase_btns a b, .threecase_btns a span { padding: 0 1%rem; display: inline-block }
.threecase_btnsleft { border: 1px solid #8D0E0F; }
.threecase_btnsleft b { color: #585858; background: #fff; font-weight: 100 }
.threecase_btnsleft span { color: #fff; background: #8D0E0F }
.threecase_btnsright { color: #8D0E0F; border: 1px solid #FDD000; margin-left: 5% }
.threecase_btnsright span { background: #FDD000 }
.threecase_btnone { width: 47% }
.door_four { padding: 3% 0 }
.door_fourlists { padding: 0 2% }
.door_fourone, .door_fourtwo { display: block;  margin: .2rem auto
}
.door_fourone { width: 88% }
.door_fourtwo { width: 70%; }
.four_imgs { overflow: hidden; margin-top: 1% }
.four_imgs li { float: left; width: 49.5% }
.four_imgs li+li { margin-left: 1% }
.register_center>p { text-align: center }
.sixbtn {  right: .2rem
}
.register_center { padding: 3% 0 }
.register_center form { width: 80%; margin: 0 auto }
.register_center p { margin-top: 2% }
.register_center span { margin: 0 1.5% }
.git_input input { width: 65%; padding: 0 1%; color: #838383; border: 1px solid #C4C4C4 }
.git_home, .git_reset { padding:2% 6%; color: #fff;  border-radius: .06rem
}
.git_home { background-color: #FDD000; margin-left: 14% }
.git_reset { background-color: #942F2F; margin-left: 20% }
.door_footer { padding-bottom: 6.9rem }
.door_footer ul { padding: 0 2%; border-bottom: 1px solid #D7D6D6 }
.door_footer li a { display: block; padding:6% 0; text-align: center; color: #931D1E }
.door_footer p { font-size: 2rem; text-align: center }
 @media screen and (min-width:320px) and (max-width:359px) {
		/*  0.5    */
		html {
font-size:31.25%;
}
 .content14 .player {
width:258px;
height:167px;
}
}
@media screen and (min-width:360px) and (max-width:409px) {
		/*   0.56    */
		html {
font-size:35%;
}
 .content14 .player {
width:288px;
height:187px;
}
}
@media screen and (min-width:410px) and (max-width:479px) {
		/*  0.64    */
	html {
font-size:40%;
}
 .content14 .player {
width:330px;
height:214px;
}
}
@media screen and (min-width:480px) and (max-width:639px) {
		/*  0.75    */
		html {
font-size:47%;
}
 .content14 .player {
width:386px;
height:250px;
}
}