html {overflow: auto; min-width: 970px;}
body {font-size: 13px;}
ul {list-style: none;}
.ui-grid-middle {-webkit-box-pack: center;}
.btn {vertical-align: top; width: 60px; padding: 0 10px; margin: 0 10px; background-color: #0ad8c8;}
.btn-hover {color: #0ad8c8;}
.nav-item.active, .nav-item:hover {color: #0DBCBA; background-color: #fff;}
.nav-item {height: 122px; line-height: 122px; width: auto; padding: 0 20px; margin-right: 0; color: #888;}
.chahua-bg{height: 700px;}
.pt70 {padding-top: 70px;}
.pl70 {padding-left: 70px;}
.h20 {height: 20px;}
.h24 {height: 24px;}
.lh24 {line-height: 24px;}
.c-888 {color: #888;}
.c-0ad8c8 {color: #0ad8c8;cursor: pointer;}
.c-0ad8c8:active {text-decoration: underline;}
.span-hover {cursor: pointer;}
.span-hover:hover {color: #0ad8c8;}
.span-hover:active {text-decoration: underline;}
.span-active {color: #0ad8c8;}

.my-count {width: 200px; padding: 20px 0 60px;}
.my-count h1 {height: 36px; margin: 0; padding-left: 60px; line-height: 36px; font-size: 18px; font-weight: 600; background: url(../../../images/icon_wodezhanghu.png) no-repeat 28px 6px;}
.list {padding: 0; text-indent: 60px;}
.list li {height: 24px; line-height: 24px; margin: 5px 0; border-left: 3px solid #fff; font-size: 14px; color: #888; cursor: pointer;}
.list .li-active, .list li:hover {border-left: 3px solid #0ad8c8; color: #0ad8c8;}
.my-detail {width: calc(100% - 220px); height: 680px; font-size: 14px; margin-left: 20px;}

.detail-info {width: 480px; margin: 0 auto;}
.c-vam {width: 100px; height: 100px; border-radius: 50%;}
input.type-hide {opacity: 0;-ms-filter: 'alpha(opacity=0)';}
.img-add {background: url(../../../images/shangchuan_icon.png) no-repeat 0 0;}
.form-group {height: 30px; line-height: 30px; margin-bottom: 25px;}
.form-label {width: 120px; height: 30px; color: #323232; margin: 0 20px 0 0; font-weight: normal; text-align: right;}
.form-control {width: 310px; height: 30px;}
.btn {display: block; width: 140px; height: 30px; line-height: 28px; color: #fff; margin: 0 auto;}
.btn:hover {color: #fff;}

.safe-setting {padding: 100px 80px;text-indent: 0px;}
.safe-setting li {height: 120px; padding: 30px 20px 30px 80px;}
.set-psw {background: url(../../../images/mima_icon.png) no-repeat 12px 30px;}
.safe-phone {background: url(../../../images/shouji_icon.png) no-repeat 12px 32px;}
.li-txt {width: calc(100% - 140px)}
.operate {width: 140px; padding-top: 14px;}
.psw-form {width: 310px;margin: 0 auto;}
.modify h4 {font-weight: 400;}
.operate-btn {width: 400px;margin: 0 auto;}
.operate-btn .btn {display: inline-block;margin: 0 25px;}
.operate-btn .btn-cancel {border: 1px solid #888; background-color: #fff; color: #888;}
.operate-btn .btn-cancel:hover {color: #888;}

.mdiphone-form {width: 500px; margin: 0 auto;}
.step p {padding-top: 24px;}
.step em {width: 80px; height: 4px; background-color: #d1d7d4;}
.step span {width: 52px; height: 52px; border: 2px solid #d1d7d4; border-radius: 50%; color: #909090; font-size: 16px; text-align: center; line-height: 50px;}
.set-active em {background-color: #0ad9c8;}
.set-active span, .btn {background-color: #0ad9c8; border-color: #0ad9c8; color: #fff;}
.step label {width: 100%; color: #909090; font-size: 16px; font-weight: normal;}
.set-active label {color: #0ad9c8;}
.txt-center {width: 100%; text-align: center;}
.txt-right {width: 100%; text-align: right;}
.mdi-detail-form {height: 300px;}
.send {display: inline-block; width: 75px; line-height: 32px; margin-left: -100px;}
.step3 {text-align: center;}
.success {padding-top: 100px; margin: 0 0 20px; font-weight: 500; font-size: 24px; background: url(../../../images/chenggong_icon.png) no-repeat center 0;}

.f-w400 {font-weight: 400;}
.question-li {width: 134px;}
.question-li-div {height: 38px; line-height: 38px; border: 1px solid #d1d7d4; border-radius: 3px; cursor: pointer;}
.select-active {border: 1px solid #0ad8c8; background: url(../../../images/icon_xuanzhong.png) no-repeat 115px 23px;background-size: 13% 38%;}
textarea.form-control {width: 100%; height: 100px; border-radius: 5px; resize: none;}
.limit {position: absolute; bottom: 5px; right: 5px;}
.set-img {width: 100px; height: 100px; border-radius: 5px;}
.delete-img {position: absolute; top: -4px; right: -4px; width: 16px; height: 16px; background: url(../../../images/guanbi_btn.png) no-repeat 0 0; cursor: pointer;}
.finish-device {width: 300px; margin: 0 auto; padding-top: 100px;}
.device-success {padding-top: 200px; margin: 0 0 20px; font-weight: 600; font-size: 24px; background: url(../../../images/chenggong_icon.png) no-repeat center 0; background-size: 50% 67%;}
.list-record {height: 510px;}
.list-tap, .list-detail, .list-status, .list-view {height: 30px;line-height: 30px;}
.list-tap {width: 90px; text-align: right; background: url(../../../images/biaoqian01_img.png) 0 0;}
.list-status {width: 50px; color: #ff8787;}
.list-status-active {color: #909090;}
.list-view {width: 50px;}
.list-detail {overflow: hidden; width: calc(100% - 340px); margin-right: 80px; text-overflow: ellipsis; white-space: nowrap;}

.page-btn {height: 30px; width: 30px; padding: 0; background-color: #fff; color: #888; border: 1px solid #e1e1e1; margin-left: 10px; line-height: 28px;}
.page-btn:hover {color: #888;}
.page-btn-active {background-color: #0ad8c8; color: #fff; border: 1px solid #0ad8c8;}
.page-input { width: 30px; height: 28px; padding: 0 2px; border: 0px; text-align: right; outline: none;}
.page-btn-input {width: 32px;height: 30px;margin: 0;}
.page-btn-sure {width: 32px; margin: 0; border-radius: 0; text-align: center; cursor: pointer;}