@charset "utf-8";
/* CSS Document */
.wrapMain {float: left;}
.userMainL { width: 240px; margin-right: 25px; padding: 30px 30px; /*float: left;*/ background-color: #ffffff; /*margin-bottom: 30px;*/}
.userMainR { overflow: hidden; background-color: #ffffff; /*margin-bottom: 30px;*/ }

.sideUser li { padding: 8px 0 0px 0; line-height: 24px; margin: 10px 0; }
.sideUser li.lineB {padding: 10px 0 15px 0; border-bottom: #e3e8ef 1px solid;}
.sideUser .userPhoto { width: 140px; height: 140px; border-radius: 70px; position: relative; margin: 0 auto 20px auto; cursor: pointer; }
.sideUser .userPhoto img { display: block; width: 140px; height: 140px; border-radius: 70px; overflow: hidden;}
.userPhoto .editUserphoto { width: 140px; height: 85px; line-height: 16px; padding-top: 55px; font-size: 12px; text-align: center;  color: #ffffff; border-radius: 70px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 1; background: url(../images/transparent_bg.png) repeat 0 0; display: none;}
.userPhoto .editUserphoto img { width:30px; height: 30px; margin: 0 auto;}
.userPhoto .uploadUserphoto {width: 140px; height: 140px; display: none; border-radius: 70px; position: absolute; left: 0; top: 0; z-index: 2; background:#353535 url(../images/loading.gif) no-repeat center center;  opacity:0.8;filter:alpha(opacity=80);}

.ico_renzheng { display: block; width: 55px; padding-left: 35px; line-height: 30px; height: 30px; position: absolute; left: 50%; bottom: -10px; margin-left: -45px; background-image: url(../images/ico_renzheng.png); background-repeat: no-repeat; z-index: 10;}
.ico_renzheng.no { background-position: 0px 0px; color: #828282;}
.ico_renzheng.yes { background-position: 0px -40px; color: #ffcf06;}
.sideUser .userName {/* height: 46px; */line-height: 20px; text-align: center; font-size: 20px; margin: 10px auto;}
.sideUser .userDesc { line-height: 18px; color: #899bb1;}

.userInputBox { display: none; }
.userInput { width: 228px; line-height: 20px; padding: 5px 5px; border: #dddddd 1px solid; background-color: #ffffff; margin: 10px auto; clear: both; }
.userSubmitBtbar { text-align: center; margin: 5px 0; clear: both; display: none;}
.userSubmitBtbar .submitBt { display: inline-block; padding: 0px 10px; height: 26px; line-height: 26px; margin: 0 5px; background-color: #0078ff;}

.fansNum { overflow: hidden; margin-top: 20px;}
.fansNum li { width: 50%; float: left; border-left:#e3e8ef 1px solid; text-align: center; line-height: 22px; color: #666666; margin-left: -1px; padding: 10px 0;}
.fansNum li .num { font-size: 20px; font-weight: bold; color: #222222;}
/*-------*/
.t_menu { height: 80px; border-bottom: #f4f5f6 1px solid; padding: 0 25px; line-height: 77px; font-size: 24px;}
.t_menu .tab { display: inline-block; height: 78px;  padding: 0 5px;  color: #a5abb3; cursor: pointer; margin: 0 50px;}
.t_menu .tab.cur { border-bottom: #4fafff 3px solid; color: #333333;}
.t_cont { margin: 10px 30px; clear: both;}

.fansList { width: 830px; overflow: hidden; margin-bottom: 20px;}
.fansList li { width: 353px; height: 100px; overflow: hidden; border: #f4f5f6 1px solid; padding: 20px 20px; margin: 20px 20px 0px 0px; float: left;}
.fansList .fansPic { width: 100px; height: 100px; border-radius: 50px; float: left; margin-right: 10px;}
.fansList .fansPic img { display: block; width: 100px; height: 100px; border-radius: 50px;}
.fansName { height: 20px; overflow: hidden; line-height: 20px; margin: 10px 0; font-size: 20px;}
.fansDesc { height: 36px; overflow: hidden; line-height: 18px; margin-bottom: 10px; color: #9b9b9b;}
.statu { display: inline-block; width: 28px; height: 16px; overflow: hidden; text-indent: -999px; cursor: pointer; background-image: url(../images/ico_useroperation.png); background-repeat: no-repeat; background-position: 0 0;}
.statu.yes { background-position: 0 -26px;}
.myVp {display: inline-block;  height: 20px; line-height: 20px; overflow: hidden; padding-left: 28px;   background: url(../images/ico_useroperation.png) no-repeat  0 -50px; font-size: 14px; color: #aab0b7; margin: 0px 5px; }

.userVideoList li { padding: 25px 0px; border-bottom: #f4f5f6 1px solid; height: 110px; overflow: hidden;}
.userVideoList .pic { width: 190px; height: 110px; float: left; margin-right: 15px; position: relative; background:#eeeeee url(/staticn/v1cn/web2017/images/video_default.gif) no-repeat center center;}
.userVideoList .pic img { width: 190px; height: 110px; }
.userVideoList .txt { overflow: hidden; height: 110px; line-height: 110px;}
.userVideoList .txtCon {display:-moz-inline-stack; display:inline-block; line-height:24px; vertical-align:middle; font-size: 20px; width: 100%;}
.userVideoList .txtCon p { padding: 8px 0;}
.userVideoList .tit { font-size:20px;}
.userVideoList i{width:0; display:-moz-inline-stack; display:inline-block; vertical-align:middle; font-size:0;}
.userVideoList .tag { display:inline-block; border: #cccccc 1px solid; color: #cccccc; padding: 0 5px; margin-right: 5px; border-radius: 2px; height: 18px; line-height: 18px; overflow: hidden; font-size: 14px;}

/*----------*/
.anquanSz { margin:30px 30px; clear: both; line-height: 20px; font-size: 16px;}
.anquanSz li { margin: 15px 0;}
.anquanSz p { padding: 10px 0;}
.inputBox { width: 300px; height: 50px; position: relative; }
.inputBox .input,.popBangding .input { width: 280px; height: 20px; padding: 14px 9px; background-color: #f6f8f9; border: #eeeeee 1px solid; font-size: 16px; color: #666666;}
.inputBox .input:focus,.popBangding .input:focus {color:#333; border:1px solid #1093ee; background-color: #ffffff; }

.placeholder { width: 280px; height: 20px; padding: 14px 9px; background-color: #f6f8f9; border: #eeeeee 1px solid; font-size: 16px; color: #666666; position: absolute; left: 0; top: 0; z-index: 1;}

.bangdingBt,.submitBt2,.uploadBt { height: 50px; padding: 0 10px; background-color: #4fafff; line-height: 50px; display: inline-block; cursor: pointer; color: #ffffff; font-size: 18px; text-align: center;}
.bangdingBt:hover,.submitBt2:hover,.uploadBt:hover { background-color: #3da3f8;}
.submitBt2 { width: 170px;}
.uploadBt { width: 80px;}
.upFileBt { width: 190px; height: 50px; clear: both;position: relative; overflow: hidden;}
.upFileBt .submitBt2 { display: block; width: 190px ;height: 50px; text-align: center; padding: 0; position: absolute; z-index: 1;}
.upFileBt input { width: 100%; height: 50px; position: absolute; z-index: 2; left: 0; top: 0; opacity: 0; cursor: pointer;}

.uploadFileBt { width: 110px; height: 50px; clear: both;position: relative; overflow: hidden;}
.uploadFileBt .uploadBt { display: block; width: 110px ;height: 50px; text-align: center; padding: 0; position: absolute; z-index: 1;}
.uploadFileBt input { width: 100%; height: 50px; position: absolute; z-index: 2; left: 0; top: 0; opacity: 0; cursor: pointer;}

.popBangding { width: 300px; padding: 30px 50px; background-color: #ffffff;}
.popBangding li { margin:20px 0; position: relative; }
.popBangding li.yzm { height: 50px; background-color: #f6f8f9;}

.popBangding .input2 { width: 140px; height: 20px; padding: 14px 149px 14px 9px; background-color: #f6f8f9; border: #eeeeee 1px solid; font-size: 16px; color: #666666; float: left; overflow: hidden;}
.popBangding .input2:focus {color:#333; border:1px solid #1093ee; background-color: #ffffff; }
.popBangding .yzmMobile { height: 18px; margin-top: 16px; cursor: pointer;  width: 110px; text-align: center; line-height: 18px; border-left: #8b95a0 1px solid; color: #999999; position: absolute; top: 1px; right: 1px; z-index: 1;}

.tlBt { display: block; height: 50px; line-height: 50px; font-size: 18px; text-align: center; background-color: #4fafff;}
.tlBt:hover { background-color: #3da3f8;}

.rzStepTxt { padding: 120px 0 0 0; line-height: 24px; height: 180px; color: #333333; font-size: 30px;}
.step1Prompt { text-align: center; padding: 30px 30px 20px 30px; line-height: 36px; font-size: 30px; clear: both; }
.step1Left { width: 520px; float: left;}
.step1Right { width: 560px; float: right; margin:10px 30px 10px 30px; padding: 30px 0; font-size: 16px; line-height: 22px; }

.addressBox { margin-top: 15px; background-color: #f6f8f9; border: #eeeeee 1px solid;  width: 440px; height: 45px; padding: 10px 10px; line-height: 22px; overflow: hidden; font-size: 16px; color: #666666;}
.addressBox:focus,.addressBox:focus {color:#333; border:1px solid #1093ee; background-color: #ffffff; }

.userID { /*width: 430px; height: 240px; */overflow: hidden; margin: 15px 0px; clear: both;}
.userID img {width: 430px; height: 240px;}
.userVideoPic { /*width: 430px; height: 240px; */overflow: hidden; margin: 15px 0px; clear: both;}
.userVideoPic img {width: 430px; height: 240px;}

/*-----------*/
.uploadStep1,.uploadStep3 { padding: 100px 30px; line-height: 20px; font-size: 16px; text-align: center;}
.uploadStep1 p,.uploadStep3 p,.uploadStep2 p { padding: 10px 0;}

.uploadStep2 { padding: 30px 30px; clear: both; font-size: 16px; line-height: 20px;}
.progressBar { height: 48px; box-shadow: inset 0 0 3px #bbb; border: #cbcbcb 1px solid; text-align: center; line-height: 48px; color: #666666; position: relative; margin: 10px 0; clear: both;}
.progressBar .progressW { display: block; height: 48px; position: absolute; z-index: 1; left: -1px; top: -1px; background-color: #53b1ff; border: #3b9aea 1px solid;}
.progressBar .txt { width: 100%; height: 48px; line-height: 48px; text-align: center; position: absolute; left: 0; top: 0; z-index: 2;}

.uploadUl { width: 500px; float: left; margin-right: 65px;}
.uploadUl li { margin: 15px 0; clear: both;}
.step2input { width: 480px; height: 20px; padding: 14px 9px 14px 9px; background-color: #f6f8f9; border: #eeeeee 1px solid; font-size: 16px; color: #666666;}
.step2Ttextarea { width: 480px; height: 130px; padding: 10px 9px 10px 9px; background-color: #f6f8f9; border: #eeeeee 1px solid; font-size: 16px; color: #666666;}
.step2input:focus,.step2Ttextarea:focus {color:#333; border:1px solid #1093ee; background-color: #ffffff; }
.inputTxtLayer { display: block; position: absolute; height: 50px; line-height: 50px; width: 60px; top: 0; right: 0; z-index: 1;}
.inputTxtLayer2 { display: block; position: absolute; height: 50px; line-height: 50px;  bottom: 0; right: 10px; z-index: 1;}


.selectBox { width: 480px; padding: 0 9px; height: 48px; line-height: 48px; position: relative; background-color: #f6f8f9; border: #eeeeee 1px solid; color: #666666;}
.selectBox.clickSelect { border:#4fafff 1px solid; background: #ffffff;}
.selectBox .arr { display: block; width: 48px; height: 48px; float: right; background: url(../images/select_arr.png) no-repeat 0 0;}
.selectCon { display: none; width: 498px; border: #ececec 1px solid; background-color: #ffffff; position: absolute; z-index: 1; left: -1px; top: 50px; padding: 10px 0; overflow: hidden;}
.selectBox.clickSelect .arr {background: url(../images/select_arr.png) no-repeat 0 -58px;}
.selectBox.clickSelect .selectCon { display: block; overflow: hidden;}
.selectCon li { height: 50px; line-height: 50px; padding: 0 10px; color: #8b95a0; background: #ffffff; margin: 0;}
.selectCon li:hover { background: #f6faff; color: #333333;}
.selectCon span.option { display: block; height: 26px; line-height: 26px; padding: 1px 0px 1px 12px; width: 83px; float: left; overflow: hidden;}
.selectCon span.option a { display: inline-block; padding: 0 8px; height: 26px; background: #ffffff; color: #666666;}
.selectCon span.option a:hover { background: #87c9f6; color: #ffffff;}

/*--*/
.userMainR .loginForm { padding-top: 10px; padding-bottom: 10px;}

/*.layui-layer { background-color :#ffffff;}*/