img{border:0;}
.imgrotate img:hover{transform: rotate(360deg);transition-duration:1s} /*让旋转则放在相应容器中*/


p{margin:20px 0;}


.underline{text-decoration:underline;}
.aunderline{text-decoration:underline;}
.nounderline{text-decoration:none;}
.anounderline{text-decoration:none;} 
.hoverred:hover{color:red}
.visitedgreen:visited{color:green}
.hoverbgc666:hover{background-color:#666;} 
.hoverbgcffc:hover{background-color:#ffc;} 
.hoverboder:hover{border:red dotted 1px;}
/*
.ahoverred a:hover{color:red}
.avisitedgreen a:visited{color:green}
*/


.linodot li { list-style-type:none;}
.linone li { list-style-type:none;}
.lisquare li {list-style-type: square;}

  
select{margin:10px;padding:10px;}
option{font-size:1.2em;}
input{padding:5px;}



.cursr{cursor:pointer;}
.cursr:hover{}

.btn{width:70px;height:64px;} /*delay2delete*/


/****************布局>>*****************/
.fpct100{float:left;width:100%;margin:0px;padding:0px;}
.fpct10{float:left;width:10%;margin:0px;padding:0px;}
.fpct20{float:left;width:20%;margin:0px;padding:0px;}
.fpct25{float:left;width:25%;margin:0px;padding:0px;}
.fpct30{float:left;width:30%;margin:0px;padding:0px;}
.fpct33{float:left;width:33%;margin:0px;padding:0px;}
.fpct40{float:left;width:40%;margin:0px;padding:0px;}
.fpct50{float:left;width:50%;margin:0px;padding:0px;}
.fpct60{float:left;width:60%;margin:0px;padding:0px;}
.fpct70{float:left;width:70%;margin:0px;padding:0px;}
.fpct75{float:left;width:75%;margin:0px;padding:0px;}
.fpct80{float:left;width:80%;margin:0px;padding:0px;}
.fpct90{float:left;width:90%;margin:0px;padding:0px;}



/* 大屏幕 ：大于等于1200px*/
@media (min-width: 1200px) { 

	.fpct33or100{float:left;width:33%;margin:0px;padding:0px;}
	.fpct50or100{float:left;width:50%;margin:0px;padding:0px;}

}
	
/*默认*/
@media (min-width: 980px){

	.fpct33or100{float:left;width:33%;margin:0px;padding:0px;}
	.fpct50or100{float:left;width:50%;margin:0px;padding:0px;}


}
	
/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) { 
	.fpct33or100{float:left;width:33%;margin:0px;padding:0px;}
	.fpct50or100{float:left;width:50%;margin:0px;padding:0px;}


}
	
/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) { 
	.fpct33or100{float:left;width:33%;margin:0px;padding:0px;}
	.fpct50or100{float:left;width:50%;margin:0px;padding:0px;}

}
	
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) { 
	.fpct33or100{float:left;width:100%;margin:0px;padding:0px;}

	.fpct50or100{float:left;width:100%;margin:0px;padding:0px;}

}


.wpct0{display:none;} /*width:0%;*/
.wpct5{width:5%;}
.wpct10{width:10%;}
.wpct15{width:15%;} 
.wpct20{width:20%;}
.wpct25{width:25%;}
.wpct30{width:30%;}
.wpct33{width:33%;}
.wpct35{width:35%;}
.wpct40{width:40%;}
.wpct45{width:45%;}
.wpct50{width:50%;}
.wpct60{width:60%;}
.wpct70{width:70%;}
.wpct75{width:75%;}
.wpct80{width:80%;}
.wpct90{width:90%;}
.wpct100{width:100%;}
.wpctauto{width:auto}
.w80px{width:80px;}
.w100px{width:100px;}
.w120px{width:120px;}
.w150px{width:150px;}
.w160px{width:160px;}
.w180px{width:180px;}
.w200px{width:200px;}

.ht20px{height:20px;}
.ht40px{height:40px;}
.ht50px{height:50px;}
.ht100px{height:100px;}
.ht150px{height:150px;}
.ht200px{height:200px;}
.ht300px{height:300px;}
.htpct100{height:100%;}


.fleft{float:left;}
.fright{float:right;}


.mg0px{margin:0px;}
.mg2px{margin:2px;}
.mg5px{margin:5px;}
.mg10px{margin:10px;}
.mg20px{margin:20px;}
.mgv2px{margin-top:2px;margin-bottom:2px;}
.mgv5px{margin-top:5px;margin-bottom:5px;}
.mgv10px{margin-top:10px;margin-bottom:10px;}
.mgv15px{margin-top:15px;margin-bottom:15px;}
.mgv20px{margin-top:20px;margin-bottom:20px;}
.mgv30px{margin-top:30px;margin-bottom:30px;}
.mgh5px{margin-left:5px;margin-right:5px;}
.mgh10px{margin-left:10px;margin-right:10px;}
.mgh15px{margin-left:15px;margin-right:15px;}
.mgh20px{margin-left:20px;margin-right:20px;}
.mgh30px{margin-left:30px;margin-right:30px;}

 


.pd0px{padding:0px;}
.pd5px{padding:5px;}
.pd10px{padding:10px;}
.pd20px{padding:20px;}
.pd30px{padding:30px;}
.pdv5px{padding-top:5px;padding-bottom:5px;} /*.pd5050{padding:5px 0px 5px 0}*/
.pdv10px{padding-top:10px;padding-bottom:10px;}
.pdv15px{padding-top:15px;padding-bottom:15px;}
.pdv20px{padding-top:20px;padding-bottom:20px;}
.pdv30px{padding-top:30px;padding-bottom:30px;}
.pdv40px{padding-top:40px;padding-bottom:40px;}
.pdv50px{padding-top:50px;padding-bottom:50px;}
.pdv60px{padding-top:60px;padding-bottom:60px;}
.pdv70px{padding-top:70px;padding-bottom:70px;}
.pdv80px{padding-top:80px;padding-bottom:80px;}
.pdv90px{padding-top:90px;padding-bottom:90px;}
.pdv100px{padding-top:100px;padding-bottom:100px;}
.pdt1px{padding-top:1px;}
.pdt2px{padding-top:2px;}
.pdt3px{padding-top:3px;}
.pdt4px{padding-top:4px;}
.pdt5px{padding-top:5px;}
.pdt10px{padding-top:10px;}
.pdt20px{padding-top:20px;}
.pdt30px{padding-top:30px;}
.pdt40px{padding-top:40px;}
.pdt50px{padding-top:50px;}
.pdt60px{padding-top:60px;}
.pdt70px{padding-top:70px;}
.pdt80px{padding-top:80px;}
.pdt90px{padding-top:90px;}
.pdt100px{padding-top:100px;}
.pdh5px{padding-left:5px;padding-right:5px;}
.pdh10px{padding-left:10px;padding-right:10px;}
.pdh15px{padding-left:15px;padding-right:15px;}
.pdh20px{padding-left:20px;padding-right:20px;}
.pdh30px{padding-left:30px;padding-right:30px;}
.pdh40px{padding-left:40px;padding-right:40px;}
.pdh50px{padding-left:50px;padding-right:50px;}
.pdh60px{padding-left:60px;padding-right:60px;}
.pdh70px{padding-left:70px;padding-right:70px;}
.pdh80px{padding-left:80px;padding-right:80px;}

/****************字体 颜色等>>*****************/
.fontpct50{font-size:50%;} 
.fontpct60{font-size:60%;} 
.fontpct70{font-size:70%;} 
.fontpct80{font-size:80%;} 
.fontpct90{font-size:90%;}
.fontpct100{font-size:100%;} 
.fontpct120{font-size:120%;} 
.fontpct150{font-size:150%;} 
.fontpct180{font-size:180%;} 
.fontpct200{font-size:200%;} 
.fontpct300{font-size:300%;}  
.fontpct400{font-size:400%;}  
.fontpct500{font-size:500%;}  
.fontsize32px{font-size:32px} 
.fontsize48px{font-size:48px} 

.fontb{font-weight:bold;}
.fonti{font-style:italic;}
.fontn{font-style:normal;font-weight:normal;}


.colorred{color:red}
.colorgreen{color:green;}
.colorltg{color:#B4E7A7;}
.colorlianggreen{color:#86C440;}
.colorgreen2{color:#42A06B;}
.coloryellow{color:yellow;}
.colorblack{color:black;}
.colorwhite{color:white;}
.colorgray{color:#D4CBCB} 
.colordev{color:#FF9800;}
.colorwarm{color:#EE9900;}
.colordevon{color:#dc923f;} /*一种淡红*/
.color333{color:#333;}
.color666{color:#666;}
.color888{color:#888;}
.color999{color:#999;}
.colorddd{color:#ddd;}
.colorthismain{color:#007AFF;} /*要逐渐替换掉*/
.colorthismainblue{color:#007AFF;}
.colorthismaingreen{color:#36A849;}
.colorlightblue{color:#70A3C7;}



.bgcgray{background-color:#D4CBCB;}
.bgc333{background-color:#333;}
.bgc666{background-color:#666;}
.bgc999{background-color:#999;}
.bgcd9{background-color:#d9d9d9;}
.bgcddd{background-color:#ddd;}
.bgcec{background-color:#ececec;}
.bgceee{background-color:#eeeeee;}
.bgcf2{background-color:#F2F2F2} /*very light gray*/
.bgcffc{background-color:#ffc;}
.bgcwhite{background-color:#FFF}
.bgcred{background-color:#C01E22;}
.bgcgreen{background-color:green;}
.bgcdarkgreen{background-color:#B4E7A7;} 
.bgcyellow{background-color:yellow;} 
.bgcblue{background-color:blue;}
.bgcltg{background-color:#B4E7A7;}/*light green darker*/
.bgcltg2{background-color:#E0F5E3;}/*light green */
.bgclightbule{background-color:#E3F1FC;}
.bgclightgray{background-color:#ECECEC;}

.bd0{border:0;}
.bdgreen{border:1px solid green;}
.bdgray{border:1px solid gray;}
.bdddd{border:1px solid #dddddd;} 
.bddotgray{border:1px dotted gray;}
.bddashgray{border:1px dashed gray;}
.bdbtm{border-bottom:1px solid gray;}
.bdbtmdotted{border-bottom:1px dotted green;}
.bdddd{border:1px solid #dddddd;} 

.alignL{text-align:left}
.alignC{text-align:center}
.alignR{text-align:right}
.alignCWhole{margin:0 auto;}/*用text-align只能使文本对齐，用这个可使整个框居中*/
.mg0auto{margin:0 auto;}

.inline{display:inline}
.block{display:block} /*换行*/
.inlineblock{display:inline-block;}

.hid{display:none;}



/*********特定元素>>************/


 
.onerow{width:100%;margin:0px;padding:2px;float:left;}
.colLeft{float:left;width:15%;font-size:1.3em;} 
.colCenter{float:left;text-align:center;width:70%;}
.colRight{float:right;width:15%;text-align:right;font-size:1.3em;} 

.col50{float:left;width:48%; margin:2px;padding:0;background-color:#ddd;transition: all 0.5s ease;}
.col50:hover{background:#ffc;transform:rotate(0deg);}


.fontH1{font-size:2em;} 
.fontH2{font-size:1.3em;} 
.fontH3{font-size:1.2em;} 
.fontbold{font-weight:bold;}


.colorred{color:red}
.colorgreen{color:green;}



.alignL{text-align:left}
.alignC{text-align:center}
.alignR{text-align:right}



/*---*/
#nav{width:100%;height:80px;background-color:#B4E7A7;margin:0px;padding:5px} 



.asflex 
{
	display: flex;	
}
.flexrow 
{
	flex-direction: row;
}
.flexcol 
{ 
	flex-direction: column;
}
.flexmainleft 
{
	-webkit-justify-content: center;
	justify-content: left; /*定义了项目在主轴上的对齐方式*/	
}
.flexmaincenter 
{
	-webkit-justify-content: center;
	justify-content: center; /*定义了项目在主轴上的对齐方式*/	
}
.flexmainend 
{
	-webkit-justify-content: flex-end;
	justify-content: flex-end; /*定义了项目在主轴上的对齐方式*/	
}
.flexcrosscenter
{
	-webkit-align-items: center;
	align-items: center; /*定义项目在交叉轴上如何对齐*/	
}
.flexvcenter
{
	/*webkit-flex: 1;
	flex: 1;*/
	display: flex;
 
}

.fixedtop{

    position: fixed;
    top: 0; /*容易被状态条遮挡*/
	left: 0;   
	z-index: 10; /*10000*/

}

.fixedcenter{

    position: fixed;
    top: 500rpx; 
	left: 0;   
	z-index: 10; /*10000*/

}
.fixedbottom{

    position: fixed;
    bottom: 0; 
	left: 0;   
	z-index: 10; /*10000*/

}

.fixedballleftgreen{

    background: #94CF96;
    /*border: 0px solid #dddddd;*/
    width: 100rpx;
    height: 100rpx;
    font-size: 24rpx;
    color: #333333;
    position: fixed;
    left: 50rpx;
    bottom: 200rpx;
    border-radius: 100%;
	z-index: 10; /*10000*/
	box-shadow: 0 0 4px 3px #dddddd; /*默认*/
	/*transform: rotate(360);
	transition: all 0.3s;*/
	/*animation: pulse 2s;*/ /*infinite*/
	
	
}
.fixedballleftgreen:active { /*用 hover 不会自动恢复，active 会恢复*/
box-shadow: 0 0 4px 3px #ffff00;
}