﻿.avator-wapper{border-bottom:1px dashed #f0f0f0; position:relative}
.des-mode{font-weight:lighter;}
.avator-wapper .top-close{ position:absolute;left:10px;top:10px;display:none;}
.setting-left .menu li{height:38px;line-height:38px;margin-bottom:10px;}
.setting-left .menu li a {
    display: block; padding-left: 72px; border-left: 3px solid transparent;-moz-transition: none; -o-transition: none;
    -webkit-transition: none; transition: none;position:relative;}
.setting-left .menu li a:hover{background:#f3f5f7;color:#00306e;font-weight:600;}
.setting-left .menu li a.active{ border-left:3px solid #00306e;background:#f3f5f7; color:#00306e; font-weight:600;}
.formBox{ width:650px;}
.w800 .formBox{width:780px;}
.img-mode{position:relative;}   
.img-pack{display:inline-block;width:100px;height:100px;  border-radius:4px;text-align:center;background:url(/Images/noproject.png) no-repeat center;background-size:100px 63px;border:1px dashed #ddd;}
.img-pack img{height:100px;width:100px;}
#upload .uploadfilebtn {width: 100px; height: 100px;position: absolute;left: 0; top: 0; opacity: 0; padding:0;border:1px dashed #999}
#uploadCard .uploadfilebtn {width: 100px;height: 100px; position: absolute;left: 0;top: 0;opacity: 0; padding:0;border:1px dashed #999}
.img-tip{color:#999;line-height:24px;font-size:12px;}
.sideContent .top-back{display:none;   margin-right:10px;}
.sideContent .top-back img{vertical-align:middle}
@media only screen and (max-width:768px) {
.avator-wapper .top-close,.sideContent .top-back{ display:block;}
.page-setting .title .subNav{margin:0;}
.form-inline select.form-control{ margin-bottom:5px; }
.settingSideBar { position: fixed;top: 0;right: 0; width: 170px;height: 100%;
-moz-transform: translateX(100%); -ms-transform: translateX(100%);
-o-transform: translateX(100%); -webkit-transform: translateX(100%);
transform: translateX(100%); -moz-transition: all .3s cubic-bezier(.25,.5,.5,.9);
-o-transition: all .3s cubic-bezier(.25,.5,.5,.9); -webkit-transition: all .3s cubic-bezier(.25,.5,.5,.9);
transition: all .3s cubic-bezier(.25,.5,.5,.9);  z-index:10;}
.settingSideBar.show { -moz-transform: translateX(0); -ms-transform: translateX(0);
    -o-transform: translateX(0); -webkit-transform: translateX(0);transform: translateX(0); }
.sideContent{width:100%; }
.sideContent .page-setting{ margin-left:0; }
.sideContent  .formBox{width:100% !important;}
.page-setting .title{ margin-top:5px; }
.sideContent .page-setting .ui-table table .btn{ padding:5px 16px;}
   
}


