﻿@charset "UTF-8";
/* user_index.html */
.person_index{padding:0;margin-bottom: 10px;} @media screen and (max-width: 768px) {.person_index{ }} .pi_left{padding:0;position:relative;} .pi_right{border-radius: 0px 4px 4px 4px;background: #FFF;min-height: 478px;box-shadow: 0 1px 3px #cecece;} .gr_nav{background: rgb(255, 255, 255);border-radius: 3px;border-right: 0;box-shadow: 0 1px 3px #cecece;} .gr_nav li{ height: 53px; line-height: 53px; text-align: center; font-size: 15px; border-bottom: 1px solid #F1F1F1; } .gr_nav li:last-child{border:0;} .gr_nav li:hover{background:#F6F6F6;} .gr_nav li a{ display: block; color: #8092e7; position: relative; overflow: hidden; } .curhover{background:#8092e7;color:#FFF!important;}  .touxiang{ text-align: center; margin-top: 60px; position:relative; padding: 0 8px; } 
.touxiang span{ display:block; margin:0px auto; text-align:center; margin-top: 19px; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 80%; color: #929292; } .touxiang span img { height: 24px; width: 24px; margin-right: 5px; margin-top: -3px; } .tupwai{width: 120px; height: 120px;margin:0px auto;} .touxiang .tupwai:hover .changesimg{display:block;} .changesimg{ display:none; width: 120px; height: 120px; border-radius: 50%; position:absolute; top:0px; left:50%; margin-left:-60px; background: rgba(0, 0, 0, 0.42); color:#FFF; font-size: 24px; text-align: center; line-height: 120px; cursor: pointer; }   .yue{margin-top: 53px;/* padding: 0 6px; */width: 80%;margin: 53px auto 0;position: relative;} .yuet{ height: 40px; line-height: 40px; color: #7D7E7F; font-size: 18px; } .yuet span{ margin-left: 10px; } .money{ margin-top: 9px; font-size: 17px; color: #333333; height: 50px; display: block; line-height: 50px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .money font{ font-size: 44px; color: #ff8401; margin-right: 15px; } .chongzhi:hover{background:#F7A161;color:#FFF;} .chongzhi{ display: block; background: #FEA96C; color: #FFF; text-align: center; height: 40px; line-height: 40px; border-radius: 5px; width: 139px; margin-top: 17px; max-width: 100%; font-size: 15px; } .txtop{ padding-bottom: 43px; border-bottom: 1px dashed #DCDCDC; } .txbottom{margin-top: 12px;padding: 0 5%;MARGIN-bottom: 12px;} .jbxinxi{font-size: 18px;height: 35px;line-height: 35px;color: #4E4E4E;margin: 10px 0;}  .ziliao li{margin-bottom: 10px;line-height: 40px;} .ziliao li .xmname{ font-size: 16px; float: left; max-width: 30%; color: #9E9E9E; height: 40px; overflow: hidden; } .ziliao li .xmcontent{ float: right; max-width: 65%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #9E9E9E; height: 40px; } .notice{margin-top:10px;margin-bottom:10px;line-height: 36px;} #changeuser{ background: #41D88C; color: #FFF; height: 45px; line-height: 45px; border-radius: 4px; text-align: center; font-size: 16px; float: none; display: block; margin: 19px auto; } #changeuser i{margin-right:7px;font-size:16px;} #changeuser:hover{background:#3DCC84;} .pr_right_wai{padding: 0;padding-left: 10px;border-radius: 0px 4px 4px 4px;} .ghtx{ display:none; }
.touxiang .touxiangimg{width: 120px;height: 120px;border-radius: 150px;cursor: pointer;border: 1px solid rgba(68, 194, 241, 0.36);}
/*弹幕*/
.pi_right .yue .layui-input-block {
    margin-left: 0;
    padding-right: 120px;
}
.pi_right .yue .layui-btn {
    position: absolute;
    right: 0;
    top: 0;
}
#LAY_upload { width: 100px; height: 100px; border-radius: 50%; display: block; border:1px solid #eee; margin: 0px auto 5px auto; }
.bendishangchuan .anniusc{margin-top:20px;margin-bottom:10px;} .site-demo-upbar{text-align:center;} .touxianglist li{float: left;margin: 5px;width: 50px;height: 50px;cursor: pointer;position: relative;} .touxianglist li img{  border-radius: 5px;  width: 100%;  line-height: 100%; } .tx_changes .layui-layer-content,.tx_changes .layui-tab-brief{margin-bottom:0!important;padding-bottom:0!important;} .tx_changes{max-width:90%;} .touxianglist .hover{height: 100%;width: 100%;line-height: 50px;font-weight: bold;position: absolute;top: 0px;background: rgba(0, 0, 0, 0.61);left: 0px;color: #FFF;font-size: 15px;padding: 2px;border-radius: 5px;text-align: center;}.signIn{color:#aaa;border-color:#aaa;} .ljiqiandao{padding: 0px 18px;border: 1px solid #41D88C;height: 33px;color: #41D88C;line-height: 33px;border-radius: 4px;cursor: pointer;margin-top: 3px;transition: all 200ms ease-in;moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;} .ljiqiandao:hover{border-radius:20px}
#updateMsg{	text-align: center;margin-bottom:8px;}
#updateMsg span{    padding: 5px; border: 1px solid;  border-radius: 3px;  }
/*user_money.html*/
.kuangchongzhi .howmoney{max-width:100%;width:100%;} .kuangchongzhi .layui-btn{float:right;height: 42px;line-height: 42px;color: #FFF!important;} 
.pay_list{padding: 0;} .pay_list li{ display:-webkit-box;-webkit-box-align:center; float: left; height: 71px; margin: 10px 0; overflow:hidden; cursor: pointer; position: relative; padding: 0px 20px; }  .dassdc{width: 91%;margin: 0px auto;margin-top: 30px;} .pay_list li img{height: 40px;margin:0px 0px 0px 20px;display: block;} .daozhang{font-size: 14px;line-height: 39px;color: #868686;margin-top: -7px;} .dassdc .layui-tab-content{padding:0;margin-top:20px;}
.pay_list .layui-form-radio{margin:0px;} 
/*user_order.html*/
.zanwu{height: 391px;width:100%;background: url(/img/zanwudingdan.png)no-repeat center center;background-size: 198px;}  .list_order li{ height: 35px; line-height: 35px; color: #8A8989; margin-bottom: 19px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dingdanlist .panel-heading{ height: 51px; line-height: 51px; padding: 0px 14px; font-size: 15px;  } .dingdanlist .panel-body{padding: 15px 0px;padding-bottom: 0;} .dingdanlist{border-color: #ECECEC;margin-bottom: 0;min-height: 478px;} .order_cao a{display: block;border: 1px solid #8092e7;text-align: center;color: #8092e7;border-radius: 6px;width: 90%;cursor: pointer;margin: 0px auto;height: 100%;} .order_cao a:hover{color: #8092e7;background: #EBFFF1;} .list_order{padding:0px 15px;} .dingdanxq{ padding: 27px 5%; } .dingdanxq .ti-title { font-size: 18px; color: #6A6A6A; } .dingdanxq .ti-list { padding-top: 14px; } .dingdanxq .ti-list .ti-item {} .dingdanxq .ti-list .ti-label { display: block; float:left; height: 40px; line-height: 40px; color: #9C9C9C; padding-right: 15px; } .dingdanxq .ti-list .ti-content { color: #ACACAC; float:left; line-height: 40px; }

/*user_password.html*/ 
.change_pwd .layui-input-block { margin-left: 30%; } .user_logo{width:100px;height:100px;border-radius:50%;display:block;margin:0px auto;margin-bottom: 27px;} .change_pwd{ width: 346px; max-width: 100%; overflow: hidden; padding: 10px; }   .change_pwd .layui-form-label{width:30%;border-right: 0;} .change_pwd .layui-input-inline{width: 70%;margin-right:0;margin: 0;float: left;}
/*user_tg.html*/ 
.tgjc_c{width: 100%;margin: 20px auto;margin-top: 29px;} 
.pr_right_wai .layui-form-label{width: 110px;text-align: left;padding-left: 6px;} 
.pr_right_wai .layui-form-checkbox[lay-skin=primary] i{width:19px;} 
.pr_right_wai .layui-form-switch i{top: 5px;} 
.pr_right_wai .layui-form-switch{width: 70px;height: 28px;line-height: 28px;margin-top: 5px;} 
.pr_right_wai .layui-elem-field legend{margin:0px auto;font-size: 23px;} 
.floatleft{clear: none;padding:0;} 
.fengm .layui-input-block{margin:0;float:right;} 
.fengm .layui-form-label{float:right;} 
.layui-form-onswitch i{left: 45px;} 
.layui-form-switch em{right:11px;} 
.tgbtn_s{height: 43px;line-height: 43px;background: rgb(249, 80, 80);}
.tgjl_list{
   padding: 20px 0px;
}
.tgjl_list li{overflow: hidden;margin-bottom: 19px;}
.tgjl_list li h3{
   height: 35px;
   line-height: 35px;
   float: left;
   width: 70%;
   padding-right: 13px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   color: #838383;
}
.tgjl_list li span{
   float: left;
   height: 35px;
   line-height: 35px;
   width: 10%;
   text-align: center;
}
.tgjl_list li a:hover{background: #F7F7F7;}
.tgjl_list li a{
   height: 35px;
   line-height: 35px;
   float: right;
   width: 10%;
   text-align: center;
   border: 1px solid #838383;
   color: #838383;
   border-radius: 4px;
}
.caonis{max-height:90%;max-width:90%;}
.zanwusj{text-align:center;margin:20px auto;font-size:14px;}

.zdsc_c .layui-form-label{width: 120px;}
.zdsc_c .layui-input-block{margin-left: 120px;}

/*user_createweb.html*/ 
.web_con{padding: 0px 4.5%;padding-bottom:30px;} .web_con .layui-form-label{box-sizing: border-box;width: 30%;padding: 9px;float: left;display: block;margin: 0;text-align: left;color: #A7A7A7;} .web_con .layui-input-block{ width: 70%; float: right; overflow: hidden; margin-left: 0; } .web_con .layui-input-inline{ width: 300px; max-width:70%; float: left; overflow: hidden; left: 0; margin: 0!important; } .web_con .layui-field-title{margin-bottom:30px;} .web_con .layui-field-title legend{margin-left: 0px;font-size: 15px;color: #929292;} .web_color i{width:19px} .web_con .layui-form-item .layui-form-checkbox{margin-bottom: 8px;margin-right: 10px;} .adlist{ padding: 10px 0px; } .adlist li{ height: 126px; margin-bottom: 50px; } .adlist li .tu{ height: 100%; width: 100%; overflow: hidden; position: relative; border-radius: 5px; } .adlist li .tu img{ width: 100%; height: 100%; } .adlist li .tu p{ display: none; height: 100%; width: 100%; overflow: hidden; z-index: 999; position: absolute; top: 0px; left: 0px; color: #FFF; line-height: 126px; text-align: center; background: rgba(0, 0, 0, 0.21); font-size: 30px; cursor: pointer; } .adlist li .tu:hover p{display:block} .adlist li .tlc{ width: 100%; height: 45px; line-height: 45px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; color: #A7A7A7; } .adlist li .tlc b{ font-weight: normal; margin-right: 6px; color: #FBAA45; cursor: pointer; } .yinghuoc .layui-layer-content{max-height: 98%; max-width: 98%; overflow: hidden;    margin: 0px auto;} .yinghuoc .layui-layer-content img{max-width:100%;display:block;margin:0px auto;} .yinghuoc{max-width: 95%;} .slls .layui-form-label{padding: 9px 3px;width: 109px;} .startsq{width:500px!important;max-width:98%;} .startsq .layui-layer-content{padding-bottom:0!important;} .startsq .layui-layer-btn0{width: 113px;height: 40px;line-height: 40px;text-align: center;} .web_tiaozhuan{ height: 45px; margin: -1px; line-height: 45px; } .web_tiaozhuan li{ text-align: center; padding: 0; } .web_tiaozhuan li a{ display: block; border: 1px solid #8092e7; color: #8092e7; font-size: 15px; } .web_tiaozhuan li .vhover{ background: #8092e7; color: #FFF; } .decar{height: 43px;line-height: 43px;color: #888888;margin-left: 20px;font-size: 13px;}
.jc_list_web #demo1{text-align:center;}
.jc_list_web .dingdanlist .panel-heading{ color: #FFFFFF; background-color: #8092e7; border-color: #8092e7; }
.jc_list_web .dingdanlist{border:none;}
.jc_list_web .order_cao a{ color: #8092e7; border: 1px solid #8092e7; }
.jc_list_web .order_cao a:hoverr{ color: #FFF; background:#8092e7; }
.jc_list_web .layui-laypage-em{background-color: #8092e7!important;}
.jc_list_web .order_cao a:hover { color: #FFF; background: #8092e7; }
.web_list_btn a{color: #8A8989;margin:0px 6px;text-align: center;}
.alcenter{display: block!important;text-align: center!important;margin-bottom: 16px;}
.web_list_btn{text-align: center;}
.money sub{bottom:0;}
.signIn{border:1px solid #afafaf;color:#afafaf;}
.btn-warning{ padding: 10px 12px; margin-top: 20px; width: 99px;}
.ad textarea { float: right; max-width: 65%; line-height: 31px; color: rgb(158, 158, 158); margin-top: 0px; margin-bottom: 0px; height: 155px; }
.sctb{top: 2px; position: relative;margin-right:3px;}
.tougaojc{padding:5px 43px;}
.nobound{ color: #41D88C!important; cursor: pointer; }
/*???��????????css*/
.footerfixed{position: fixed;bottom: 0px;width: 100%;}
/*.bodyxheidden{overflow-y: hidden;}*/
.textct{text-align: center;}
/* Public Media Css3 */
#tgjl .wait{color:#8f9090;}
#tgjl .success{color:#1ba509;}
#tgjl .pass{color:#ea0500;}
@media (max-width: 992px){
   .dingdanlist .panel-body{min-height:400px}
   .tgjc_c .layui-form{margin-top:20px!important;}
   .floatleft .layui-input-block{float:right;}
   .floatleft .layui-form-label{float:left;text-align:left;}
   .tgjc_c .layui-input-block{margin-left:0;}
   .tgjc_c .layui-elem-field legend{font-size:16px;}
   .change_pwd{margin-top:40px;margin-bottom:20px;}
   .list_order{padding:0;}
   .qiandao_btn{margin-top:17px;}
   .waita{margin:20px 0px;}
   .dassdc{margin-top:20px;}
   .pr_right_wai{padding:0;}
   .yue,.touxiang{ margin-top: 30px!important;}
   .gr_nav{background:none;background-color:#FFF;padding-top: 4px;padding-bottom: 14px;border-radius: 0;border: 0;border-bottom: 1px dashed #ECECEC;box-shadow: 0 1px 3px #cecece;}
   .gr_nav li a{color: #8092e7;font-size: 14px;float: left;height: 30px;border-radius: 4px;width: 100%;line-height: 30px;border: 1px solid #8092e7;}
   .gr_nav li{width: 33.33333333%;float:left;padding: 0 2% 0 2%;border: none;margin: 9px 0 0 0;height: 30px;}
   .pi_right{box-shadow: 0 2px 3px #cecece;min-height: auto!important;border: 0;}
   .gr_nav li:hover{background:none;}
   .curhover{background:#8092e7;}
   .pay_list li{display: flex; justify-content: center; align-items: Center;}
   .dingdanlist{min-height:auto}
   .tougaojc{padding:5px 15px;}
   .tougaojc .layui-tab-content{padding:10px 0px;}
   .tgjc_c{margin-top:15px;}
   .tgjl_list li h3{width: 50%;}
.tgjl_list li span{width: 25%;}
.tgjl_list li a{width: 21%;}
}
.layui-input.layui-input-noborder,
.layui-textarea.layui-input-noborder,
.layui-input.layui-input-noborder:hover,
.layui-textarea.layui-input-noborder:hover{    border-color: #fff !important;padding-left: 0;}
.pr_right_info .layui-form-label{width: 120px;}
.pr_right_info .layui-input-block{margin-left:120px ;}