body{ background:url(../images/Login_box_bg.jpg) no-repeat center center; background-size:cover; height:100vh}

#login_footer{ text-align:center; color:#999; margin-top:20px; padding-bottom:50px}
#ucenter{ padding:20px 0;}
#ucenter .header{ background:#fff; height:90px; border-bottom:1px solid #ddd}
#ucenter .header .logo{ width:220px; text-align:center; padding:25px 0;}
#ucenter .header .logo img{ height:40px;}
#ucenter .header .text{ line-height:30px; font-size:20px; font-weight:bold; padding:30px 0}
#ucenter .header .right{ padding:30px; font-size:18px;}
#ucenter .header .right a{ margin:0 10px}
#ucenter .main { background:#0055a5}
#ucenter .main .left{ width:220px; background:#0055a5}
#ucenter .main .left ul{ padding:50px 0px 5px 20px}
#ucenter .main .left ul li{ margin:8px 0; line-height:40px; padding:0 10px; width:110%}
#ucenter .main .left ul li a{ display:block; color:#fff; font-size:14px;}
#ucenter .main .left ul li i{ width:25px;}
#ucenter .main .left ul li.current{ background:#f5f5f5}
#ucenter .main .left ul li.current a{ color:#0055a5; font-weight:700}

#ucenter .main .right{ background:#f5f5f5; width:980px; min-height:calc(100vh - 90px - 40px); padding:30px}
#ucenter .main .right .stitle{ font-size:26px;; padding-bottom:20px; border-bottom:1px solid #eee; margin-bottom:30px}
#ucenter .main .right .main{ padding:40px 50px; background:#fff; border-radius:6px}
#ucenter .main .right .index{ }
#ucenter .main .right .index .logo{ width:200px}
#ucenter .main .right .index .logo .img{ height:60px; max-width:200px}
#ucenter .main .right .index .info{width:calc(100% - 220px)}
#ucenter .main .right .index .info h1{ font-size:20px; padding-bottom:20px; font-weight: normal;}
#ucenter .main .right .index .info p{ line-height:24px; padding:3px 0}
#ucenter .main .right .index .info hr{ size:1px; color:#999; height:1px; overflow:hidden; margin:20px 0;}
#ucenter .main .right .index .btn{ margin-top:20px;}
#ucenter .main .right .index .btn a{ background:#0055a5; color:#fff; display:inline-block; padding:5px 30px; border-radius:4px; margin-right:10px}

#ucenter .main .right .formbox{ }
#ucenter .main .right .formbox .item{ position:relative; margin-top:15px; padding-left:140px; padding-right:80px}
#ucenter .main .right .formbox .item span{ position:absolute; left:0; top:0; line-height:42px; width:130px;}
#ucenter .main .right .formbox .item span font{ color:#f00}
#ucenter .main .right .formbox .item span.line20{ line-height:21px}
#ucenter .main .right .formbox .item .text{ border:1px solid #eee; background:#f8f8f8; line-height:40px; height:40px; width:100%; border-radius:4px; text-indent:10px; font-size:14px}
#ucenter .main .right .formbox .item .sel{ border:1px solid #eee; background:#f8f8f8; line-height:40px; height:40px; width:100%; border-radius:4px; text-indent:10px; font-size:14px}
#ucenter .main .right .formbox .item .textarea{ border:1px solid #eee; background:#f8f8f8; line-height:24px; height:160px; width:100%; border-radius:4px; padding:10px; font-size:14px}
#ucenter .main .right .formbox .item .text2{ width:24%; float:left}
#ucenter .main .right .formbox .item .text3{ width:30%; float:left; margin:0 3%}
#ucenter .main .right .formbox .item .text4{ width:40%; float:left}
#ucenter .main .right .formbox .item.check{font-weight:700}
#ucenter .main .right .formbox .item.check input{ position:relative; top:2px; margin-right:5px;}
#ucenter .main .right .formbox .item p{ text-align:right; color:#999}
#ucenter .main .right .formbox .item .Userimg{ margin-top:10px; width:120px; height:120px;border:1px solid #ddd; line-height:120px; text-align:center}
#ucenter .main .right .formbox .item .Userimg img{ }
#ucenter .main .right .formbox .item label{ display:block; line-height:24px}
#ucenter .main .right .formbox .button{ padding:50px 140px;}
#ucenter .main .right .formbox .button .btn{ background:#0055a5; border-radius:4px; text-align:center; color:#fff; padding:15px 70px; border:0; font-size:16px; display:inline-block; cursor:pointer}

#ucenter .main .right .prolist{}
#ucenter .main .right .prolist ul li{ float:left; width:23%; margin:10px 0 30px; margin-right:calc(8% / 3); border:1px solid #eee; padding:10px}
#ucenter .main .right .prolist ul li:nth-child(4n){ margin-right:0}
#ucenter .main .right .prolist ul li .img{width:100%; height:160px; overflow:hidden; }
#ucenter .main .right .prolist ul li .img img{width:100%; height:100%;object-fit:cover;}
#ucenter .main .right .prolist ul li .tit{ margin-top:10px}
#ucenter .main .right .prolist ul li .tit{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical; text-align:center}
#ucenter .main .right .prolist ul li p{ text-align:center; margin-top:5px}
#ucenter .main .right .prolist ul li p a{ margin:0 5px; color:#0055a5;}


.hkadd .form{ padding:0px 0}
.hkadd .form p{ color:#f00;}
.hkadd .form .item{ padding:10px 0}
.hkadd .form .item label{ display:block; line-height:40px}
.hkadd .form .item .text{ border:1px solid #ddd; line-height:40px;border-radius:4px; text-indent:10px; background:#f8f8f8}
.hkadd .form .item span{ color:#999; margin-left:10px}
.hkadd .form .item .up{ margin-top:10px}
.hkadd .form .button{ padding:50px 0px;}
.hkadd .form .button .btn{ background:#0055a5; color:#fff; font-size:16px; padding:15px 70px; border:0; border-radius:4px}


.hklist .stitle span{ float:right}
.hklist .stitle span a{ color:#f00; font-size:16px}
.hklist ul li{ border-bottom:1px solid #eee; padding:10px 0}
.hklist ul li span{ float:right; color:#999}
.hklist ul li span em{ margin-right:50px}
.hklist ul li span em a{ background:#0055a5; font-size:12px; color:#fff; border-radius:30px; padding:3px 10px;}
.hklist ul li i{ color:#999; font-size:12px; margin-right:10px}
.hklist ul li b{ float:right; margin-left:30px}
.hklist ul li b a{ color:#f00; font-weight:normal}

.mblist .stitle span{ float:right}
.mblist .stitle span a{ color:#f00; font-size:16px}
.mblist ul li.title{ background:#f5f5f5; line-height:30px;}
.mblist ul li{ border-bottom:1px solid #eee; padding:10px 0}
.mblist ul li span{ float:left;}
.mblist ul li span:nth-child(1){ width:35%; padding-left:10px}
.mblist ul li span:nth-child(2){ width:45%}
.mblist ul li span:nth-child(3){ width:10%; text-align:center}
.mblist ul li span:nth-child(4){ width:10%; text-align:center}
.mblist ul li span:nth-child(4) a{ color:#f00}

.rylist .stitle span{ float:right}
.rylist .stitle span a{ color:#f00; font-size:16px}
.rylist ul li.title{ background:#f5f5f5; line-height:30px;}
.rylist ul li{ border-bottom:1px solid #eee; padding:10px 0}
.rylist ul li span{ float:left; display:inline-block}
.rylist ul li span:nth-child(1){ width:20%; padding-left:10px}
.rylist ul li span:nth-child(2){ width:10%; text-align:center}
.rylist ul li span:nth-child(3){ width:5%; text-align:center}
.rylist ul li span:nth-child(4){ width:15%; text-align:center}
.rylist ul li span:nth-child(5){ width:5%; text-align:center}
.rylist ul li span:nth-child(6){ width:25%; text-align:center}
.rylist ul li span:nth-child(7){ width:10%; text-align:center}
.rylist ul li span:nth-child(8){ width:10%; text-align:center}
.rylist ul li span:nth-child(8) a{ color:#f00}

.zplist .stitle span{ float:right}
.zplist .stitle span a{ color:#f00; font-size:16px}
.zplist ul li{ border-bottom:1px solid #eee; padding:10px 0; line-height:40px}
.zplist ul li span{ float:right;}
.zplist ul li span a{ color:#f00}
.zplist ul li img{ width:40px; height:40px; float:left; margin-right:20px}


.downlist ul li{ border-bottom:1px solid #eee; padding:10px 0}
.downlist ul li span{ float:right; color:#999}
.downlist ul li span em{ margin-right:50px}
.downlist ul li span em a{ background:#0055a5; font-size:12px; color:#fff; border-radius:30px; padding:3px 10px;}
.downlist ul li i{ color:#999; font-size:12px; margin-right:10px}
.uplogo .img{ border:1px solid #ddd; padding:20px; width:200px; height:200px; text-align:center; line-height:160px;}
.uplogo .img img{ max-width:160px; max-height:160px}
.uplogo p{ padding:20px 0 ; color:#999;}

input[type=text].textbox,input[type=password].textbox{ height:35px; line-height:35px; border:1px solid #D0D6DC; background:#fff; border-radius:3px;color:#999; width:230px; padding-left:10px;}
input.textbox:focus,textarea.textbox:focus,.select:focus{border:1px solid #44a3ec;box-shadow:0px 0px 3px #93c2e6;}
textarea.textbox{border:1px solid #D0D6DC; background:#fff; border-radius:3px;color:#999; /*width:400px !important;*/ width:90% !important; padding:10px; height:100px !important; outline:none; resize:none;}
button::-moz-focus-inner{border:0;padding:0;}
.pn{margin-right:3px;padding:0 30px; background:#4599DE;height:35px; border:none;border-radius:2px;z-index:0;color:#FFF;line-height:35px;font-size:14px;vertical-align:middle;cursor:pointer; transition:0.3s; margin-top:0 !important;}
.pn:hover{ background:#368CD3}
.dtable{ width:100%; margin:0 auto; margin-top:25px; margin-bottom:25px;}
.dtable dd font{ margin:0 5px;}
.dtable dd .left{color:#777;font-size:14px;display:block; padding-bottom:10px; }
.dtable dd div{ font-size:14px; color:#555;}
.dtable dd  .platselect{ float:left;}
.dtable dd{height:100%;clear:both;color:#999;padding:5px 0 5px 0px;margin:2px 0;line-height:26px;font-weight:normal;font-size:12px;overflow:auto;}
.dtable dd table{ float:left}
.dtable dd span{color:#999;}
.dtable dd label{color:#999;font-weight:normal;font-size:12px;line-height: 34px;margin-left: 10px;}

.dtable dd a{color:#999;font-size:14px;margin:2px 0;}
.dtable dd textarea{float:left;overflow:auto}
.dtable dd span.block{display:block;float:left;width:550px;}