@charset "utf-8";
html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,code,em,img,small,strong,sub,sup,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label{margin:0;padding:0;border:0;outline:0;background:transparent;}
html{height: 100%;color: #000;}
body,html{background: #f5f5f5!important;font-family: "microsoft yahei","Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;color: #666;}
ul{padding-left: 0;margin: 0; list-style-type: none; }
a{text-decoration: none; color: inherit; }
a:hover,a:active{text-decoration: none!important; }
select,button,input[type="button"],input[type="submit"],input[type="radio"],input[type="reset"],input[type="checkbox"],textarea{
	-webkit-appearance: none;
	outline:none;
	border: 0 none;
	resize: none;
	color: #666;
}
input,textarea,select{
    -webkit-appearance: none;
    background-color:transparent;
    background-color:rgba(0,0,0,0);
}
input:disabled{background:#fff;color: #333;}
/* 元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制 */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-outline: none;
  -webkit-outline: none;
  outline: none;
}
/* b,strong,i{font-weight: normal;font-style: normal;} */
img{display: block;max-width:100%;margin: 0 auto;}
img.w100{width: 100%;}
/* float clear */
.fl{float: left;}
.fr{float: right;}
.clear{clear:both;display:block;line-height:0;font-size:0;overflow:hidden;visibility:hidden;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
.clearfix{*zoom:1;}

/*一行溢出*/
.cell{text-overflow: ellipsis;white-space:nowrap;overflow: hidden;}
.wbreak{word-break:break-all}
/*.content {position: absolute; top: 0;overflow: auto; -webkit-overflow-scrolling: touch;width: 100%;}*/

/*边框*/
.borl{border-left: 1px solid #ddd;}
/*.bort{border-top: 1px solid #ddd;}*/
.borr{border-right: 1px solid #ddd;}
/*.borb{border-bottom: 1px solid #ddd;}*/
.borno{border: 0 none !important;}


.borl,.bort,.borr,.borb{
	position: relative;
}
.bort:before{
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
height: 1px;
background: #ddd;
transform: scaleY(.5);
}
.borb:after{
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: #ddd;
transform: scaleY(.5);
}



/*背景白色*/
body.bgfff{height: 100%;background: #fff !important;}
.bgfff{background: #fff;}
/*颜色*/
.col0{color: #000;}
.col3{color: #333 !important;}
.col9{color: #999;}
.red{color: #ff5555 !important;}
.colf{color: #fff!important;}
.col6{color: #666 !important;}
.blue{color: #45a468!important;}
/*边距清除*/
.mt0{margin-top: 0 !important;}
.mb0{margin-bottom: 0 !important;}
.p0{padding: 0 !important;}
.m0{margin: 0 !important;}

/*文字方向*/
.tl{text-align: left;}
.tr{text-align: right!important;}
.tc{text-align: center;}
.bold{font-weight:bold;}
/*页面默认字号 左右边距*/


input::-webkit-input-placeholder { 
color: #999; 
} 
input:-moz-placeholder {
color: #999; 
} 
input::-moz-placeholder {
color: #999; 
} 
input:-ms-input-placeholder { 
color: #999; 
} 

.hide{
	visibility:hidden;
}
.show{
	visibility:visible;
}
/*按钮*/
.combtn{text-align: center;line-height:2.25; display: block;color: #fff !important;width: 100%;background: #3ed536;border-radius:6px; }

/*下外边距，通用*/

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*弹性盒子，通用*/
.flex-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.flex-row.flex-wrap { /*换行，需要列宽*/
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
    align-content: baseline;
}
.flex-row.horizontal { /*水平居中*/
	-webkit-justify-content: center;
	justify-content: center;
}
.flex-row.between { /*水平居两边*/
	-webkit-justify-content:space-between;
    justify-content: space-between;
}
.flex-row.around { /*水平居两边*/
	-webkit-justify-content:space-around;
    justify-content: space-around;
}
.flex-row.fleft { /*水平居you*/
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
}
.flex-row.end { /*水平居you*/
    -webkit-justify-content:flex-end;
    justify-content: flex-end;
}
.flex-row.start { /*垂直居中*/
    -webkit-align-items: start;
    align-items: start;
}
.flex-row.vertical { /*垂直居中*/
	-webkit-align-items: center;
	align-items: center;
}
.flex-row.bottom { /*居下*/
	-webkit-align-items:  flex-end;
	align-items:  flex-end;
}
.flex-row > .col {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width: 0;
}
/*弹窗通用*/
.comPopupBox{
	width: 100%;
    height: 100%;
}
.popup_mask{
    position: fixed;
    z-index: 1001;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
}
.popup_dialog{
    position: fixed;
    z-index: 101;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    overflow: hidden;
    z-index: 9999;
}
.popup_SubmitBtn span{
    width: 40%;
    height: .9744rem;
    border-radius: .4872rem;
    line-height: .9744rem;
    color: #e3a020;;
    border: 1px solid #e3a020;
    text-align: center;
}
.popup_SubmitBtn span.cur{
    color: #fff;
    background-color: #e3a020;
}
/*按钮*/
.register_btn{
    margin-top: 0.266667rem;
    padding-bottom: 0.666667rem;
}
.common-btn{
    width: 100%;
    height: 1.1026rem;
    background: #e29b14;
    border-radius: .5513rem;
    margin:.641rem auto;
    color: #fff;
    text-align: center;
    line-height: 1.1026rem;
}

/*  */
.ellipsisline{
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.singleline{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.maxht {
    height: 100% !important;
}

/* 通用底部 */
.commonBottom{
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    height: 1.6rem;
    padding: .33rem 0;
    overflow: hidden;
}
.commonBottom .bottomItem{
    /* margin-top: .6rem; */
}
.commonBottom .bottomItem var{
    display: block;
    margin: 0 auto;
}
.commonBottom .change var{
    display: block;
    width: .44rem;
    height: .532rem;
    background: url(../images/bottom/bottom_icon02.png) center no-repeat;
    background-size: contain;
}
.commonBottom .myChange var{
    display: block;
    width: .532rem;
    height: .532rem;
    background: url(../images/bottom/bottom_icon03.png) center no-repeat;
    background-size: contain;
}
.commonBottom .my var{
    display: block;
    width: .4rem;
    height:.532rem;
    background: url(../images/bottom/bottom_icon04.png) center no-repeat;
    background-size: contain;
}
.commonBottom .bottomItem p{
    color: #9f9f9f;
    text-align: center;
    line-height: 2;
    font-size: .3192rem;
}
/* 选中 */
.commonBottom .change.cur var{
    background: url(../images/bottom/bottom_icon021.png) center no-repeat;
    background-size: contain;
}
.commonBottom .myChange.cur var{
    background: url(../images/bottom/bottom_icon031.png) center no-repeat;
    background-size: contain;
}
.commonBottom .my.cur var{
    background: url(../images/bottom/bottom_icon041.png) center no-repeat;
    background-size: contain;
}
.commonBottom .cur p{
    color: #e3a020;
}

/* 提交按钮 */
.submitButtonBox,.bottomButtonBox{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    height: 3.2rem;
    padding: .6384rem 0;
    overflow: hidden;
}
.bottomButtonBox{
    height: auto;
}
.submitButtonBox .submitBtnDes{
    margin-bottom: .3192rem;
}
.submitBtnDes.cur var{
    background: url(../images/checkBtned.png) center no-repeat;
    background-size: contain;
}
.submitBtnDes var{
    width: .3724rem;
    height: .3724rem;
    background: url(../images/checkBtn.png) center no-repeat;
    background-size: contain;
    margin-right: .266rem;
}
.submitBtnDes span{
    font-family: 'PingFang SC';
    font-weight: bold;
    font-size: .3724rem;
    color: #666;
}
.submitButton{
    height: 1.1172rem;
    line-height: 1.1172rem;;
    border-radius: .5586rem;
    background-color: #E1A023;
    text-align: center;
    font-family: 'PingFang SC';
    font-weight: bold;
    font-size: .4256rem;
    color: #fff;
    margin:0 .425rem;
}
.submitBlueButton{
    background-color: #73B13B;
}
.createBookDes .resources p{
    font-family: 'PingFang SC';
    font-weight: 500;
    font-size: .3192rem;
    color: #666;
    margin-left: .5rem;
    list-style: 2;
    margin-top: .06rem;
}
.createBookDes .resources p span{
    color: #e1a023;
}
.createBookDes .resources p var{
    width: .4rem;
    height: .53rem;
    background: url(../images/lineB.png) center no-repeat;
    background-size: contain;
}
.createBookDes .prompt{
    border-top: 1px solid #E6E6E6;
    margin-top: .15rem;
    padding-top: .15rem;
}
.createBookDes .prompt img{
  width: .4788rem;
  height: .4788rem;  
} 
.createBookDes .prompt>div p{
    font-family: 'PingFang SC';
    font-weight: 500;
    font-size: .3192rem;
    color: #666;
    margin-bottom: .266rem;
}
/*  弹窗 */
.popupBox {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 222;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.popupContent {
    width: 8.113rem;
    min-height: 4.6243rem;
    background: url(../images/popBg.png) center no-repeat;
    background-size: 100% 100%;
    /* border-radius: .2rem; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
    overflow: hidden;
}
.popupAdBox{
    width: 8.113rem;
    min-height: 6rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
    overflow: hidden;
    border-radius: .2rem;
    background-color: #fff;
}
.popupAdBox span{
    position: absolute;
    top: .1rem;
    right: .2rem;
    z-index: 11;
    width: .6rem;
    height: .6rem;
    background: url(../images/icon/close.png) center no-repeat;
    background-size: contain;
}
.popupAdBox img{
    width: 3.8rem;
    height: 3.8rem;
    /* border-radius: 100%; */
    margin: .6rem auto 0;
    /* box-shadow:-10px 0px 20px #fcf5e7,
	0px 0px 0px #fcf5e7,
	10px 0px 20px #fcf5e7,
	0px 10px 20px #fcf5e7; */
}
.popupAdBox p{
    text-align: center;
    font-size: .3724rem;
    color: #333;
    margin-top: .3rem;
}
.fz10{
    font-family: 'PingFang SC';
    font-size: .266rem;
}
.fz12{
    font-family: 'PingFang SC';
    font-size: .3192rem;
}
.fz14{
    font-family: 'PingFang SC';
    font-size: .3724rem;
}
.fz16{
    font-family: 'PingFang SC';
    font-size: .4256rem;
}
.fz18{
    font-family: 'PingFang SC';
    font-size: .4788rem;
}