/*************************************************************************/
/*全局样式开始*/
/*************************************************************************/
@charset "utf-8";
*{margin:0;padding:0;outline:0;}
body,html{overflow-x:hidden;color:#525041;font:14px/30px arial,sans-serif;background:#fff;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
input[type=text],input[type=submit],textarea,button{-webkit-border-radius:0;font-family:Microsoft Yahei,microsoft yahei,"微软雅黑",arial;-webkit-appearance:none;}
input:focus{outline:0;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-style:normal;font-size:100%;}
abbr,em,i,li,ol,ul{list-style-type:none;font-style:normal;}
img{border:0;vertical-align:middle;}
img{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix{display:block;zoom:1;}
.clearfix:before{display:table;content:"";}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";}
* html .clearfix{height:1%;}
*{box-sizing:border-box;}
a{color:#525041;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#1f763a;text-decoration:none;}
.hide,.none,ins{display:none;}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.wrap{clear:both;display:block;margin:0 auto;max-width:1300px;width:100%;padding:0 0;}
.animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all;}
a:hover .animate img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.tran,.tran a,a.tran,.tran img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}
.rotate,.rotate2 img{-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
a:hover .rotate,a:hover rotate2 img{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;-ms-transition:all 0.8s;}
.bor_box::after,.bor_box::before{pointer-events:none;}
.bor_box::after,.bor_box::before{position:absolute;top:20px;right:20px;bottom:20px;left:20px;content:'';opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;}
.bor_box::before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);}
.bor_box::after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);}

#user{ width:100%; height:100%; position:relative; left:0; top:0; bottom:0; right:0;}
#user .header{ width:100%; padding:0 30px; background:#2567ef; height:60px;display:flex;justify-content:space-between;align-items:center; position:fixed; left:0; top:0}
#user .header .logo a{display:flex;justify-content:flex-start;align-items:center;}
#user .header .logo .img img{ width:40px; background:#fff; border-radius:100%}
#user .header .logo .name{ font-size:18px; font-weight:700; color:#fff; margin-left:10px}
#user .header .nologin a{display:flex;justify-content:flex-start;align-items:center;}
#user .header .nologin .face img{ width:30px; height:30px; border-radius:100%}
#user .header .nologin .text{ margin-left:10px; color:#fff}
#user .header .login{display:flex;justify-content:flex-start;align-items:center;}
#user .header .login .face img{ width:30px; height:30px; border-radius:100%}
#user .header .login .text{ margin-left:20px;}
#user .header .login .text a{color:#fff}

#user .reg{ width:800px; margin:100px auto 0; padding:50px 0}
#user .reg .title{  border-bottom:1px solid #eee; padding-bottom:10px;display:flex;justify-content:space-between;align-items:center;}
#user .reg .title h2{ font-size:20px;font-weight:700}
#user .reg .title span a{ color:#999}
#user .reg .box{ padding:50px 0}
#user .reg .box .item{display:flex;justify-content:flex-start;align-items:center; padding:10px 0}
#user .reg .box .item label{ width:150px; font-size:16px}
#user .reg .box .item .input{ width:calc(100% - 150px)}
#user .reg .box .item .input .text{ line-height:46px; text-indent:10px; border-radius:4px; border:1px solid #ddd; width:100%}
#user .reg .box .button{ text-align:center; margin-top:20px}
#user .reg .box .button .btn{ background:#1f763a; color:#fff; font-size:16px; padding:12px 50px; border:0; border-radius:4px; cursor:pointer}
#user .reg .box .button .btn:hover{ background:#0f6028; color:#fff; font-size:16px; padding:12px 50px; border:0; border-radius:4px; cursor:pointer}


#user .regok{ width:800px; margin:100px auto 0; padding:50px; text-align:center;}
#user .regok .title{ font-size:20px; font-weight:700}
#user .regok .info{ font-size:16px; margin-top:20px}
#user .regok .href{ margin-top:20px;}
#user .regok .href a{ margin: 0 10px}

#user .main{ margin-top:60px;display:flex;justify-content:space-between;align-items:start; background:#fafbfd}
#user .main .menu{ width:200px; padding:20px 10px}
#user .main .menu ul li{ padding:5px 0 5px 20px;}
#user .main .menu ul li a{ font-size:15px; padding:5px 0; display:block}
#user .main .menu ul li i{ margin-right:5px}
#user .main .menu ul li.curr{ background:#1f763a; border-radius:6px}
#user .main .menu ul li.curr a{ color:#fff}
#user .main .right{ width:calc(100% - 200px); border-left:1px solid #ddd; min-height:100vh; background:#fff}
#user .main .right .rtitle{ background:#f8f8f8; padding:10px 50px; font-size:18px; font-weight:700}
#user .main .right .info{ padding:0 50px; margin-top:20px}
#user .main .right .info .title{ border-left:5px solid #f00; padding-left:10px; line-height:18px; font-size:18px;}
#user .main .right .info .box{display:flex;justify-content:flex-start;align-items:start; margin-top:20px; border-top:1px solid #eee; padding-top:30px}
#user .main .right .info .box .img{ width:180px; height:250px; overflow:hidden; border:1px solid #eee; padding:10px; border-radius:4px}
#user .main .right .info .box .img img{width:100%;height:100%;object-fit:cover;}
#user .main .right .info .box .box_r{  max-width:800px}
#user .main .right .info .box .box_r .name{ font-size:24px}
#user .main .right .info .box .box_r .list{ margin-top:40px;display:flex;justify-content:flex-start;align-items:start;flex-wrap:wrap}
#user .main .right .info .box .box_r .list .item{ width:50%;display:flex;justify-content:flex-start;align-items:start; padding:5px 0}
#user .main .right .info .box .box_r .list .item span{ width:100px}
#user .main .right .dwinfo{ padding:0 50px; margin-top:50px;}
#user .main .right .dwinfo .title{ border-left:5px solid #f00; padding-left:10px; line-height:18px; font-size:18px}
#user .main .right .dwinfo .box{ margin-top:20px;display:flex; border-top:1px solid #eee; padding-top:30px}
#user .main .right .dwinfo .box .list{ max-width:800px;display:flex;justify-content:flex-start;align-items:start;flex-wrap:wrap; }
#user .main .right .dwinfo .box .list .item{ width:50%;display:flex;justify-content:flex-start;align-items:start; padding:5px 0}
#user .main .right .dwinfo .box .list .item span{ width:100px}
#user .main .right .form{ max-width:800px; padding:0 50px; margin-top:20px}
#user .main .right .form .item{display:flex;justify-content:flex-start;align-items:center; padding:10px 0}
#user .main .right .form .item label{ width:150px; font-size:16px}
#user .main .right .form .item .input{ width:calc(100% - 150px)}
#user .main .right .form .item .input .text{ line-height:46px; text-indent:10px; border-radius:4px; border:1px solid #ddd; width:100%}
#user .main .right .form .button{ text-align:center; margin-top:20px}
#user .main .right .form .button .btn{ background:#1f763a; color:#fff; font-size:16px; padding:12px 50px; border:0; border-radius:4px; cursor:pointer}
#user .main .right .form .button .btn:hover{ background:#0f6028; color:#fff; font-size:16px; padding:12px 50px; border:0; border-radius:4px; cursor:pointer}
#user .main .right .form2 .item{padding:5px 0}
#user .main .right .form2 .item label{ width:150px; font-size:16px}
#user .main .right .form2 .item .input{ width:calc(100% - 150px)}
#user .main .right .form2 .item .input .text{ line-height:40px; text-indent:10px; border-radius:4px; border:1px solid #ddd; width:100%}

#user .main .right .editphoto{ max-width:800px; padding:0 50px; margin-top:20px}
#user .main .right .editphoto .item{display:flex;justify-content:flex-start;align-items:center; padding:10px 0}
#user .main .right .editphoto .item label{ width:150px; font-size:16px}
#user .main .right .editphoto .item .input{ width:calc(100% - 150px)}
#user .main .right .editphoto .item .input .text{ line-height:46px; text-indent:10px; border-radius:4px; border:1px solid #ddd; width:100%}
#user .main .right .editphoto .item .input .img{ border:1px solid #eee; padding:10px;width:180px; height:250px; overflow:hidden; border-radius:4px}
#user .main .right .editphoto .item .input .img img{width:100%;height:100%;object-fit:cover;}