@CHARSET "UTF-8";
#becomeFriendForm {
}
/*text*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
	font-size:0.1rem;
	padding-top:0.05rem
} 
.formText{
	background: transparent;
	color: white;
	border-bottom-color: white;
	border-bottom-style: inset;
	border-bottom-width: 1px;
}
.formText input[type=text]{
	width: 1.65rem;
	height: 0.25rem;
	font-size: 0.12rem;
	border: 0rem;
	border: 0px;
	padding-left: 0.05rem;
	background: transparent;
	color: white;
}
.formText span{
	font-size: 0.12rem;
}
.inputText{
	background: transparent;
	color: white;
	border-bottom-color: white;
}
.defaultButton{
	font-size:0.20rem;
}
/*radio css*/
input[type=radio]+span {
    /* your style goes here */
    display: inline-block;
    height: 0.19rem;
    width: 0.19rem;
    border-radius: 0.1rem;
    background-color: white; 
    box-shadow: inset 0px 2px 5px 1px gray;      
}

/* active style goes here */
input[type=radio]:checked+span {
    box-shadow: inset 0px 0px 0px 5px white;
	background-color: #e95232;
}

.inputRadio{
	margin-top: 0.2rem;
	color: white;
	font-size: 0.12rem;
}
.hidden-input{
	opacity: 0;
    position: absolute;
    z-index: -1;
}
.radioTitle{
	
}
.radioBody{
	margin-top: 0.1rem;
	margin-left: 0.2rem;
}

.becomeFriendFormHead{
	width: 3rem;
	padding-left: 0.1rem;
	padding-right: 0.1rem;
}
.becomeFriendFormHead img{
	width:80%;
}
.becomeFriendFormTitle{
	padding-top: 0.2rem;
}
.becomeFriendInputContainer {
	width: 2.4rem;
background-color: rgba(22, 22, 22, 0.61);
padding: 0.05rem 0.15rem 0.1rem 0.15rem;
margin-top: 0.1rem;
border-radius: 0.1rem;
color: white;
}
.applyTipContainer {
	width: 2.5rem;
	line-height: 140%;
}

.becomeInfoIntroduceText {
	line-height: 140%;
	color:white
}
.reapplyButtonContainer {
	margin-top: 0.5rem;
}
.reapplyButton {
	background-color: #9c9c9c;
  color: white;
}

.becomeFriendReapplyButton, .becomeFriendApplyButton {
	  width: 1.8rem;
  height: 0.4rem;
}

.watchCourseButton{
	text-align: center;
	background-color: #32bdeb;;
	color: white;
	box-shadow: 1px 3px 4px -1px black;
	width: 1.1rem;
	height: 0.45rem;
	font-size:0.16rem;
}
.listenStoryButton{
	text-align:center;
	background-color: #0bc198;
	color: white;
	box-shadow: 1px 3px 4px -1px black;
	width: 1.1rem;
	height: 0.45rem;
	font-size:0.16rem;
}
.introduceItemContainer {
	color:white;
}
.colorYellow{
	color:#fcc93f
}
.promiseLine{
	background-color: white;
	height: 2px;
	margin-top: 0.2rem;
}
/*覆盖*/
.homeworkTopLogoImageContainer{
	width: 0.8rem;
	height: 0.6rem;
}
.homeworkTopNameContainer{
	color:white;
}
.errorTip{
	color: yellow;	
}
/*textsize*/
.textSizeXXL {
	font-size: 0.3rem;
}
.textSizeL {
	font-size: 0.17rem;
}
.textSizeM {
	font-size: 0.16rem;
}
.marginTopXL {
	margin-top: 0.25rem;
}
.marginLeftM{
	margin-left:0.16rem;
}
.marginTopSSS{
	margin-top:0.04rem;
}