@charset "utf-8";
:root{    
	--user_main_color:#BC5A0A;        /* 主色 */
}


/*用户注册、登录、找回密码*/
.user_bg{background:url(../images/huiyuan_bg.jpg) no-repeat bottom center; background-size:cover;min-height:calc(100vh - 230px);padding:1rem 0;box-sizing:border-box;}
/*.user_login_bg{width: 100%;height: 100vh;  padding-top:80px; box-sizing:border-box;}
.user_login_bg .head1{padding: 68px 0 25px; text-align:center; font-size:25px; text-shadow: 0 1px 10px rgba(0,0,0,.25);}*/
.user_form_box{padding-bottom:50px;width:520px; background:#fff; border-radius:5px; overflow:hidden;  box-shadow:0 8px 16px 4px rgba(0,0,0,.04); box-sizing:border-box; margin:auto;}
.user_form_box .head{line-height: 56px;background: #e8e8e8;box-sizing:border-box; text-align:center; padding:0 25px; font-size:20px; text-shadow: 0 1px 10px rgba(0,0,0,.25);}
.user_form_box .tit{ margin-bottom:20px; text-align:center;}
.user_form_box .tit li{ font-size:16px; display:inline-block; margin:0 15px 0; }
.user_form_box .tit li a{display:block; height:30px; transition:0.5s all; position:relative; color:#333; text-decoration:none;}
.user_form_box .tit li.active a{font-weight:bold;}
.user_form_box .tit li.active a:after{ content:""; width:100%; height:2px; border-radius:10px; background:var(--user_main_color); position: absolute; bottom:0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}

.user_form_box .con ul{display:none;}
.user_form_box .con ul.active{display:block;}
.user_form_box .p1{text-align:center; margin-top:15px; }
.user_form_box .p2{text-align:center; margin-top:15px; }

/*表单*/
.form_box1{width:330px; margin:30px auto auto;}
.user_form_box li,.user_login_box .con .form-actions{margin-top:15px; position:relative;}
.user_form_box li input{background: #fff; font-size:15px;border-radius: 5px;border: 1px solid #dcdfe6;box-sizing: border-box;color: #606266;height: 46px;line-height: 46px;outline: none;padding: 0 15px;transition: border-color .2s cubic-bezier(.645,.045,.355,1);width: 100%;}
.user_form_box li input:focus,.user_form_box li input:hover{border:solid 1px var(--user_main_color);}

.user_form_box li .yzm{position:absolute; padding:0 10px; top:0px; right:0px; border-left:solid 1px #dcdfe6; transition:.2s all;}

.user_form_box .code_yzm li:nth-child(1){width:53%;margin:12px 0 0;}
.user_form_box .code_yzm li:nth-child(2){width:44%;margin:12px 0 0;}
.user_form_box .code_yzm li input{width:100%;} 
.user_form_box .sms_btn{width:100%;color:#fff; display:block;text-decoration:none;background:#0cbc87;height:46px;}


.user_form_box li .smsyzm{position:absolute; padding:0 25px; top:0px; right:0px; }

.user_form_box button{ width:100%; height:46px; background:var(--main_color); border:none; font-size:14px; color:#fff; cursor:pointer; outline:none; border-radius:5px;}
.user_form_box button:hover{ opacity:0.8;}

@media screen and (max-width:768px) {	
.user_bg{min-height:auto;padding:30px 0;box-sizing:border-box;}
.user_form_box{width:100%;padding-bottom:25px;}
.user_form_box .head{line-height:46px; padding:0 25px; font-size:16px;}
.user_form_box .tit{ margin-bottom:10px;}
.user_form_box .tit li a{height:25px;}
.user_form_box li,.user_form_box .con .form-actions{margin:12px 15px 0;}
.user_form_box .form-group{margin:0 12px;}
.user_form_box li input{font-size:14px;}
.user_form_box li .smsyzm{ padding:0 15px; }

}




/*============会员中心内容页=================*/

/*左边*/
.user_side{width:260px;}
.user_side .touxiang{width:100%;background:#fff;padding:25px 0;border-radius:5px;}
.user_side .touxiang .ico{overflow:hidden;border-radius:100%;width:80px;height:80px;}
.user_side .touxiang .ico img{width:100%;display:block;}
.user_side .touxiang h3{font-size:15px; margin:13px 0;}
.user_side .touxiang span{display:block; line-height:36px;background:#e8e8e8;text-align:center;border-radius:5px;color:#666;font-size:15px; padding:0 20px; margin:0 5px;}
.user_side .touxiang span i{margin-right:10px;}
.user_side .touxiang span.vip{background:#03a193;color:#fff;}
.user_side .touxiang span.shengji{ background:#f44; color:#fff;}
.user_side .touxiang span.shengji:hover{ opacity:0.8;}
.user_side .touxiang p{margin:15px 0 0;color:#888;font-size:12px;}

.user_side .fenglei{width:100%;background:#fff;padding:20px 20px 30px 42px ;border-radius:5px;margin-top:15px;box-sizing:border-box;}
.user_side .fenglei .nav_item{line-height:2.2;}
.user_side .fenglei .nav_item .nav_tit{display:block;font-size:16px;margin-top:5px;}
.user_side .fenglei .nav_item i{width:18px;text-align:center; font-size:14px;}
.user_side .fenglei .sub_menu{padding-left:20px;}
.user_side .fenglei .sub_menu .nav_item a{font-size:15px;color:#666;}
.user_side .fenglei .sub_menu .nav_item a:hover{color:var(--main_color);}

@media screen and (max-width:768px) {
.m_main{ padding:0;}	
.user_side{width:100%; position:fixed; left:-1000px; top:60px;bottom: 0;right: 0;  transition:0.5s all; background:#e8e8e8; z-index:2;}
.user_side.active{ left:0; transition:0.5s all;}
.user_side .wrapper {position: absolute;left: 0;right: 0;height: 100%;padding:15px; box-sizing:border-box;overflow-x: hidden;overflow-y:auto;z-index: 110;}
}

/*位置导航*/
.page-bar{background:#eef1f5;padding:15px 15px;box-sizing:border-box;border-radius:5px;}
.page-bar li{display:inline-block;color:#666;}
.page-bar li a{color:#666;}
.page-bar li i{margin-left:5px;}

/*右边*/
.user_con{width:calc(100% - 280px);background:#fff;border-radius:5px;padding:35px 50px;box-sizing:border-box;}
.user_con .tit{padding:35px 0 15px;border-bottom:1px solid #e8e8e8;}
.user_con .tit h3{position:relative;font-size:16px;}
.user_con .tit h3 i{margin-right:8px;font-size:16px;}
.user_con .tit h3:before{position:absolute;content:'';bottom:-16px;left:0;width:90px;height:2px;background:var(--main_color);}

.user_con .zhuti{margin-top:25px;padding-left:15px;box-sizing:border-box;}
.user_con .zhuti li{line-height:36px;margin-bottom:15px;}
.user_con .zhuti p{margin-right:20px;}
.user_con .zhuti p span{color:rgba(255,0,0,1);}

.myuser_form input{height:36px;border:1px solid #d3cfcf;padding:6px 10px;box-sizing:border-box;border-radius:5px;cursor:pointer;margin-right:15px;}
.myuser_form textarea{border:1px solid #e4e6ef;border-radius:5px; padding:6px 10px;box-sizing:border-box;}
.myuser_form button{padding:0 20px;line-height:34px;border:none;border-radius:5px;cursor:pointer;}
.myuser_form select{height:36px;border:1px solid #e4e6ef;padding:0 10px;box-sizing:border-box;border-radius:5px;cursor:pointer;}
.myuser_form .form-group{margin-bottom:15px;}
.myuser_form .form-control{margin-top:5px;}
.myuser_form .required{color:rgba(255,0,0,1);}

.myuser_form input:focus,.myuser_form textarea:focus{border:solid 1px #93A1BB;}

@media screen and (max-width:768px) {	
.user_con{width:100%;border-radius:5px;padding:20px 15px; }


}



/*会员中心首页*/
.myuser_info{ background:#f4f5f7; padding:25px 25px 20px 50px; border-radius:5px;}
.myuser_info .touxiang {width: 100px;height: 100px;overflow: hidden;border-radius: 50%; margin: 5px 25px 0 10px;}
.myuser_info .touxiang img {width: 100px;height: 100px; display:block;}

.myuser_info .userinfo {flex:1;}
.myuser_info .userinfo .welcom {font-size: 16px;line-height: 40px}
.myuser_info .userinfo .usericon { line-height: 40px}
.myuser_info .userinfo .usericon i {font-size: 18px; margin-left: 6px}
.myuser_info .userinfo .usericon a {color: #ccc}
.myuser_info .userinfo .usericon a.over {color: #fc9900}
.myuser_info .userinfo .usericon a:hover { color: #3fa5ed}
.myuser_info .userinfo .usergroup {display: inline-block;height: 25px;line-height: 25px;padding: 0 8px 0 8px; border-radius: 6px !important; background-color: #888;
    color: #fff;font-size: 12px;margin-left: 10px}
.myuser_info .userinfo .usergroup i {font-size: 13px;margin-right: 3px}
.myuser_info .userinfo .usergroup1 {padding: 0 8px 0 2px; background-color:#f44;}
.myuser_info .userinfo .otherinfo span {color: #999;margin-right: 15px;font-size: 14px;line-height: 35px}
.myuser_info .userinfo .otherinfo span i{font-size:12px;}

.myuser_info .recharge {width: 25%}
.myuser_info .recharge dl dt {color: #a9a9a9;font-size: 15px; font-weight: normal;}
.myuser_info .recharge dl dd span {font-size: 28px;line-height: 40px}
.myuser_info .recharge dl dd .user_small{ font-size:12px; color:#999; margin:5px 0 10px;}
.myuser_info .recharge dl dd p a { display:inline-block; line-height:36px; padding: 0 20px;border-radius: 5px;color: #fff;margin-right: 10px}
.myuser_info .recharge dl dd p a:nth-child(1) {background-color:#03a193;}
.myuser_info .recharge dl dd p a:nth-child(2) {background-color: #fc9900}
.myuser_info .recharge dl dd p a:hover {background-color: #ea4335; text-decoration:none;}



/*===================开通VIP会员================*/
.no_vip{ font-size:16px; font-weight:bold; margin-top:.5rem; color:var(--main_color); text-align:center;}
.myuser_vip{ margin-top:.5rem;}
.myuser_vip .item{width:48%; background:#fff; border-radius:8px; overflow:hidden; box-shadow: 0 5px 25px rgba(31,45,61,.1); transition:0.3s all;}
.myuser_vip .item:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 10px 30px rgba(31,45,61,.13);box-shadow:0 10px 30px rgba(31,45,61,.18)}
.myuser_vip .vip_head{ text-align:center; padding:25px 15px; background:#f8f8f8;}
.myuser_vip .vip_head h2{ font-size:20px;}
.myuser_vip .vip_head h5{ color:#f44; font-size:.32rem; margin:15px 0 10px;}
.myuser_vip .vip_head h5 sup{ font-size:16px; font-weight:normal; margin-left:5px;}
.myuser_vip .vip_head h6{ color:#999; font-size:18px; font-weight:normal;}
.myuser_vip .vip_bot{ border:solid 0px #e8e8e8; border-top:0;}
.myuser_vip .vip_body{ text-align:center; padding:20px 15px; font-size:16px; line-height:2; color:#666;}
.myuser_vip .vip_foot{ text-align:center; padding-bottom:30px;}
.myuser_vip .vip_foot a{ width:1.8rem; height:40px; line-height:40px; background:#f44; color:#fff; display:inline-block; border-radius:38px; font-size:15px; transition:0.3s all;}
.myuser_vip .vip_foot a:hover{ opacity:0.8;}
.myuser_vip .vip_foot i{ margin-right:5px;}
.myuser_vip .item1 .vip_head{background:#CAF0E6;}
.myuser_vip .item1 .vip_head h2{ color:#0cbc87;}
.myuser_vip .item1 .vip_head h6{ color:#0cbc87;}

.myuser_vip .item2 .vip_head{background:#FCEEC2;}
.myuser_vip .item2 .vip_head h2{ color:var(--main_color);}
.myuser_vip .item2 .vip_head h6{ color:var(--main_color);}

@media screen and (max-width:768px) {
.no_vip{ font-size:15px; margin-top:.5rem; line-height:1.6;}	
.myuser_vip .item{width:100%;   box-shadow: 0 5px 25px rgba(31,45,61,.1); margin-bottom:20px;}
.myuser_vip .vip_foot a{ width:50%;}
.myuser_vip .vip_head h5 sup{ font-size:13px; margin-left:5px;}
}


/*头像上传*/
.myuser_form .btn_green{line-height:34px;display:inline-block;background:#03a193; color:#fff;padding:0 20px;border-radius:5px; cursor:pointer;}
.myuser_form .btn_yellow{line-height:34px;display:inline-block;background:#c49f47; color:#fff;padding:0 20px;border-radius:5px;}
.myuser_form .btn_red,.label-danger{line-height:24px;display:inline-block;background:#e7505a; color:#fff;padding:0 8px;border-radius:5px;font-size:12px;margin-right:5px;}
.myuser_form .btn_red:hover,.label-danger:hover{ color:#fff;}
.myuser_form .btn_dark{line-height:24px;display:inline-block;background:#2f353b; color:#fff;padding:0 8px;border-radius:5px;font-size:12px;}
.myuser_form .btn_purple{background:#659be0;line-height:34px;color:#fff;padding:0 20px;border-radius:5px;}
.img-circle {border-radius: 50%;}


.myuser_form dd{display:inline-block;text-align:center;width:55px;color:#fff;background:#ed6b75;height:24px;line-height:24px;margin-top:6px;border-radius:5px;font-size:12px;}



/*留言*/
.table-scrollable {width: 100%;border: 1px solid #e7ecf1;margin: 30px 0!important;box-sizing:border-box;}
.table-scrollable table{ border-collapse:collapse;}
.table-scrollable tr{width:100%;border-top: 1px solid #e7ecf1; background:#fbfcfd;}
.table-scrollable th{font-size:14px;font-weight:normal; line-height:24px; padding:5px 5px; vertical-align:middle;}
.table-scrollable>.table {width: 100%!important;margin: 0!important;}
.checkbox.mt-checkbox-single, th>.mt-radio.mt-radio-single {right: -5px;}
.mt-checkbox, .mt-radio {display: inline-block;position: relative;cursor: pointer;}
.mt-checkbox>input, .mt-radio>input {z-index: -1;opacity: 0;filter: alpha(opacity=0);height:0;}

.mt-checkbox>span, .mt-radio>span {border: 1px solid transparent;position: absolute;top: -3px;left: 11px;height: 19px;width: 19px;border: 1px solid #e4e6ef;border-radius: 2px;}
.table-checkable button{margin-left:15px;}
.mt-checkbox>span:after, .mt-radio>span:after {content: '';position: absolute;display: none;}
.mt-checkbox>span:after {left: 6px;top: 3px;width: 5px;height: 10px;border: solid #666;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.mt-checkbox>input:checked~span:after{display: block;}
.table-scrollable .myselect span{top:10px;left:11px;} 


.table-scrollable .table tr th {text-align:left;border-right:1px solid #e7ecf1;box-sizing:border-box;}
.table-scrollable .table tr th:nth-child(1){width:5%;}
.table-scrollable .table tr th:nth-child(2){width:8%;padding-left:10px;box-sizing:border-box;}
.table-scrollable .table tr th:nth-child(3){width:52%;padding-left:10px;box-sizing:border-box;}
.table-scrollable .table tr th:nth-child(4){width:10%;padding-left:10px;box-sizing:border-box;}
.table-scrollable .table tr th:nth-child(5){width:25%;border:0;padding-left:10px;box-sizing:border-box;}

.order_sorting {background: url(../images/sort_both.png) no-repeat scroll right center;cursor: pointer; padding-right: 10px;}
.order_sorting_desc{background: url(../images/sort_desc.png) no-repeat scroll right center;cursor: pointer;padding-right: 10px;}
.order_sorting_asc{background: url(../images/sort_asc.png) no-repeat scroll right center;cursor: pointer;padding-right: 10px;}

.ly_tit{margin-bottom:20px;}
.ly_tit h3{font-size:16px;}
.ly_tit a{padding-right:20px;box-sizing:border-box;color: #337ab7;}


/*收藏*/
.sc_tab{border-bottom:1px solid #e8e8e8;margin-bottom:30px;}
.sc_tab li{position:relative;margin-right:40px;line-height:0 !important;}
.sc_tab li.active:before{position:absolute;content:'';bottom:-16px;left:0;width:60px;height:2px;background:var(--main_color);}
.sc_tab li.active a i{opacity:1;}
.sc_tab li a{font-size:16px;font-weight:bold;}
.sc_tab li a i{font-size:13px;margin-right:3px;opacity:0; transition:all .3s;}

.sc_con .pic{ margin:0 10px;}
.sc_con li{border-bottom:dashed 1px #ccc; font-size:16px;}

/*登录记录*/
.dl_tab{width:100%;border-bottom: 1px solid #e7ecf1;padding-bottom:10px;}
.dl_tab p{margin-right:0 !important;color:#666;font-size:15px;}
.dl_tab p:nth-child(1){width:20%;}
.dl_tab p:nth-child(2){width:20%;}
.dl_tab p:nth-child(3){width:60%;}

.dl_list p{margin-right:0 !important;border-bottom: 1px solid #e7ecf1;padding:10px 0;}
.dl_list p:nth-child(1){width:20%;color: #8896a0;font-size:13px;}
.dl_list p:nth-child(2){width:20%;}
.dl_list p:nth-child(3){width:60%;}
.dl_list p:nth-child(2) a,.dl_list p:nth-child(3) a{color:#337ab7;}


/*在线充值*/
.zxcz_box .input-group{}
.zxcz_box .input-group-addon{display:inline-block;background:#fff;line-height:36px;width:26px;color:#666;text-align:center;border-radius:5px;}

.ye_box{font-size:15px;color:#000;}
.ye_box b{color:rgba(255,0,0,1);font-weight:normal;margin-right:3px;}

.jyls_box .label-danger{color:#333 !important;padding:0 15px;background:#fff;font-size:14px;text-align:center;padding:0;}
.yangshi span{color:#333 !important;padding:0 15px;background:#fff;font-size:14px;text-align:center;padding:0;}


.mypay_form{}
.mypay_form input[type="text"]{height:36px;border:1px solid #d3cfcf;padding:6px 10px;box-sizing:border-box;border-radius:5px;cursor:pointer;}
.mypay_form input:focus{border:solid 1px #93A1BB;}
.mypay_form .btn{padding: 0 25px;line-height: 40px;border: none;border-radius: 5px;cursor: pointer;  font-size:16px;}
.mypay_form .green{ background:#03a193; color:#fff;}
.mypay_form .green:hover{ opacity:0.8;}
.mypay_form .btn-group { position:relative; overflow:hidden;}
.mypay_form .btn-group input[type="radio"]{ position:absolute; left:-100px; top:-100px;}
.mypay_form .btn-group label{ background:#e8e8e8; border:solid 0px #d8d8d8; border-radius: 0; line-height:38px; text-align:center; display:inline-block;}
.mypay_form .btn-group label i{ margin-right:6px;}
.mypay_form .btn-group label.active{ background:#f44; color:#fff; }

.mypay_form .form-group{margin-bottom:15px; font-size:16px;}
.mypay_form .form-group label{margin-bottom:15px; display:inline-block;}

.mypay_form .jiage{ color:#f44;}
.mypay_form .jiage strong{ font-size:22px; color:#f44; margin:0 3px;}

.my_width{width:460px; border:solid 1px #e8e8e8; background:#f8f8f8; margin:.5rem auto 0; box-sizing:border-box; border-radius:6px; padding:35px 46px 25px; font-size:16px;}
.mypay_form li{margin-bottom:25px;}
.my_width button.btn{width:100%;}

@media screen and (max-width:768px) {
.my_width{width:100%; margin:.5rem auto 0; border-radius:6px; padding:25px 25px 25px; font-size:15px;}
	
}