body, button, input, keygen, legend, textarea{
    color: #333;
    outline: 0;
    font-family:"microsoft yahei", helvetica,PingFangSC-Regular,'Heiti SC';
    margin: 0;
    padding: 0;
    border: 0;
}
html,body{
	width: 100%;
	font-family:"microsoft yahei", helvetica,PingFangSC-Regular,'Heiti SC';
	height: 100%;
}
*{margin: 0;padding: 0;border: 0; word-wrap: break-word; word-break: break-all;}
input[type="text"]:-webkit-autofill,input[type="number"]:-webkit-autofill,input[type="password"]:-webkit-autofill { 
	-webkit-box-shadow: 0 0 0px 1000px white inset !important; 
	-moz-box-shadow: 0 0 0px 1000px white inset !important;
	box-shadow: 0 0 0px 1000px white inset !important;
	outline: none;
}
input::-moz-placeholder { color: #9b9b9b; font-size: 1.2rem;}
input:-moz-placeholder { color: #9b9b9b; font-size: 1.2rem;}
input::-webkit-placeholder { color: #9b9b9b; font-size: 1.2rem;}
input:-ms-placeholder { color: #9b9b9b; font-size: 1.2rem;}
input { font-size: 1.2rem; color: #333;}
em { font-style: normal;}


.z { float: left;}
.y { float: right;}
.cl:after { content: ''; display: block; height: 0; clear: both;}
.borNo { border: none !important;}
.posiR { position: relative;}
.show { display: block !important;}
.redF { color: #a60924;}
.textL { text-align: left;}
.textC { text-align: center;}
.textR { text-align: right;}

/*header*/
.header { background: #fff; height: 5rem; overflow: hidden; zoom: 1; text-align: center; width: 100%; position: fixed !important; top: 0; left: 0; z-index: 10; box-sizing: border-box; padding: 0.8rem 4%;}
.menuCli { float: left; height: 3.4rem;cursor: pointer; }
.serCli { float: right; height: 3.4rem; cursor: pointer;}
.logo { display: inline-block; height: 3.4rem;}
.titHead { border-bottom: 1px solid #ededed;}
.backCli { position: absolute; height: 3rem; margin: .2rem 0; left: 4%; cursor: pointer; z-index: 10;}


.content { padding-top: 5rem;}
.tabList { overflow: visible; zoom: 1; margin-top: 0.5rem; padding: 0 4%; height: 4rem; border-bottom: 1px solid #d2d3cd; box-sizing: border-box; text-align: justify;text-align-last:justify;}
.tabLi { display: inline-block; line-height: 4rem;/* width: 16.6%;*/ height: 4rem; text-align: center;}
.tabLi a { display: inline-block; height: 4rem; font-size: 1.5rem; border-bottom: 3px solid transparent; box-sizing: border-box; padding: 0 0.3rem;}
.tabActi a { color: #a60924; border-bottom: 3px solid #a60924;}
.tabCon { padding: 1rem 4%; box-sizing: border-box; border-bottom: 2px solid #e0e0e0;}

.slideImg { display: block; width: auto; height: auto;}
.sliImgBox { width: 100%; height: 200px; display:flex; justify-content:center; align-items:center; overflow: hidden; }

.cover { position: fixed; top: 0; left: 0; z-index: 11; background: #000; opacity: 0.5; width: 100%; height: 100%; display: none;}
.sideBar{ position: fixed; top: 0;width: 85%; left: -85%; background: #fff; height: 100%;z-index: 12;}


/*单选框/复选框*/
.choInpBtn { display: none;}
.radiobox label{ margin-right: .4rem;}
.choInpBtn + label { -webkit-appearance: none; background: url(../images/radNor.png) no-repeat; background-size: 100% 100%; width: 1.4rem; height: 1.4rem; border-radius: 50%; display: inline-block; position: relative; cursor: pointer; border: none;}
.choInpBtn:checked + label:after { -webkit-appearance: none; content: ' '; width: 1.4rem; height: 1.4rem; overflow: hidden; position: absolute; top: 0; background: url(../images/radSele.png) no-repeat; background-size: 100% 100%; left: 0; cursor: pointer; border: none;}
.choInpBtn:checked + label { color: #99a1a7;}
.radiobox { display: inline-block;}
.checkHold label{ margin-right: .4rem;}
.checkHold input.choInpBtn + label { -webkit-appearance: none; background: url(../images/cbNor.png) no-repeat; background-size: 100%; width: 1.6rem; height: 1.6rem; display: inline-block; position: relative; cursor: pointer; border: none; padding: 0;}
.checkHold input.choInpBtn:checked + label:after { content: ' '; width: 1.6rem; height: 1.6rem; border-radius: 0 !important; overflow: hidden; position: absolute; top: 0; background: url(../images/cbSele.png) no-repeat; background-size: 100%; left: 0; cursor: pointer; border: none; padding: 0;}
.checkHold input.choInpBtn:checked + label { color: #99a1a7;}
.checkHold .radiobox { display: inline-block; margin-right: 0;}
.checkHold .radiobox span.radioWord { line-height: 1.6rem; font-size: 1.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-word; min-width: 7rem; max-width: 25rem; display: inline-block; color: #444;}
.comBtn { display: block; width: 80%; margin: 0 10% 1.5rem 10%; background: #a60924; color: #fff; height: 3.8rem; line-height: 3.8rem; border: none; text-align: center; font-size: 1.6rem; letter-spacing: .1rem; border-radius: 6px;}
.radioWord { font-size: 1.2rem;}

/*个人中心 博文分类选项框*/
.comAlert { display: none; position: fixed; top: 25%; left: 10%; z-index: 12; width: 80%; min-height: 10rem; background: #fff; max-height: 30rem; overflow-y: scroll; border-radius: 6px;}
.choAlert { padding: 1rem 2rem; box-sizing: border-box;}
.choAlert .radiobox { display: block; padding: 1rem 0;}
.choAlert .radiobox label { top: .25rem; margin-right: .8rem;}
.choAlert .radiobox .radioWord { font-size: 1.3rem;}

.hCancel { float: left; position: relative; z-index: 9; font-size: 1.4rem; line-height: 3.6rem;}
.hNext { float: right; position: relative; z-index: 9; font-size: 1.4rem; line-height: 3.6rem;}