.user-box{ background-color: #f8f8f8;}

.user-menu{ width:222px; border-top:4px solid #4884ff; background-color: #fff;}
.user-menu .head{ height: 75px; line-height: 75px; font-size: 20px; font-weight: bold; text-align: center; border-bottom:1px solid #e1e1e1;}
.user-menu .nav li{ position: relative; height: 60px; line-height: 60px; padding:0 12px;}
.user-menu .nav li:hover::after{ content: ''; position: absolute; top:10px; left: 0; width:4px; height: 40px; background:#4884ff;}
.user-menu .nav li.on{background-color: #4884ff;}
.user-menu .nav li.on a{ color: #fff;}
.user-menu .nav li a{display: block; font-size: 16px; text-align: center; border-bottom:1px solid #e1e1e1;}
.user-menu .ver{ padding:120px 0 20px 0; color: #555555; text-align: center;}

.user-cont{ width:920px; padding:20px; background-color: #fff;}

.user-cont-head .status{ padding:20px 0;}
.user-cont-head .status li{ float:left; margin-right: 20px;}
.user-cont-head .status li .icon{ top:3px;}
.user-cont-head .status li.on .icon-checkbox{ border:1px solid #4884ff; background-color: #4884ff;}
.user-cont-head .status li input{ position: relative; top:3px; width:15px; height: 15px; margin: 0; margin-right: 5px;}
.user-cont-head .title{ height: 38px; line-height: 38px; padding-left:15px; border:1px solid #eeeeee; background-color: #f5f5f5;}
.user-cont-head .title .add{ width:100px; height: 38px; line-height: 38px; text-align: center; color: #fff; background-color:#4884ff;}

.user-order-list .status{ padding:20px 0 12px 0;}
.user-order-list .status li{ float:left; margin-right: 10px; }
.user-order-list .status li input{ position: relative; top:2px;}


.shop-edit-box .group-box{ margin:20px 0;}
.shop-edit-box .group-box .items{ margin-right: 10px;}
.shop-edit-box .group-box .input-text{ margin-right: 15px; width:240px;}
.shop-edit-box .group-box .input-select{ width:150px;}

.shop-edit-head{ height: 38px; line-height: 38px;}
.shop-edit-head span{ display: inline-block; height: 16px; line-height: 16px; padding-left: 10px; margin-right: 35px; border-left: 2px solid #4884ff; font-size: 16px;}
.shop-edit-head a{ font-size: 16px; color: #4884ff; margin-right: 35px;}

.shop-pic-box .list{ width: 100%; overflow: hidden;}
.shop-pic-box .list ul{ width:930px;}
.shop-pic-box .list li{ position: relative; float: left; width:122px; height: 122px; margin:0 10px 10px 0; font-size: 0; box-sizing: border-box;}
.shop-pic-box .list li img{ width:122px; height: 122px;}
.shop-pic-box .list li.select{ border:2px solid #4884ff;}
.shop-pic-box .list li.select img{ width:118px; height: 118px;}
.shop-pic-box .list li:hover{ border:2px solid rgba(0, 0, 0,.6);}
.shop-pic-box .list li:hover span{ display: block;}
.shop-pic-box .list li span{ display: none; position: absolute; left: 0; top:0; width:100%; height: 100%; background:rgba(0, 0, 0,.6)}
.shop-pic-box .list li i{ position: absolute; right: 4px; top:4px; font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #fff;}

.shop-des-box .textarea{ width:100%; height: 160px;}

.shop-btn-box{ margin-top:20px;}
.shop-btn-box .btn{ display: inline-block; width:150px; height: 40px; line-height: 40px; margin-right: 10px;}


.user-pro-list li{ float:left; width:460px; height: 101px; padding:20px 0; border-bottom:1px solid #e4e4e4;}
.user-pro-list li .img,.user-pro-list li .img img{ width:163px; height: 101px;}
.user-pro-list li .des{ width:267px; padding-right: 10px;}
.user-pro-list li .des h3{ font-size: 16px; margin-top:10px;}
.user-pro-list li .des p{ color: #666666; margin-top:15px;}
.user-pro-list li .des a{ color: #4884ff;}

.user-info-box .group-box{ margin:20px 0;}
.user-info-box .group-box .input-text{ width:240px; margin-right: 10px;}
.user-info-box .group-box .input-text-xl{ width:614px;}
.user-info-box .group-box .input-select{ width:125px; margin-right: 5px;}
.user-info-box .group-box input[type='checkbox']{ position: relative; top:3px; width:15px; height: 15px;}
.user-info-box .group-box .img{ width:120px; height: 120px; line-height: 120px; text-align: center;cursor: pointer;}
.user-info-box .btn-box .btn{ display: inline-block; width:150px; height: 40px; line-height: 40px; }

/* 登录 */
.login-cont{ width:360px; padding:20px; margin:100px auto; border:1px solid #e4e4e4;}
.login-cont .form-group{ margin:20px 0;}
.login-cont .head{ padding-bottom:20px; font-size: 18px; text-align: center; font-weight: bold; border-bottom:1px solid #e4e4e4;}
.login-cont .items{ display: inline-block; width:60px; text-align: right;}
.login-cont .input-text{ width:300px;}
.login-cont .input-text-sm{ width:170px;}
.login-cont a.btn{ display: inline-block; width:100%; height: 35px; line-height: 35px;}
.login-cont a.btn-sm{ width:120px; border-radius: 2px;}
.login-cont a.go-reg{ color: #4884ff;}