@charset "utf-8";
/* CSS Document */

*{  -webkit-tap-highlight-color: transparent; -webkit-appearance: none; }  
body,html{ max-width:750px; min-width:320px; height:100%; padding:0; margin:0 auto; font-family:Microsoft YaHei; font-size:22px; color:#505050; background-color:#CCC8C8;}
a img { border:0;}
p,ul,li,h3,h4,dl,dt,dd{ display:block; list-style:none; padding:0; margin:0; text-decoration:none}

img, li ,ul,p{ padding:0; margin:0;}

input{ font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; padding:0; margin:0; outline:none; }
textarea{ font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; }
a{ outline:none; text-decoration:none; color:#2e2e2e; }
a:link,a:hover{ text-decoration:none; }

/* 优化 */
.optimize{ display: none; }

/* 公用样式 */
.container-fluid, .row{ max-width: 750px;  padding:0 0; margin:0 0  }
.form-group, .form-horizontal{max-width: 750px;}
.form-horizontal .form-group  { margin-left:0; margin-right:0  }
.a-bnm{ cursor:pointer}
.gh{ margin:0 0; padding: 0 0}
.img-bg{width:100%; height:auto;}


.banner{width:100%;height:auto; position: relative;} 
.banner .hd { width: 100%; height: 5px; position: absolute; z-index: 1; bottom: 0; text-align: center; }
.banner .hd ul { position: absolute; bottom: 1.7rem; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); display:none;}
.banner .hd ul li { width: 1rem; height: 0.3rem; background: #ffffff; margin: 0 0.1rem; float: left; overflow: hidden; text-indent: 1000px;}
.banner .hd ul .on { background: #006cb8; }
.banner .bd { position: relative; z-index: 0; }
.banner .bd li img { width: 100%; height: auto; }
.banner .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor:pointer;}

.cont1{width:100%; height:auto; background:#6a4297; padding-bottom:10%;}
.cont1 .cont1_tit{width:100%; height:auto; padding:7% 0 3% 0; text-align:center;}
.cont1 .wenzi{width:90%; margin:0 auto; line-height:2.5rem; font-size:1.3rem; color:#ffffff;}
.cont1 .wenzia{width:90%; margin:0 auto; text-align:center; line-height:1.7rem; font-size:1.2rem; color:#ffffff;}
.cont1 a {cursor:pointer; color:#ffffff;}

.cont2{width:100%; height:auto;  position: relative;}
.cont2 .logo_music{width:20%; height:20%; position:absolute; top:4%; right:4%; }

.mdtit{width:100%; height:auto;  position: relative;}
.minga{width:76%; height:14%; position:absolute; top:15%; left:20%; font-size:1.2rem; }
.mingb{width:80%; height:60%; position:absolute; top:32%; left:10%; }
		/* 本例子css */
		.txtScroll-top{ width:100%;  overflow:hidden; position:relative; padding-top:4%; }
		.txtScroll-top .hd{ overflow:hidden;  display:none;}
		.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("images/icoUp.gif") no-repeat;}
		.txtScroll-top .hd .next{ background:url("images/icoDown.gif") no-repeat;  }
		.txtScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; }
		.txtScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
		.txtScroll-top .hd ul li.on{ background-position:0 0; }
		.txtScroll-top .bd{ padding:10px 0 0 0;  }
		.txtScroll-top .infoList li{ height:3.2rem; line-height:3.2rem; }
		.txtScroll-top .infoList li p{ float:left; margin-right:2rem; font-size:1.1rem;}
		.txtScroll-top .infoList li p a{ float:left; display:block; margin-left:0.6rem; line-height:38px; font-size:1.1rem;}
		.txtScroll-top .infoList li .date{ float:left;}
		.txtScroll-top .infoList li .date img{ width:100%; height:auto; }



.cont3{width:100%; height:auto;}
.cont3 .cont3_nei{width:100%; height:auto; margin:0 auto;}
.cont3 .cont3_nei a{cursor:pointer;}
.cont3 .cont3_wenz{width:100%; height:auto; margin:0 auto; text-align:center; font-size:1.2rem; color:#e8c4b3; padding:3% 0 0 0;}
.padda{padding:1% 0 0 0;}
.paddb{padding:3% 0 5% 0;}

.cont4{width:100%; height:auto; position: relative;}
.cont4 .ljzx{width:43%; height:14%; position:absolute; bottom:4%; left:6%; cursor:pointer;}
.cont4 .ljqg{width:43%; height:14%; position:absolute; bottom:4%; right:6%;}
.cont4 .dxbz{cursor:pointer;}

.cont5{width:100%; height:auto; position: relative;}
.cont5 .ljzxa{width:43%; height:13%; position:absolute; bottom:7%; left:6%; cursor:pointer;}
.cont5 .ljqga{width:43%; height:13%; position:absolute; bottom:7%; right:6%;}
.cont5 .dexjq{cursor:pointer;}

.cont6{width:100%; height:auto; position: relative;}
.cont6 span{color:#ff0000;}
.cont6 .yywza{width:80%; height:3%; position:absolute; top:18%; left:10%; border:none; background:none; font-size:1rem;}
.cont6 .guahaoa{width:80%; height:5%; position:absolute; top:22%; left:10%; border:1px solid #e5e5e5; background:#e5e5e5; border-radius:0.6rem; padding-left:1.5%; font-size:1rem;}
.cont6 .yywzb{width:80%; height:3%; position:absolute; top:30%; left:10%; border:none; background:none; font-size:1rem;}
.cont6 .guahaob{width:80%; height:5%; position:absolute; top:34%; left:10%;  border:1px solid #e5e5e5; background:#e5e5e5; border-radius:0.6rem; padding-left:1.5%; font-size:1rem;}
.cont6 .yywzc{width:80%; height:3%; position:absolute; top:42%; left:10%; border:none; background:none; font-size:1rem;}
.cont6 .guahaoc{width:80%; height:5%; position:absolute; top:46%; left:10%; border:1px solid #e5e5e5; background:#e5e5e5; border-radius:0.6rem; padding-left:1.5%; font-size:1rem;}
.cont6 .yywzd{width:80%; height:3%; position:absolute; top:54%; left:10%; border:none; background:none; font-size:1rem;}
.cont6 .guahaod{width:80%; height:5%; position:absolute; top:58%; left:10%; border:1px solid #e5e5e5; background:#e5e5e5; border-radius:0.6rem; padding-left:1.5%; font-size:1rem;}
.cont6 .guahaoe{width:80%; height:18%; position:absolute; top:66%; left:10%; border:1px solid #e5e5e5; background:#e5e5e5; border-radius:0.6rem; padding:1% 1.5%; font-size:1rem;}
.cont6 textarea{border:none; background:#e5e5e5; outline: none;}
.cont6 .guahaoz{width:60%; height:7%; position:absolute; top:88%; left:20%; background:#006f7c; cursor:pointer; border:1px solid #006f7c; font-size:1.4rem; text-align:center; border-radius:2.5rem; color:#ffffff;}

.dan{width:100%; height:auto; position:fixed; top:15%; z-index:100; display:none;}
.dan .guanbi{width:15%; height:8%; position:absolute; top:0; right:0; border:none;  cursor:pointer;}
.dan .cbbda{width:53%; height:6%; position:absolute; top:40%; left:22.5%; border:none; background:none;}
.dan .cbbdb{width:53%; height:6%; position:absolute; top:50.7%; left:22.5%; border:none; background:none;}
.dan .cbbdc{width:53%; height:6%; position:absolute; top:61.5%; left:22.5%; border:none; background:none;}
.dan .btn_tj{width:65%; height:10%; position:absolute; top:71%; left:16%; border:none; background:none;}



@media (max-width: 1920px) {
   html {
        max-width: 100%;
		margin: 0 auto;
    }
}

@media screen and (min-width:320px) and (max-width:360px){
        html {font-size:65%;}

		.mingb{width:86%; position:absolute; top:32%; left:8%; }
		.txtScroll-top{ padding-top:2%; }
		.txtScroll-top .bd{ padding:1px 0 0 0;  }
		.txtScroll-top .infoList li p{margin-right:0.8rem; }
		.txtScroll-top .infoList li p a{ float:left; display:block; margin-left:0.1rem; line-height:28px; font-size:1.1rem;}
		.txtScroll-top .infoList li .date img{ width:60%; height:auto; }
		 
}

@media screen and (min-width:361px) and (max-width:413px){
        html {font-size:80%;}
		.minga{font-size:1rem; position:absolute; top:16%; left:20%;}
		.mingb{width:90%; position:absolute; top:32%; left:5%; }
		.txtScroll-top{ padding-top:2%; }
		.txtScroll-top .bd{ padding:1px 0 0 0;  }
		.txtScroll-top .infoList li p{margin-right:0.8rem; }
		.txtScroll-top .infoList li p a{ float:left; display:block; margin-left:0.1rem; line-height:28px; font-size:1.1rem;}
		.txtScroll-top .infoList li .date img{ width:60%; height:auto; }

		 
}
@media screen and (min-width:414px) and (max-width:500px){
        html {font-size:90%;}
		.minga{font-size:1rem; }
		.mingb{width:90%; position:absolute; top:32%; left:5%; }
		.txtScroll-top{ padding-top:2%; }
		.txtScroll-top .bd{ padding:1px 0 0 0;  }
		.txtScroll-top .infoList li p{margin-right:0.9rem; }
		.txtScroll-top .infoList li p a{ float:left; display:block; margin-left:0.1rem; line-height:28px; font-size:1.1rem;}
		.txtScroll-top .infoList li .date img{ width:60%; height:auto; }
		 
}
@media screen and (min-width:501px) and (max-width:750px){
        html {font-size:100%;}
		 
}