.user_cont_T{
         width: 100%;
         height: 320px;
         background:url('../images/user_backgroud.png') no-repeat center;
         text-align: center;
      }
.user_cont_T .info{padding-top: 100px;}
.user_cont_T .info .xx{color: #999;}
.user_cont_T .info .xx h2{font-size: x-large;
    font-weight: bold;
    padding: 15px 0px;
    color: black;}
.user_cont_T .info .xx p{ padding: 5px 0px;}
.nav .box{border: 1px solid rgb(221 221 221);
    width: 413px;
    height: 140px;
float: left; margin-right: 27px;margin-bottom: 27px;}
.nav .box div{float: left;}
.nav .box .icon{padding: 42px 32px;}
.nav .box .title{padding: 42px 0px;}
.nav .box .title p:nth-child(1){font-size: 24px;}
.nav .box .title p:nth-child(2){font-size: 16px;padding-top: 5px;color: rgb(221 221 221);width: 207px;}
.nav .box .arrow{width: 14px;height: 24px; background: url('../images/arrow_r.png') no-repeat center; float: right;padding: 58px 50px 58px 0;color: rgb(221 221 221);}

.center { width:1200px; margin:0 auto; }
.user_area { box-shadow: 0 0 10px 1px #e5e5e5; margin: 60px 0; min-height: 300px; border-radius: 20px }
.user_area .lefter { float: left; width: 260px; padding: 45px 0; background-color: #f9f9f9; overflow: hidden; border-radius: 20px 0 0 20px }
.user_area .lefter .picture { text-align: center; margin-bottom: 30px; }
.user_area .lefter .picture .img { margin: 0 auto; margin-bottom: 10px; width: 105px; height: 105px; background-color: white; overflow: hidden; text-align: center; border-radius: 100%; }
.user_area .lefter .picture .img img { max-width: 100%; max-height: 100%; }
.user_area .lefter .picture .txt { font-size: 22px; color: #272727; font-weight: bold; margin-bottom: 10px; }
.user_area .lefter .picture .phone { font-size: 16px; color: #b6b6b6; }

.user_area .lefter .navlist { }
.user_area .lefter .navlist .el { margin: 0 auto; margin-top: 10px; width: 215px; height: 50px; line-height: 50px; text-align: center; border-radius: 30px; overflow: hidden; }
.user_area .lefter .navlist .el a { display: block; width: 100%; height: 100%; font-size: 18px; color: #484948; }
.user_area .lefter .navlist .el .iconfont { color: #1d94ff; font-size: 20px; margin-right: 10px; vertical-align: middle; }

.user_area .lefter .navlist .el:hover,.user_area .lefter .navlist .el.on { background-color: #1d94ff; }
.user_area .lefter .navlist .el:hover a,.user_area .lefter .navlist .el.on a { color: white; }
.user_area .lefter .navlist .el:hover .iconfont,.user_area .lefter .navlist .el.on .iconfont { color: white; }

.user_area .content { float: right; width: 880px; padding: 30px; }
.user_area .content .cont {  }

.user_area .title { height:40px; padding-bottom: 10px; margin-bottom: 20px; font-size: 22px; color: #000000; font-weight: bold; line-height:40px; overflow:hidden; border-bottom:1px solid #dddddd; position: relative; }
.user_area .title span { vertical-align: middle; height: 25px; width: 5px; margin-right: 10px; background-color: #1d94ff; border-radius: 2px; display: inline-block; *display: inline; *zoom: 1; }

.user_area .list-1 { }
.user_area .list-1 table { width: 100%; border-collapse: collapse; text-align: center; }
.user_area .list-1 table thead { background-color: #f8f8f8; }
.user_area .list-1 table thead th { padding: 20px 0; font-size: 18px; color: #000000; font-weight: normal; }
.user_area .list-1 table td { height: 65px; vertical-align: middle; border-bottom: 1px solid #e6e6e6; font-size: 18px; }
.user_area .list-1 table td .iconfont { font-size: 30px; color: #1d94ff; cursor: pointer; }
.user_area .list-1 table td .iconfont:hover { opacity: .7; }
.user_area .list-1 table td .sta1 { color: #1d94ff; }
.user_area .list-1 table td .sta2 { color: #f16d1d; }
.user_area .list-1 table td .sta3 { color: #f2636e; }
.user_area .list-1 table td .sta4 { color: #4f4f4f; }


.user_area .user_box { padding: 50px 0; }
.user_area .user_box .el { font-size: 18px; color: #000000; text-align: right; margin-bottom: 25px; padding-right: 160px; }
.user_area .user_box .el span { margin-right: 20px; }
.user_area .user_box .el em { color: red; font-weight: bold; margin-right: 5px; }
.user_area .user_box .el input { width: 360px; padding:12px 30px; font-size: 18px; color: #000; outline: none; border: 1px solid #dddddd; border-radius: 5px; }
.user_area .user_box .el .w1 { padding-left: 20px; text-align: left; width: 400px; display: inline-block; *display: inline; *zoom: 1; }
.user_area .user_box .btn { outline: none; display: block; border: 0; margin: 0 auto; margin-top: 50px; cursor: pointer; width: 200px; height: 55px; line-height: 55px; background-color: #1d94ff; text-align: center; font-size: 20px; color: #fff; }

/*分页*/
.pc-page { text-align: center; margin: 50px 0; }
.pc-page a { padding: 8px 15px; font-size: 15px; color: #666666; border: 1px solid #dcdcdc; margin: 0 2px; }
.pc-page a.current { background-color:#1d94ff; border: 1px solid #1d94ff; color: #ffffff; }

/* 图片上传样式 */
.layui-upload-list ul li { width:100px; height:100px; float : left;margin-right : 15px;position : relative;cursor : pointer; text-align:center; display: flex;
    justify-content: center; align-items: center;}
.layui-upload-list ul li p {position : absolute;bottom : 0;text-align : center;background : rgba(128, 128, 128, .5);width : 100%;}
.layui-upload-list ul li p span {color : white;}
.layui-upload-list ul li .layui-icon-close {display : none;}
.layui-upload-list ul li:hover .layui-icon-close {display : block;}
.layui-upload-list ul li:hover .layui-icon-ok {display : none;}
.layui-upload-1 {width : 90px;height : 90px;border : 1px dashed #d9d9d9;position : relative;border-radius : 6px;cursor : pointer;overflow : hidden;display : flex;justify-content : center;align-items : center;}
.layui-upload-1:hover {border-color : #409eff;}
.layui-upload-1 span {font-size : 28px;}
.layui-upload-list .upload-img {max-width : 100px; max-height : 100px; display:block; margin:0 auto;}

.dom-hide { display: none}
.dom-show{ display: block}

.product_btn{background-color: #1d94ff;padding: 0 10px;display: inline-block;position: absolute;overflow: hidden;border-radius: 7px;right: 0;top: 50%;transform: translate(0,-50%)}
.product_btn a{color: #ffffff}