@charset "utf-8";

/*-- Public CSS --*/
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,form,input,th,td,p,pre{margin:0;padding:0; border:0; -webkit-text-size-adjust:100%;}

table{border-collapse:collapse;}

img,video{border:none; vertical-align:top;}

ul, ol, li{list-style:none}

a{text-decoration:none;-webkit-tap-highlight-color:transparent; color:#333;}

h1, h2, h3, h4, h5, h6, b, i, em  {font-size:100%;font-style:normal; font-weight: normal}

textarea{ resize:none; overflow:auto; }

input,textarea,select,lable,textarea{ outline:none; border:none;padding:0; margin:0;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;appearance: none; border-radius: 0;}

textarea { -webkit-appearance: none;} 

.block10{ clear:both; width:100%; height:10px;}

.block14{ clear:both; width:100%; height:14px;}

.block20{ clear:both; width:100%; height:20px;}

.fl{float:left;}

.fr{float:right;}

.clear{zoom:1;}

.clear:after{content:"";display:block;clear:both;visibility:hidden;}

.img-responsive{ display: block;height: auto; max-width: 100%; margin:auto;}

html { font-size: 625%;}

body{ font-size:.26rem; line-height: .36rem; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;  color:#353535; -webkit-text-size-adjust: none; background: #fefeff;}

.main{ margin:0 auto; min-width:320px; max-width:640px; overflow:hidden; position: relative;}

/*表单样式*/
.yy-course{ background: url(../images/bdbg.png) no-repeat; background-size:contain; padding: .4rem 0; border-bottom: 1px solid #fff0dd;}
.bdtitle{ text-align: center;}
.bdtitle p:nth-child(2){  padding-top: .2rem;}
.yy-course  input{ display: block; width:80%; margin: .3rem auto 0; height: .6rem; line-height: .6rem; background: #fff; border-radius:30px; text-align: center}
.yy-course  input[type="text"],.yy-course  input[type="number"]{ border: 1px solid #ccc; font-size: .24rem;}
.yy-course  input[type="button"]{  color: #fff; border: 1px solid #ff6941; font-size: .3rem; text-shadow: 2px 2px 2px #f87f00;}


.yy-yellow{ background-color:#fffee6; }
.yy-yellow .bdtitle p:nth-child(1){ color: #ff7401; font-weight: bold; font-size: .45rem;}
.yy-yellow .bdtitle p:nth-child(2){  font-size: .3rem;  line-height: .45rem;}
.yy-yellow  input[type="button"]{background: #ff7c05; background: linear-gradient(#ff960f, #ff7200);}

.yy-orange{ background-color:#ff8308; }
.yy-orange .bdtitle p:nth-child(1){ color: #515151; font-weight:normal; font-size: .32rem;}
.yy-orange .bdtitle p:nth-child(2){  font-size: .46rem; color: #fff;}
.yy-orange  input[type="button"]{background: #ffe30e; background: linear-gradient(#ffe30e, #ff9f01);}



/*手机超小屏幕下的单独样式*/
@media (max-width: 349px){
    html{font-size: 50px;}
}    

@media (min-width: 350px) and (max-width: 414px){ 
}  

@media (min-width: 415px) and (max-width: 561px){ 
}  

@media (min-width: 562px){     
}






/* 字体设置 JS没加载时使用 */
/* 防止刚打开页面，整字体太大,影响视觉效果 */
@media(max-width: 349px){ 
    html{ font-size: 50px; } 
} 
@media (min-width: 350px) and (max-width: 374px){ 
    html{ font-size: 54px; } 
} 
@media (min-width: 375px) and (max-width: 392px){ 
    html{ font-size: 58px; } 
} 
@media (min-width: 393px) and (max-width: 400px){ 
    html{ font-size: 61px; } 
} 
@media (min-width: 401px) and (max-width: 561px){ 
    html{ font-size: 65px; } 
} 
@media (min-width: 562px) and (max-width: 639px){     
    html{ font-size: 87px; } 
}
@media (min-width: 640px){
    html{ font-size: 100px; } 
}