/* 通用--------------------------------------------------------------------------------------------------手机 */

body {

font-family: Arial, Helvetica, sans-serif;

font-family: "微软雅黑";

background-color: #FFF;

}

.sing{

border: 2px solid #FFF;

}

.top {

margin-top: 30px;

}

.top_5 {

margin-top: 5%;

}

.top_10 {

margin-top: 10%;

}

.top_15 {

margin-top: 15%;

}

.top_20 {

margin-top: 20%;

}

.top_20 {

margin-top: 20%;

}

.top_25 {

margin-top: 25%;

}

.top_30 {

margin-top: 30%;

}

.top_35 {

margin-top: 35%;

}

.top_40 {

margin-top: 40%;

}

.top_45 {

margin-top: 45%;

}

.top_50 {

margin-top: 50%;

}

.top_55 {

margin-top: 55%;

}

.top_60 {

margin-top: 60%;

}

.top_65 {

margin-top: 65%;

}

.kj_tc {

padding-top: 15px;

}

.wz_hj_2 {

line-height: 1em;

}

.wz_bt_1 {

font-size: 14px;

}

.wz_bt_2 {

font-size: 16px;

}

.wz_bt_3 {

font-size: 10px;

}

.wz_dl_1 {

font-size: 12px;

}

.wz_dl_2 {

font-size: 10px;

}

.wz_dl_3 {

font-size: 10px;

}

.wz_ys_hs {

color: #CCC;

}

.wz_ys_shs {

color: #666;

}

.wz_ys_white {

color: #fff;

}

.wz_ys_kfz {

color: #8d381c;

}

.wz_ys_violet {

color: #743c63;

}

.wz_ys_green {

color: #1AC8C1;

}

.wz_ys_Red {

color: #EC5393;

}

.wz_ys_red {

color: #b90060;

}

.wz_ys_black {

color: #000;

}

.wz_ys_pink {

color: #f4c4d2;

}

.wz_ys_zs {

color: #d3a0b9;

}

.wz_ys_dz {

color: #bea0f5;

}

.bj_ys_qhs_1 {

background-color: #f2f2f2;

}

.bj_ys_qhs_2 {

background-color: #fafafa;

}

.bj_ys_violet {

background-color: #743c63;

}

.bj_ys_green {

background-color: #1AC8C1;

}

.bj_ys_Red {

background-color: #EC5393;

}

.bj_ys_red {

background-color: #b90060;

}

.bj_ys_pink {

background-color: #f4c4d2;

}

.bj_ys_black {

background-color: #000;

}

.bj_ys_dz {

background-color: #bea0f5;

}

.bj_ys_zs {

background-color: #d3a0b9;

}

.dq_nr_left {

text-align: left;

}

.dq_nr_right {

text-align: right;

}

.dq_nr_center {

text-align: center;

 font-size:0.8rem;
}

.dq_kj_left {

float: left;

}

.dq_kj_right {

float: right;

}

.kj_bt {

text-align: center;

color: #FFF;

line-height: 150%;

margin-top: 15px;

clear: both;

}

.kj_w100 {

width: 100%;

position: relative;

margin-right: auto;

margin-left: auto;

clear: both;

height: auto;

}

.kj_w999 {

width: 95%;

margin-right: auto;

margin-left: auto;

padding-top: 2px;

clear: both;

}

.kj_w90 {

width: 95%;

margin-right: auto;

margin-left: auto;

padding-top: 5px;

clear: both;

}

.kj_w90_1 {

width: 95%;

margin-right: auto;

margin-left: auto;

clear: both;

}

.kj_w95 {

width: 95%;

margin-right: auto;

margin-left: auto;

}

.kj_w60 {

width: 58%;

margin-left: 1%;

}

.kj_w60_hb {

width: 60%;

margin-top: 10%;

}

.kj_w50 {

	width: 100%;

}

.kj_w40 {

width: 40%;

}

.kj_w33 {

width: 50%;

}

.kj_w25 {

width: 50%;

}

.qcdq {

clear: both;

}

.kj_top {

margin-top: 15px;

margin-bottom: 15px;

}

.kj_jddw {

position: absolute;

left: 0px;

top: 0px;

height: auto;

width: 100%;

z-index: 1;

clear: both;

}

.kxya_kj_1{

width: 90%;

margin-right: auto;

margin-left: auto;

}

.kxys_imgX2{

width: 46%;

border: thin solid #CCC;

float: left;

margin: 1%;

} 

.kxys_imgX3{

width: 30%;

border: thin solid #CCC;

float: left;

margin: 1%;

}

.kxys_imgX3_green{

width: 30%;

border: thin solid #1AC8C1;

float: left;

text-align: center;

line-height: 150%;

background-color: #1AC8C1;

color: #FFF;

margin-right: 1%;

margin-left: 1%;

margin-bottom: 1%;

}

.kxys_imgX3_violet{

width: 30%;

border: thin solid #743c63;

float: left;

text-align: center;

line-height: 150%;

background-color: #743c63;

color: #FFF;

margin-right: 1%;

margin-left: 1%;

margin-bottom: 2%;

}

.kxys_imgX3_Red{

width: 30%;

border: thin solid #EC5393;

float: left;

text-align: center;

line-height: 150%;

background-color: #EC5393;

color: #FFF;

margin-right: 1%;

margin-left: 1%;

margin-bottom: 2%;

}

.kxys_imgX3_khaki{

width: 30%;

border: thin solid #e3d7c6;

float: left;

text-align: center;

line-height: 150%;

background-color: #e3d7c6;

color: #FFF;

margin-right: 1%;

margin-left: 1%;

margin-bottom: 2%;

}

.kxys_imgX3_black{

width: 30%;

border: thin solid #000;

float: left;

text-align: center;

line-height: 150%;

background-color: #000;

color: #FFF;

margin-right: 1%;

margin-left: 1%;

margin-bottom: 2%;

}

.kxys_imgX4{

width: 22.2%;

border: thin solid #CCC;

float: left;

margin: 1%;

text-align: center;

}

.kxys_imgX4_black{

width: 22.2%;

border: thin solid #000;

float: left;

text-align: center;

line-height: 150%;

background-color: #000;

color: #FFF;

margin-right: 1%;

margin-left: 1%;

margin-bottom: 2%;

}

.kxys_imgX4_pink{

width: 22.2%;

border: thin solid #f4c4d2;

float: left;

text-align: center;

line-height: 150%;

background-color: #f4c4d2;

color: #FFF;

margin-right: 1%;

margin-left: 1%;

margin-bottom: 2%;

}

.kxys_imgX4_violet{

width: 22.2%;

border: thin solid #743c63;

float: left;

text-align: center;

line-height: 150%;

background-color: #743c63;

color: #FFF;

margin-right: 1%;

margin-left: 1%;

margin-bottom: 2%;

}

.kxys_imgX4_khaki{

width: 22.2%;

border: thin solid #e3d7c6;

float: left;

text-align: center;

line-height: 150%;

background-color: #e3d7c6;

color: #FFF;

margin-right: 1%;

margin-left: 1%;

margin-bottom: 2%;

}

.kxys_imgX4_red{

width: 22.2%;

border: thin solid #b90060;

float: left;

text-align: center;

line-height: 150%;

background-color: #b90060;

color: #FFF;

margin-right: 1%;

margin-left: 1%;

margin-bottom: 2%;

}

.kxys_imgX4_dz{

width: 22.2%;

border: thin solid #bea0f5;

float: left;

text-align: center;

line-height: 150%;

background-color: #bea0f5;

color: #FFF;

margin-right: 1%;

margin-left: 1%;

margin-bottom: 2%;

}

.kxys_imgX4_White{

width: 22.2%;

border: thin solid #000;

float: left;

text-align: center;

line-height: 150%;

margin-right: 1%;

margin-left: 1%;

margin-bottom: 2%;

}

.jingyin_1 {

width: 100%;

margin-right: auto;

margin-left: auto;

height: 400px;

vertical-align: middle;

text-align: center;

display: block;

color: #666;

background-color: #ebebeb;

}

.jingyin_2 {

float: left;

width: 49%;

height: 100px;

vertical-align: middle;

font-size: 14px;

border: thin solid #FFF;

}

.kxys_wzX2_violet {

width: 46%;

border: thin solid #743c63;

float: left;

text-align: center;

line-height: 150%;

background-color: #743c63;

color: #FFF;

margin-right: 1%;

margin-left: 1%;

margin-bottom: 2%;

}

.kxys_wzX2_black {

width: 46%;

border: thin solid #743c63;

float: left;

text-align: center;

line-height: 150%;

background-color: #000000;

color: #FFF;

margin-right: 1%;

margin-left: 1%;

margin-bottom: 2%;

}

.kxys_wzX2_pink {

width: 46%;

border: thin solid #f4c4d2;

float: left;

text-align: center;

line-height: 150%;

background-color: #f4c4d2;

color: #FFF;

margin-right: 1%;

margin-left: 1%;

margin-bottom: 2%;

}

.kxys_wzX2_Red {

width: 46%;

border: thin solid #EC5393;

float: left;

text-align: center;

line-height: 150%;

background-color: #EC5393;

color: #FFF;

margin-right: 1%;

margin-left: 1%;

margin-bottom: 2%;

}

.kxys_wzX2_grenn {

width: 46%;

border: thin solid #1AC8C1;

float: left;

text-align: center;

line-height: 150%;

background-color: #1AC8C1;

color: #FFF;

margin-right: 1%;

margin-left: 1%;

margin-bottom: 2%;

}

.hb_img {

width: 100%;

}

.logo_1 {

float: left;

width: 30%;

}

.logo_2 {

float: right;

width: 60%;

text-align: right;

}

.tubiao {

float: left;

width: 30px;

height: 30px;

text-align: center;

padding-top: 5px;

border-radius: 3px;

}

.cpcs {

padding-top: 10px;

padding-bottom: 10px;

}

.maidian_bt {

float: left;

line-height: 250%;

margin-left: 2%;

}

.maidian_nr {

clear: both;

}

.sysm_2{

border-right-width: thin;

border-right-style: solid;

border-right-color: #666;

padding-left: 10px;

}

.sysm_3 {

float: right;

width: 98%;

padding-left: 20px;

padding-bottom: 30px;

}

.sysm_4 {

float: left;

width: 33%;

}

.sysm_4_1 {

text-align: right;

margin-top: 15%;

margin-right: 10px;

}

.sysm_4_2 {

text-align: right;

margin-top: 22%;

margin-right: 10px;

}

.sysm_4_3 {

text-align: left;

margin-top: 15%;

margin-left: 10px;

}

.sysm_4_4 {

text-align: left;

margin-top: 43%;

margin-left: 10px;

}

.sysm_4_5 {

text-align: right;

margin-top: 22%;

margin-right: 10px;

}

.sysm_4_6 {

text-align: left;

margin-top: 27%;

margin-left: 10px;

}

.sysm_4_7 {

text-align: left;

margin-top: 72%;

margin-left: 10px;

}

.sysm_4_8 {

text-align: right;

margin-top: 55%;

margin-left: 10px;

}

.sysm_4_9 {

text-align: right;

margin-top: 65%;

margin-left: 10px;

}

/* 通用--------------------------------------------------------------------------------------------------MID */

@media (min-width: 320px) {

.wz_bt_1 {

font-size: 16px;

}

.wz_bt_2 {

font-size: 14px;

}

.wz_bt_3 {

font-size: 12px;

}

.wz_dl_1 {

font-size: 14px;

}

.wz_dl_2 {

font-size: 12px;

}

.wz_dl_3 {

font-size: 10px;

}

.kj_w90 {

width: 95%;

margin-right: auto;

margin-left: auto;

padding-top: 10px;

clear: both;

}

.jingyin_1 {

width: 100%;

margin-right: auto;

margin-left: auto;

height: 400px;

vertical-align: middle;

text-align: center;

display: block;

color: #666;

background-color: #ebebeb;

}

.jingyin_2 {

float: left;

width: 49%;

height: 100px;

vertical-align: middle;

font-size: 14px;

}	

.tubiao {

float: left;

width: 30px;

height: 30px;

padding-top: 4px;

text-align: center;

}

}



/* 通用--------------------------------------------------------------------------------------------------MID */

@media (min-width: 480px) {

.hb_img {

width: 75%;

}

.logo_1 {

float: left;

width: 22%;

}

.logo_2 {

float: right;

width: 50%;

text-align: right;

}

.wz_bt_1 {

font-size: 28px;

}

.wz_bt_2 {

font-size: 24px;

}

.wz_bt_3 {

font-size: 20px;

}

.wz_dl_1 {

font-size: 18px;

}

.wz_dl_2 {

font-size: 14px;

}

.wz_dl_3 {

font-size: 12px;

}

.kj_w90 {

width: 95%;

margin-right: auto;

margin-left: auto;

padding-top: 10px;

clear: both;

}

.jingyin_1 {

width: 100%;

margin-right: auto;

margin-left: auto;

height: 200px;

vertical-align: middle;

text-align: center;

display: block;

color: #666;

background-color: #ebebeb;

}

.jingyin_2 {

float: left;

width: 24.5%;

height: 100px;

vertical-align: middle;

font-size: 14px;

}	

.tubiao {

float: left;

width: 50px;

height: 50px;

padding-top: 8px;

text-align: center;

}

}



/* 通用--------------------------------------------------------------------------------------------------MID */

@media (min-width: 640px) {

.logo_1 {

float: left;

width: 25%;

}

.logo_2 {

float: right;

width: 45%;

text-align: right;

}

.wz_bt_1 {

font-size: 30px;

}

.wz_bt_2 {

font-size: 28px;

}

.wz_bt_3 {

font-size: 24px;

}

.wz_dl_1 {

font-size: 20px;

}

.wz_dl_2 {

font-size: 18px;

}

.wz_dl_3 {

font-size: 16px;

}

.kj_w50 {

width: 50%;

}

.kj_w33 {

width: 33%;

}

.kj_w90 {

width: 95%;

margin-right: auto;

margin-left: auto;

padding-top: 10px;

clear: both;

}

.jingyin_1 {

width: 100%;

margin-right: auto;

margin-left: auto;

height: 100px;

vertical-align: middle;

text-align: center;

display: block;

color: #666;

background-color: #ebebeb;

}

.jingyin_2 {

float: left;

width: 13.9%;

height: 100px;

vertical-align: middle;

font-size: 14px;

}	

.tubiao {

float: left;

width: 60px;

height: 60px;

padding-top: 8px;

text-align: center;

}

}



/* 通用--------------------------------------------------------------------------------------------------笔记�? */

@media (min-width: 750px) {

.logo_1 {

float: left;

width: 20%;

}

.logo_2 {

float: right;

width: 30%;

text-align: right;

}

.wz_bt_1 {

font-size: 35px;

}

.wz_bt_2 {

font-size: 30px;

}

.wz_bt_3 {

font-size: 24px;

}

.wz_dl_1 {

font-size: 20px;

}

.wz_dl_2 {

font-size: 18px;

}

.wz_dl_3 {

font-size: 16px;

}

.kj_w50 {

width: 50%;

}

.kj_w33 {

width: 33%;

}

.kj_w25 {

width: 50%;

}

.kj_w90 {

width: 95%;

margin-right: auto;

margin-left: auto;

padding-top: 5%;

clear: both;

}

.cpcs {

padding-bottom: 10px;

padding-left: 10px;

}

.wz_hj_150 {
width:50%;
line-height:2.4rem;

}

.tubiao {

float: left;

width: 70px;

height: 70px;

padding-top: 8px;

text-align: center;

}

}



/* 通用--------------------------------------------------------------------------------------------------PC */

@media (min-width: 950px) {

.wz_bt_1 {

font-size: 40px;

}

.wz_bt_2 {

font-size: 35px;

}

.wz_bt_3 {

font-size: 24px;

}

.wz_dl_1 {

font-size: 20px;

}

.wz_dl_2 {

font-size: 18px;

}

.wz_dl_3 {

font-size: 16px;

}

.kj_w90 {

width: 95%;

margin-right: auto;

margin-left: auto;

padding-top: 5%;

clear: both;

}

.kj_w50 {

width: 50%;

}

.kj_w25 {

width: 50%;

}

.wz_hj_150 {
 width:50%;
line-height:1.8rem!important;

}	

}



@media (min-width: 1200px) {

.kj_w100 {

width: 1200px;

position: relative;

margin-right: auto;

margin-left: auto;

clear: both;

}







}

/* Tyler ------------------------------------------------------------------------------------------------------Tyler  */	

.Tyler {

width:90%;

margin-top: 3%;

margin-right: auto;

margin-left: auto;

}

.Tyler_01 {

width:40%;

margin-right: auto;

margin-left: auto;

}

.Tyler_02 {

width:50%;

float: left;

padding-top: 10px;

padding-bottom: 10px;

}

.Tyler_03 {

width:50%;

float: left;

padding-top: 10px;

padding-bottom: 10px;

}

.Tyler_04 {

width:60px;

height:60px;

}

.Tyler_05 {

position: absolute;

left: 0px;

top: 0px;

height: auto;

width: 100%;

z-index: 1;

clear: both;

text-align: center;

line-height: 220%;

}	

.Tyler_06 {

width: 95%;

margin-right: auto;

margin-left: auto;

padding-top: 15px;

clear: both;

}

.Tyler_07 {

float: left;

width: 100%;

font-size: 12px;

color: #7F7F7F;

}

.Tyler_08 {

position: relative;

overflow: hidden;

width: 100%;

text-align: center;

}

.Tyler_08_img {

text-align: center;

width:270%;

margin-left: -85%;

}

.Tyler_09{

position: absolute;

width: 90%;

text-align: center;

left: 0px;

top: 5%;

margin-right: auto;

margin-left: auto;

}

.Tyler_10 {

width:70%;

margin-right: auto;

margin-left: auto;

margin-top: 2%;

}

.Tyler_10_1 {

width:70%;

margin-right: auto;

margin-left: auto;

}



.tyler_11_1 {margin-top: 44%;}

.tyler_11_2 {margin-top: 10%;}

.tyler_11_3 {margin-top: 65%;}

.tyler_aj_1 {width: 40%;float: left;}

.tyler_aj_2 {

	width: 34.5%;

	float: left;

	margin-right: 25%;

}

.tyler_aj_3 {

	width: 34.5%;

	float: left;

	margin-left: 25%;

}



@media (min-width: 360px) {

.Tyler_08_img {

text-align: center;

width:250%;

margin-left: -75%;

}	

}



@media (min-width: 480px) {

.Tyler_07 {

padding-left: 2%;float: 

left;width: 48%;

font-size: 14px;

color: #7F7F7F;

}

.Tyler_08_img {

text-align: center;

width:180%;

margin-left: -40%;

}

.Tyler_10 {

width:50%;

margin-right: auto;

margin-left: auto;

margin-top: 2%;

}

.Tyler_10_1 {

width:50%;

margin-right: auto;

margin-left: auto;

margin-top: 5%;

}

}



@media (min-width: 640px) {

.tyler_11_1 {margin-top: 25%;}

.tyler_11_2 {margin-top: 4%;}

.tyler_11_3 {margin-top: 34%;}

.tyler_aj_1 {width: 65%;float: left;}

.tyler_aj_2 {width: 34.5%;float: left;margin-right: 0px;}

.tyler_aj_3 {width: 34.5%;float: left;margin-left: 0px;;}



.Tyler_04 {

width:80px;

height:80px;

}

.Tyler_07 {

padding-left: 2%;

float: left;width: 48%;

font-size: 14px;

color: #7F7F7F;

}

}



@media (min-width: 750px) {

.Tyler_10 {

width:40%;

margin-right: auto;

margin-left: auto;

margin-top: 8%;

}

.Tyler_10_1 {

width:40%;

margin-right: auto;

margin-left: auto;

margin-top: 5%;

}

.Tyler_01 {

width:40%;

margin-right: auto;

margin-left: auto;

margin-top: 6%;

}

.Tyler_02 {

width:25%;

float: left;

padding-top: 10px;

padding-bottom: 10px;

}

.Tyler_03 {

width:33.33%;

float: left;

padding-top: 10px;

padding-bottom: 10px;

}

.Tyler_04 {

width:110px;

height:110px;

}

.Tyler_08_img {

text-align: center;

width:160%;

margin-left: -30%;

}

}

@media (min-width: 850px) {

.tyler_11_1 {margin-top: 25%;}

.tyler_11_2 {margin-top: 6%;}

.tyler_11_3 {margin-top: 38%;}

	}



@media (min-width: 950px) {

.Tyler_07 {

padding-left: 2%;

float: left;width: 48%;	

font-size: 18px;

color: #7F7F7F;

}

.Tyler_08_img {

text-align: center;

width:150%;

margin-left: -25%;

}

.Tyler_10 {

width:40%;

margin-right: auto;

margin-left: auto;

margin-top: 8%;

}

}





/* Luna&Selene ------------------------------------------------------------------------------------------------------Luna&Selene  */		



.Luna-Selene_01{

margin-top: 30%;

width: 30%;

float: left;

}

.Luna-Selene_02{

width: 70%;

float: left;

margin-top: 65%;

}	

.Luna-Selene_03{

width: 100%;

margin-top: 42%;

text-align: center;

}

.Luna-Selene_04{

width: 100%;

}

.Luna-Selene_05{

width: 80%;

margin-top: 68%;

text-align: right;

float: right;

margin-right: 8%;

}

.Luna-Selene_06{

text-align: left;

margin-top: 38%;

margin-left: 10px;

}

.Luna-Selene_07{

text-align: left;

margin-top: 16%;

margin-left: 10px;

}



@media (min-width: 750px) {

.Luna-Selene_04{

width: 62%;

}

.Luna-Selene_05{

width: 50%;

margin-top: 42%;

text-align: center;

float: right;

}

}



/* Echo------------------------------------------------------------------------------------------------------Echo */		

.Echo {

width: 100%;

margin-top: 5%;

}

.Echo_01 {

margin-top: 52%;

width: 30%;

float: left;

}

.Echo_02 {

width: 70%;

float: left;

margin-top: 62%;

}

.Echo_03 {

width: 100%;

float: left;

margin-top: 5%;

text-align: center;

}

.Echo_04 {

width: 80%;

margin-top: 5%;

margin-right: auto;

margin-left: auto;

}

.Echo_05 {

width: 58%;

float: left;

}

.Echo_06 {

width: 42%;

float: left;

text-align:center;

}

.Echo_06_img {

width:78%;

margin-top:30%;

}

.Echo_07 {

width: 50%;

float: left;

text-align: center;

margin-top: 6%;

}



@media (min-width: 480px) {

.Echo_03 {

width: 70%;

float: left;

margin-top: 28%;

text-align: center;

}

.Echo_04 {

width: 30%;

float: left;

margin-top: 5%;

}

}



/* Rebecca--------------------------------------------------------------------------------------------------Rebecca */		

.Rebecca {

width: 100%;

margin-right: auto;

margin-left: auto;

}

.Rebecca_01 {

width: 42%;

float: right;

margin-top: 50%;

}

.Rebecca_02 {

margin-top: 55%;

width: 58%;

float: right;

}

.Rebecca_03 {

width: 50%;

float: left;

text-align: center;

}	

.Rebecca_03_img{

width:46%

}

.Rebecca_03_img_1{

width:63%;

margin-top: 25%;

}

.Rebecca_04 {

width: 53%;

text-align: center;

margin-top: 8%;

}

.Rebecca_05 {

width: 40%;

text-align: center;

margin-top: 30%;

float: right;

}



@media (min-width: 750px) {

.Rebecca {

width: 60%;

margin-right: auto;

margin-left: auto;

}

.Rebecca_03 {

width: 50%;

float: left;

text-align: center;

}	

.Rebecca_03_img{

width:66%

}

.Rebecca_03_img_1{

width:83%;

margin-top: 25%;

}

}



/* Lucas--------------------------------------------------------------------------------------------------Lucas */	

.Lucas_1 {

width: 42%;

float: right;

margin-top: 65%;

}	



/* Emma--------------------------------------------------------------------------------------------------Emma */	

.Emma_hdj {

width: 50%;

}

.Emma_01 {

width: 42%;

float: right;

margin-top: 30%;

}

.Emma_02 {

margin-top: 20%;

width: 58%;

float: right;

}

.Emma_03 {

margin-top: 15%;

width: 68%;

text-align: right;

}

.Emma_04 {

margin-top: 5%;

width: 68%;

text-align: right;

}

.Emma_05 {

margin-top: 10%;

width: 68%;

text-align: right;

}

.Emma_06 {

width: 95%;

margin-right: auto;

margin-left: auto;

clear: both;

}

.Emma_07 {

width: 70%;

text-align: right;

margin-right: auto;

margin-left: auto;

}

.Emma_08 {

width: 20%;

text-align: right;

margin-top: 18%;

}

.Emma_09 {

width: 95%;

clear: both;

margin-right: auto;

margin-left: auto;

}

.Emma_10 {

width: 53%;

margin-top: 54%;

float: right;

z-index: 11;

clear: both;

text-align: center;

}

.Emma_11 {

text-align: left;

float: left;

width: 58%;

margin-top: 22%;

margin-left: 1%;

}

.Emma_13 {

float: left;

width: 64%;

margin-top: 50%;

margin-left: 1%;

}

.Emma_14 {

float: left;

width: 25%;

margin-top: 2%;

margin-left: 5%;

}

.Emma_img {

width:50%;

text-align: center;

}



@media (min-width: 320px) {

.Emma_01 {

width: 42%;

float: right;

margin-top: 40%;

}

.Emma_02 {

margin-top: 45%;

width: 58%;

float: right;

}

}



@media (min-width: 640px) {

.Emma_12 {

margin-top: 2%;

}

.Emma_img {

width:100%;

text-align: center;

}

}



@media (min-width: 750px) {

.Emma_03 {

margin-top: 15%;

width: 63%;

text-align: right;

}

.Emma_04 {

margin-top: 7%;

width: 63%;

text-align: right;

}

.Emma_05 {

margin-top: 13%;

width: 63%;

text-align: right;

}

.Emma_07 {

width: 53%;

text-align: right;

float: right;

margin-right: 5%;

}

.Emma_08 {

width: 46%;

text-align: right;

margin-top: 14%;

}

.Emma_09 {

width: 50%;

z-index: 10;

position: absolute;

left: 30px;

top: 150px;

}

.Emma_10 {

width: 30%;

margin-top: 42%;

float: right;

z-index: 11;

clear: both;

text-align: center;

}

.Emma_11 {

text-align: left;

float: left;

width: 38%;

margin-top: 22%;

margin-left: 1%;

}

.Emma_12 {

margin-top: 20%;

}

.Emma_13 {

float: left;

width: 59%;

margin-top: 55%;

margin-left: 1%;

}

.Emma_14 {

float: left;

width: 25%;

margin-top: 2%;

margin-left: 5%;

}

}



@media (min-width: 950px) {

.Emma_03 {

margin-top: 9%;

width: 64%;

text-align: right;

}

.Emma_04 {

margin-top: 3%;

width: 64%;

text-align: right;

}

.Emma_05 {

margin-top: 7%;

width: 64%;

text-align: right;

}

.Emma_06 {

width: 65%;

z-index: 10;

position: absolute;

left: 20px;

top: 360px;

}

.Emma_07 {

width: 58%;

text-align: right;

float: right;

margin-right: 5%;

}

.Emma_08 {

width: 41%;

text-align: right;

margin-top: 15%;

}

.Emma_09 {

width: 40%;

z-index: 10;

position: absolute;

left: 30px;

top: 350px;

}

.Emma_10 {

width: 30%;

margin-top: 46%;

float: right;

z-index: 11;

clear: both;

text-align: center;

}

.Emma_12 {

margin-top: 40%;

}

.Emma_13 {

float: left;

width: 39%;

margin-top: 2%;

margin-left: 1%;

}

.Emma_14 {

float: left;

width: 15%;

margin-top: 2%;

margin-left: 25%;

}

}



@media (min-width: 1050px) {

.Emma_06 {

width: 65%;

z-index: 10;

position: absolute;

left: 20px;

top: 440px;

}	

}



@media (min-width: 1200px) {

.Emma_06 {

width: 65%;

z-index: 10;

position: absolute;

left: 20px;

top: 500px;

}	

}



/* Lester--------------------------------------------------------------------------------------------------Lester */

.Lester_01 {

text-align: right;

float: left;

width: 40%;

margin-top: 5%;

overflow: hidden;

}

.Lester_02 {

text-align: left;

float: left;

width: 58%;

margin-top: 33%;

margin-left: 1%;

}

.Lester_03 {

text-align: right;

float: left;

width: 35%;

margin-top: 13%;

}

.Lester_04 {

text-align: center;

float: right;

width: 46%;

margin-top: 63%;

}

.Lester_05 {

width: 70%;

margin-top: 6%;

text-align: center;

}

.Lester_06 {

width: 61%;

margin-top: 45%;

text-align: center;

float: right;

}



@media (min-width: 750px) {

.Lester_01 {

text-align: right;

float: left;

width: 40%;

margin-top: 5%;

margin-left: 20%;

overflow: hidden;

}

.Lester_02 {

text-align: left;

float: left;

width: 38%;

margin-top: 33%;

margin-left: 1%;

}

}



/* Lorna--------------------------------------------------------------------------------------------------Lorna */

.Lorna_01 {

width: 44%;

margin-top: 14%;

text-align: right;

float: left;

}

.Lorna_02 {

width: 28%;

margin-top: 7%;

text-align: center;

float: right;

}

.Lorna_03 {

margin-top: 10%;

text-align: right;

width: 40%;

}



/* Lisa--------------------------------------------------------------------------------------------------Lisa */

.lisa_01 {

width: 29%;

margin-top: 15%;

text-align: left;

float: left;

margin-left: 60%;

}

.lisa_02 {

margin-top: 10%;

text-align: center;

}

.lisa_1 {

margin-top: 62%;

width: 58%;

float: right;

}

.lisa_2 {

width: 42%;

float: right;

margin-top: 52%;

}



/* Alice--------------------------------------------------------------------------------------------------Alice */

.Alice_01 {

width: 29%;

margin-top: 12%;

text-align: right;

float: left;

}

.Alice_02 {

width: 54%;

margin-top: 31%;

text-align: center;

float: right;

}



/* cherry--------------------------------------------------------------------------------------------------cherry */



.cherry_1 {

margin-top: 60%;

width: 58%;

float: right;

}

.cherry_2 {

width: 42%;

float: right;

margin-top: 50%;

}

.cherry_3 {

width: 36%;

margin-top: 2%;

text-align: center;

float: left;

}

.cherry_4 {

width: 30%;

text-align: center;

margin-top: 2%;

float: left;

}

.cherry_5 {

width: 34%;

text-align: center;

margin-top: 2%;

float: left;

}	



/* Barbara--------------------------------------------------------------------------------------------------Barbara */

.Barbara_1 {

margin-top: 20%;

}

.Barbara_2 {

margin-top: 40%;

width: 42%;

}

.Barbara_04 {

text-align: right;

float: left;

width: 40%;

margin-top: 5%;

overflow: hidden;

}

.Barbara_05 {

text-align: left;

float: left;

width: 58%;

margin-top: 26%;

margin-left: 1%;

}

.Barbara_06 {

width: 29%;

margin-top: 24%;

text-align: right;

float: left;

}

.Barbara_07 {

width: 54%;

margin-top: 43%;

text-align: center;

float: right;

}



@media (min-width: 750px) {

.Barbara_04 {

text-align: right;

float: left;

width: 40%;

margin-top: 5%;

margin-left: 20%;

overflow: hidden;

}

.Barbara_05 {

text-align: left;

float: left;

width: 38%;

margin-top: 28%;

margin-left: 1%;

}

}





/* nova--------------------------------------------------------------------------------------------------nova */

.nova {

margin-top: 60%;

margin-left: 40%;

}

.nova1_1 {

margin-top: 5px;

height: 115px;

width: 100%;

border-radius: 80px;

padding-top: 6px;

}

.nova1_1_1 {

height: 100px;

width: 95%;

border-radius: 80px;

border: 3px dashed #FFF;

margin-right: auto;

margin-left: auto;

}

.nova1_2 {

height: 100px;

width: 8%;

text-align: right;

}

.nova1_3 {

height: 100px;

width: 80%;

padding-left: 15px;

padding-top: 8px;

}

.nova_4 {

width: 98%;

border: medium solid #EC5393;

padding-left: 2%;

margin-bottom: 20px;

}

.nova_5 {

width: 100%;

border: thin solid #EC5393;

margin-top: 20px;

margin-right: auto;

margin-left: auto;

}

.nova_6 {

width: 100%;

margin-top: 10px;

margin-right: auto;

margin-left: auto;

}



@media (min-width: 640px) {

.nova_5 {

width: 80%;

border: thin solid #EC5393;

margin-top: 20px;

margin-right: auto;

margin-left: auto;

}

.nova_6 {

width: 80%;

margin-top: 10px;

margin-right: auto;

margin-left: auto;

}

}	



@media (min-width: 750px) {

.nova1_1 {

margin-top: 10px;

height: 114px;

width: 100%;

border-radius: 80px;

padding-top: 6px;

}

.nova1_1_1 {

height: 100px;

width: 98%;

border-radius: 80px;

border: 3px dashed #FFF;

margin-right: auto;

margin-left: auto;

}

.nova1_2 {

height: 100px;

width: 8%;

text-align: right;

}

.nova1_3 {

height: 100px;

width: 80%;

padding-left: 15px;

padding-top: 15px;

}

}





/* 手机--------------------------------------------------------------------------------------------------Mini Emma */



.mini-emma_1 {

margin-top: 50%;

}

.mini-emma_2 {

margin-top: 55%;

}

.mini-emma_01 {

line-height: 150%;

padding-top: 10px;

padding-right: 5px;

padding-bottom: 10px;

padding-left: 5px;

}

.mini-emma_02 {

width: 100%;

clear: both;

position: relative;

margin-right: auto;

margin-left: auto;

overflow: hidden;

height:auto;

}

.mini-emma_02_img {

width: 180%;

}

.mini-emma_03 {

margin-top: 10%;

}

.mini-emma_04 {

text-align: right;

float: left;

width: 40%;

margin-top: 5%;

margin-left: 0%;

overflow: hidden;

}

.mini-emma_05 {

text-align: left;

float: left;

width: 58%;

margin-top: 35%;

margin-left: 1%;

}

.mini-emma_06 {

margin-top: 5%;

}



@media (min-width: 320px) {

.mini-emma_1 {

margin-top: 56%;

}

.mini-emma_2 {

margin-top: 60%;

}

}



@media (min-width: 480px) {

.mini-emma_1 {

margin-top: 55%;

}

.mini-emma_2 {

margin-top: 60%;

}

.mini-emma_02 {

width: 100%;

clear: both;

position: relative;

margin-right: auto;

margin-left: auto;

overflow: hidden;

height:auto;

}

.mini-emma_02_img {

width: 180%;

}

}



@media (min-width: 640px) {

.mini-emma_1 {

margin-top: 60%;

}

.mini-emma_2 {

margin-top: 65%;

}

.mini-emma_02 {

width: 100%;

clear: both;

position: relative;

margin-right: auto;

margin-left: auto;

overflow: hidden;

height:auto;
}

}



@media (min-width: 750px) {

.mini-emma_1 {

margin-top: 50%;

}

.mini-emma_2 {

margin-top: 60%;

}

.mini-emma_02 {

width: 100%;

clear: both;

position: relative;

margin-right: auto;

margin-left: auto;

overflow: hidden;

height:auto;

}

.mini-emma_02_img {

width: 100%;

}

.mini-emma_03 {

margin-top: 40%;

}

}



/* Siime -------------------------------------------------------------------------------------------------- Siime */	



.siime_01{

width:50%;

margin-top: 10px;

}

.siime_02{

margin-top: 50%;

width: 70%;

}

.siime_03{

margin-top: 30%;

width: 30%;

}

.Siime_3_1 {

float: left;

width: 55%;

text-align: center;

}

.Siime_3_2 {

float: left;

width: 30%;

text-align: center;

margin-top: 16%;

}

.Siime_3_3 {

float: left;

width: 15%;

}

.siime_04{

width: 17%;

margin-left: 5%;

float: left;

}



.siime_05{

width: 78%;

float: left;

}

.siime_06{

text-align: center;

margin-left: 10%;

width: 33%;

}

.siime_07{

text-align: center;

margin-left: 50%;

width: 33%;

}





.Siime_1 {

clear: both;

width: 90%;

margin-right: auto;

margin-left: auto;

padding-top: 400px;

}

.Siime_1_1 {

font-size: 30px;

color: #666;

float: left;

margin-top: 400px;

}

.Siime_1_2 {

width: 120px;

float: right;

text-align: right;

}



.Siime_4_1 {

width: 750px;

margin-right: auto;

margin-left: auto;

}

.Siime_4_1_1 {

width: 32%;

float: left;

margin-top: 1%;

margin-bottom: 1%;

border: thin solid #CCC;

margin-left: 1%;

}

.Siime_4_1_1_01 {

width: 32%;

float: left;

text-align: center;

vertical-align: middle;

height: 30px;

color: #FFF;

background-color: #743c63;

margin-bottom: 1%;

margin-left: 1%;

font-size: 20px;

border: thin solid #743c63;

}

.Siime_4_1_1_02 {

width: 32%;

float: left;

text-align: center;

vertical-align: middle;

height: 30px;

color: #FFF;

background-color: #e3d7c6;

margin-bottom: 1%;

margin-left: 1%;

font-size: 20px;

border: thin solid #e3d7c6;

}

.Siime_4_1_1_03 {

width: 32%;

float: left;

text-align: center;

vertical-align: middle;

height: 30px;

color: #FFF;

background-color: #000;

margin-bottom: 1%;

margin-left: 1%;

font-size: 20px;

border: thin solid #000;

}

.Siime_5 {

float: left;

}

.Siime_5_1 {

clear: both;

}

.Siime_5_2{

float: left;

width: 50%;

padding-top: 15%;

color: #743c63;

font-size: 20px;

}

@media (min-width: 640px) {

.siime_02{

margin-top: 60%;

width: 70%;

}

.siime_03{

margin-top: 40%;

width: 30%;

}

.siime_04{

width: 12%;

margin-left: 18%;

float: left;

}

.siime_05{

width: 70%;

float: left;

}

}



/* Siime Eye--------------------------------------------------------------------------------------------------Siime Eye */

.siime_eye_01{

width:25%;

margin-top: 10px;

}

.siime_eye_02{

width:12%;

clear: both;

margin-right: auto;

margin-left: auto;

margin-top: 40%;

text-align: center;

}

.siime_eye_03 {

line-height: 150%;

padding-top: 10px;

padding-right: 5px;

padding-bottom: 10px;

padding-left: 5px;

}

.siime_eye_04 {

text-align: right;

float: left;

width: 50%;

margin-top: 5%;

margin-left: 0%;

overflow: hidden;

}

.siime_eye_05 {

text-align: center;

float: left;

width: 48%;

margin-top: 25%;

margin-left: 1%;

}

.Siime_Eye_3 {

float: left;

width: 30%;

font-weight: bold;

text-align: center;

}

.Siime_Eye_4 {

float: left;

width: 40%;

}

.Siime_Eye_4_1 {

margin-top: 100%;

text-align: right;

}

.Siime_Eye_5 {

float: left;

width: 50%;

}

.Siime_Eye_5_1 {

float: left;

width: 50%;

padding-top: 200px;

color: #f4c4d2;

}

.Siime_Eye_5_01 {

width: 33%;

float: left;

}

.Siime_Eye_5_02 {

text-align: right;

margin-top: 15%;

padding-right: 5px;

}

.Siime_Eye_5_03 {

text-align: right;

margin-top: 45%;

padding-right: 5px;

}

.Siime_Eye_5_04 {

text-align: right;

margin-top: 28%;

padding-right: 5px;

}

.Siime_Eye_5_05 {

text-align: left;

margin-top: 17%;

padding-right: 5px;

}

.Siime_Eye_5_06 {

text-align: left;

margin-top: 46%;

padding-right: 5px;

}

.Siime_Eye_5_07 {

text-align: left;

margin-top: 60%;

padding-right: 5px;

}

.Siime_Eye_5_08 {

text-align: left;

margin-top: 18%;

padding-right: 5px;

}

.Siime_Eye_6 {

float: left;

width: 73%;

}

.Siime_Eye_6_1 {

float: right;

width: 27%;

}

.Siime_Eye_6_1_1 {

float: left;

width: 64%;

}

.Siime_Eye_6_1_2 {

float: left;

width: 36%;

padding-top: 10%;

font-size: 12px;

color: #f4c4d2;

}





/* 手机--------------------------------------------------------------------------------------------------keri */

.keri_top_1 {

margin-top: 30px;

}

.keri {

width: 100%;

position: relative;

margin-right: auto;

margin-left: auto;

clear: both;

}

.keri_001 {

width: 60%;

float: right;

text-align: left;

margin-top: 30%;

}

.keri_002 {

position: absolute;

top: 15px;

z-index: 2;

left: 823px;

clear: both;

}

.keri_003 {

float: left;

width: 98%;

padding-right: 1%;

padding-left: 1%;

color: #FFF;

line-height: 150%;



}

.keri_004 {

margin-top: 48%;

margin-left: 45%;

text-align: center;

}

.keri_005 {

margin-top: 35%;

text-align: center;

float: left;

}

.keri_006 {

margin-top: 35%;

text-align: center;

float: left;

margin-left: 10%;

}	

.keri_007 {

text-align: right;

float: left;

width: 35%;

margin-top: 5%;

margin-left: 20%;

}

.keri_008 {

text-align: left;

float: left;

width: 35%;

margin-top: 18%;

margin-left: 1%;

}

.keri_009 {

float: left;

width: 50%;

}

.keri_010 {

width: 80%;

height: 80%;

border-radius: 50%;

border: 1px solid #EC5393;

margin-right: auto;

margin-left: auto;

}

.keri_011 {

float: left;

width: 50px;

height: 50px;

text-align: center;

}

.keri_01 {

width: 100%;

clear: both;

position: relative;

margin-right: auto;

margin-left: auto;

overflow: hidden;



}

.keri_01_img {

width: 200%;

}

.kj_w100_keri {

width: 100%;

position: relative;

margin-right: auto;

margin-left: auto;

clear: both;

}

/* MID--------------------------------------------------------------------------------------------------keri */	



@media (min-width: 480px) {

.keri_01 {

width: 100%;

clear: both;

position: relative;

margin-right: auto;

margin-left: auto;

overflow: hidden;

height: 200px;

}

.keri_004 {

margin-top: 50%;

margin-left: 60%;

text-align: center;

}

.keri_005 {

margin-top: 20%;

text-align: center;

float: left;

margin-left: 30%;

}

.keri_006 {

margin-top: 35%;

text-align: center;

float: left;

margin-left: 0%;

}

.keri_010 {

width: 80%;

height: 80%;

border-radius: 50%;

border: 1px solid #EC5393;

margin-right: auto;

margin-left: auto;

}

.keri_011 {

float: left;

width: 80px;

height: 80px;

text-align: center;

}	

}



/* MID--------------------------------------------------------------------------------------------------keri */	

@media (min-width: 640px) {

.keri_01 {

width: 100%;

clear: both;

position: relative;

margin-right: auto;

margin-left: auto;

overflow: hidden;

height: 250px;

}

.keri_01_img {

width: 150%;

}

.keri_003 {

float: left;

width: 46%;

padding-right: 1%;

padding-left: 1%;

color: #c92969;

line-height: 150%;

margin-top: 1%;

}

.keri_004 {

margin-top: 65%;

margin-left: 60%;

text-align: center;

}

.keri_005 {

margin-top: 8%;

text-align: center;

float: right;

margin-right: 15%;

}

.keri_006 {

margin-top: 20%;

text-align: center;

float: left;

margin-left: 35%;

}

.keri_010 {

width: 80%;

height: 80%;

border-radius: 50%;

border: 3px solid #EC5393;

margin-right: auto;

margin-left: auto;

}

.keri_011 {

float: left;

width: 110px;

height: 110px;

text-align: center;

}

}



/* 笔记�?--------------------------------------------------------------------------------------------------keri */	

@media (min-width: 750px) {

.keri_01 {

width: 100%;

clear: both;

position: relative;

margin-right: auto;

margin-left: auto;

overflow: hidden;

height: 300px;

}

.keri_01_img {

width: 100%;

}

.keri_003 {

float: left;

width: 46%;

padding-right: 1%;

padding-left: 1%;

color: #FFF;

line-height: 150%;

margin-top: 1%;

}

.keri_004 {

margin-top: 60%;

margin-left: 60%;

text-align: center;

}

.keri_005 {

margin-top: 3%;

text-align: center;

float: right;

margin-right: 15%;

}

.keri_006 {

margin-top: 20%;

text-align: center;

float: left;

margin-left: 35%;

}

.keri_010 {

width: 85%;

height: 85%;

border-radius: 50%;

border: 3px solid #EC5393;

margin-right: auto;

margin-left: auto;

}

.keri_011 {

float: left;

width: 130px;

height: 130px;

text-align: center;

}



}

@media (min-width: 950px) {

.keri_004 {

margin-top: 60%;

margin-left: 60%;

text-align: center;

}

.keri_010 {

width: 85%;

height: 85%;

border-radius: 50%;

border: 3px solid #EC5393;

margin-right: auto;

margin-left: auto;

}

.keri_011 {

float: left;

width: 150px;

height: 150px;

text-align: center;

}



}

/* 最大宽�?--------------------------------------------------------------------------------------------------keri */		

@media (min-width: 1000px) {

.kj_w100_keri {

width: 1000px;

position: relative;

margin-right: auto;

margin-left: auto;

clear: both;

}	

}

.tuijian ul li{ list-style:none;}

/* 结束--------------------------------------------------------------------------------------------------结束 */