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

/*--css reset--*/
html,body,h1,h2,h3,h4,h5,h6,p,ol,ul,li,pre,code,address,variable,form,fieldset,blockquote {
	padding:0;
	margin:0;
	font-size:62.5%;
	font-weight:normal;
	font-family:"微软雅黑", "黑体";
	color:#333;
}
ol{margin-left:0; list-style:none;}
ul,li{margin-left:0; list-style:none;}

a{ color:#333;text-decoration:none;}
a:hover{color:#333;text-decoration:none;}
img,input{ vertical-align:middle;}
.clean{ clear:both;}
.left{ float:left;}
.right{ float:right;}
.hidden{ display:none;}
.show{ display:block;}
img{ border:none}
/*--css reset over--*/

body{background-color:#def4ff;}
.main{width:100%;height:100%;}
.banner{ max-width:100%; height:auto;margin-bottom:2rem;}

/*----简介----*/
.jianjie {width:calc(100% - 4rem);margin:0 auto;}
.jianjie h1{width:100%;font-size:3rem;line-height:6rem;color:#fff;text-indent:2rem;background-color:#0082ee;/* 浏览器不支持的时候显示 */background-image:linear-gradient(170deg, #53b1ff, #0069c0);border-radius:1rem 1rem 0 0;}
.jianjie p{width:calc(100% - 4rem);margin:0;padding:2rem; font-size:2.4rem;line-height:3.5rem;background-color:#fff;border-radius:0 0 1rem 1rem;}

/*----搜索----*/
.ss{width:calc(100% - 4rem);margin:2rem auto 0 auto;}

/*----栏目切换----*/
.lmqh{width:100%;margin:2rem auto 0 auto;}
.lmqh div{float:left;width:33.3%;text-align:center;font-size:2.8rem;line-height:7rem;;color: #666;background-color:#fff;border-bottom:solid 1px #c1c1c1;}

/*----瀑布流图片列表----*/
.wrapper{-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari 和 Chrome */
column-count:2;
-moz-column-gap: 2rem;
-webkit-column-gap: 2rem;
column-gap: 2rem;
width:calc(100% - 4rem);
margin:0 auto;padding:1rem 0;}

.wrapper li{
margin:0;padding:1rem 0;
-moz-page-break-inside: avoid;
-webkit-column-break-inside: avoid;
break-inside: avoid;}

.wrapper li 
.bluebg{position:relative;width:100%;background:#fff;height:auto;margin:0;padding-bottom:2rem;border-radius:1rem;}
.wrapper li .bluebg .pic{width:100%;height:auto;margin:0;padding:0;}
.wrapper li .bluebg .pic img{ border-radius:1rem 1rem 0px 0px;}
.wrapper li .bluebg .title{width:calc(100% - 30px);font-size:2.4rem;line-height:3.5rem;text-align:center;margin:10px 15px;word-wrap:break-word;}
.wrapper li .bluebg .title p{font-size:2.4rem;color:#0082ee;}
.wrapper li .bluebg .button{width:50%;font-size:2.4rem;background:#0082ee;color:#FFF; text-align:center; border-radius:0.6rem;margin:0rem 25%;padding:0.6rem 0rem;border:none;background-color:#0082ee;/* 浏览器不支持的时候显示 */background-image:linear-gradient(170deg, #53b1ff, #0069c0); }
.wrapper li .bluebg .button img{ width:10%; height:auto;margin:0 1.2rem 0 0;}