.gr_line{
	height: 2px;
	background-color: #007bc7;
}
.memberContainer{
	overflow: hidden;
	margin-top: 80px;
}
.memberL{
	float: left;
	width: 238px;
	min-height: 690px;
	border: 1px solid #eeeeee;
}

.memHead{
	height:60px ;
	line-height: 60px;
	border-bottom: 1px solid #eeeeee;
	padding: 0 20px;
	padding-right: 40px;
	font-size:16px ;
	color: #333333;
	position: relative;
}
.memHead:hover{
	cursor: pointer;
}
.memHead:before{
	content: '+';
	width:19px ;
	height: 19px;
	border-radius: 50%;
	background-color: #dddddd;
text-align: center;
line-height: 16px;
font-size: 16px;
color: #666666;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	
}
.memberContentTitle{
	font-size: 26px;
	padding-bottom: 10px;
}
.memHead.dn:before{
	content: '-';
}
.memItem ul{
	padding: 0 15px;
	background-color: #eeeeee;
	display: none;
}

.memItem ul li{
	line-height: 46px;
	height: 46px;
	border-bottom: 1px solid #e1e1e1;
}
.memItem ul li:last-child{
	border-bottom: none;
}
.memItem ul li a{
	font-size:13px ;
	color: #666666;
}


.memberR{
	width: 925px;
	height: 995px;
	border: 1px  solid #eeeeee;
	float: right;
	/*padding: 50px 125px 25px;*/
	box-sizing: border-box;

	padding-top: 50px;
	padding-bottom: 25px;
	padding-right: 10px;
	position: relative;
	
}

.memberR>a{
	    color: #fff;
    background: #007bc7;
    padding: 10px;
    margin-left: 40px;
    top: 10px;
    left: -27px;
    position: absolute;
}
.memberContent{
	font-size:17px ;
	padding: 0 125px;
	padding-left: 125px;
	color: #000000;
	height: 100%;
	overflow-y: scroll;
	box-sizing: border-box;

	
}


.memberContent::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮?/

        width: 5px;     /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/

        height: 1px;
        background: #eeeeee;
    }

.memberContent::-webkit-scrollbar-thumb {/*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/

        border-radius: 10px;

         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

        background: #007bc7;

    }

.tememberContent::-webkit-scrollbar-track {/*婊氬姩鏉￠噷闈㈣建閬?/

        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

        border-radius: 10px;

        background: #EDEDED;

}
.memberBox{
	margin-bottom: 100px;
}
 .memberLoginContainer{
 	position: fixed;
 	width: 100%;
 	height: 100%;
 	background-color: rgba(0,0,0,.6);
 	top: 0;
 	left: 0;
 	z-index: 10000;
 }
.memberFrom{
	position: absolute;
	width: 495px;
	height:400px ;
	background-color: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.membTitle{
	padding: 0 30px;
	background-color: #007bc7;
	line-height: 50px;
	height: 50px;
	font-size: 16px;
	color: #fff;
	position: relative;
}
.tClose{
	width:53px ;
	height: 50px;
	background: url(../img/closeo_03.png) no-repeat center;
	position: absolute;
	top: 0;
	right: 0;
}
.tClose:hover{
	cursor: pointer;
}
.mbInpBox{
	padding: 0 47px;
	padding-top: 45px;
}

.mbInpItem{
	height: 62px;
}

.mbInpItemC{
	position: relative;
	padding-left: 47px;
	height: 47px;
	background-color: #eeeeee;
}
.mbInpIcon{
	width: 47px;
	height: 47px;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pin{
	width: 100%;
	height: 100%;
	background-color: #eeeeee;
	font-size: 14px;
}
.mbcode{
	padding-right: 108px;
	position: relative;
}

.viCode{
	width:98px ;
	height: 47px;
	position: absolute;
	right: 0;
	top: 0;
}
.viCode img{
	width: 100%;
	height: 100%;
}
.viCode:hover,.meLoginBtn:hover{
	cursor: pointer;
}
.meLoginBtn{
	margin-top: 10px;
	width: 100%;
	height: 45px;
	background-color: #007bc7;
	color: #fff;
	font-size: 16px;
	border: none;
}