@charset "gb2312";

/* index */
 body, html { margin: 0 auto; max-width:640px;}
.hd,.area { width:93.75%; margin:0 auto; }
.box .hd { position:relative; border-bottom:#ccc 1px solid; margin-bottom:30px; text-align:center; }
.box .hd h2 { font-size:3.6rem; font-weight:700; line-height:200%; text-align:center; }
.box .hd h2 em { color:#d70a50; }
.box .intro span { width:100%; font-size:4rem; color:#fff; background:#716bbe; line-height:150%; text-align:center; }
.box .pic,.box .zx,.center { text-align:center;}
.box .zx a { padding:10px 30px; background:#ff6005; color:#fff; }

.com .bd h6 { font-size:4rem; line-height:150%; text-align:center; font-weight:100; }
.com .txt dt { font-size:3.7rem; line-height:150%; color:#fff; }
.com .txt dt span { padding:0 20px; background:#706bbd; font-weight:bold; text-align:center; }
.com .txt dt em { padding:0 20px; background:#8783c8; text-align:center; }
.com .intro dt { font-weight:bold; }

.box3 .hd { border-bottom:0; }
.box3 .hd h2 {font-size:3.6rem; color:#f36193; text-align:center; line-height:100%; }
.box3 .bg { background:#e7e5fb; padding:20px 0;}
.box3 .txt dt span { background:#7872ca; }
.box3 .txt dt em { background:#958ee6; }
.box3 .bd h4 { display:inline-block; padding:0 20px; font-size:2.6rem; color:#fff; line-height:150%; background:#2e3642; }

.box4 .bg { background:#ffe1e6; padding:20px 0 30px;margin-top:20px;}
.box4 .txt dt span { background:#ee6673; }
.box4 .txt dt em { background:#ff808b; }

.box5 .bg { background:#ffcce3; padding:20px 0; margin-top:20px;}
.box5 .txt dt span { background:#e40a56; }
.box5 .txt dt em { background:#fc4a85; }

.box6 .bg { background:#ffe9db; padding:20px 0;margin-top:20px;}
.box6 .txt dt span { background:#d3753d; }
.box6 .txt dt em { background:#fcab78; }

.box7 { padding-bottom:0; background:#f1ebeb; padding: 5px 0 20px;margin-top:20px;}

@media (min-width:320px) and  (max-width:639px){
	.box .zx a { padding: 5px 15px; }
	.com .txt dt span,.com .txt dt em { padding:0 10px; }
}

@media (min-width:480px) and  (max-width:639px){
	.box .zx a { padding:0 12px; }
	.com .txt dt span,.com .txt dt em { padding:0 15px; }
}