@charset "utf-8";
/* CSS Document */
/* common */
*{ margin:0; padding:0;}
body{Font-size:62.5%;font-family:Helvetica;font:16px/24px; font-family:"微软雅黑"; min-width:320px; max-width:640px; margin:0 auto;      font-smoothing: antialiased;-webkit-font-smoothing: subpixel-antialiased;
            -webkit-font-smoothing: antialiased;/*消除图标和文字锯齿*/
            -moz-osx-font-smoothing: grayscale;}
ul,ol{list-style:none; text-indent:0; list-style-position:outside;}
img{border:0px;}
b{font-weight:normal}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.clear{ clear:none;}

p{ margin:0; padding:0; border:0;}
		  
li{ list-style:none;}


.clear{ clear:both;}
		
a{ text-decoration:none; border:none;}

img{border:0; width:100%; margin:0; padding:0;}
/* link : style */
a{text-decoration:none;}
a:hover{text-decoration:none;}
/*clear*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}

.clear{ clear:both;}
body{
    margin:0 auto;
    width:100%;
    overflow-x:hidden;
	background-color:#c0c0c0;
}
.wrap,.wrap1{
    margin:0 auto;
    width:100%;
    max-width:640px;
    min-width:320px;
    overflow:hidden;
	background-color:#f4f4f4;
}
.wrap1{

	background-color:#fff;
}
.header{
    width:100%;
    transition:0.2s;
}

.content{ width:100%;}

.kec{  font-size:1.2em; float:left; width:25%; text-align:center;}

.kec a{ color:#333; display:block; width:100%; padding:0.3em 0;}

.kec a.ben{border-bottom:0.3em solid #f0a122;}

.w_7109{ width:71.09%; margin:0 auto;}



/*banner*/
.addWrap{ position:relative; width:100%;background:#fff;margin:0; padding:0;}
.addWrap .swipe{overflow: hidden;visibility: hidden;position:relative;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;}
.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}
#position{ position:absolute; bottom:0; right:0; padding-right:8px; margin:0; background:#000; opacity: 0.4; width:100%; filter: alpha(opacity=50);text-align:center;}
#position li{width:10px;height:10px;margin:0 2px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#AFAFAF;}
#position li.cur{background-color:#FF0000;}
.img-responsive { display: block; max-width:100%;height: auto;}


.part{
    margin:0 auto;
    width:100%;
    overflow:hidden;
}
.part .title{
	padding-top:6%;
	padding-bottom:6%;
    width:100%;
    text-align:center;
    background:url("../images/title-line.png") no-repeat center bottom;

}
.part .title h1{
    font-size:1.5em;
	font-weight:normal;
   
    color:#41464d;
}

.part .title h1 span{
    color:#f0a122;
}
.part .title p{
    font-size:0.9em;
    line-height:1.5em;
	color:#858585;
	margin-top:0.3em;
}
.part .title p span{
    color:#0096ff;
}

.part.bg2{
    background:#fff; margin-top:3%;
}




.g_sp{ width:87.5%; margin:0 auto; background:#f0a122; color:#fff; text-align:center; font-size:1.2em; font-weight:bold; padding:1% 0%; margin-bottom:1%;}

.g_sp span{ color:#FF0;}


.w_65468{ width:65.468%; margin:0 auto; padding:8% 0;}




/**============底部=================**/

#bottom{ text-align:center; background:#2d3236; color:#fff; padding:2% 0%; font-size:1em;}

#bottom p{ font-size:0.9em; width:73%; margin:0 auto;}






/*老师*/

.content{
    margin:0 auto;
    width:100%;
    position:relative;
}
.content .teacher{
    padding-bottom:30px;
    position:relative;
}
.content .teacher ul{
    width:100%;
}
.content .teacher ul li{
    float:left;
    width:5.555%;
    text-align:center;
}
.content .teacher ul li a{
    padding-bottom:16px;
    display:block;
    font-size:14px;
    height:14px;
    line-height:14px;
    position:relative;
    border-bottom:2px solid #cccccc;
}
.content .teacher ul li img{
    left:50%;
    margin-left:-5px;
    bottom:0;
    width:10px;
    height:5px;
    display:none;
    position:absolute;
}
.content .teacher ul li.act img{
    display:block;
}
.content .teacher ul li.act a{
    border-bottom:2px solid #ca4880;
}
.content .teacher .teacher-banner{
    margin:0px auto 0px;
    height:auto;
    overflow:hidden;
	width:85%;
}
.content .teacher .teacher-banner .swiper-container2 .swiper-slide{
    box-sizing:border-box;
    overflow:hidden;

}
.content .teacher .teacher-banner .box{
    margin:0 auto;
    width:95%;
    height:auto;
    overflow:hidden;
}
.content .teacher .teacher-banner .box img{
    width:100%;
    height:auto;
    display:block;
}
.content .teacher .teacher-banner .box .info{
    top:70%;
    width:100%;
    height:30%;
    position:absolute;
    transition:0.2s;
}
.content .teacher .teacher-banner .box .info h2{
    margin:0;
    padding:0;
    margin-left:4%;
    font-size:20px;
    line-height:20px;
    height:20px;
    overflow:hidden;
    color:#ffffff;
}
.content .teacher .teacher-banner .box .info h3{
    margin:0;
    padding:0;
    margin-left:4%;
    margin-top:6px;
    font-size:15px;
    line-height:15px;
    height:15px;
    overflow:hidden;
    color:#ffffff;
}
.content .teacher .teacher-banner .box .info p{
    margin:0;
    padding:0;
    margin-top:6px;
    margin-left:4%;
    line-height:13px;
    height:13px;
    overflow:hidden;
    font-size:0.7em;
    color:#ffffff;
}
.swiper-scrollbar {
    left:5%;
    bottom: 0px;
	width: 90%;
	height: 10px;
    background: rgba(0,0,0,0.1);
    border-radius: 5px;
    overflow:hidden;
    position:absolute;
}
.swiper-scrollbar-drag {
    height:100%;
    width:100%;
    background: rgba(0,0,0,0.5);
    background:#6e6e6e;
    border-radius: 5px;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}








/*就业*/
.choose {
    float:left;
    
    width:28%;
    height:10.5em;
    overflow:hidden; margin-left:4.5%; margin-bottom:5%;

}

.box{width:90%;
    height:7.3em;
    overflow:hidden;
    position:relative;border-radius:10px;}
.choose .box img{


    width:100%;
	height:auto;


    position:absolute;
}
.choose .box .info{
    bottom:0;
    width:100%;
    height:18%;
	padding:1% 0;
    position:absolute;
    background:#d24a28;
    background:rgba(210,74,40,0.8);
}

.choose .box:hover .info{background:#06bbbb;
    
	background:rgba(84,197,195,0.8);}


.choose .box .info p{
    font-size:1em;

    color:#ffffff;
    text-align:center;
}
.jz{ position:inherit; line-height:1.6em;}



/******************第二页面*****************/

.w_3515{ width:35.15%; margin:7% auto 0;}

#bx span{ color:#ff4e00;}






/*第三个页面*/

.s_g{ margin-top:8%;}


.s_g1{ margin-top:5%;}

/*手风琴*/
#col{width:100%;margin:0px auto 0 auto;clear:both;padding-bottom:50px;}
/* Homepage Style */
.sliderbox{ width:87.34%;margin:0 auto;overflow:hidden;}
.sliderbox a{color:#333;}
.sliderbox a:hover{color:#333;text-decoration:none;}
.sliderbox dt{height:3.3em; line-height:3.3em;cursor:pointer;background:#fff url(../images/newsclosedbg.gif) no-repeat; background-size:100%;}
.sliderbox .open{font-size:1em;background:url(../images/newsopenbgtop.gif) no-repeat; background-size:100%;cursor:default;}
.sliderbox .title{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:1.2em;color:#333;padding:0 0 0 40px;}
.sliderbox .date{font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#366a80;float:right;display:block;padding:10px 15px 0 0;}
.sliderbox dt:hover span{color:#333;}
.sliderbox .open:hover span{color:#333;}
.sliderbox .open:hover .date{color:#333;}
.sliderbox dd{font-family:Arial, Helvetica, sans-serif;font-size:0.9em;color:#666;padding:0;margin:0;position:relative;overflow:hidden;}
.sliderbox .text{padding:0 10px 35px 10px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:0.9em;color:#666; }


/*选项*/
.text .ti{margin:5% 0%;clear:none;}



.text .aniu{ float:left;  margin-bottom:5%; padding:0% 3%;}

/*.aniu {
            position: relative;
            line-height: 30px;
        }
        
        input[type="radio"] {
            width: 20px;
            height: 20px;
            opacity: 0;
        }
		input[type="radio"] {
            width: 20px;
            height: 20px;
            opacity: 0;
        }
        
        label {
            position: absolute;
            left: 5px;
            top: 9px;
            width: 1em;
            height: 1em;
            border-radius: 50%;
            border: 1px solid #999;
        }*/
        
        /*设置选中的input的样式*/
        /* + 是兄弟选择器,获取选中后的label元素*/
        /*input:checked+label { 
            background-color: #fff;
            border: 3px solid #efa123;
        }
        
        input:checked+label::after {
            position: absolute;
            content: "";
            width: 0.3em;
            height: 0.3em;
            top: 0.28em;
            left: 0.28em;
            border: 2px solid #f0ac27;
            border-top: none;
            border-left: none;
			background:#f0ac27;
			border-radius:50px;
        }

*/





/*视频页*/

.qbj{ background:#fff; overflow:hidden; margin-bottom:3%;}



/*优势*/

.fluid_div{ width:87.5%; margin:0 auto; background:#fff; margin-top:3%; padding-bottom:10%;}


.ys_content,.ys_content1{
	margin-bottom:12%;


    color: #080808;
}
.shi{ width:100%;  margin:0; padding:0;overflow:hidden;}

.shi .shi_tu{ width:16%; float:left; padding-bottom:12%; padding-right:4%;}

.shi .shi_tu img{}

.shi_nr{ width:80%; float:right; display:block;}

.shi_nr_bt .xm{ font-size:1.2em;}

.shi_nr_bt .zj{ color:#f0a122; font-size:1em;}


 .shi_nr_1{ font-size:0.8em; color:#707070; padding:3% 0%;}

.vedio{

    position:relative;
}
.vedio iframe{
    top:1%;
    left:0%;
    width:100%;
    height:100%;
    position:absolute;
}







.ys_wrap{ position: relative;transition: all .3s;}

ul.ys_lu , ul.ys_lu1{
    width:100%;
}

.ys_wrap dl{ clear:none; margin-top:3%; }

.ys_wrap dl dd:nth-child(1){ width:30%; float:left;  background:url(../images/r.jpg) no-repeat; background-size:12%; padding-left:4%; color:#989898; font-size:0.8em; margin-top:1%;}

.ys_wrap dl dd:nth-child(2){ float:right; font-size:0.9em; color:#414141;}


ul.ys_lu li , ul.ys_lu1 li{
    width:97%;
    height:3em;
    display: inline-block;
    position: relative;
    cursor: pointer;color:#656565;
    transition: all .3s;
	background:#f8f8f8;
	border:1px solid #f1f1f1;
	margin-top:1%;
	padding:3% 0% 1% 3%;
	

	
}
ul.ys_lu li p:nth-child(1),ul.ys_lu1 li p:nth-child(1){ font-size:1em;}
ul.ys_lu li p:nth-child(2),ul.ys_lu1 li p:nth-child(2){ font-size:0.8em;}





ul.ys_lu li.xz,ul.ys_lu1 li.xz{ background:#f0a122; color:#fff;}


.dy{ clear:none; margin:10% 0%; padding-bottom:1%;}

.dy p{ width:35%; float:left;cursor: pointer; border:1px solid #36c2a8; border-radius:0.4em; text-align:center; font-size:1.2em; margin-left:9.5%;}

.dy p a{ width:100%; padding:5% 0%; display:block; color:#36c2a8;}



/*************************考证***********************/


/*职称考试报名须知*/
.cj{ width:87.5%; margin:0 auto; margin-bottom:9%;}

.cj_bt{ clear:none; margin-bottom:6%;}

.cj_bt p:nth-child(1){ width:19%; background:#3eaab7; color:#fff; text-align:center; font-size:0.9em;font-weight:bold; float:left; padding:0.3% 0;}

.cj_bt p:nth-child(2){ width:80.89%; float:left;}

.kq{ margin-bottom:8%;}
.bjs p:nth-child(1){background:#f9485a;}




.cj p.c1{ width:47%; border:1px dashed #3eaab7;color:#3eaab7; font-size:0.8em; text-align:center; padding:3% 0;}
.cj p.c1:nth-child(1){ float:left; }
.cj p.c1:nth-child(2){ float:right;}
.cj p.c12{ width:47%; margin:0 auto; margin-top:5%; border:1px dashed #f9485a;color:#f9485a; font-size:0.8em; text-align:center; padding:3% 0;}


.cj p.c11{border:1px dashed #f9485a;color:#f9485a;}
.cj p span{ font-size:1.2em; font-weight:bold; line-height:1.8em;}


/*2017年会计职称政策解读;*/
.san_3,.jmyt,.bx,.xd,.zix,.jzt,.long,.sy,.dian{ width:87.5%; margin:0 auto;}

.san_3 div{ width:64%; margin-bottom:2%;}

.san_3 div > p:nth-child(1){ font-size:0.9em; color:#333;font-weight:bold; line-height:1.8em;}

.san_3 div > p:nth-child(2){ font-size:0.8em; color:#666; line-height:1.5em;}

.san_3 div.s_1{ background:url(../images/3_01.jpg) no-repeat; background-size:100%; padding:2% 10% 7% 26%;}

.san_3 div.s_2{ background:url(../images/3_03.jpg) no-repeat; background-size:100%; padding:2% 10% 7% 26%;}

.san_3 div.s_3{ background:url(../images/3_05.jpg) no-repeat; background-size:100%; padding:2% 10% 7% 26%;}


/*六大秘密*/

.jm{ width:22%; font-size:0.95em; color:#333; font-weight:bold; text-align:center;float:left; margin-bottom:9%;}

.jm p:nth-child(1){ width:72%; margin:0 auto;}

.jm p:nth-child(2){ margin-top:10%;}

.jm:nth-child(2),.jm:nth-child(5){ margin:0 17%;}


/*班型*/
.bx_a{ width:29.8%;  color:#fff; text-align:center; border-radius:10px; padding:2.5% 0;  float:left;}

.bx_1{  background:#ec323f; }

.bx_2{  background:#6083b9; margin:0 5%;}

.bx_3{  background:#f1ad28; }



.bx_a p{ margin-bottom:1.8%;}

.bx_a p:nth-child(1){ font-size:1.1em;font-weight:bold;}

.bx_a p:nth-child(2){ width:26%; margin:3% auto;}

.bx_a p:nth-child(3){ font-size:0.8em;font-weight:bold;}

.bx_a p:nth-child(4){ font-size:0.73em;}

/*下拉菜单*/

/*下拉*/





/*表单*/



.form { width: 87.5%; margin: 0 auto;}

.form li { margin-bottom: 10px;}

.form li input, .form li #btn_recode {
  width:85%;color: #a0a0a0;
   border:none;  background:#fff; border:2px solid #f0a122; border-radius:10px; padding:4% 0 4% 2%; font-size:1.2em;}
   
.btn_login{ text-align:right}

.btn_login a{ color:#fea245; font-weight:bold}
  
.fom_bom input{ border:none; width:100%;-webkit-appearance: none; border-radius:10px; background:#f78320; font-size:1.8em; margin-top:3%; line-height:1.8em; color:#fff; }



.select { width:58%;  padding:2% 0 2% 2%; background:none; border:none; font-size:1.2em;color: #a0a0a0;} 
    
#sleHid { display:block; width:180%; overflow:hidden; }     

#sleBG { width:99%;   border:2px solid #f78320; border-radius:10px;  background:url(../images/lb.jpg) #fff no-repeat;background-position:23em 1.5em; background-size:1em; display:block;}


.select option{ width:70%;}



/*选对>努力*/
.xd{ color:#fff; font-size:0.8em; background:url(../images/ren.jpg) no-repeat;background-position:7.5em 0em; background-size:14em; padding-bottom:11%;}

.xd ul{ padding:1%; width:27%;}

.xd ul p{border-radius:5px;  padding-top:5px; display:block; margin-top:15%; margin-bottom:8%;}

.xd ul p span{padding:2% 10%;border-radius:5px;}

.xd .hong_z{ float:left;}

.xd .hong_y{ float:right;}

.xd .hong_y p{  overflow:hidden; margin-top:11%; margin-bottom:8%;}

.xd .hong_z p span{ background:#f92323;}

.xd .hong_y p span{ background:#82a0ba; float:right;}

/*CPA考试资讯*/


.zix{ background:url(../images/zix.jpg) no-repeat; background-position:0em 0em; background-size:100%; font-size:0.8em; color:#8d8578;}

.zix p{ width:24%; float:left; margin-left:7%;  padding-bottom:10%; padding-top:18%;}


.zix p:nth-child(1){ margin-left:%;}

.zix p:nth-child(2){  padding-top:21%;}

.zix p:nth-child(3){margin-left:5%; }


/*达内核心优势，让CPA变“简单”*/



.jzt div{ width:46.78%; height:9.5em; font-size:0.9em; color:#5a5a5a; line-height:1.6em; margin-bottom:1.8em;}


.jzt div p{ width:66%; font-size:0.9em; padding:4.3em 2em 3em 4.5em; color:#5a5a5a; line-height:1.6em; }

.jzt div:nth-child(1n){ float:left;}
.jzt div:nth-child(2n){ float:right;}

.jzt div:nth-child(1){ background:url(../images/sj_01.jpg) no-repeat; background-position:0em 0em; background-size:100%;}

.jzt div:nth-child(2){ background:url(../images/sj_03.jpg) no-repeat; background-position:0em 0em; background-size:100%;}

.jzt div:nth-child(3){ background:url(../images/sj_07.jpg) no-repeat; background-position:0em 0em; background-size:100%;}

.jzt div:nth-child(4){ background:url(../images/sj_09.jpg) no-repeat; background-position:0em 0em; background-size:100%;}

.jzt div:nth-child(5){ background:url(../images/sj_13.jpg) no-repeat; background-position:0em 0em; background-size:100%;}

.jzt div:nth-child(6){ background:url(../images/sj_15.jpg) no-repeat; background-position:0em 0em; background-size:100%;}


.jzt div:nth-child(1) p{padding:4.3em 2em 3em 4.5em;}

.jzt div:nth-child(2) p{padding:4.3em 2em 3em 4.5em;}

.jzt div:nth-child(3) p{padding:3.6em 2em 3em 4.5em;}

.jzt div:nth-child(4) p{padding:3.6em 2em 3em 4.5em;}

.jzt div:nth-child(5) p{padding:3.6em 2em 3em 4.5em;}

.jzt div:nth-child(6) p{padding:3.6em 2em 3em 4.5em;}

/*达内真账实操，打造实战派*/

.long{background:url(../images/long.jpg) no-repeat; background-size:100%; padding-top:3em; overflow:hidden;}

.long dl{ width:61%; margin:0 auto; margin-bottom:2em; color:#fff;}

.long dl dt{ border-left:0.15em solid #fff; margin-bottom:0.1em; padding-left:0.4em; line-height:1em; font-weight:bold;}

.long dl dd{ font-size:0.8em; line-height:1.7em;}

/*实战从业者的黄金时代*/

.sy div p{ width:42%; font-size:0.85em; color:#9ea5b1; padding:1.3em 0 1.3em 5.3em;}

.sy div:nth-child(1){ background:url(../images/sy_01.jpg) no-repeat; background-position:0em 0em; background-size:100%;}

.sy div:nth-child(2){ background:url(../images/sy_02.jpg) no-repeat; background-position:0em 0em; background-size:100%;}

.sy div:nth-child(3){ background:url(../images/sy_03.jpg) no-repeat; background-position:0em 0em; background-size:100%;}

.sy div:nth-child(1) span{ color:#ffb236;}

.sy div:nth-child(2) span{ color:#28b991;}

.sy div:nth-child(3) span{ color:#eb3c8d;}

.sy div:nth-child(2) p{ padding:1.3em 0 1.3em 10em;}

.sy div:nth-child(3) p{ padding:1.3em 0 4.3em 5.3em;}

/*4个月经历完整会计生态链*/
.dian{ background:url(../images/tiao.jpg) no-repeat; background-position:0em 0em; background-size:100%; padding-bottom:6.5em;}

.dian .dian_z{ width:39.5%; padding-top:5.8em; margin-left:1em; float:left;}

.dian_z div:nth-child(1){ margin-bottom:1.4em;}

.dian_z div p:nth-child(1),.dian_y div p:nth-child(1){ text-align:center; color:#fff;}

.dian_z div p:nth-child(2),.dian_y div p:nth-child(2){ font-size:0.8em; margin:1.5em 0; color:#333;}

.dian_z div p:nth-child(3),.dian_y div p:nth-child(3){ background:url(../images/jt.jpg) no-repeat; background-position:0em 0.2em; background-size:1em; color:#7091c9;font-size:0.75em; padding-left:1.3em;}


.dian .dian_y{ width:39.5%; padding-top:1em; margin-right:1em; float:right;}

.dian_y div:nth-child(1){ margin-bottom:1.4em;}

.dian_y div:nth-child(2){ margin-bottom:2.2em;}




















/* CSS Document */


@media screen and (max-width: 320px) {
	
   html{font-size:62.5%; /* 10÷16=62.5% */} 

   body{font-size:16px;font-size:1.1em ; /* 12÷10=1.2 */}
/*达内真账实操，打造实战派*/
	.xd{  background:url(../images/ren.jpg) no-repeat;background-position:7.5em 0em; background-size:15.5em;}

.long dl{margin-bottom:2.1em;}

.dian .dian_z{ padding-top:5.5em;}
.dian_z div:nth-child(1){ margin-bottom:1em;}

.dian_y div:nth-child(1){ margin-bottom:1em;}

.dian_y div:nth-child(2){ margin-bottom:1em;}




	} 


/********************************************** 宽度320px~360px之间样式设定 *********************************************/


@media screen and (min-width: 321px) and (max-width: 360px) {
	
   html{font-size:62.5%; /* 10÷16=62.5% */} 

   body{font-size:16px;font-size:1.1em ; /* 12÷10=1.2 */}
   
   
	/*侧边栏*/


	.xd{  background:url(../images/ren.jpg) no-repeat;background-position:7.5em 0em; background-size:16em;}
/*达内真账实操，打造实战派*/


.dian_y div:nth-child(1){ margin-bottom:1em;}

.dian_y div:nth-child(2){ margin-bottom:1.3em;}



	}    



/********************************************** 宽度360px~400px之间样式设定 *********************************************/


@media screen and (min-width: 360px) and (max-width: 400px) {

	html{font-size:62.5%; /* 10÷16=62.5% */} 
		
	body{font-size:16px;font-size:1.2em ; /* 12÷10=1.2 */}
	.jzt div{ height:10em;}
    .long dl{margin-bottom:2.4em;
	}    

}    
@media screen and (min-width: 361px) and (max-width: 375px) {.long dl{margin-bottom:2.6em;}
	.xd{  background:url(../images/ren.jpg) no-repeat;background-position:7.5em 0em; background-size:16em;}


.dian_z div:nth-child(1){ margin-bottom:1.6em;}


.dian_y div:nth-child(1){ margin-bottom:1.5em;}

.dian_y div:nth-child(2){ margin-bottom:1.8em;}







} 

@media screen and (min-width: 376px) and (max-width: 414px) {.long dl{margin-bottom:2.3em;}

	.xd{  background:url(../images/ren.jpg) no-repeat;background-position:7.5em 0em; background-size:14.5em;}

.dian_z div:nth-child(1){ margin-bottom:1.5em;}



.dian_y div:nth-child(2){ margin-bottom:2em;}







} 

/********************************************** 宽度401px~420px样式设定 *********************************************/

@media screen and (min-width: 400px) and (max-width: 420px) {

	html{font-size:62.5%; /* 10÷16=62.5% */} 
		
	body{font-size:16px;font-size:1.4em ; /* 12÷10=1.2 */}

	}    


/********************************************** 宽度421px~450px样式设定 *********************************************/

@media screen and (min-width: 420px) and (max-width: 450px) {

	html{font-size:62.5%; /* 10÷16=62.5% */} 
		
	body{font-size:16px;font-size:1.4em ; /* 12÷10=1.2 */}
		
	/*.hou{top:59%;}*/


	}    

/********************************************** 宽度401px~420px样式设定 *********************************************/

@media screen and (min-width: 450px) and (max-width: 480px) {

	html{font-size:62.5%; /* 10÷16=62.5% */} 
		
	body{font-size:16px;font-size:1.5em ; /* 12÷10=1.2 */}
		
	/*.hou{top:59%;}*/


	}    
/********************************************** 宽度401px~420px样式设定 *********************************************/

@media screen and (min-width: 480px) and (max-width: 500px) {

	html{font-size:62.5%; /* 10÷16=62.5% */} 
		
	body{font-size:16px;font-size:1.6em ; /* 12÷10=1.2 */}
		
	/*.hou{top:59%;}*/


	}    


@media screen and (min-width: 500px) and (max-width: 520px) {

	html{font-size:62.5%; /* 10÷16=62.5% */} 
		
	body{font-size:16px;font-size:1.7em ; /* 12÷10=1.2 */}
		


	}    
@media screen and (min-width: 520px) and (max-width: 550px) {

	html{font-size:62.5%; /* 10÷16=62.5% */} 
		
	body{font-size:16px;font-size:1.8em ; /* 12÷10=1.2 */}
		
	/*.hou{top:59%;}*/


	}    
@media screen and (min-width: 550px) and (max-width: 570px) {

	html{font-size:62.5%; /* 10÷16=62.5% */} 
		
	body{font-size:16px;font-size:1.9em ; /* 12÷10=1.2 */}
		
	/*.hou{top:59%;}*/

	}    
@media screen and (min-width: 570px) and (max-width: 600px) {

	html{font-size:62.5%; /* 10÷16=62.5% */} 
		
	body{font-size:16px;font-size:2em ; /* 12÷10=1.2 */}
		
	/*.hou{top:59%;}*/

	}    
@media screen and (min-width: 600px) and (max-width: 630px) {

	html{font-size:62.5%; /* 10÷16=62.5% */} 
		
	body{font-size:16px;font-size:2.1em ; /* 12÷10=1.2 */}
		
	/*.hou{top:59%;}*/

	}    

@media screen and (min-width: 630px) and (max-width: 640px) {

	html{font-size:62.5%; /* 10÷16=62.5% */} 
		
	body{font-size:16px;font-size:2.2em ; /* 12÷10=1.2 */}
		
	/*.hou{top:59%;}*/

	}    


@media screen and (min-width: 640px) {
	
	html{font-size:62.5%; /* 10÷16=62.5% */} 
		
	body{font-size:16px;font-size:2.2em ; /* 12÷10=1.2 */}
		
	/*.hou{top:59%;}*/
	} 
/*@media screen and (max-width: 375px) {.long dl{margin-bottom:2.8em;}} 

@media screen and (max-width: 414px) {.long dl{margin-bottom:2.4em;}} 
*/