
/*顶部提示框*/
.tips-box {
    background: #fcf7f1;
    color: #fa7821;
    border-radius: 3px;
    line-height: 18px;
    font-size: 12px;
    padding: 8px 20px;
}

/*操作提示*/
.operation-tip {
    border-radius: 3px;
    background: #fcf6ee;
    padding: 16px 20px 16px 20px;
    color: #a7796c;
    margin-bottom: 30px;
}

.operation-tip .picture {
    float: left;
}

.operation-tip .inner {
    margin-left: 60px;
    line-height: 24px;
}

.operation-tip h4 {
    font-weight: 400;
    color: #fe7634;
}

/*table td 换行*/
.table-td-break tr td {
    white-space: normal !important;
    word-break: break-all;
}

/*自动补全样式-开始*/
.auto_hidden {
    width: 204px;
    border: 1px solid #09f;
    position: absolute;
    display: none;
}

.auto_show {
    text-align: left;
    width: 204px;
    border: 1px solid #09f;
    position: absolute;
    z-index: 9999; /* 设置对象的层叠顺序 */
    display: block;
    overflow: hidden;
}

.auto_onmouseover,
.auto_onmouseout {
    cursor: pointer;
    box-sizing: border-box;
    padding-left: 3px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.auto_onmouseover {
    color: #ffffff;
    background-color: highlight;
    width: 100%;
    line-height: 28px;

}

.auto_onmouseout {
    color: #000;
    width: 100%;
    background-color: #fff;
    line-height: 28px;
}

/*自动补全样式-结束*/

.attention {
    border: 1px solid #ffd4c3;
    background: #fffaf6;
    border-left: 2px solid #ff6000;
    padding: 15px;
    line-height: 28px;
    margin-top: 20px;
    font-size: 12px;
}

.attention .attention-title {
    font-size: 14px;
    color: #333;
}

.attention p span {
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #ff6000;
    margin: 0 10px 3px 0;
}

.attention p.num-hint {
    padding-left: 56px;
}

/********我的账户********/

/*用户信息-开始*/

.user-info-content {
    background: #fff;
    float: left;
    width: calc(50% - 6px);
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    position: relative;
}

.user-info-content > div {
    padding: 25px;
    background: #f0f9ff;
    border-bottom: 1px solid #e2f4ff;
}

.user-info-wrap {
    margin-bottom: 12px;
}

.favorable-list {
    text-align: center;
    padding: 20px 0;
    line-height: 24px;
}

.favorable-list li {
    float: left;
    width: 33%;
}

.favorable-list li p {
    color: #999;
}

.favorable-list li:nth-child(2) {
    width: 34%;
    border-left: 1px dashed #e5e5e5;
    border-right: 1px dashed #e5e5e5;
    box-sizing: border-box;
}

.favorable-list .count {
    font-size: 16px;
}

.user-info-main {
    width: 50%;
    float: left;
}

.user-info-main dt {
    width: 86px;
    text-align: center;
    vertical-align: middle;
    height: 86px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 15px;
}

.user-info-main dd h1 {
    font-weight: normal;
    font-size: 16px;
}

.user-info-main dd h1 label {
    display: inline-block;
    vertical-align: middle;
}

.user-info-main dd h1 .user-name {
    max-width: 40%;
    display: inline-block;
    line-height: 25px;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-info-main dd:not(:last-child) {
    margin-bottom: 13px;
}

.user-info-content .user-level {
    margin: 16px 0;
}

.user-info-content .user-level i {
    width: 11px;
    height: 6px;
    background: #d0d0d0;
    display: inline-block;
    margin-right: 4px;
}

.user-info-content .user-level i.active {
    background: #00b83d;
}

.user-info-content .login-info {
    float: left;
    margin-left: 10px;
}

.user-info-main dd:last-child a {
    float: left;
    margin-right: 6px;
    width: 20px;
    height: 20px;
    background: #09f;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 20px;
}

.user-info-main dd a.disabled {
    background: #dbdbdb;
}

.user-info-main dd a .iconfont {
    font-size: 12px;
}

.user-info-main dd a:hover .tooltip {
    display: block;
}

.available-balance {
    width: calc(50% - 6px);
    float: right;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    background: #fff;
}

.available-balance > div {
    padding: 25px;
    background: #fff4ee;
    border-bottom: 1px solid #ffebe0;
}

.available-balance > div dl {
    float: left;
    width: 60%;
}

.available-balance > div dt {
    float: left;
    width: 78px;
    height: 78px;
    border: 4px solid #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 78px;
    margin-right: 20px;
}

.available-balance > div dt .iconfont {
    font-size: 42px;
    color: #ff5a00;
}

.available-balance > div dd:nth-child(2) {
    margin: 24px 0 18px;
    color: #333;
}

.available-balance > div dd:last-child {
    font-size: 18px;
}

.available-balance > div .fr {
    margin-top: 29px;
}

.available-balance ul {
    text-align: center;
    padding: 20px 0;
}

.available-balance li {
    float: left;
    width: 33%;
    box-sizing: border-box;
    line-height: 24px;
}

.available-balance li:nth-child(2) {
    border-right: 1px dashed #e5e5e5;
    border-left: 1px dashed #e5e5e5;
}

.available-balance li p {
    color: #999;
}

.available-balance li span {
    font-size: 16px;
}

.mr-30 {
    margin-right: 30px;
}

.profile-domain-manage {
    border: 1px solid #e5e5e5;
    padding: 25px 15px 15px 25px;
    background: #fff;
    margin: 12px 0;
}

.profile-domain-manage .title {
    color: #333;
    font-size: 14px;
    margin-bottom: 25px;
}

.profile-domain-manage ul li {
    float: left;
    width: 25%;
    height: 78px;
    line-height: 78px;
    padding-right: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.profile-domain-manage li a {
    display: block;
    background: #f7f9fa;
    height: 100%;
    border: 1px solid transparent;
    padding-right: 20px;
    color: #666;
}

.profile-domain-manage li a:hover {
    border-color: #09f;
}

.profile-domain-manage li a:hover .count {
    color: #09f;
}

.profile-domain-manage li .icon {
    float: left;
    width: 78px;
    height: 78px;
    text-align: center;
    line-height: 78px;
    background: #f1f3fa;
    margin-right: 20px;
}

.profile-domain-manage li .icon .iconfont {
    color: #09f;
    font-size: 30px;
}

.profile-domain-manage li .day {
    display: inline-block;
    width: 28px;
    height: 28px;
    text-align: center;
    vertical-align: middle;
    line-height: 28px;
    border: 2px solid #09f;
    border-radius: 50%;
    font-size: 18px;
    color: #09f;
}

.profile-domain-manage li .count {
    float: right;
    font-size: 16px;
}

.profile-domain-count li {
    float: left;
    box-sizing: border-box;
}

.profile-domain-count li:first-child {
    width: 33%;
    padding-right: 6px;
}

.profile-domain-count li:nth-child(2) {
    width: 34%;
    padding: 0 6px;
}

.profile-domain-count li:last-child {
    width: 33%;
    padding-left: 6px;
}

.profile-domain-count dl {
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 25px 25px 20px 25px;
}

.profile-domain-count dl dt {
    margin-bottom: 25px;
    font-size: 14px;
    color: #333;
}

.profile-domain-count dl dd {
    background: #f7f9fa;
    line-height: 44px;
    margin-bottom: 6px;
}

.profile-domain-count dl dd .fr {
    font-size: 16px;
}

.profile-domain-count dl dd a {
    color: #666;
    display: block;
    padding: 0 20px;
    border: 1px solid transparent;
}

.profile-domain-count dl dd a:hover {
    border-color: #09f;
}

.profile-domain-count dl dd a:hover .fr {
    color: #09f;
}

.account-wrap .content-wrap {
    margin-top: 20px;
}

.batch-operation {
    padding: 10px 0 10px 14px;
    border: 1px solid #e5e5e5;
    border-top: none;
    background: #fff;
}

/********我的域名********/

.expand-search a {
    float: right;
    line-height: 16px;
    margin-top: 18px;
    margin-right: 10px;
}

.expand-search a .iconfont {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.pack-up-search a .iconfont {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*tab-结束*/

/*搜索内容-开始*/

.domain-search-condition {
    margin: 0 auto 10px;
}

.domain-search-condition tr td:nth-child(odd) {
    color: #666;
    text-align: right;
    padding-right: 8px;
}

.domain-search-condition tr td:nth-child(1) {
    width: 70px;
}

.domain-search-condition tr td:nth-child(2) {
    width: 220px;
}

.domain-search-condition tr td:nth-child(3) {
    width: 48px;
}

.domain-search-condition tr td:nth-child(5) {
    width: 60px;
}

.domain-search-condition tr td:nth-child(7) {
    width: 72px;
}

.domain-search-condition tr td {
    padding: 5px 0;
}

.domain-search-condition .default-none-list {
    display: none;
}

.domain-search-condition #exclude_list {
    width: 89px;
}

.domain-search-condition .domain-keyword,
.domain-search-condition .domain-length,
.domain-search-condition .exclude,
.domain-search-condition .reg-date {
    width: 84px;
}

.domain-search-condition .reg-date {
    padding-left: 3px;
    width: 86px;
}

.domain-search-condition select {
    width: 125px;
    padding-left: 5px;
}

.reg-date {
    width: 94px;
    font-size: 12px;
    background: url(../img/rili.png) no-repeat 94% center;
}

.domain-search-condition .input-box {
    width: 118px;
}

.domain-search-popup {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -360px;
    width: 870px;
    padding: 0 40px 0 24px;
    border: 1px solid #09f;
    border-radius: 3px;
    background: #fff;
    z-index: 10;
}

.domain-suffix-select {
    top: 226px;
}

.domain-type-select {
    top: 264px;
}

.domain-search-popup li {
    line-height: 20px;
    padding: 12px 0;
    border-bottom: 1px dashed #e5e5e5;
}

.domain-search-popup li:last-child {
    border-bottom: none;
    text-align: center;
}

.domain-search-popup li span {
    margin-right: 13px;
    padding: 2px 4px;
    cursor: pointer;
    border-radius: 3px;
}

.domain-search-popup li p > [data-id] {
    position: relative;
}

.domain-search-popup li p > .active[data-id]:after {
    display: block;
}

.domain-search-popup li p > [data-id]:after {
    display: none;
    position: absolute;
    bottom: -11px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    content: "";
    border: 7px solid transparent;
    border-bottom-color: #f7f7f7;
}

.domain-search-popup li span:hover,
.domain-search-popup li .active {
    background: #09f;
    color: #fff;
}

.domain-search-popup label {
    width: 75px;
    display: inline-block;
    text-align: right;
    color: #09f;
    font-weight: 700;
}

.domain-search-popup dl {
    width: 790px;
    padding-left: 60px;
    padding-top: 20px;
    margin: 10px 0 10px 20px;
    background: #f7f7f7;
}

.domain-search-popup dd {
    float: left;
    margin-bottom: 14px;
    margin-right: 10px;
}

/*搜索内容-结束*/

.disable {
    color: #98a6ad;
}

.batch-select {
    width: 140px;
    font-size: 14px;
    padding-left: 10px;
    background: #fafafa;
}

.domain-list .a-color {
    color: #666;
}
/*搜索结果-结束*/

/*错误提示-开始*/

.search-condition-box .error-hint,
.search-condition-box .alert-danger,
.search-condition-box .alert-success {
    width: auto;
    margin: 0 0 20px;
}

.error-hint,
.alert-danger,
.alert-success {
    display: none;
    margin: 20px;
    color: #ff3b36;
    line-height: 22px;
    background: #fffde6;
    border-radius: 3px;
    border: 1px solid #f8ebbe;
    font-size: 12px;
    overflow: hidden;
}

.error-hint .error,
.alert-danger .error,
.name-error {
    display: block;
    color: #ff3b36;
    line-height: 30px;
    background: url(../img/error-icon.png) no-repeat 5px center;
    padding-left: 30px;
}

.error-hint .close,
.alert-danger .close,
.alert-success .close {
    display: block;
    width: 19px;
    height: 30px;
    float: right;
    cursor: pointer;
    background: url(../img/hint-succ-icon.png) no-repeat left center;
}

.error-hint .close,
.alert-danger .close {
    display: block;
    width: 19px;
    height: 30px;
    float: right;
    cursor: pointer;
    background: url(../img/hint-fail-icon.png) no-repeat left center;
}

/*错误提示-结束*/

/*正确提示-开始*/

.alert-success {
    background: #fafffc;
    border: 1px solid #b3edc6;
    color: #666;
}

.alert-success .success {
    display: block;
    color: #666;
    line-height: 30px;
    background: url(../img/succ-small.png) no-repeat 5px center;
    padding-left: 30px;
}

/*正确提示-结束*/

/*域名管理-开始*/
.panel .set-title {
    margin-bottom: 0;
}

.panel .table tbody tr:last-child {
    border-bottom: none;
}

.panel .table tbody tr td:last-child {
    padding-right: 40px;
}

.panel .table tbody tr td:nth-child(3) {
    padding-right: 5px;
}

.panel .table tbody tr td:first-child {
    padding-left: 38px;
}

.functional-item {
    float: right;
    margin-right: 25px;
}

.functional-item a {
    padding: 3px;
    font-size: 12px;
    border: 1px solid #09f;
    border-radius: 2px;
}

.functional-item a:hover {
    background: #09f;
    color: #fff;
}

.dns-list {
    border: 1px solid #e5e5e5;
    border-top: 0;
}

.dns-list li {
    height: 40px;
    line-height: 40px;
    padding-left: 114px;
}

.dns-list li:nth-child(odd) {
    background: #fbfbfb;
}

/*域名管理-结束*/

/*******模板管理*******/

/*设置默认模板-开始*/

.tpl-table p {
    margin-bottom: 3px;
}

.tpl-table .tpl-name {
    max-width: 150px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 16px;
    vertical-align: middle;
}

.tab-content-wrap .set-tpl {
    width: 100%;
    margin-bottom: 12px;
}

.set-tpl .bg-item {
    text-align: center;
    background: #f9f9f9;
}

.set-tpl td {
    height: 40px;
    border: 1px solid #e5e5e5;
}

.set-tpl label {
    width: 180px;
    text-align: right;
    margin-right: 16px;
    display: inline-block;
}

/*设置默认模板-结束*/

/*模板过户-开始*/

.area {
    width: 400px;
    height: 120px;
    padding: 10px;
    vertical-align: top;
}

.change_template li :not(:first-child) {
    line-height: 28px;
}

.change_template label {
    display: inline !important;
    color: #666;
}

/*模板过户-结束*/

/*添加国际模板-开始*/
.tab-content-wrap .tab-main .middle {
    margin: 0 10px;
}

.tab-content-wrap .tab-main > li {
    line-height: 28px;
    margin-bottom: 16px;
}

.tab-content-wrap .tab-main .hint-text {
    font-size: 12px;
    margin-left: 10px;
}

.tab-content-wrap .tab-main .radio {
    display: inline;
    color: #666;
}

.tab-content-wrap .tab-main .tpl-name {
    width: 223px;
}

.tab-content-wrap .tab-main label {
    width: 20%;
    text-align: right;
    margin-right: 20px;
    display: inline-block;
}

.tab-content-wrap .tab-main .label {
    display: inline;
    color: #666;
}

.tab-content-wrap .tab-main label.error {
    display: inline;
    margin-left: 10px;
    margin-right: 0;
    color: #ff3b36;
}

.tab-content-wrap .tab-main li .num-hint {
    color: #98a6ad;
    margin-top: 5px;
}

.tab-content-wrap .tab-main label i {
    color: red;
    margin-right: 5px;
}

.tab-content-wrap .tab-main .company-item {
    display: none;
}

.tooltip-wrap {
    width: 984px;
    height: 466px;
    text-align: center;
}

.add-tpl-succ {
    padding-top: 145px;
    margin-bottom: 24px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    padding-left: 60px;
    background: url(../img/succ.jpg) no-repeat 400px 148px;
}

.add-tpl-fail {
    background: url(../img/fail.jpg) no-repeat 390px 148px;
}

.down-menu-bg {
    background: url(../img/xiala.png) no-repeat 95% center;
}

/*添加国际模板-结束*/

.domain-batch-sel {
    font-size: 12px;
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
}

.domain-batch-sel h4 {
    display: inline-block;
    vertical-align: middle;
    width: 140px;
    padding-left: 10px;
    border-radius: 3px;
    line-height: 26px;
    border: 1px solid #d5d5d5;
    font-weight: 400;
    background: #fff url("/img/xiala.png") no-repeat 96% center;
    cursor: default;
}

.domain-batch-sel ul {
    display: none;
    position: absolute;
    left: 0;
    top: 28px;
    width: 150px;
    border: 1px solid #0072cd;
}

.domain-batch-sel ul li {
    padding: 0 10px;
    line-height: 22px;
    background: #fafafa;
    cursor: default;
}

.domain-batch-sel ul li.active {
    background: #09f;
    color: #fff;
}

/*模板认证-开始*/
.add-tpl-main {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 0px 18px 18px;
}

.add-tpl-main .title {
    height: 90px;
    line-height: 90px;
    border-bottom: 1px dashed #e5e5e5;
    background: url(../img/succ.jpg) no-repeat 260px center;
}

.add-tpl-main .auth-item {
    color: #333;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
}

.add-tpl-main .table {
    border: 1px solid #e5e5e5;
}

.add-tpl-main .table thead th,
.add-tpl-main .table tbody td {
    text-align: center;
    border-right: 1px solid #e5e5e5;
    margin-left: -1px;
}

.add-tpl-main .table tbody td {
    height: 64px;
}

.add-tpl-main .table tbody td p {
    line-height: 21px;
}

.auth-list {
    border: 1px solid #d0e8f4;
    border-bottom: none;
}

.auth-list li {
    line-height: 47px;
    border-bottom: 1px solid #d0e8f4;
    text-indent: 10px;
    background: #fcfdff;
}

.auth-list li span:first-child {
    display: inline-block;
    width: 116px;
}

.auth-list li span:nth-child(2) {
    display: inline-block;
    width: 128px;
    color: #333;
    font-size: 16px;
}

.auth-list li span:last-child {
    display: inline-block;
    width: 310px;
    text-align: right;
}

.auth-list .un-spread {
    display: none;
}

.auth-list .un-spread ul li {
    border-bottom: none;
}

.auth-list .un-spread ul li span {
    display: inline;
    font-size: 14px;
}

.auth-list .un-spread ul li span:first-child {
    display: inline-block;
    width: 116px;
    text-align: right;
    margin-right: 10px;
}

.auth-list .un-spread ul li span.color-fail {
    color: #f70000;
}

.auth-list .un-spread ul li .card {
    font-size: 20px;
}

form i.required-icon {
    color: #ff3b36;
    margin-right: 5px;
}

form label.error,
.auth-list label.error {
    color: #ff3b36;
    margin-left: 5px;
}

/*模板认证-结束*/

/*我的购物车-开始*/

.tpl-batch,
.tpl-item {
    max-width: 160px;
}

.cart-item-wrap {
    height: 40px;
    line-height: 44px;
    color: #333;
    font-size: 12px;
}

.cart-item-wrap .cart-item {
    font-weight: 700;
    line-height: 15px;
    border-left: 3px solid #09f;
    padding-left: 6px;
    margin-left: 1px;
    font-size: 14px;
}

.cart-item-wrap .btn {
    margin-top: 5px;
    margin-left: 20px;
}

.cart-list {
    font-size: 12px;
}

.cart-list select {
    width: 118px;
}

.cart-list .table tbody tr td:nth-child(2){
    color: #333;
    font-size: 14px;
}

.table-wrap {
    border: 1px solid #e5e5e5;
}

.table .period-item {
    width: 65px;
}

.cart-empty {
    height: 300px;
    margin-top: 20px;
    display: none;
    text-align: center;
    line-height: 300px;
}

.cart-empty .icon-cart {
    font-size: 100px;
    margin-right: 50px;
    color: #09f;
}

.cart-empty img {
    margin-top: -10px;
}

#fix {
    width: 100%;
}

.fix {
    border-top: 2px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 3;
    background: #f8f8f8;
}

.fix .balance-wrap {
    border: none;
    margin-bottom: 0;
}

.balance-wrap {
    width: 1198px;
    margin: 0 auto 20px;
    height: 54px;
    border: 1px solid #e5e5e5;
    background: #fff;
    font-size: 12px;
}

.add-cart-wrap {
    display: block;
    width: 1200px;
    margin: 0 auto;
    line-height: 50px;
}

.balance-wrap .balance-item .domain-xy {
    padding-top: 20px;
    padding-left: 14px;
}

.domain-xy label {
    color: #666;
}

.balance-item p:first-child {
    padding-top: 15px;
}

.balance-item .inp-code {
    width: 138px;
    border-bottom-right-radius: initial;
    border-top-right-radius: initial;
}

.balance-item .btn-use {
    height: 28px;
    padding: 0 10px;
    background: none;
    border: 1px solid #d8d8d8;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    cursor: pointer;
    border-left: none;
    color: #666;
    vertical-align: middle;
}

.tab-bottom-none tbody tr:last-child {
    border-bottom: none;
}

.amount {
    line-height: 25px;
    padding-top: 2px;
}

.balance-wrap .fr .color-fail {
    font-size: 22px;
    vertical-align: bottom;
}

.balance-wrap .btn-primary {
    width: 130px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    font-size: 20px;
    margin-top: -1px;
    margin-left: 10px;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}

#fix .disabled {
    background: #d8d8d8;
    cursor: initial;
    border-color: #d8d8d8;
}

.submit-order {
    margin-right: -1px;
}

/*我的购物车-结束*/

/*购物车结算-开始*/

.order-number-wrap {
    width: 1120px;
    border: 1px solid #e5e5e5;
    background: #fff url(../img/succ-icon.png) no-repeat 30px 16px;
    padding: 24px 0 26px 80px;
}

.order-number-wrap span {
    font-weight: 700;
}

.order-number-wrap .order-number {
    margin-bottom: 24px;
}

.cart-complete tbody tr td:nth-child(1) {
    background: url(../img/gray-dot.jpg) no-repeat 15px center;
    padding-left: 26px;
}

.cart-complete tbody tr td:last-child {
    padding-right: 150px;
    text-align: right;
}

.cart-complete tbody tr td:last-child img {
    float: left;
    margin-left: 260px;
}

.cart-complete tr td .check-result {
    width: 66px;
    line-height: 24px;
    font-size: 12px;
    color: #fff;
    background: #2196f3;
    text-align: center;
    border-radius: 3px;
    display: inline-block;
    margin-left: 20px;
}

.cart-complete tr td .succ {
    color: #04b800;
    line-height: 17px;
    background: url(../img/succ-small.png) no-repeat left center;
    padding-left: 24px;
    display: inline-block;
    margin-right: 10px;
}

.cart-complete tr td .fail {
    background: url(../img/error-icon.png) no-repeat left center;
    color: #ff3b36;
    line-height: 17px;
    padding-left: 24px;
    display: inline-block;
    margin-right: 10px;
}

/*购物车结算-结束*/

.payment {
    line-height: 55px;
}

/*******域名注册*******/

/*域名注册-开始*/

.domain-query-wrap {
    border: 1px solid #e5e5e5;
    margin-bottom: 20px;
    background: #fff;
}

.query-area-wrap {
    position: relative;
}

.query-area-wrap .query-area {
    width: 1126px;
    height: 115px;
    line-height: 20px;
    color: #666;
    margin: 20px 20px 0;
    padding: 15px;
    border-radius: 0;
}

.query-area-wrap .empty {
    position: absolute;
    right: 50px;
    bottom: 23px;
    background: url(../img/delet_icon.png) left center no-repeat;
    padding-left: 20px;
    cursor: pointer;
    color: #2196f3;
}

.domain-check-price-list {
    border: 1px solid #e5e5e5;
    background: #fff;
}

.member-list {
    margin-bottom: 10px;
}

.member-list li {
    width: 398px;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-top: 3px solid transparent;
    float: left;
    color: #333;
    text-align: center;
    height: 54px;
    line-height: 54px;
    cursor: pointer;
}

.member-list li:last-child {
    width: 400px;
    border-right: none;
}

.member-list li.active {
    border-bottom: none;
    border-top-color: #09f;
}

.domain-type {
    margin: 0 0 0 20px;
}

.domain-type div.active {
    background: #09f;
    color: #fff;
}

.domain-type li {
    width: 102px;
    height: 26px;
    float: left;
    line-height: 26px;
    text-align: center;
    background: #efefef;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 2px solid #efefef;
    cursor: pointer;
}

.domain-type li.click-active {
    background: url(../img/icon-49.png) no-repeat right bottom;
    background-size: 14px;
    border-color: #09f;
}

.domain-query-wrap .btn-query {
    padding: 10px 0 20px 0;
}

.domain-query-wrap .appsuffix-info {
    position: relative;
    top: 1px;
    padding-top: 8px;
}

.domain-query-wrap .appsuffix-info:hover em {
    display: block;
}

.domain-query-wrap .appsuffix-info em {
    display: none;
    position: absolute;
    bottom: 18px;
    left: 50%;
    margin-left: -90px;
    width: 270px;
    line-height: 22px;
    color: #999;
    background: #fff;
    padding: 5px 15px;
    border: 1px solid #e8e8e8;
    box-shadow: 1px 3px 4px #e8e8e8;
    border-radius: 5px;
    white-space: normal;
}

.domain-query-wrap .appsuffix-info .close-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    cursor: pointer;
}

.domain-query-wrap .appsuffix-info .close-btn:hover .iconfont {
    color: #09f;
}

.domain-query-wrap .appsuffix-info .close-btn .iconfont {
    font-size: 12px;
}

.domain-check-banner {
    display: none;
    width: 1160px;
    margin: 0 auto 10px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 16px;
    background: url(/img/check-banner.jpg) no-repeat;
    background-size: cover;
    color: #333;
}

.domain-query-wrap .btn-query .btn {
    width: 84px;
}

.domain-query-wrap .table {
    border: none;
    border-top: 1px solid #e5e5e5;
}

#check_result td {
    text-align: right;
}

.domain-query-wrap .table tbody td:last-child {
    padding-right: 23px;
}

.domain-query-wrap .table tbody td.last {
    text-align: left;
    border-bottom: 0;
}

.member-price-info .table thead th {
    text-align: center;
}

.postfix-box {
    padding: 0 20px 20px;
}

.postfix-box .inner {
    display: none;
}

.postfix-box .inner .table {
    display: none;
    box-sizing: border-box;
}

.postfix-box .inner .table tbody tr:last-child {
    border: none;
}

.postfix-box .table tr th {
    border-right: 1px solid #e5e5e5;
    padding: 0;
}

.postfix-box .table tr th:last-child {
    border-right: 0;
}

.postfix-box .table tr td {
    border-right: 1px solid #e5e5e5;
    padding: 0;
}

.postfix-box .table tr td:last-child {
    border-right: 0;
}

.postfix-box .table tr td:first-child {
    color: #09f;
    font-size: 16px;
}

.suffix-change {
    margin: 0px 20px 20px;
    line-height: 44px;
    border-bottom: 1px solid #e5e5e5;
}

.suffix-change .quick-entry a {
    color: #666;
}

.suffix-change .quick-entry a:hover {
    text-decoration: none;
    color: #09f;
}

.suffix-change label {
    padding: 0 20px 12px 10px;
    color: #666;
    margin-right: 30px;
    border-bottom: 3px solid transparent;
}

.suffix-change label.active {
    color: #09f;
    font-weight: 700;
    border-color: #09f;
}

.postfix-type li {
    line-height: 50px;
    float: left;
    text-align: center;
    cursor: pointer;
    margin: 0 80px 0 10px;
}

.postfix-type li.upgrade {
    width: auto;
    float: right;
    margin: 0;
}

.postfix-type li.upgrade a {
    line-height: 40px;
    background: url(../img/notice.gif) no-repeat left center;
    padding-left: 14px;
}

.doubleTiredPricy {
    width: 14px;
    height: 14px;
    background: url(/img/tiredPricing.png) no-repeat 0px;
    display: inline-block;
}

.tieredPricy {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(/img/tiredPricing.png) no-repeat 0px;
}

.hot, .cu {
    width: 14px;
    height: 14px;
    background: url(/img/cu.png) no-repeat 0px;
    display: inline-block;
}

.table tr td.price {
    overflow: initial;
}

.table tr td.price a:hover {
    text-decoration: none;
}

.tiered-pricing {
    position: relative;
}

.tiered-pricing:hover {
    text-decoration: none;
}

.tiered-pricing img {
    margin-right: 5px;
    vertical-align: bottom;
}

.hot-domain,
.cu-domain {
    position: relative;
}

.hot {
    background: url(../img/hot.gif) no-repeat 5px;
}

#check_result label {
    display: inline;
}

.suffix-all-custom,
.suffix-all-sel,
.suffix-all-desel {
    width: 106px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #eee;
    color: #09f;
    cursor: pointer;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 12px;
}

.domain-type li.last {
    width: 106px;
    height: 30px;
    line-height: 30px;
    background: #eee;
    font-size: 12px;
    color: #09f;
    border: none;
}

.scalping {
    display: inline-block;
    min-width: 50px;
}

.single-check-search-wrap {
    width: 100%;
    height: 180px;
    background: url(../img/single-search-bg.png) no-repeat 50% center;
}

.check-item {
    width: 948px;
    margin: 0 auto;
    height: 30px;
    line-height: 30px;
    color: #fff;
    padding-top: 26px;
    padding-left: 12px;
}

.check-item a {
    color: #fff;
}

.single-check-search-bg {
    width: 962px;
    height: 78px;
    background: rgba(0, 0, 0, .2);
    margin: 0 auto;
    border-radius: 5px;
}

.single-check-search-main {
    width: 938px;
    height: 55px;
    margin: 0 auto;
    padding: 12px 0;
    position: relative;
}

.single-check-search-main .search-suffix-wrap {
    width: 755px;
    position: absolute;
    top: 67px;
}

.single-check-search-bg .single-check-txt {
    width: 802px;
    height: 55px;
    font-size: 24px;
    border-radius: 5px 0 0 5px;
    border: 0;
}

.single-check-search-main .search-suffix-list span {
    width: 104px;
    height: 34px;
    line-height: 34px;
}

.single-check-search-bg .single-check-btn {
    width: 131px;
    height: 55px;
    font-size: 16px;
    line-height: 55px;
    border-radius: 0 5px 5px 0;
    background: #006ae6;
    color: #fff;
    cursor: pointer;
}

.check-title {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
}

#check_result .reg-more {
    height: 64px;
    line-height: 64px;
    color: #999;
    text-align: left;
    padding-left: 30px;
}

.single-check-result-wrap {
    margin-bottom: 20px;
}

.single-check-result-wrap table td:last-child {
    padding-right: 23px;
}

#check_result {
    font-size: 12px;
}

#check_result td:nth-child(2) {
    color: #09f;
    text-align: left;
}

#check_result td:nth-child(2) label {
    color: #666;
    font-size: 14px;
}

/*推荐域名*/
.recommend-main {
    width: 588px;
    height: auto;
    border: 1px solid #e5e5e5;
    position: relative;
    background: #fff;
}

.recommend-domain-title-wrap {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    background: #fafafa;
    border-bottom: 1px solid #e5e5e5;
}

.recommend-domain-title {
    font-size: 15px;
    padding: 4px 24px;
    color: #333;
    background: url(../img/recommend-icon.png) no-repeat left center;
}

.change-viewpoints {
    padding-right: 24px;
    cursor: pointer;
    background: url(../img/change-icon.png) no-repeat right center;
}

.recommend-domain-list li {
    height: 44px;
    line-height: 44px;
    border-bottom: 1px dashed #e5e5e5;
    font-size: 12px;
}

#recommend-deal .domain-list-main {
    width: 528px;
}

.recommend-domain-list li .domain-list-main {
    width: 524px;
    float: right;
    margin-right: 22px;
}

.recommend-domain-list li input {
    margin-left: 20px;
    margin-right: 0 !important;
}

.recommend-domain-list li .domain-list-main .domain {
    display: inline-block;
    width: 300px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666;
    font-size: 14px;
    padding-left: 1px;
}

.recommend-domain-list .domain .bubble-box {
    font-weight: 400;
    font-size: 12px;
}

.recommend-domain-list .domain a {
    color: #666;
}

.recommend-domain-list .money {
    display: inline-block;
    width: auto !important;
    text-align: right;
}

.recommend-domain-list .tiered-pricing img {
    vertical-align: middle !important;
}

.recommend-domain-list li:last-child {
    border-bottom: none;
}

.recommend-domain {
    display: inline-block;
    width: 362px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.reg-year-price span.color-orange {
    display: inline-block;
    min-width: 120px;
    text-align: right;
}

/*域名注册-结束*/

/*安全中心*/

.degree-safety {
    padding: 28px 0;
    margin-left: 25px;
    margin-right: 25px;
    border-bottom: 1px dashed #e5e5e5;
}

.degree-safety .icon {
    float: left;
    width: 38px;
    height: 38px;
    background: #889dbe;
    text-align: center;
    line-height: 38px;
    border-radius: 3px;
    margin-right: 10px;
    color: #fff;
}

.degree-safety .safe-level div p {
    display: inline-block;
    width: 180px;
    height: 12px;
    background: #ddd;
    vertical-align: middle;
    border-radius: 10px;
}

.degree-safety .safe-level div p span {
    float: left;
    height: 100%;
    background: #38c83f;
    width: 25%;
    border-radius: 10px;
}

.degree-safety .icon .iconfont {
    font-size: 22px;
}

.degree-safety .safe-level {
    float: left;
    line-height: 20px;
    font-size: 14px;
}

.operation-item {
    margin: 0 25px;
}

.operation-item li {
    line-height: 24px;
    border-bottom: 1px dashed #e5e5e5;
    padding: 10px 5px;
}

.operation-item li .iconfont {
    font-size: 18px;
    font-weight: 400;
}

.operation-item li div {
    width: 70%;
    float: left;
}

.operation-item li div p:first-child {
    color: #333;
    font-size: 14px;
    font-weight: 700;
}

.operation-item li div p:last-child {
    text-indent: 24px;
    color: #999;
}

.operation-item li .operation-popup {
    float: right;
    width: 25%;
    text-align: right;
    line-height: 48px;
}

.operation-item li .operation-popup b {
    display: inline-block;
    vertical-align: middle;
}

.operation-item li span a:hover {
    text-decoration: underline;
}

.operation-item li:last-child {
    border-bottom: none;
}

label.safety-center-error {
    color: red;
    text-align: left;
    width: auto;
}

/*设置中心*/

.set-title {
    height: 40px;
    line-height: 40px;
    padding-left: 30px;
    margin-bottom: 20px;
    background: #fafafa url(../img/tit-bg.png) no-repeat 20px center;
    font-weight: 700;
    border-bottom: 1px solid #e5e5e5;
}

.set-item {
    padding: 20px;
}

.set-item .options {
    padding-left: 65px;
}

.set-item label {
    color: #666;
    margin-left: 100px;
}

.set-item label input[type="checkbox"] {
    margin-right: 5px;
}

.set-item .table tr td:first-child {
    width: 155px;
    text-align: right;
    padding-right: 25px;
    margin-right: 65px;
    background: #fafafa;
    border-right: 1px solid #e5e5e5;
}

.set-item .table tr:last-child {
    border-bottom: none;
}

.set-err-popup .popup-content {
    padding: 60px 0px 90px 60px;
}

.set-err-popup .popup-content dd {
    margin-bottom: 12px;
    color: #333;
}

.set-err-popup a {
    margin-right: 10px;
    color: #1483be;
}

.set-err-popup dl {
    margin-left: 16px;
}

.set-err-popup a:hover {
    text-decoration: underline;
}

.set-err-popup .popup-content dt {
    font-size: 16px;
    color: #646464;
    margin-bottom: 12px;
}

/*个人信息*/

.content-wrap {
    border: 1px solid #e5e5e5;
    background: #fff;
}

.personal-info-title {
    height: 40px;
    line-height: 40px;
    text-indent: 23px;
    background: #fafafa;
    font-weight: 700;
    border-bottom: 1px solid #e5e5e5;
}

.personal-info-main {
    width: 530px;
    height: 285px;
    margin: 65px auto 86px;
    background: url(../img/main-bg-icon.jpg) no-repeat;
}

.personal-info-main div {
    width: 215px;
    text-align: center;
    margin-top: 60px;
}

.personal-info-main div img {
    margin-bottom: 10px;
}

.personal-info-main ul {
    width: 295px;
    padding: 60px 0 0 20px;
}

.personal-info-main ul li {
    line-height: 30px;
}

/*全部信息*/

.all-set-read {
    cursor: pointer;
}

.message-list tbody {
    color: #999;
}

.message-list .unread .delete {
    font-weight: 400;
}

.message-list .unread td:nth-child(2) a {
    background: url(../img/unread-icon.png) no-repeat left center;
    background-size: 4px;
    color: #333;
}

.message-list tr td:nth-child(2) a {
    color: #999;
    padding-left: 10px;
}

.message-list tr td:nth-child(2) a:hover {
    text-decoration: none;
}

.message-list .message-expand:hover {
    background: #fffef6;
}

.message-expand {
    display: none;
    background: #f7f7f7;
}

.message-expand div {
    padding: 15px 30px;
    white-space: normal;
    line-height: 24px;
    text-indent: 24px;
    word-wrap: break-word;
    word-break: break-all;
    color: #666;
}

.recycled {
    line-height: 40px;
    padding-left: 20px;
    background: url(../img/delet_icon.png) left center no-repeat;
}

.message-search {
    padding: 20px 0;
    border-bottom: 1px solid #e5e5e5;
}

/*认证中心*/
.tab-main-wrap {
    margin-top: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}

#authEmail_form input[type="email"] {
    border: 1px solid #cdcdcd;
    height: 26px;
    line-height: 26px;
    padding-left: 5px;
}

/*错误页面*/

.error-top-wrap {
    background: #fff;
    padding: 50px 0;
    text-align: center;
}

.error-top-wrap .inner {
    display: inline-block;
    padding: 30px 0;
}

.error-top-wrap .pic {
    display: inline-block;
    margin-right: 30px;
    vertical-align: middle;
}

.error-top-wrap .hint-content {
    display: inline-block;
    text-align: left;
    line-height: 30px;
    vertical-align: middle;
}

.error-top-wrap .hint-content span {
    padding: 0 10px;
    color: #999;
}

.error-top-wrap .hint-info {
    color: #333;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.error-top-wrap .hint-content a {
    color: #09f;
    text-decoration: underline;
}

.error-title {
    width: 1200px;
    height: 24px;
    line-height: 24px;
    margin: 40px auto;
    position: relative;
}

.error-title .line-bg {
    width: 100%;
    height: 11px;
    border-bottom: 1px solid #e6e6e6;
}

.error-title h3 {
    font-size: 22px;
    color: #333;
    padding: 0 20px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -75px;
    background: #f2f2f2;
    font-weight: 400;
}

.error-commend-list .set-title {
    margin-bottom: 0;
    font-weight: 400;
}

.error-commend-list li {
    float: left;
    margin-right: 20px;
    width: 384px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    background: #fff;
}

.error-commend-list li:last-child {
    margin-right: 0;
}

.error-commend-list .list {
    padding: 23px 0 13px;
}

.error-commend-list li table tr td:nth-child(1) a {
    max-width: 200px;
    height: 16px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.error-commend-list .list a {
    width: 150px;
    height: 32px;
    padding-left: 10px;
    line-height: 32px;
    border: 1px dashed #e5e5e5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    margin-left: 20px;
    margin-bottom: 10px;
    color: #666;
    border-radius: 2px;
}

.error-commend-list .list a:hover {
    border: 1px solid #09f;
    color: #09f;
    text-decoration: none;
}

.error-commend-list table {
    width: 100%;
}

.error-commend-list table tr th:first-child,
.error-commend-list table tr td:first-child {
    padding-left: 20px;
}

.error-commend-list table tbody tr:last-child {
    border-bottom: none;
}

.error-commend-list table tr {
    border-bottom: 1px dashed #e5e5e5;
    height: 38px;
}

.error-commend-list tbody tr:hover {
    background: #fafafa;
}

/*
.error-content {
	width: 100%;
	height: 680px;
	background:url(../img/error-bg.jpg) no-repeat left center;
}

.error-main {
	width: 1200px;
	padding-top: 120px;
	text-align: center;
	height: auto;
	margin: 0 auto;
}

.error-txt {
	height: 126px;
	line-height: 126px;
	color: #fff;
	font-size: 26px;
}

.option-item a {
	display: inline-block;
	color: #666;
	width: 130px;
	height: 30px;
	line-height: 30px;
	margin-right: 16px;
	background: url(../img/option-item-icon.png) no-repeat;
}

#tooltip{
	position: absolute;
	top: 0;
	left: 0;
}
*/

/*操作页面*/
.operate-wrap {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    height: 300px;
    padding-top: 200px;
}

.operate-wrap p {
    line-height: 50px;
}

.operate-wrap .operate-cont {
    width: 600px;
    margin: 0 auto;
}

.operate-wrap dl {
    margin-left: 16px;
}

.operate-wrap dt {
    color: #646464;
    font-size: 16px;
    margin-bottom: 12px;
}

.operate-wrap dd {
    margin-bottom: 12px;
    color: #333;
}

/*客服中心*/
.problem-wrap {
    line-height: 22px;
}

.problem-wrap .problem-title {
    background: #F1F7FB;
    padding: 15px 20px;
}

.problem-wrap .record {
    margin-top: -20px;
    margin-bottom: 20px;
}

.problem-wrap .record li {
    padding: 20px 0 20px 70px;
    position: relative;
    border-bottom: 1px dashed #e5e5e5;
}

.problem-wrap .record li .photo {
    position: absolute;
    top: 20px;
    left: 5px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden;
}

.problem-wrap .record li .pic-wrap {
    display: inline-block;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    margin-right: 20px;
}

.problem-wrap .record li .pic-wrap img {
    max-width: 100%;
    max-height: 100%;
}

.problem-wrap .record li.service .photo {
    background: url(/img/icon-10.jpg) no-repeat;
    background-size: cover;
}

.continue-question label {
    display: inline-block;
    width: 65px;
}

.continue-question li {
    margin-bottom: 10px;
}

#content-error {
    margin-left: 10px;
    white-space: nowrap;
    color: #ff3b36;
}

/*首页*/

.search-wrap {
    width: 100%;
    height: 110px;
    background: rgba(0, 0, 0, .3);
    position: absolute;
    left: 0;
    bottom: 0;
}

.search-content,
.advantage-wrap,
.announcement-content,
.partner-wrap {
    width: 1200px;
    margin: 0 auto;
}

.search-main {
    width: 806px;
    margin: 0 auto;
}

.search-main .quick-entry {
    padding-left: 6px;
    line-height: 36px;
}

.quick-entry a {
    vertical-align: middle;
    color: #fff;
}

.quick-entry a:hover {
    text-decoration: underline;
}

.quick-entry span {
    color: #ccc;
    padding: 0 10px;
    font-size: 12px;
}

.search-main .domain-option a {
    color: #ccc;
}

.search-main .domain-name {
    color: #ccc;
    font-weight: 700;
}

.search-main .search {
    background: #006AE6;
    border-radius: 5px;
}

.search .search-inp-wrap {
    position: relative;
}

.search-main .search .search-inp {
    width: 665px;
    height: 55px;
    font-size: 16px;
    padding-left: 10px;
    border: none;
    border-radius: 4px 0 0 4px;
}

.search-suffix-wrap {
    width: 623px;
    height: 240px;
    border: 1px solid #e5e5e5;
    border-radius: 0 0 5px 5px;
    padding: 0 25px;
    background: #fff;
    display: none;
    position: absolute;
    left: 0;
    top: 55px;
    z-index: 3;
}

.search-suffix-type {
    height: 48px;
    line-height: 48px;
    border-bottom: 1px dashed #e5e5e5;
}

.search-suffix-close {
    display: inline-block;
    width: 14px;
    height: 49px;
    background: url(../img/search-close-icon.png) no-repeat right center;
    cursor: pointer;
}

.search-suffix-type label {
    color: #333;
}

.search-suffix-list {
    padding-top: 10px;
    display: none;
}

.search-suffix-list span {
    display: inline-block;
    width: 85px;
    height: 34px;
    line-height: 34px;
    position: relative;
}

.search-hot {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/cu.gif) no-repeat 1px;
    position: absolute;
    top: 0px;
}

.search .select {
    width: 132px;
    height: 55px;
    background: #eee;
    /*border-top-right-radius: 3px;*/
    /*border-bottom-right-radius: 3px;*/
    position: relative;
}

.ul .cur {
    background-color: #eee;
}

.search .ul li {
    text-indent: 30px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}

.search .ul li:hover {
    background: #eee;
}

.search-main .search-btn {
    width: 130px;
    height: 55px;
    line-height: 55px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    background: transparent;
}

.suffix-wrap {
    width: 100%;
    background: #f5f5f5;
    padding: 5px 0;
}

.suffix {
    width: 100%;
    background: #fff;
}

.suffix-main {
    width: 1200px;
    text-align: center;
    height: 56px;
    line-height: 56px;
    margin: 0 auto;
}

.suffix-main > div {
    display: inline-block;
    color: #333;
    margin-left: 20px;
    position: relative;
    top: 0;
    left: 0;
}

.suffix-main > div:hover .popup {
    display: block;
}

.suffix-main .popup {
    width: 114px;
    line-height: 24px;
    color: #666;
    background: #fff;
    text-align: left;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 5px 10px;
    position: absolute;
    top: 46px;
    left: 0;
    display: none;
}

.suffix-main .popup:after {
    display: block;
    width: 12px;
    height: 10px;
    background: url("../img/sj-top.png");
    content: '';
    position: absolute;
    top: -10px;
    left: 10%;
}

.advantage-wrap dl {
    width: 300px;
    padding: 42px 0 48px 0;
    text-align: center;
    float: left;
}

.advantage-wrap dl .advantage-title {
    font-size: 18px;
    color: #444;
    margin-bottom: 10px;
}

.announcement-wrap {
    width: 100%;
    background: #f5f5f5;
    padding: 24px 0;
}

.announcement-main {
    padding: 20px 30px;
    float: left;
    background: #fff;
    border-radius: 3px;
}

.announcement-title,
.help-title {
    padding-bottom: 8px;
    border-bottom: 1px solid #e5e5e5;
}

.newest-announcement {
    width: 88px;
    border-bottom: 2px solid #83aedf;
    background: url(../img/announcement-icon.jpg) no-repeat 2px 2px;
    padding-left: 23px;
    padding-bottom: 6px;
}

.more {
    color: #666;
}

.announcement-main ul {
    padding-top: 12px;
}

.announcement-main ul li {
    background: url(../img/list-icon.jpg) no-repeat left center;
    height: 30px;
    line-height: 30px;
    padding-left: 25px;
}

.announcement-main ul li .announcement-item,
.help-main ul li .help-item {
    display: inline-block;
    max-width: 240px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.announcement-main ul li .announcement-item:hover,
.help-main ul li .help-item:hover {
    color: #09f;
}

.help-main {
    margin: 0 20px;
}

.hot-help,
.hand-help {
    width: 88px;
    border-bottom: 2px solid #83aedf;
    background: url(../img/help-icon.jpg) no-repeat 2px 2px;
    padding-left: 23px;
    padding-bottom: 6px;
}

.hand-help {
    background: url(../img/hand-icon.jpg) no-repeat 2px 2px;
}

.partner-wrap {
    text-align: center;
}

.brand-bg {
    width: 100%;
}

.partner-wrap p {
    width: 1006px;
    line-height: 23px;
    margin: 0 auto;
}

.partner-brand {
    width: 1197px;
    height: 52px;
    overflow: hidden;
    margin: 20px auto;
}

.partner-wrap ul {
    width: 100%;
    height: 52px;
}

.partner-wrap ul li {
    width: 159px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    float: left;
    border: 1px solid #e5e5e5;
    margin-right: 10px;
}

/*批量域名分组*/

.group-list {
    margin-top: 20px;
}

.group-list .a-color {
    color: #666;
}

.add-group li span {
    display: inline-block;
    width: 188px;
    text-align: right;
}

.add-group li {
    line-height: 28px;
}

.add-group li:not(:last-child) {
    margin-bottom: 16px;
}

#update_form .alert-danger {
    color: #ff3b36;
    line-height: 30px;
    background: #fffde6 url(../img/error-icon.png) no-repeat 5px center;
    padding-left: 30px;
}

/*任务列表*/
.operating-record {
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #e5e5e5;
}

/*分页-开始*/

.pagination {
    padding: 12px 14px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-top: none;
}

.pagination .pagecount {
    height: 29px;
    line-height: 29px;
}

.pagination .page {
    margin-top: 2px;
}

.pagination .page-select {
    line-height: 26px;
}

#pager ul.pages {
    display: block;
    border: none;
    text-transform: uppercase;
    font-size: 10px;
    padding: 0;
}

#pager ul.pages li {
    list-style: none;
    float: left;
    border: 1px solid #ccc;
    text-decoration: none;
    margin: 0 5px 0 0;
    padding: 5px;
}

#pager ul.pages li.pgEmpty {
    border: 1px solid #f3f3f3;
    color: #ababab;
}

#pager ul.pages li.pgCurrent {
    border: 1px solid #e5e5e5;
    color: #fff;
    font-weight: 700;
    background: #09f;
}

.pagination .num-inp {
    width: 50px;
    height: 24px;
    padding-left: 3px;
    border: 1px solid #d8d8d8;
    line-height: 26px;
    vertical-align: middle;
}

/*分页-结束*/

/*信息弹出提示-开始*/

.tooltip {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-radius: 5px;
    position: absolute;
    top: -35px;
    left: -5px;
    white-space: nowrap;
    background: #fff;
    color: #666;
}

.tooltip i {
    width: 16px;
    height: 8px;
    background: url(../img/sanj_ico.png) no-repeat;
    display: inline-block;
    position: absolute;
    bottom: -8px;
    left: 14px;
    margin-left: -8px;
}

/*信息弹出提示-结束*/

/*表单-开始*/

.form > .domain-list-result {
    border-bottom: none;
}

.form > ul > li {
    margin-bottom: 12px;
}

.form ul li label {
    display: inline-block;
    white-space: nowrap;
    text-align: right;
}

.form ul .domain-search-item {
    width: 100px;
    text-align: right;
    margin-right: 8px;
}

.exclude-sel {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
}

#exclude_list {
    width: 110px;
    border: 1px solid #cdcdcd;
    position: absolute;
    left: 0;
    top: 27px;
    background: #fff;
}

#exclude_list li {
    line-height: 25px;
    padding-left: 5px;
    cursor: pointer;
}

#exclude_list li:hover {
    color: #fff;
    background: #09f;
}

#exclude_list li:last-child {
    border-bottom: none;
}

/*表单-结束*/

/*遮罩*/

#mask {
    display: none;
    text-align: center;
    color: #999;
    font-size: 14px;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999;
}

#mask .text-wrap {
    width: 300px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 30%;
    left: 50%;
    margin-left: -100px;
}

#mask1,
#mask2 {
    position: absolute;
    left: 50%;
    top: 50%;
    display: none;
}

/*******域名转入*******/

/*提交域名转入-开始*/

.area-text {
    vertical-align: middle;
    line-height: 21px;
}

.tab-content-wrap .tab-main .radio-sel {
    text-align: left;
    display: inline;
    color: #666;
}

.lh-20 {
    line-height: 20px;
}

.transfer-list .phone-txt {
    display: none;
}

.border {
    border-bottom: 1px solid #e5e5e5;;
}

.transfer-batch {
    display: none;
}

.transfer-single-inp,
.transfer-batch > div {
    display: inline-block;
    vertical-align: middle;
}

.transfer-single .domain-inp {
    margin-top: 0px;
}

.transfer-single p {
    margin-top: 12px;
}

.add-transfer {
    width: 340px;
    height: 30px;
    color: #666;
    line-height: 30px;
    border: 1px dashed #cdcdcd;
    border-radius: 5px;
    text-align: center;
    background: #fff;
    cursor: pointer;
}

.add-transfer.active {
    background: #f3f3f3;
    color: #ababab;
    border: 1px solid #f3f3f3;
}

/*提交域名转入-结束*/

/*******域名转入*******/

/*提交域名转出-开始*/

.label-initial {
    display: initial !important;
}

.email-text {
    display: none;
}

.privacy-protection-item {
    display: inline-block;
    width: 180px;
    text-align: right;
    margin-right: 20px;
}

.receive-push-list .name,
.send-push-list .name {
    padding: 5px 0;
    line-height: 20px;
}

.popup-content .push-main,
.popup-content .initiator-domain-main {
    text-align: left;
    margin-left: 30px;
    font-size: 14px;
    padding-top: 15px;
    height: 210px;
    width: 370px;
    line-height: 24px;
    border: none;
    overflow-y: auto;
}

.push-content .operation-btn,
.initiator-domain-content .operation-btn {
    padding: 15px 0;
    border-top: 1px solid #e5e5e5;
}

/*转出确认*/
.out-table-list {
    width: 600px;
    margin: 20px auto 20px;
    border: 1px solid #e5e5e5;
}

.out-table-list tbody tr td:first-child {
    border-right: 1px solid #e5e5e5;
}

/*弹窗-开始*/

.popup-wrap .popup-main input[type="text"] {
    width: 168px;
}

.popup-wrap {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 99999;
}

.popup-wrap label {
    color: #666;
}

.popup-content {
    background: #fff;
    width: 400px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    overflow: hidden;
    border-radius: 5px;

}

.popup-title {
    padding: 15px 0 15px 15px;
    background: #f9f9f9;
    color: #444;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}

.popup-title .close-ico {
    width: 8px;
    height: 9px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 15px;
    background: url(../img/close-ico.png) no-repeat;
}

.popup-main {
    width: 370px;
    font-size: 12px;
    padding: 15px 0;
    margin: 0 auto;
}

.line {
    border-bottom: 1px dashed #e5e5e5;
}

.popup-main li {
    line-height: 40px;
}

.popup-main #lh {
    margin-top: -10px;
    line-height: 18px;
}

.popup-footer {
    font-size: 12px;
    padding: 15px;
}

.push-enter-list {
    padding: 10px 15px;
    line-height: 20px;
    height: 190px;
    overflow-y: auto;
}

.fail-txt {
    color: #ff3b36;
    display: none;
}

/*手机绑定-修改*/

.popup-main-primary {
    text-align: initial;
}

.popup-main-primary label {
    display: inline-block;
    line-height: 30px;
    width: 105px;
    margin-right: 10px;
    text-align: right;
}

label.valid-true {
    background: url(../img/succ-small.png) left center no-repeat;
    margin-left: 10px;
    height: 28px;
    width: 28px !important;
    vertical-align: middle;
    display: inline-block;
}

.popup-footer p {
    line-height: 20px;
}

.hint {
    font-size: 12px;
    line-height: 18px;
    margin: 20px 30px 0 30px;
}

/*修改密码*/
#code {
    width: 80px;
}

#verification-code {
    width: 69px;
    font-size: 16px;
    font-weight: 700;
    padding: 0 5px;
}

/*实名制认证*/

.authentication-state {
    margin: 0 20px;
    padding: 10px 20px;
    background: #f3faff;
    border: 1px solid #def0ff;
}

.authentication-state p {
    line-height: 21px;
}

.authentication-user-info {
    padding: 10px 20px;
}

.authentication-user-info p {
    line-height: 23px;
}

/*实名制认证-结果*/

.auth-result-wrap {
    width: 516px;
    margin: 80px auto 80px;
}

.auth-result-wrap p {
    line-height: 40px;
    padding-left: 50px;
}

.w-90 {
    width: 90px !important;
}

.auth-fail-reason {
    font-size: 22px;
    color: #333;
    background: url(../img/warning.png) no-repeat left center;
}

/*弹窗-结束*/

/*认证中心*/
.auth-table-list {
    text-align: center;
    margin-top: 0;
}

.auth-table-list thead th {
    text-align: center;
}

/*域名解析*/
.resolve-current-domain .version-type {
    padding: 2px 10px;
    border-radius: 3px;
    background: #ff8400;
    color: #fff;
    font-size: 12px;
}

.resolve-current-domain .btn img {
    vertical-align: baseline;
}

.resolve-current-domain .domain-name {
    color: #333;
    margin-right: 10px;
}

.resolve-current-domain {
    margin-bottom: 20px;
}

.resolve-current-domain .btn-primary {
    background: #ff8400;
    border-color: #ff8400;
}

.resolve-text li {
    display: none;
    padding: 20px 30px;
    line-height: 30px;
}

.resolve-table {
    margin-bottom: -1px;
}

.resolve-table tbody span {
    border: 1px solid transparent;
    padding: 2px 6px;
}

.resolve-table tbody i {
    padding: 2px 6px;
}

/*弹窗验证错误信息样式*/
span.error {
    display: block;
    margin-left: 125px;
    color: red;
    line-height: 14px;
}

/*帮助中心*/
.help-wrap {
    width: 1200px;
    margin: 0 auto 20px;
}

.help-left {
    width: 828px;
    float: left;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    border-radius: 5px;
}

.help-table {
    width: 100%;
    table-layout: auto;
    background: #fff;
}

.help-table th {
    border-bottom: 1px solid #e5e5e5;
}

.help-table th p {
    line-height: 40px;
    text-align: left;
    background: #fafafa url(../img/tit-bg.png) no-repeat 25px center;
    padding-left: 33px;
    font-weight: 700;
}

.help-table tr td {
    border-bottom: 1px solid #e5e5e5;
    height: 100px;
    padding: 0 38px;
    white-space: normal;
}

.help-table tr td a {
    line-height: 30px;
    margin-right: 20px;
    color: #09f;
    white-space: nowrap;
}

.help-table tr td a:hover {
    text-decoration: underline;
    color: #ff5a00;
}

.help-table .classify {
    width: 150px;
    border-right: 1px solid #e5e5e5;
    padding-left: 24px;
    position: relative;
    top: 0;
    left: 0;
}

.help-table .classify i {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: -11px;
}

.help-right {
    width: 350px;
    float: right;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}

.help-right .tit {
    line-height: 40px;
    font-weight: 700;
    background: #fafafa url(../img/tit-bg.png) no-repeat 20px center;
    padding-left: 30px;
    border-bottom: 1px solid #e5e5e5;
}

.help-right .phone {
    overflow:hidden;
    padding: 40px 0 30px 40px;
    background: #fff;
    border-bottom: 1px dashed #e5e5e5;
}
.help-right .phone .icon {
    float:left;
    margin-right:10px;
}
.help-right .phone .iconfont {
    color: #f2a500;
    font-size:50px;
}
.help-right .phone p {
    margin-top:-10px;
    margin-bottom:10px;
}
.help-right .phone h6 {
    color:#f2a500;
    font-size:30px;
    font-weight:400;
    padding-left: 70px;
}

.help-right .ser {
    height: 100px;
    padding-left: 52px;
    overflow: hidden;
    background: #fff;
}

.help-right .ser .ser-email {
    margin-top: 22px;
}

.help-right .ser .ser-qq {
    margin-top: 26px;
}

/*帮助中心详情*/
.help-table .help-xq {
    line-height: 30px;
    padding: 30px;
    height: auto;
}

.help-table .help-xq a {
    margin-right: 0;
}

.help-xq .bzj-table {
    width: 100%;
    text-align: left;
}

.help-xq .bzj-table td {
    border: 1px solid #e5e5e5;
    height: 30px;
}

.help-xq p {
    text-indent: 2em;
}

.help-xq h3 {
    margin: 10px 0 5px;
}

/*简介*/
.about-page {
    width: 982px;
    border: 1px solid #e5e5e5;
    border-top: 1px solid #09f;
    border-radius: 5px;
}

.about-page p {
    line-height: 30px;
    margin: 0 30px;
}

.about-page div {
    margin-bottom: 20px;
}

.about-page div h1 {
    line-height: 50px;
    background: url(../img/ico03.png) no-repeat 14px center;
    padding-left: 24px;
    font-weight: normal;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
}

/*声明与协议*/
.h-l {
    width: 828px;
    height: auto;
    overflow: hidden;
    float: left;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    padding-bottom: 20px;
}

.h-l .biaoti {
    border-bottom: 1px solid #e5e5e5;
    background: url("../img/ico03.png") no-repeat 14px center;
    font-size: 18px;
    line-height: 50px;
    padding-left: 24px;
    text-align: left;
}

.h-l ul {
    background: url("../img/guilld-ul-bg.png") no-repeat left top;
    border-bottom: 1px dashed #e5e5e5;
    margin: 23px auto 0;
    padding-bottom: 30px;
    padding-left: 80px;
    width: 695px;
    font-size: 16px;
}

.h-l ul li {
    margin-top: 15px;
}

.h-l h2 {
    color: #333;
    height: 24px;
    line-height: 24px;
    margin: 20px auto 10px;
    width: 775px;
}

.h-l h2 span {
    background: url("../img/guilld-h2-bg.png") no-repeat 0 0;
    color: #fff;
    display: block;
    float: left;
    height: 24px;
    text-align: center;
    width: 42px;
    margin-right: 5px;
}

.h-l p {
    color: #666;
    line-height: 30px;
    margin: 0 auto;
    text-indent: 24px;
    width: 760px;
    background: #fff;
}

.h-l table {
    width: 700px;
    border: 1px solid #333;
    margin: 0 auto
}

.h-l table th, .h-l table td {
    border: 1px solid #333;
    height: 30px;
}

.h-l table td {
    text-align: center;
}

/*公告*/
.notice-wrap {
    width: 1200px;
    margin: 0 auto 20px;
}

.notice-left {
    width: 828px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    float: left;
    background: #fff;
}

.notice-right {
    width: 350px;
}

.notice-right-wrap {
    width: 352px;
    float: right;
}

.notice-right-wrap > div {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background: #fff;
}

.notice-right .phone {
    overflow:hidden;
    padding: 40px 0 30px 40px;
    border-bottom: 1px dashed #e5e5e5;
}
.notice-right .phone .icon {
    float:left;
    margin-right:10px;
}
.notice-right .phone .iconfont {
    color: #f2a500;
    font-size:50px;
}
.notice-right .phone p {
    margin-top:-10px;
    margin-bottom:10px;
}
.notice-right .phone h6 {
    color:#f2a500;
    font-size:30px;
    font-weight:400;
    padding-left: 70px;
}
.notice-right .ser {
    height: 100px;
    padding-left: 52px;
}

.notice-right .ser-email {
    margin: 22px 0 26px;
}

.notice-wrap .set-title {
    margin-bottom: 0;
}

.notice-list {
    width: 750px;
    margin: 0 auto;
}

.notice-list li {
    line-height: 45px;
    background: url(../img/notice-list-bg.png) no-repeat 6px 19px;
    padding-left: 20px;
    border-bottom: 1px dashed #e5e5e5;
}

.notice-list li a {
    color: #666;
}

.notice-list li a:hover {
    color: #09f;
    text-decoration: underline;
}

.notice-list li span {
    margin-right: 70px;
}

.notice-right-bottom {
    margin-top: 20px;
    padding: 20px 0 10px 14px;
    text-align: center;
}

.notice-right-bottom a {
    float: left;
    width: 80px;
    height: 94px;
    margin-left: 20px;
}

.notice-right-bottom a p {
    margin: 5px 0 0;
}

/*公告详情*/

.notice-title {
    padding: 32px 0 26px;
    border-bottom: 1px dashed #e5e5e5;
    text-align: center;
}

.notice-title h4 {
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 26px;
}

.notice-title p {
    color: #999;
}

.notice-content {
    padding: 20px 40px 30px;
}

.notice-content p {
    text-indent: 2em;
    line-height: 32px;
}

.notice-right-top ul li {
    width: calc(100% - 38px);
    background: url(../img/notice-list-bg.png) no-repeat 23px 16px;
    padding-left: 38px;
    border-bottom: 1px dashed #e5e5e5;
    line-height: 39px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notice-right-top ul li:last-child {
    border-bottom: none;
}

.notice-right-top ul li a {
    color: #666;
}

.notice-right-top ul li a:hover {
    color: #09f;
    text-decoration: underline;
}

.notice-right-top {
    margin-bottom: 20px;
}

/*模板详情*/
.tpl-detail-table {
    width: 100%;
    border: 1px solid #e5e5e5;
}

.tpl-detail-table tr {
    border-bottom: 1px dashed #e5e5e5;
    height: 40px;
}

.tpl-detail-table tr:last-child {
    border-bottom: none;
}

.tpl-detail-table tr td:last-child {
    text-align: left;
    padding-left: 30px;
}

.tpl-detail-table tr td:first-child {
    width: 230px;
    text-align: right;
    padding-right: 30px;
    background: #f9f9f9;
    border-right: 1px solid #e5e5e5;
}

.panel-main {
    margin: 40px 64px;
    height: 470px;
    color: #333;
}

.ab-name {
    text-indent: 60px;
    line-height: 24px;
}

.panel-main .abnormal-title {
    height: 40px;
    line-height: 40px;
}

.panel-main .option-succ-title {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px dashed #e5e5e5;
}

.panel-main .option-fail-wrap {
    position: relative;
}

.panel-main .option-fail-title {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px dashed #e5e5e5;
    margin-top: 28px;
}

.panel-main #copy_main {
    width: 790px;
    height: 400px;
    position: absolute;
    left: 0;
    top: 36px;
    z-index: 2;
    background: #fff;
    padding: 0 32px;
    overflow-y: auto;
}

.panel-main #area {
    width: 814px;
    height: 398px;
    position: absolute;
    left: 0;
    top: 36px;
    z-index: 1;
}

.panel-main .operation-abnormal-wrap {
    height: 830px;
}

/*push域名*/
.submit-after-error-wrap {
    width: 780px;
    margin: 20px auto 0;
    color: #333;
    border: 1px solid #fac3c9;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px;
}

#area {
    width: 760px;
    height: 170px;
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 1;
}

.operation-abnormal-title {
    height: 29px;
    line-height: 29px;
    padding-left: 30px;
    border-bottom: 1px solid #fac3c9;
    background: #fde5e8 url(../img/warn-icon.png) no-repeat 10px center;
}

.operation-abnormal-title #copy {
    cursor: pointer;
}

.operation-abnormal-title .close {
    color: #333;
    padding: 0 20px 0 10px;
    cursor: pointer;
}

.abnormal-main {
    width: 780px;
    max-height: 190px;
    padding: 10px 0;
    background: #fff9f9;
    overflow-y: auto;
}

.abnormal-main .abnormal-title {
    height: 40px;
    line-height: 40px;
    margin: 0 36px 6px 36px;
    border-bottom: 1px dashed #ccc;
}

/*whois查询*/
.whois-search-wrap {
    width: 100%;
    padding: 20px 0;
    background: #f2f2f2;
}

.whois-alert {
    width: 656px;
    height: 50px;
    padding: 0 10px;
    margin: 0 auto;
    line-height: 50px;
    background: #f2dede;
    text-align: left;
    border: 1px solid #ebccd1;
    color: #b84442;
    margin-bottom: 10px;
    display: none;
}

.whois-alert .close-icon {
    cursor: pointer;
}

.whois-search-content {
    width: 1200px;
    height: 420px;
    margin: 0 auto;
    text-align: center;
    padding-top: 130px;
    background: #fff;
    border-radius: 5px;
}

.whois-sea-bg {
    width: 677px;
    margin: 0 auto;
    height: 110px;
    line-height: 110px;
    font-size: 42px;
    padding-left: 50px;
    color: #09f;
    background: #fff url(../img/whois.png) no-repeat 126px center;
    margin-bottom: 58px;
}

.whois-search-content .whois-search-txt,
.whois-search-result .whois-search-txt {
    width: 546px;
    height: 48px;
    font-size: 16px;
    padding-left: 10px;
    border: 1px solid #d8e2e7;
    border-radius: 3px 0px 0px 3px;
}

.whois-search-content .whois-search-btn,
.whois-search-result .whois-search-btn {
    width: 118px;
    height: 50px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    background: #09f;
    letter-spacing: 5px;
    font-size: 16px;
    border-radius: 0px 3px 3px 0px;
    cursor: pointer;
}

.wSearch-result-wrap {
    background: #fff;
}

.whois-main {
    padding-top: 20px;
}

.whois-search-result {
    width: 100%;
    height: 115px;
    text-align: center;
    padding-top: 50px;
    background: url(../img/whois-query-result-bg.png) no-repeat;
}

.whois-result-top {
    padding-left: 15px;
    width: 873px;
    height: 96px;
    border-left: 2px solid #09f;
    background: #fafafa;
}

.entrust-buy-btn,
.economy-btn,
.doamin-reg-btn {
    display: inline-block;
    width: 70px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    /*color: #fff;
	background: #038ef1;*/
    border-radius: 3px;
    cursor: pointer;
    margin-left: 10px;
    border: 1px solid #038ef1;
    background: #fff;
    color: #038ef1;
}

.entrust-buy-btn,
.doamin-reg-btn {
    background: #038ef1;
    color: #fff;
}

.whois-result-left,
.unregistered-left,
.time-out {
    width: 760px;
}

.unregistered-left {
    display: none;
    text-align: center;
    margin-top: 130px;
}

.time-out {
    display: none;
    text-align: center;
    height: 200px;
    line-height: 200px;
    font-size: 16px;
}

.unregistered-left p {
    margin-bottom: 15px;
}

.whois-result-top p {
    height: 46px;
    line-height: 45px;
    border-bottom: 1px dashed #d8e2e7;
}

.whois-info-list {
    color: #333;
    background: url(../img/watermark.png) no-repeat;
}

.whois-info-list tr {
    height: 40px;
    padding: 5px 0;
    line-height: 40px;
    border: none;
}

.whois-info-list tr td:first-child {
    width: 154px;
    text-align: right;
    padding-right: 20px;
}

.whois-info-list tr:nth-child(even) {
    background: rgba(247, 247, 247, .6);
}

.whois-info-list tr td p {
    line-height: 24px;
}

.whois-info-en {
    margin-top: 10px;
    line-height: 22px;
    white-space: pre-line;
    background: #fcf8e2;
    border: 1px solid #fbeccb;
    padding: 35px 15px 16px 15px;
}

.whois-result-right {
    width: 278px;
    border: 1px solid #d8e2e7;
    border-radius: 3px;
}

.related-domain-list li {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dashed #d8e2e7;
    margin: 0 10px;
}

.related-domain-list li:last-child {
    border-bottom: none;
}

.related-domain-list li span:first-child {
    display: inline-block;
    width: 148px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.can-reg {
    font-weight: normal;
    margin-right: 10px;
}

.up-suffix {
    cursor: pointer;
    border-top: 1px solid #d8e2e7;
}

.panel-title {
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    background: #fafafa url(../img/tit-bg.png) no-repeat 10px center;
    font-weight: 700;
    border-bottom: 1px solid #e5e5e5;
}

/*兑换记录*/
.exchange-search .type span {
    padding: 2px 6px;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
}

.exchange-search .type span.active {
    background: #09f;
    color: #fff;
}

.exchange-record-table th:first-child,
.exchange-record-table td:first-child {
    padding-left: 30px;
}

.exchange-record-table .detail {
    height: 70px;
    background: #fffef6;
    display: none;
}

.exchange-record-table .detail span {
    margin-right: 60px;
}

/*兑换确认*/

.exchange-confirm .account-select .id-input {
    display: none;
}

.exchange-confirm table input[type="number"] {
    width: 60px;
    padding-left: 5px;
    border-radius: 3px;
    height: 26px;
    border: 1px solid #e5e5e5;
}

.exchange-confirm .submit-wrap {
    line-height: 64px;
    text-align: right;
}

.exchange-confirm .submit-wrap .submit {
    width: 124px;
    height: 40px;
    background: #09f;
    color: #fff;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    border-radius: 3px;
    margin-right: 14px;
    cursor: pointer;
}

.exchange-confirm .submit-wrap .submit:disabled {
    cursor: not-allowed;
    background: #ccc;
}

.exchange-confirm .submit-wrap .submit:disabled:hover {
    background: #ccc;
}

.exchange-confirm .submit-wrap .submit:hover {
    background: #0072cd;
}

.exchange-confirm .submit-wrap .color-orange {
    font-size: 22px;
    vertical-align: bottom;
}

.exchange-confirm .coupon-count-hint {
    display: none;
}

/*弹框*/
.layer-popups img {
    margin-right: 15px;
}

.layer-popups .line {
    border-bottom: 1px dashed #d8d8d8;
    margin: 10px 0;
}

.layer-popups .classify-small {
    width: 64px;
    display: inline-block;
    text-align: right;
}

.layer-popups .classify {
    width: 120px;
    display: inline-block;
    text-align: right;
}

.layer-popups .title {
    font-size: 16px;
    margin-bottom: 10px;
}

/*兑换*/
.coupon-exchange-wrap {
    padding-top: 1px;
    padding-bottom: 26px;
}

.coupon-exchange-wrap .coupon {
    float: left;
    margin: 26px 0 0 26px;
}

.coupon-exchange-wrap .coupon .exchange-btn-disabled {
    border-color: #999;
    color: #666;
    background: #ddd;
    cursor: not-allowed;
}

.coupon-exchange-wrap .coupon .exchange-btn-disabled:hover {
    background: #ddd;
    color: #666;
}

.coupon {
    width: 268px;
    float: left;
    position: relative;
}

.coupon .domain {
    padding: 44px 0 0 16px;
    height: 100px;
    font-size: 80px;
    font-weight: 700;
    font-style: italic;
    opacity: .3;
    text-align: center;
}

.coupon .detail {
    width: 268px;
    height: 144px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.coupon .detail p {
    margin-bottom: 12px;
}

.coupon .detail .price {
    line-height: 40px;
    font-size: 40px;
    margin-top: 28px;
}

.coupon .detail .price span {
    font-size: 60px;
}

.coupon-info {
    padding: 18px 0 20px;
}

.coupon-info p {
    margin: 0 0 12px 18px;
}

.coupon .exchange-btn {
    width: 122px;
    height: 32px;
    border-radius: 16px;
    text-align: center;
    line-height: 32px;
    display: block;
    margin: 0 auto;
}

.coupon-yellow {
    background: #faf9f9 url(../img/coupon-yellow.jpg) no-repeat;
}

.coupon-yellow .domain,
.coupon-yellow .validity {
    color: #d19b0e;
}

.coupon-yellow .exchange-btn {
    border: 1px solid #d19b0e;
    color: #d19b0e;
}

.coupon-yellow .exchange-btn:hover {
    background: #f3c967;
    color: #fff;
}

.coupon-blue {
    background: #faf9f9 url(../img/coupon-blue.jpg) no-repeat;
}

.coupon-blue .domain,
.coupon-blue .validity {
    color: #2c91ca;
}

.coupon-green .exchange-btn {
    border: 1px solid #62b9bb;
    color: #62b9bb;
}

.coupon-green .exchange-btn:hover {
    background: #74d2d4;
    color: #fff;
}

.coupon-green {
    background: #faf9f9 url(../img/coupon-green.jpg) no-repeat;
}

.coupon-green .domain,
.coupon-green .validity {
    color: #44a0a2;
}

.coupon-blue .exchange-btn {
    border: 1px solid #5facd7;
    color: #5facd7;
}

.coupon-blue .exchange-btn:hover {
    background: #7dc7f1;
    color: #fff;
}

.coupon-used {
    background: #faf9f9 url(../img/coupon-used.jpg) no-repeat;
}

.coupon-expired {
    background: #faf9f9 url(../img/coupon-expired.jpg) no-repeat;
}

.coupon-expired .domain,
.coupon-expired .validity,
.coupon-used .domain,
.coupon-used .validity {
    color: #999;
}

.coupon-validity-wrap {
    padding-bottom: 30px;
}

.coupon-validity-wrap .coupon-info {
    padding-bottom: 8px;
}

.coupon-validity-wrap .coupon {
    margin: 30px 0 0 44px;
}

.coupon-use-detail {
    display: none;
}

.coupon-exchange-wrap .monthly-item .detail {
    position: relative;
    height: 212px;
    overflow: hidden;
}

.coupon-exchange-wrap .monthly-item .detail i {
    width: 49px;
    height: 52px;
    background: url("/img/new-icon.png");
    position: absolute;
    top: 1px;
    right: 1px;
    z-index: 2;
}

.coupon-exchange-wrap .monthly-item .coupon-info {
    position: relative;
}

.coupon-exchange-wrap .monthly-item .coupon-info .checkbox {
    position: absolute;
    left: 0;
    top: 19px;
}

.coupon-exchange-wrap .monthly-item .detail > img {
    max-width: 100%;
    max-height: 100%;
}

.monthly-item .detail .check {
    width: 100%;
    height: 100%;
    line-height: 212px;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 3;
    background: rgba(0, 0, 0, .4);
    -moz-transition: top .3s linear;
    -webkit-transition: top .3s linear;
    -o-transition: top .3s linear;
    transition: top .3s linear;
}

.monthly-item .detail:hover .check {
    top: 0;
}

.coupon-exchange-wrap .monthly-item .exchange-btn:not(.disable) {
    background: #09f;
    color: #fff;
    border: 1px solid #09f;
}

.coupon-exchange-wrap .monthly-item .exchange-btn:not(.disable):hover {
    background: #0072cd;
    border-color: #0072cd;
}

.coupon-exchange-wrap .monthly-item .disable {
    color: #bebebe;
    border: 1px solid #bebebe;
    cursor: not-allowed;
}

/*月刊兑换确认*/
.monthly-confirm .table tr th:first-child,
.monthly-confirm .table tr td:first-child {
    padding-left: 30px;
}

.monthly-confirm .table tfoot tr td:last-child {
    padding-right: 20px;
}

.monthly-confirm .table tfoot tr:last-child {
    border-bottom: none;
}

.monthly-confirm label {
    color: #666;
}

.monthly-pay-box {
    padding: 0px 20px 20px;
    line-height: 25px;
}

.monthly-pay-box input[type="submit"] {
    width: 120px;
    height: 36px;
}

.monthly-pay-box input:disabled {
    background: #f3f3f3 !important;
    border-color: #f3f3f3;
    color: #ababab;
    cursor: not-allowed;
}

.monthly-pay-box > div {
    display: inline-block;
    text-align: left;
    padding: 5px 0 10px;
}

.monthly-pay-box > div .color-fail {
    font-size: 20px;
}

.monthly-post-price {
    position: relative;
    cursor: pointer;
}

.monthly-post-price:hover i {
    display: block;
}

.monthly-post-price i {
    display: none;
    width: 354px;
    height: 241px;
    background: url("/img/post-price.png") no-repeat;
    position: absolute;
    bottom: -241px;
    left: -299px;
}

.more-toggle {
    color: #09f;
    cursor: pointer;
}

.more-toggle i {
    width: 14px;
    height: 14px;
    background: url("/img/zhankai.png");
    display: inline-block;
    vertical-align: middle;
}

.more-toggle.up i {
    transform: rotate(180deg);
}

/*月刊预订*/
.monthly-booking {
    padding: 30px 40px;
}

.monthly-booking .cover {
    width: 270px;
    height: 320px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    background: url("/img/monthly-booking.jpg") no-repeat center;
    float: left;
}

.monthly-booking .booking-details {
    float: left;
    margin-left: 60px;
}

.monthly-booking .booking-details .btn-primary {
    width: 106px;
    height: 40px;
    font-size: 16px;
}

.monthly-booking .booking-details input[type="submit"]:disabled {
    background: #f3f3f3 !important;
    border-color: #f3f3f3;
    color: #ababab;
    cursor: not-allowed;
}

.monthly-booking .booking-details dd > span:first-child {
    padding-left: 10px;
    margin-right: 10px;
}

.monthly-booking h3 {
    font-size: 22px;
    line-height: 30px;
    color: #333;
    font-weight: 400;
}

.monthly-booking dd {
    margin-top: 20px;
}

.monthly-booking .month {
    display: inline-block;
    vertical-align: top;
    width: 640px;
}

.monthly-booking .month li {
    width: 106px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #eee;
    float: left;
    margin: 0 20px 20px 0;
    cursor: pointer;
}

.monthly-booking .month .active {
    background: #fff url('/img/click_bg.jpg');
    color: #09f;
}

.monthly-booking .count-select {
    display: inline-block;
    vertical-align: middle;
}

.count-select {
    width: 90px;
    height: 28px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.count-select span {
    width: 16px;
    height: 100%;
    float: left;
    background: #f1f1f1;
    text-align: center;
    line-height: 28px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    cursor: pointer;
}

.count-select input {
    width: 54px;
    height: 100%;
    background: #fff;
    float: left;
    text-align: center;
    border: none;
    padding-left: 0;
}

/*优惠码查询*/
.check-promo-code {
    height: 500px;
    overflow: hidden;
}

.check-promo-code > div {
    width: 400px;
    margin: 70px auto 0;
}

.check-promo-code .result {
    margin-top: 50px;
}

.check-promo-code .result li {
    margin-bottom: 20px;
}

.check-promo-code .result label {
    width: 138px;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
}

#fixed_price_domain_list .recommend-domain {
    display: inline-block;
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*域名交换*/

.btn-cancel {
    border: 1px solid #e5e5e5;
    background: #fafafa;
    color: #999;
}

.change-area {
    width: 366px;
    height: 148px;
    border: 1px solid #e5e5e5;
    padding: 10px;
    vertical-align: middle;
    line-height: 22px;
}

.request-wrap select {
    border: 1px solid #cdcdcd;
}

/*.request-wrap a {*/
/*color: #09f;*/
/*}*/

.request-search-wrap {
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}

.request-wrap .send-names,
.request-wrap .receive-names {
    padding: 5px 0;
    line-height: 22px;
}

.request-wrap .receive-names {
    padding: 5px 0 5px 0px;
}

.request-affirm-list .names {
    display: inline-block;
    width: 140px;
    vertical-align: top;
    margin-top: 4px;
    line-height: 22px;
}

.receive-request-list .area {
    width: 438px;
    height: 88px;
    border: 1px solid #e5e5e5;
    vertical-align: middle;
    padding: 10px;
    line-height: 22px;
}

.request-list .cost p {
    line-height: 22px;
}

.verification-set .popup-content {
    width: 612px;
    position: absolute;
    left: 50%;
    margin-left: -306px;
}

.verification-set .popup-main {
    width: 576px;
    padding: 18px;
}

.verification-set .popup-main ul {
    padding-left: 20px;
}

.verification-set .area {
    width: 478px;
    height: 116px;
    line-height: 22px;
    border: 1px solid #cdcdcd;
}

.verification-set .verification-btn {
    margin: 20px 0 14px 0;
}

.verification-result {
    display: none;
    position: relative;
}

.verification-result .txt {
    position: absolute;
    left: 0;
    top: 128px;
    width: 100%;
    height: 300px;
    opacity: 0;
}

.verification-result p {
    height: 40px;
    line-height: 40px;
    padding-left: 22px;
    font-size: 14px;
}

.operation-btn span.pass {
    display: inline-block;
    height: 40px;
    background: url(../img/error-icon.png) no-repeat left center;
    vertical-align: middle;
    padding-left: 22px;
    margin: 0 30px 0 30px;
}

.operation-btn span.unpass {
    display: inline-block;
    height: 40px;
    padding-left: 22px;
    vertical-align: middle;
    background: url(../img/succ-small.png) no-repeat left center;
}

.verification-result .table {
    margin-bottom: 20px;
}

.verification-result .table tbody {
    display: block;
    height: 136px;
    overflow-y: auto;
}

.verification-result .table thead {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.verification-result .table td,
.verification-result .table th {
    padding-left: 50px;
    font-size: 14px;
}

.verification-result .table thead th {
    background: #f4f8fc;
    border: 1px solid #e5e5e5;
    border-left: none;
    border-right: none;
    font-size: 16px;
    color: #666;
}

.verification-result .table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
    height: 34px;
    line-height: 34px;
}

.verification-result .table tr {
    border-bottom: none;
}

.verification-result .table tr:nth-child(even) {
    background: #f5f5f5;
}

.change-confirm-set select {
    border: 1px solid #cdcdcd;
}

/*安全中心*/

.amend-method-list li > .fl {
    height: 40px;
    display: table;
}

.amend-method-list li > .fl > div {
    display: table-cell;
    vertical-align: middle;
    line-height: 19px;
}

.amend-method-list li {
    position: relative;
    border: 1px solid #e5e5e5;
    margin-top: 20px;
    height: 40px;
    padding: 30px 25px 30px 100px;
}

.amend-method-list li .btn-primary {
    margin-top: 6px;
}

.amend-method-list li:hover {
    border-color: #09f;
}

.amend-method-list li .iconfont {
    font-size: 56px;
    position: absolute;
    left: 30px;
    top: 43px;
    color: #09f;
}

.progress-list {
    width: 602px;
    margin: 0 auto;
    position: relative;
}

.progress-list li {
    width: 70px;
    float: left;
    text-align: center;
}

.progress-list li p {
    line-height: 30px;
}

.amend-phone {
    margin: 0 196px 0 196px;
}

.amend-phone:before {
    content: "";
    border-top: 2px solid #cdcdcd;
    display: block;
    position: absolute;
    width: 200px;
    left: 70px;
    top: 8px;
}

.amend-phone.change-one:before {
    content: "";
    border-top: 2px solid #23b800;
    display: block;
    position: absolute;
    width: 200px;
    left: 70px;
    top: 8px;
}

.amend-phone:after {
    content: "";
    border-top: 2px solid #cdcdcd;
    display: block;
    position: absolute;
    width: 200px;
    right: 70px;
    top: 8px;
}

.amend-phone.change-two:after {
    content: "";
    border-top: 2px solid #23b800;
    display: block;
    position: absolute;
    width: 200px;
    right: 70px;
    top: 8px;
}

.w-220 {
    display: inline-block;
    width: 220px !important;
}

.verify-amend-wrap,
.phone-amend-wrap,
.email-amend-wrap,
.succ-amend-wrap {
    margin-top: 36px;
    display: none;
}

.action-list {
    width: 820px;
    margin: 30px auto;
}

.action-list li span {
    display: inline-block;
    width: 230px;
    text-align: right;
    margin-right: 20px;
}

.action-list li {
    line-height: 28px;
    margin-bottom: 16px;
}

.action-list li .number {
    display: inline-block;
    width: 119px;
    margin-right: 0;
    text-align: left;
}

.succ-amend-wrap .succ-hint {
    text-align: center;
    font-size: 18px;
    margin: 90px auto;
}

.amend-method-list .phone-amendment .iconfont {
    color: #666;
}

.amend-method-list .pwd-amendment .iconfont {
    color: #666;
}

.amend-method-list .safety-problem-amendment .iconfont {
    color: #666
}

.amend-problem-wrap .table {
    width: 936px;
    border: 1px solid #e5e5e5;
    margin: 20px auto;
}

.add-problem-wrap .table th,
.log-wrap .table th,
.amend-problem-wrap .table th {
    text-align: left;
    padding-left: 36px;
    background: #FAFAFA;
    color: #333;
    border-bottom: 1px solid #e5e5e5;
}

.add-problem-wrap .table td,
.log-wrap .table td,
.amend-problem-wrap .table td {
    text-align: left;
    padding-left: 36px;
}

.set-title .log-page-num {
    float: right;
    line-height: normal;
    margin-top: 10px;
    margin-right: 20px;
}

.log-page-num li {
    float: left;
    padding: 0px 5px;
    background: #ccc;
    margin-right: 5px;
    border-radius: 3px;
    color: #333;
    font-weight: 100;
    cursor: pointer;
}

.log-page-num li.active {
    background: #2196f3;
    color: #fff;
}

.amend-problem-wrap .progress-list {
    width: 616px;
    margin: 36px auto 0px;
    position: relative;
}

.amend-problem-wrap .amend-problem {
    float: right;
}

.amend-problem-wrap .amend-problem:before {
    content: '';
    display: block;
    width: 474px;
    border-top: 2px solid #e5e5e5;
    position: absolute;
    left: 70px;
    top: 17px;
}

.amend-problem-wrap .amend-problem.change:before {
    content: '';
    display: block;
    width: 474px;
    border-top: 2px solid #23B800;
    position: absolute;
    left: 70px;
    top: 17px;
}

.auth-succ-hint {
    height: 92px;
    line-height: 92px;
    font-size: 22px;
    padding-left: 20px;
}

.company-auth-wrap,
.personal-auth-wrap {
    width: 504px;
    height: 244px;
    margin: 0 auto;
    background: url(../img/company-auth-bg.png) no-repeat center;
    margin-bottom: 58px;
}

.personal-auth-wrap {
    background: url(../img/personal-auth-bg.png) no-repeat center;
}

.company-auth-main,
.personal-auth-main {
    margin-left: 208px;
    padding: 34px 0;
}

.company-auth-main .fail-cause,
.personal-auth-main .fail-cause {
    width: 200px;
    display: inline-block;
    line-height: 16px;
    vertical-align: top;
}

.personal-auth-main {
    padding: 62px 0;
}

.company-auth-main li,
.personal-auth-main li {
    margin-bottom: 16px;
}

.company-auth-main li span.name {
    display: inline-block;
    float: left;
    width: 220px;
    line-height: 15px;
    vertical-align: top;
}

.company-auth-hid {
    display: none;
}

.card-photo-co {

    position: relative;
}

.card-photo-co img {

    border-radius: 10px;
    z-index: 1;
}

.card-photo-mb {
    background-color: rgba(102, 102, 102, .2);
    position: absolute;
    width: 396px;
    height: 250px;
    left: 0;
    border-radius: 10px;
    z-index: 1000;
}

.request-affirm-list .hint {
    color: #ff3b36;
    margin: 0 0 0 10px;
}

/*域名PUSH*/

.tab-content-wrap .tab-main label i.icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: sub;
    background: url(../img/icon_info.png) no-repeat;
}

.meta-describe label {
    position: relative;
    left: 0;
    top: 0;
}

.meta-describe label:first-child:hover {
    cursor: help;
}

.meta-describe label:hover .popup {
    display: block;
}

.meta-describe .popup {
    position: absolute;
    top: 50%;
    right: -253px;
    display: none;
    padding: 6px 14px;
    width: 200px;
    border: 1px solid #ceddf5;
    border-radius: 3px;
    background: #fff;
    text-align: left;
    line-height: 20px;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 10;
}

.meta-describe .popup:after {
    position: absolute;
    top: 50%;
    left: -16px;
    display: block;
    margin-top: -9px;
    width: 17px;
    height: 18px;
    background: url(../img/store-icon14.png);
    content: '';
}

/*第三方绑定*/
.third-party-bind .title {
    height: 30px;
    line-height: 30px;
    padding-bottom: 20px;
    background: url(../img/bulb.png) no-repeat left 0;
    padding-left: 44px;
    border-bottom: 1px dashed #ccc;
}

.third-items {
    height: 245px;
}

.third-items li {
    margin: 80px 7% 0;
    width: 165px;
    height: 84px;
    float: left;

}

.third-items li > img {
    float: left;
    margin-right: 10px;
}

.third-items li p {
    margin-top: 13px;
    margin-bottom: 13px;
    color: #666666;
}

.third-items li p img {
    vertical-align: middle;
}

.third-items li h4 {
    font-size: 16px;
    color: #333333;
}

.third-items li a {
    font-size: 12px;
    padding: 4px 6px;
    color: #666;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
}

.third-items li a:hover {
    color: #09f;
    border-color: #09f;
}

.third-icon {
    width: 80px;
    height: 80px;
    margin-right: 10px;
    background: url("/img/icon_third.png");
}

.xlwb {
    background-position: 0px;
}

.qq {
    background-position: -160px;
}

.wx {
    background-position: 80px;
}

.open-dialog {
    display: inline-block;
    margin-left: 10px;
}

/*地址管理*/

.address-table .btn-default {
    display: none;
}

.address-table tr:hover .btn-default {
    display: inline-block;
}

.address-table .default-address-block {
    background: #ffaa45;
    color: #fff;
    border-radius: 3px;
    padding: 2px 5px;
    font-size: 12px;
}

/*弹窗表单样式*/
.popup-form-list label.error {
    color: #ff3b36;
    margin-left: 10px;
}

.popup-form-list li {
    margin-bottom: 12px;
}

.popup-form-list li .form-label {
    width: 90px;
    display: inline-block;
    text-align: right;
    margin-right: 20px;
}

.popup-form-list li .form-label i {
    color: red;
    margin-right: 5px;
}

.table-sm {
    width: 100%;
    text-align: left;
}

.table-sm td {
    height: 30px;
    padding: 0 40px;
    border: 1px solid #ececec;
}

/*重要提醒样式*/
.important-tips {
    line-height: 25px;
    padding: 10px 20px;
    background: #fff3eb;
    color: #ff5a00;
    margin-bottom: 20px;
    font-size: 12px;
    border: 1px solid #ffdac2;
}

/*个人资料*/
.account-data .pic-change {
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    overflow: hidden;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.account-data .pic-change p {
    width: 100%;
    height: 20px;
    line-height: 20px;
    color: #fff;
    background: rgba(0, 0, 0, .4);
    position: absolute;
    left: 0;
    bottom: -20px;
    -webkit-transition: bottom .3s ease-in-out;
    -moz-transition: bottom .3s ease-in-out;
    -o-transition: bottom .3s ease-in-out;
    transition: bottom .1s ease-in-out;
}

.account-data .pic-change:hover p {
    bottom: 0;
}

.account-data .pic-change input {
    width: 90px;
    height: 150px;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
}

.account-data .pic-change img {
    max-width: 100%;
    max-height: 100%;
}

/*专题后缀*/
.special-banner {
    width: 100%;
    height: 339px;
    color: #fff;
    background: url("../img/special-banner.jpg") repeat-x 50% 0;
    position: relative;
}

.special-banner .special-suffix {
    text-align: center;
    font-size: 16px;
}

.special-banner .special-suffix h2 {
    font-size: 60px;
    height: 60px;
    line-height: 60px;
    padding: 86px 0 24px;
}

.special-search-mask {
    width: 100%;
    height: 100px;
    background: rgba(0, 0, 0, .3);
    position: absolute;
    bottom: 0;
    left: 0;
}

.special-search-wrap {
    width: 690px;
    margin: 0 auto;
}

.special-search-wrap .price {
    padding: 0 4px;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
}

.special-search-wrap .price a {
    color: #fff;
}

.special-search-wrap .price a:hover {
    color: #09f;
}

.special-search-wrap .check-box {
    width: 100%;
    height: 46px;
    line-height: 46px;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 15px;
}

.special-search-wrap .check-box .text {
    width: 500px;
    padding-left: 10px;
    height: 100%;
    float: left;
    border: none;
    border-radius: initial;
}

.special-search-wrap .check-box span {
    width: 89px;
    text-align: center;
    background: #f7f7f7;
    color: #666;
    float: left;
    font-size: 18px;
    border-left: 1px solid #ececec;
}

.special-search-wrap .check-box .submit-btn {
    width: 90px;
    height: 100%;
    background: #09f;
    float: left;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.special-select-cause {
    width: 100%;
    padding-bottom: 66px;
    background: #fafcfe url("../img/special-banner2.jpg") repeat-x 50% 0;
    overflow: hidden;
}

.special-select-cause h3 {
    font-size: 22px;
    color: #333;
    line-height: 22px;
    text-align: center;
    margin: 32px 0 14px;
    font-weight: 400;
}

.special-select-cause .line {
    width: 33px;
    height: 3px;
    background: #09f;
    margin: 0 auto;
    border-bottom: none;
}

.special-select-cause .special-info {
    width: 1200px;
    margin: 30px auto 0;
}

.special-select-cause .special-info table {
    width: 100%;
    border: 1px solid #ebebeb;
}

.special-select-cause .special-info tr {
    border-bottom: 1px solid #ebebeb;
}

.special-select-cause .special-info tr:hover {
    background: #fff;
}

.special-select-cause .special-info tr:hover p {
    color: #666;
}

.special-select-cause .special-info tr td {
    padding-top: 20px;
    padding-bottom: 20px;
}

.special-select-cause .special-info tr td:first-child {
    width: 60px;
    padding-left: 100px;
    padding-right: 30px;
}

.special-select-cause .special-info tr td:last-child {
    padding-right: 100px;
}

.special-select-cause .special-info tr:last-child {
    border-bottom: none;
}

.special-select-cause .special-info h4 {
    font-size: 16px;
    color: #09f;
    margin-bottom: 14px;
}

.special-select-cause .special-info p {
    line-height: 24px;
    color: #999;
}

.special-banner-sm {
    width: 1200px;
    height: 89px;
    margin: 26px auto;
}

.special-notice {
    width: 570px;
}

.special-notice.fl {
    padding-right: 30px;
    border-right: 1px dashed #e8e8e8;
}

.special-notice-title {
    height: 34px;
    line-height: 34px;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 10px;
    margin-bottom: 10px;
    background: url("../img/tit-bg.png") no-repeat left center;
}

.special-notice-title h5 {
    font-size: 16px;
    color: #333;
    font-weight: 400;
    display: inline-block;
}

.special-notice-title a {
    float: right;
    color: #999;
}

.special-notice-title a:hover {
    color: #09f;
    text-decoration: underline;
}

.special-notice dd {
    position: relative;
    padding-left: 14px;
    line-height: 36px;
    height: 36px;
}

.special-notice dd:after {
    width: 5px;
    height: 5px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
}

.special-notice dd a {
    max-width: 440px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666;
}

.special-notice dd a:hover {
    color: #09f;
}

.special-notice dd span {
    float: right;
    color: #999;
}

/*兑换详情*/
.exchange-details {
    padding: 0 26px 20px;
}

.exchange-details .order-number {
    line-height: 46px;
}

.exchange-details .pic {
    height: 90px;
    border: 1px solid #ecf6e3;
    background: #fcfff9;
    border-radius: 3px;
    padding: 20px 0;
    text-align: center;
    margin-left: 0;
}

.exchange-details .pic .title {
    height: 100%;
    width: 200px;
    border-right: 1px solid #ecf6e3;
    float: left;
    margin-right: 30px;
}

.exchange-details .pic .title h4 {
    font-weight: 400;
    font-size: 18px;
}

.exchange-details .pic .title img {
    margin: 14px 0;
}

.exchange-details dl {
    width: 670px;
    margin-top: 14px;
    float: left;
    position: relative;
}

.exchange-details dl dt {
    width: 670px;
    height: 24px;
    background: #e9e9e9;
    border-radius: 10px;
    position: relative;
}

.exchange-details dl dt div {
    background: #83c44e;
    height: 100%;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
}

.exchange-details dl dd {
    width: 33.33%;
    float: left;
    position: relative;
    top: -19px;
}

.exchange-details dl dd h6 {
    margin-bottom: 14px;
    font-weight: 400;
    color: #fff;
}

.exchange-details dl dd p {
    margin-top: 4px;
}

.exchange-details-table {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}

.exchange-details-table .table thead tr,
.exchange-details-table .table thead {
    height: 40px;
}

.exchange-details-table td {
    padding: 14px 0;
}

.exchange-details-table tr:last-child {
    border-bottom: none;
}

.exchange-details .total-price {
    height: 54px;
    line-height: 54px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    overflow: hidden;
    text-align: right;
    margin-top: 20px;
}

.exchange-details .total-price .submit-btn {
    width: 130px;
    height: 100%;
    background: #09f;
    font-size: 20px;
    cursor: pointer;
    color: #fff;
    vertical-align: top;
}

/*月刊兑换*/
.monthly-address .title {
    color: #333;
    line-height: 50px;
    padding-left: 20px;
}

.monthly-address ul {
    margin-left: 10px;
}

.monthly-address li {
    width: 240px;
    height: 84px;
    padding: 10px 20px;
    margin-left: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    float: left;
    background: url("../img/address-bg.png") center;
    position: relative;
}

.monthly-address li:hover {
    background: url("../img/address-bg2.png") center;
}

.monthly-address li.active {
    background: url("../img/address-bg2.png") center;
}

.monthly-address li p {
    line-height: 28px;
    border-bottom: 1px solid #e5e5e5;
}

.monthly-address li div {
    padding: 5px 0;
    line-height: 24px;
}

.monthly-address .add-address {
    margin: 10px 0 20px 20px;
}

.monthly-address .add-address a {
    width: 108px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    display: inline-block;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}

/*dns解析续费升级*/
.dns-renew {
    padding-right: 47px;
}

.dns-renew .dns-type-nav {
    width: 37px;
    height: 336px;
    background: url(../img/dns-bg.png);
    position: absolute;
    right: 25px;
    z-index: 2;
}

.dns-renew .dns-type-nav a {
    width: 100%;
    height: 25%;
    float: left;
}

.dns-renew .float-bar {
    position: fixed;
    top: 66px;
    z-index: 1;
}

.dns-renew .version-select {
    background: #fff;
    margin-right: -2%;
}

.dns-renew .version-select li {
    float: left;
    margin-right: 2%;
    width: 23%;
    border: 1px solid transparent;
    border-top: none;
    box-sizing: border-box;
}

.dns-renew .version-select li.current .title,
.dns-renew .version-select li.active .title,
.dns-renew .version-select li.enabled-item:hover .title {
    background: #09f;
    border-color: #09f;
    color: #fff;
}

.dns-renew .version-select li.enabled-item:hover .inner {
    border: none;
}

.dns-renew .version-select li.enabled-item:hover {
    border: 2px solid #09f;
    border-top: none;
}

.dns-renew .version-select li:last-child {
    margin-right: 0;
}

.dns-renew .version-select .title {
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    color: #333;
    background: #f1f1f1;
}

.dns-renew .version-select .inner {
    border: 1px solid #e5e5e5;
    border-top: none;
    padding-bottom: 10px;
}

.dns-renew .version-select .temp-block p {
    line-height: 32px;
    border-bottom: 1px dashed #e5e5e5;
    padding: 0 15px;
}

.dns-renew .version-select .temp-block p span {
    float: left;
}

.dns-renew .version-select .temp-block p i {
    float: right;
}

.dns-renew .version-select .inner .wrap {
    text-align: center;
}

.dns-renew .version-select .details {
    height: 70px;
    line-height: 24px;
    padding: 10px;
    border-bottom: 1px dashed #e5e5e5;
}

.dns-renew .version-select .price div {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.dns-renew .version-select .price {
    height: 32px;
    line-height: 16px;
    padding: 8px 0;
    color: #fe9a40;
    text-align: center;
    display: table;
    width: 100%;
}

.dns-renew .version-select del {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #999;
}

.dns-renew .version-details {
    position: relative;
    margin: 20px auto 0;
    border: 1px solid #e5e5e5;
}

.dns-renew .version-details table {
    width: 100%;
    table-layout: fixed;
}

.dns-renew .version-details table th {
    height: 50px;
    border-right: 1px solid #e5e5e5;
}

.dns-renew .version-details table th:last-child {
    border-right: none;
}

.dns-renew .version-details table td {
    height: 44px;
    border-right: 1px solid #e5e5e5;
    text-align: center;
}

.dns-renew .version-details table td:last-child {
    border-right: none;
}

.dns-renew .version-details table tbody tr:nth-child(odd) {
    background: #f8f8f8;
}

.dns-renew .version-details .show-block {
    width: 25%;
    height: 100%;
    border: 2px solid #09f;
    box-sizing: border-box;
    position: absolute;
    top: -1px;
    left: 184px;
    display: none;
}

.dns-renew .version-details .show-block .clone-text {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #09f;
}

.resolve-operate-item {
    padding-right: 14px;
    background: url("/img/xiala.png") no-repeat right center;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.resolve-operate-item:hover ul {
    display: block;
}

.resolve-operate-item ul {
    width: 48px;
    border: 1px solid #e5e5e5;
    background: #fff;
    position: absolute;
    top: 20px;
    left: 13px;
    z-index: 2;
    display: none;
}

.resolve-operate-item ul:after {
    width: 12px;
    height: 10px;
    background: url("/img/sj-top.png") no-repeat;
    content: "";
    position: absolute;
    top: -10px;
    left: 18px;
}

.resolve-operate-item ul li {
    line-height: 22px;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
    color: #333;
}

.resolve-operate-item ul li:last-child {
    border-bottom: none;
}

.resolve-operate-item ul li:hover {
    background: #f3f3f3;
}

.resolve-batch-operate .btn {
    line-height: 22px;
    padding: 0 12px;
    color: #666;
    border-color: #e5e5e5;
}

.resolve-batch-operate .btn:hover {
    border-color: #0072cd;
    color: #0072cd;
    text-decoration: none;
}

.resolve-recommend-config {
    position: relative;
}

.resolve-recommend-config .version-info {
    position: absolute;
}

.resolve-recommend-config .title h2 {
    line-height: 32px;
    font-size: 32px;
    color: #333;
    padding-top: 60px;
    text-align: center;
    font-weight: 400;
}

.resolve-recommend-config .title p {
    line-height: 40px;
    font-size: 16px;
    color: #999;
    text-align: center;
    margin-bottom: 60px;
}

.resolve-recommend-config table {
    width: 100%;
    border: 1px solid #e5e5e5;
    text-align: center;
}

.resolve-recommend-config .version-info {
    width: 1200px;
    background: #fff;
    border-bottom: 1px dashed #e5e5e5;
}

.resolve-recommend-config .version-info .price {
    margin-bottom: 10px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    height: 43px;
    width: 200px;
    padding-bottom: 5px;
}

.resolve-recommend-config .version-info .price del {
    color: #999;
}

.resolve-recommend-config .version-info strong {
    font-size: 22px;
    color: #fe9a40;
}

.resolve-recommend-config .version-info p {
    line-height: 20px;
    text-align: left;
}

.resolve-recommend-config .version-info th {
    background: #f8f8f8;
}

.resolve-recommend-config table th {
    color: #333;
}

.resolve-recommend-config table th,
.resolve-recommend-config table td {
    width: 16.6%;
    padding: 16px 12px;
    border-right: 1px dashed #e5e5e5;
}

.resolve-recommend-config tbody tr:nth-child(even) {
    background: #f8f8f8;
}

.resolve-recommend-config .details {
    margin-top: 288px;
    border-top: none;
}

/*订阅中心*/
.subscribe-box-wrap {
    height: 100%;
    background: #f5f5f5;
    padding-top: 20px;
    margin-top: -2px;
}

.subscribe-box {
    width: 870px;
    margin: 20px auto;
    padding-bottom: 50px;
    border-radius: 5px;
    background: #ffffff url(../img/subscribe-icon01.png) no-repeat left top;
}

.subscribe-box h3 {
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    padding-top: 30px;
    padding-bottom: 10px;
    color: #09f;
}

.subscribe-box h4 {
    font-weight: 400;
    margin-bottom: 24px;
    color: #999;
}

.subscribe-box h4 span {
    color: #e1e1e1;
    margin-right: 30px;
}

.subscribe-box .inner {
    width: 694px;
    margin: 0 auto;
}

.subscribe-box .details {
    background: url(../img/subscribe-icon03.png) repeat-y;
    padding: 30px 30px 0;
}

.subscribe-box .details .btn-primary {
    margin: 17px 0;
    width: 110px;
    height: 34px;
    line-height: 32px;
}

.subscribe-box dl {
    margin-top: 26px;
    padding: 20px 0 5px;
    border-top: 1px dashed #e5e5e5;
    border-bottom: 1px dashed #e5e5e5;
}

.subscribe-box dl dt {
    font-size: 16px;
}

.subscribe-box dl dd {
    padding: 15px 0;
}

.subscribe-box dl dd i {
    width: 15px;
    height: 15px;
    background: url(../img/subscribe-icon02.png) no-repeat 0 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    cursor: pointer;
}

.subscribe-box dl dd i.active {
    background: url(../img/subscribe-icon02.png) no-repeat -15px 0;
}

.subscribe-box dl dd span {
    color: #333;
}

/*建站展示列表*/
.show-style-switch {
    width: 52px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
}

.show-style-switch span {
    width: 26px;
    height: 100%;
    cursor: pointer;
    display: block;
    float: left;
    background: #f0f0f0;
}

.show-style-switch span.active {
    background: #fff;
    color: #09f;
}

.show-style-switch span .icon-liebiao {
    font-weight: 700;
}

.show-style-switch span .icon-block {
    font-size: 14px;
}

.build-station-show {
    padding: 0 20px;
}

.build-station-show .table {
    line-height: 22px;
}

.build-station-show .table td {
    padding: 14px 0;
}

.build-station-show .table tbody tr:last-child {
    border-bottom: none;
}

.build-station-show th:first-child,
.build-station-show tr td:first-child {
    padding-left: 15px;
}

.bs-block-show li + li {
    margin-top: 20px;
}

.bs-block-show li {
    border: 1px solid #e5e5e5;
    padding: 0 30px;
}

.bs-block-show li .title-name {
    line-height: 50px;
}

.bs-block-show li .renew-btn {
    padding: 0 10px;
    background: #fe9a40;
    color: #fff;
    border-radius: 3px;
}

.bs-block-show li .inner {
    margin-bottom: 20px;
}

.bs-block-show li .inner p {
    padding: 6px 0 15px;
}

.bs-block-show li .inner .btn-group a {
    margin-right: 16px;
}

.bs-block-show li .inner .btn-group a:last-child {
    margin-right: 0;
}

.bs-block-show li .picture {
    width: 350px;
    padding: 20px 0;
    background: #f3f3f3;
    text-align: center;
    float: left;
    margin-right: 40px;
}

.bs-block-show li .picture div + div {
    margin-left: 15px;
}

.bs-block-show li .picture div {
    display: inline-block;
    position: relative;
}

.bs-block-show li .picture .pc img {
    width: 183px;
    height: 139px;
}

.bs-block-show li .picture .pc .mask {
    line-height: 139px;
}

.bs-block-show li .picture .mobile img {
    width: 86px;
    height: 152px;
}

.bs-block-show li .picture .mobile .mask {
    line-height: 152px;
}

.bs-block-show li .picture .pc:hover .mask,
.bs-block-show li .picture .mobile:hover .mask {
    display: block;
}

.bs-block-show li .picture .mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.bs-block-show li .picture .mask .btn {
    line-height: normal;
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.bs-block-show li .bottom {
    line-height: 50px;
    border-top: 1px dashed #e5e5e5;
}

.bs-block-show li .bottom .edit-btn {
    width: 70px;
    padding-left: 40px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    border: 1px solid #09f;
    background: url(../img/bs-icon-01.png) no-repeat 15px center;
    border-radius: 3px;
}

.bs-block-show li .bottom .edit-btn:hover {
    border-color: #008fee;
    color: #008fee;
}

.bs-block-show li .bottom .ewm-pic {
    width: 35px;
    height: 35px;
    background: url(../img/ewm-icon.png) no-repeat center;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    position: relative;
    cursor: pointer;
}

.bs-block-show li .bottom .ewm-pic:hover .ewm-content {
    display: block;
}

.bs-block-show li .bottom .ewm-content {
    width: 110px;
    text-align: center;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    padding-bottom: 20px;
    position: absolute;
    top: -137px;
    left: -38px;
    background: #fff;
    display: none;
}

.bs-block-show li .bottom .ewm-content img {
    width: 85px;
    height: 85px;
}

.bs-block-show li .bottom .ewm-content p {
    line-height: 26px;
}

.bs-block-show li .bottom .ewm-content:after {
    content: "";
    width: 16px;
    height: 8px;
    background: url(../img/sanj_ico.png);
    position: absolute;
    left: 50%;
    margin-left: -8px;
    bottom: -8px;
}

.editing-box [contenteditable] {
    display: inline-block;
    border: 1px solid #e5e5e5;
    height: 28px;
    line-height: 28px;
    width: 120px;
    padding-left: 5px;
    border-radius: 3px;
    margin-right: 5px;
}

.editing-box .edit-button {
    color: #09f;
    cursor: pointer;
}

.bs-bind-domain {
    padding: 30px 20px 20px;
}

.bs-bind-domain .bind-domain li {
    line-height: 32px;
    margin-bottom: 5px;
}

.bs-bind-domain .bind-domain li .classify {
    width: 200px;
    display: inline-block;
    text-align: right;
    vertical-align: top;
}

.bs-bind-domain .bind-domain li label {
    color: #666;
    margin-right: 20px;
}

.bs-bind-domain .bind-domain li p {
    margin-top: 10px;
    line-height: 1;
}

.bs-bind-domain .domain-container {
    display: inline-block;
    width: 730px;
}

.bs-bind-domain .domain-container li {
    float: left;
    margin-right: 30px;
}

.bs-bind-domain .domain-container li a {
    margin-left: 10px;
}

.bs-bind-domain .not-record table {
    width: 100%;
    border: 1px solid #e5e5e5;
    border-top: none;
}

.bs-bind-domain .not-record table tr {
    border-bottom: 1px dashed #e5e5e5;
    height: 45px;
}

.bs-bind-domain .not-record table tr:last-child {
    border-bottom: none;
}

.bs-bind-domain .not-record table tr td:first-child {
    border-right: 1px solid #e5e5e5;
    text-align: right;
    padding-right: 20px;
    width: 25%;
    background: #fafafa;
}

.bs-bind-domain .not-record table tr td:last-child {
    padding-left: 20px;
}

.bs-bind-domain .not-record table [type="text"] {
    width: 300px;
}

.bs-bind-domain .not-record table label.error {
    color: #ff3b36;
    margin-left: 10px;
}

.bs-bind-domain .not-record table .person-item {
    display: none;
}

.bs-bind-domain .not-record .domain-title {
    border: 1px solid #ffe1be;
    background: #fcf7f1;
    line-height: 60px;
    text-align: center;
    color: #333;
    font-size: 16px;
}

.bs-bind-domain .not-record .btn-wrap {
    padding: 20px 0 0;
    text-align: center;
}

.bs-bind-domain .not-record .btn-wrap .btn-primary {
    width: 158px;
    height: 40px;
    font-size: 16px;
}

.bs-recommend-list li {
    border: 1px solid #e5e5e5;
    padding: 40px 54px 40px 64px;
    margin-top: 20px;
    background: #fff;
}

.bs-recommend-list img {
    float: left;
}

.bs-recommend-list dl {
    float: left;
    margin-left: 56px;
}

.bs-recommend-list dl dt {
    color: #333;
    font-size: 18px;
    line-height: 38px;
}

.bs-recommend-list dl dd {
    color: #999;
    line-height: 28px;
}

.bs-recommend-list .btn {
    float: right;
    margin-top: 37px;
}

/* 建站管理 */
.build-station-manage .pic-box {
    text-align: center;
    padding: 20px 0;
}

.build-station-manage .pic-box .item {
    display: inline-block;
}

.build-station-manage .pic-box .item div {
    width: 400px;
    height: 230px;
    line-height: 230px;
    background: #f3f3f3;
    position: relative;
}

.build-station-manage .pic-box .item div:hover .mask {
    display: block;
}

.build-station-manage .pic-box .item .mask {
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.build-station-manage .pic-box .item .mask .btn {
    line-height: normal;
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.build-station-manage .pic-box .item .pc img {
    width: 250px;
    height: 190px;
}

.build-station-manage .pic-box .item .mobile img {
    width: 110px;
    height: 190px;
}

.build-station-manage .pic-box .item a {
    line-height: 50px;
}

.build-station-manage .pic-box .item + .item {
    margin-left: 56px;
}

.build-station-manage table {
    width: 100%;
}

.build-station-manage table tr {
    height: 60px;
}

.build-station-manage table tr td {
    border-bottom: 1px solid #e5e5e5;
    padding-left: 25px;
}

.build-station-manage table tr td:first-child {
    border-right: 1px solid #e5e5e5;
}

.build-station-manage table a:hover {
    color: #0072cd;
}

.build-station-manage .classify {
    color: #333;
}

.build-station-manage .btn-group {
    padding: 13px 0;
    text-align: center;
}

.build-station-manage .btn-group .btn + .btn {
    margin-left: 100px;
}

.build-station-manage .btn-renew {
    padding: 4px 10px;
    background: #fe9a40;
    color: #fff;
    border-radius: 3px;
}

.build-station-manage .btn-renew:hover {
    background: #fe7f2d;
    color: #fff;
}

.build-station-manage .used-info {
    padding: 20px;
    position: relative;
}

.build-station-manage .used-info li {
    width: 33.33%;
    float: left;
    text-align: center;
}

.build-station-manage .used-info li .charts {
    width: 260px;
    height: 260px;
    display: inline-block;
}

.build-station-manage .used-info li h4 {
    font-weight: 400;
    padding: 10px 0;
    color: #333;
}

.build-station-manage .used-info .legend-box {
    position: absolute;
    top: 20px;
    left: 20px;
}

.build-station-manage .used-info .legend-box span {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.build-station-manage .used-info .legend-box p {
    line-height: 18px;
}

.build-station-manage .used-info .legend-box p:first-child span {
    background: #0dc516;
}

.build-station-manage .used-info .legend-box p:last-child span {
    background: #cacaca;
}

/*升级会员*/
.upgrade-member {
    padding-top: 40px;
}

.upgrade-member .list {
    width: 230px;
    float: left;
    margin-left: 40px;
    margin-bottom: 30px;
    position: relative;
}

.upgrade-member .list img {
    position: absolute;
    top: -5px;
    left: 0;
}

.upgrade-member ul {
    margin-top: 109px;
    width: 188px;
    border: 1px solid #e5e5e5;
    border-top: none;
    padding: 20px;
}

.upgrade-member ul .select-way {
    padding-left: 45px;
    line-height: 40px;
    border: 1px dashed #e5e5e5;
    margin-bottom: -1px;
    cursor: pointer;
}

.upgrade-member ul .select-way:nth-child(2) {
    border-top-color: transparent;
}

.upgrade-member ul .select-way.active {
    border-color: #ff7200;
    color: #ff7200;
    background: #fff1d6;
}

.upgrade-member ul .btn {
    margin: 20px auto 0;
    line-height: 40px;
    display: block;
    width: 100%;
}

.upgrade-member .text {
    width: 100%;
    text-align: center;
    padding-top: 30px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

.upgrade-member .text h3 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 18px;
}

.upgrade-member .title {
    width: 100px;
    height: 40px;
    text-align: center;
    color: #1e73ea;
    position: absolute;
    top: 9px;
    right: -20px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

/*购物车建站*/
.tab-bottom-none .build-list {
    padding: 10px 0;
}

.tab-bottom-none .build-list .pc-scan {
    float: left;
    width: 120px;
    height: 83px;
    background: url(/img/shopping-pc.png) no-repeat center;
    position: relative;
    overflow: hidden;
}

.tab-bottom-none .build-list .pc-scan img {
    width: 112px;
    height: 74px;
    position: absolute;
    top: 4px;
    left: 4px;
}

.tab-bottom-none .build-list .mob-scan {
    float: left;
    width: 42px;
    height: 83px;
    background: url(/img/shopping-mob.png) no-repeat center;
    position: relative;
    overflow: hidden;
}

.tab-bottom-none .build-list .mob-scan img {
    width: 38px;
    height: 67px;
    position: absolute;
    top: 7px;
    left: 2px;
}

.table-website-create .build-list {
    padding: 10px 0;
}

.table-website-create .build-list .pc-scan {
    float: left;
    width: 120px;
    height: 83px;
    background: url(/img/shopping-pc.png) no-repeat center;
    position: relative;
    overflow: hidden;
}

.table-website-create .build-list .pc-scan img {
    width: 112px;
    height: 74px;
    position: absolute;
    top: 4px;
    left: 4px;
}

.table-website-create .build-list .mob-scan {
    float: left;
    width: 42px;
    height: 83px;
    background: url(/img/shopping-mob.png) no-repeat center;
    position: relative;
    overflow: hidden;
}

.table-website-create .build-list .mob-scan img {
    width: 38px;
    height: 67px;
    position: absolute;
    top: 7px;
    left: 2px;
}

/*首页改版样式*/
.product-advantage {
    width: 1200px;
    margin: 0 auto;
    padding: 33px;
}

.product-advantage ul {
    margin-left: -12px;
}

.product-advantage ul li {
    width: 289px;
    height: 121px;
    border: 1px solid #e7ebf3;
    float: left;
    margin-left: 12px;
    cursor: pointer;
}

.product-advantage ul li dl {
    margin: 28px 0 0 30px;
}

.product-advantage ul li dt {
    float: left;
    width: 64px;
    height: 64px;
    background-position: 0px 0px;
}

.product-advantage .top-bussiness {
    background-image: url(../img/top-bussiness-icon.png);
}

.product-advantage .Price-advantage {
    background-image: url(../img/Price-advantage.png);
}

.product-advantage .quality-service {
    background-image: url(../img/quality-service.png);
}

.product-advantage .professional {
    background-image: url(../img/professional-icon.png);
}

.product-advantage ul li dd p.active {
    color: #fa7821;
}

.product-advantage ul li dd {
    float: left;
    margin-left: 16px;
}

.product-advantage ul li dd p {
    font-size: 18px;
    color: #5c667e;
    line-height: 39px;
}

.product-advantage ul li dd span {
    font-size: 14px;
    color: #999999;
}

.content-main {
    width: 100%;
    height: 688px;
    background: #f5f5f5;
}

.content-main .title {
    text-align: center;
    padding-top: 62px;
}

.content-main .title h4 {
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 22px;
    color: #29384a;
}

.content-main .title p {
    text-align: center;
    color: #666666;
}

.content-main .title .line-two-blank h6 {
    width: 46px;
    height: 1px;
    background-color: #000000;
    margin: 0 auto;
    line-height: 20px;
}

.content-main .title .line-two-blank {
    margin-top: 12px;
}

.content-main .title .line-two-blank p {
    width: 22px;
    height: 1px;
    background-color: #000000;
    margin: 5px auto;
}

.content-main .contents {
    width: 1200px;
    margin: 0 auto;
}

.contents .tab-contents #switchover li {
    transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -moz-transition: all 0.4s;
}

.content-main .tab-contents #switchover.tab {
    display: block;
}

.contents .tab-contents #switchover li:not(:first-child):hover {
    box-shadow: 0px 6px 20px rgba(0, 0, 0, .3);
    border-radius: 10px;
    -webkit-box-shadow: 0px 6px 20px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0px 6px 20px rgba(0, 0, 0, .3);
    -o-box-shadow: 0px 6px 20px rgba(0, 0, 0, .3);
    -ms-box-shadow: 0px 6px 20px rgba(0, 0, 0, .3);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transform: translate(0, -16px);
    -webkit-transform: translate(0, -16px);
    -moz-transform: translate(0, -16px);
    -o-transform: translate(0, -16px);
    -ms-transform: translate(0, -16px);
}

.search-wrap form .search-inp-wrap .search-tips {
    position: absolute;
    top: 21px;
    left: 18px;
    font-size: 16px;
    display: block;
}

.content-main .contents .tab-nav .nav-div {
    width: 700px;
    margin: 20px auto 16px auto;
}

.content-main .tab-contents {
    position: relative;
    width: 1200px;
    height: 416px;
    overflow: hidden;
}

.content-main .tab-contents #switchover {
    width: 3600px;
    overflow: hidden;
    left: 0;
    position: relative;
    padding: 16px 0px;
    margin: 0px;
    height: 400px;
}

.content-main .contents .tab-nav .tab-ul li {
    width: 190px;
    border: 2px solid #cdcdcd;
    height: 36px;
    border-radius: 30px;
    line-height: 36px;
    text-align: center;
    float: left;
    margin-left: 58px;
    cursor: pointer;
    font-size: 16px;
}

.content-main .contents .tab-nav .nav-div .tab-ul li.active {
    width: 194px;
    height: 46px;
    background: url(../img/nav-activebg.png) no-repeat center;
    background-size: cover;
    border: none;
    border-radius: 0;
    line-height: 40px;
    color: #ffffff;
}

.content-main .contents .tab-nav .tab-ul li:hover {
    width: 194px;
    height: 46px;
    background: url(../img/nav-activebg.png) no-repeat center;
    background-size: cover;
    border: none;
    border-radius: 0;
    line-height: 40px;
    color: #ffffff;
}

.content-main .tab-nav .nav-div ul {
    margin-left: -58px;
}

.content-main .tab-nav .tab li {
    width: 304px;
    height: 396px;
    background: #ffffff;
    border-right: 1px solid #e5e5e5;
    float: left;
    color: #666;
}

.content-main .tab-nav .tab li div {
    text-align: center;
}

.content-main .tab-nav .tab-one .first {
    width: 285px;
    height: 396px;
    background: url(/img/Enterprise-websiteBg.jpg) no-repeat center;
    background-size: cover;
}

.content-main .tab-nav .tab-two .first {
    width: 284px;
    height: 396px;
    background: url(/img/cloud-parsing.jpg) no-repeat center;
    background-size: cover;
}

.content-main .tab-nav .tab-two div > img {
    margin-top: 50px;
}

.content-main .tab-nav .tab-two li dd {
    padding-bottom: 10px;
    border-bottom: 1px dashed #dddddd;
    margin: 28px auto 22px auto !important;
}

.content-main .tab-nav .tab-two .price {
    margin-bottom: 22px;
    font-size: 14px;
    padding-top: 0;
}

.content-main .tab-nav .tab-two .price .span {
    color: #ff7800;
    font-size: 24px;
}

.content-main .tab-nav .tab-two .price .span b {
    font-size: 14px;
}

.content-main .tab-nav .tab-two .price .discount {
    text-decoration: line-through;
}

.content-main .tab-nav .tab-two li div p {
    padding-top: 44px;
    margin-bottom: 24px;
}

.content-main .tab-nav .tab .first div {
    width: 220px;
    margin: 0 auto;
    padding-top: 36px;
    color: #ffffff;
}

.content-main .tab-nav .tab-two .first div p {
    font-size: 14px;
    text-align: left;
    line-height: 24px;
    color: #ffffff;
    margin: 12px 0 14px 0 !important;
}

.content-main .tab-nav .tab .first div p {
    font-size: 14px;
    text-align: left;
    line-height: 24px;
    color: #ffffff;
    margin: -8px 0 14px 0;
}

.content-main .tab-nav .tab .first div a {
    display: block;
    width: 96px;
    height: 34px;
    border-radius: 4px;
    line-height: 34px;
    text-align: center;
    color: #ffffff;
}

.content-main .tab-nav .tab-one .first div a {
    background-color: #f14d4d;
}

.content-main .tab-nav .tab-two .first div a {
    background-color: #12a4d2;
}

.resolve-recommend-bannerImg {
    width: 100%;
    height: 297px;
    background: url("/img/nephanalysis-banner.jpg") repeat-x 50% 0;
}

.content-main .tab-nav .tab-one .first div a:hover {
    background-color: #e83b3b;
}

.content-main .tab-nav .tab-two .first div a:hover {
    background-color: #018fbb;;
}

.content-main .tab-nav .tab-three .first div a {
    background-color: #f29e26;
}

.content-main .tab-nav .tab-three .first {
    width: 284px;
    height: 396px;
    background: url(../img/Domain-serviceBg.jpg) no-repeat center;
    background-size: cover;
}

.content-main .tab-nav .tab-one .last {
    border: none;
}

.content-main .tab-nav .last-prev div {
    background: url(../img/hot-icons.jpg) no-repeat right top;
}

.content-main .tab-nav .tab li p {
    font-size: 24px;
    text-align: center;
    padding-top: 64px;
    margin-bottom: 46px;
    color: #333;
}

.content-main .tab-nav .tab li dt {
    text-align: center;
}

.content-main .tab-nav .tab li dd {
    text-align: center;
    width: 80%;
    margin: 38px auto 22px auto;
    line-height: 22px;
    color: #999;
}

.content-main .tab-nav .tab-one li dd {
    height: 66px;
}

.content-main .tab-nav .tab li .btn-details {
    margin: 0 auto;
    display: block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
}

.domain-name-management {
    width: 100%;
    height: 866px;
    background: url(../img/domian-nameBg.jpg) no-repeat center;
    background-size: cover;
}

.domain-name-management .title {
    text-align: center;
    padding-top: 62px;
}

.domain-name-management .title h4 {
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 22px;
    color: #29384a;
}

.domain-name-management .title p {
    text-align: center;
    color: #666;
}

.domain-name-management .title .line-two-blank h6 {
    width: 46px;
    height: 1px;
    background-color: #000000;
    margin: 0 auto;
    line-height: 20px;
}

.domain-name-management .title .line-two-blank {
    margin-top: 12px;
}

.domain-name-management .title .line-two-blank p {
    width: 22px;
    height: 1px;
    background-color: #000000;
    margin: 5px auto;
}

.domain-name-management .contents {
    width: 1200px;
    margin: 0 auto;
}

.domain-name-management .contents .mar-left {
    margin-left: -30px;
}

.domain-name-management .contents .mar-left div {
    width: 378px;
    float: left;
    margin-left: 30px;
}

.domain-name-management .contents .mar-left div h3 {
    text-align: center;
    font-size: 18px;
    color: #333333;
    margin: 34px 0;
}

.domain-name-management .contents div .btn-details {
    margin: 28px auto;
    display: block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
}

.domain-name-management .contents .mar-left table {
    border: 1px solid #edf1fc;
    background: #ffffff;
}

.domain-name-management .contents table {
    width: 378px;
    color: #666;
}

.domain-name-management .contents table thead {
    background: #f0f2f8;
    font-size: 16px;
    color: #333;
}

.domain-name-management .contents table tr {
    border-top: 1px solid #edf1fc;
    height: 50px;
    text-align: center;
}

.domain-name-management .contents table tbody tr:hover {
    background-color: rgba(240, 242, 250, 0.49);
}

.domain-name-management .contents table strong {
    color: #ff7800;
}

.news-announcement {
    width: 1200px;
    margin: 56px auto;
}

.news-announcement .mar-left {
    margin-left: -35px;
}

.news-announcement .announcement {
    width: 376px;
    margin-left: 35px;
    float: left;
    color: #333;
}

.news-announcement .announcement .headed {
    width: 100%;
    height: 36px;
    background: #f6f6f6;
    border-radius: 3px;
    line-height: 36px;

}

.news-announcement .announcement .headed p {
    width: 3px;
    height: 36px;
    background: #fa8e13;
    float: left;
    margin-right: 10px;
    border-radius: 3px 0 0 3px;
}

.news-announcement .announcement .headed a {
    padding-right: 20px;
    font-size: 13px;
    color: #3ca8da;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}

.news-announcement .announcement .headed a:hover {
    color: #09f;
}

.news-announcement .announcement .one-block {
    width: 100%;
    height: 250px;
    margin-top: 32px;
}

.news-announcement .announcement ul {
    margin: 30px 0 0 16px;
}

.news-announcement .announcement ul li {
    line-height: 38px;
}

.news-announcement .announcement li a {
    color: #333;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}

.news-announcement .announcement li a:hover {
    color: #ff9d00;

}

.news-announcement .announcement li span {
    padding: 0 12px;
    color: #ccc;
    font-size: 10px;
}

.domain-name-management .contents table tr td:first-child {
    padding: 0 10px 0 16px;
    width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: 50px;
}

.domain-name-management .contents table.booking tr td:first-child {
    width: 180px;
}

.domain-name-management .contents table tr th:first-child {
    padding: 0 10px 0 16px;
    width: 60px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.domain-name-management .contents table tr {
    text-align: left;
}

.news-announcement .announcement li {
    width: 360px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}

/*备案开始*/
.mt-10 {
    margin-top: 10px;
}

.single-line-title {
    line-height: 50px;
}

.single-line-title .text {
    color: #000;
}

.beian-picture-show {
    text-align: center;
    padding: 10px 0;
}

.beian-picture-show li {
    display: inline-block;
    width: 160px;
}

.beian-picture-show li div {
    width: 160px;
    height: 160px;
    line-height: 160px;
}

.beian-picture-show li img {
    max-width: 160px;
    max-height: 160px;
}

.beian-picture-show li p {
    margin-top: 16px;
}

.beian-picture-show li + li {
    margin-left: 90px;
}

.table-default {
    border: 1px solid #e5e5e5;
}

.table-default tbody tr {
    height: auto;
}

.table-default tbody tr td:nth-child(odd) {
    background: #fafafa;
    padding-right: 20px;
    width: 160px;
    text-align: right;
}

.table-default tbody tr td:nth-child(even) {
    padding-left: 20px;
}

.table-default tbody tr td {
    border-right: 1px solid #e5e5e5;
    padding: 8px;
    height: 28px;
}

.table-default .btn:hover {
    text-decoration: none;
}

.put-record-index {
    padding: 0 20px 20px 20px;
}

.put-record-index table input[type="text"] {
    width: 263px;
}

.put-record-index table select {
    width: 270px;
}

.put-record-index .add-ip-list li + li {
    margin-top: 10px;
}

/*备案首页*/
.record-flow {
    padding: 20px;
}

.record-flow .bg-picture {
    margin: 30px 0;
    text-align: center;
}

.record-flow .details {
    margin-top: 45px;
}

.record-flow .details .title {
    background: #eff2f5;
    border: 1px solid #e5e5e5;
    border-bottom: none;
    line-height: 56px;
    text-align: center;
    color: #333;
    font-size: 20px;
    font-weight: 400;
}

.record-flow .details ul {
    border: 1px dashed #e5e5e5;
    padding: 40px 40px 40px 140px;
    background: #fafbfd;
}

.record-flow .details ul li:not(:last-child) {
    height: 77px;
}

.record-flow .details ul li:not(:last-child) h5 {
    color: #333;
    font-weight: 400;
}

.record-flow .details ul li:not(:last-child) p {
    margin-top: 16px;
}

.record-flow .details ul li.sm-picture-sfz {
    position: relative;
}

.record-flow .details ul li.sm-picture-sfz .sm-picture {
    position: absolute;
    bottom: 13px;
    left: 292px;
}

.record-flow .details ul li.sm-picture-sfz .sm-picture div {
    line-height: 54px;
}

.record-flow .details ul li.sm-picture-hyd {
    position: relative;
}

.record-flow .details ul li.sm-picture-hyd .sm-picture {
    position: absolute;
    top: 6px;
    left: 390px;
}

.record-flow .details ul li.sm-picture-hyd .sm-picture img {
    width: 45px;
}

.record-flow .details ul li.sm-picture-hyd .sm-picture div {
    line-height: 62px;
}

.record-flow .details ul .sm-picture div {
    width: 100%;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.record-flow .details ul .sm-picture:hover div {
    display: block;
    cursor: pointer;
}

.record-flow > ul {
    margin-bottom: 50px;
    text-align: center;
}

.record-flow > ul li {
    display: inline-block;
    width: 100px;
}

.record-flow > ul li:nth-child(2) {
    margin: 0 190px;
}

.record-result {
    text-align: center;
    padding: 50px 0 90px;
}

.record-result h4 {
    font-size: 20px;
    color: #333;
    line-height: 90px;
    font-weight: 400;
}

/*备案信息修改*/
.title-btn-box h4 {
    font-weight: 400;
    color: #333;
    font-size: 16px;
    margin-bottom: 5px;
}

.title-btn-box .status {
    color: #333;
}

.title-btn-box .fr {
    line-height: 33px;
}

.beian-slt-show li + li {
    margin-left: 22px;
}

.beian-slt-show .xy-box {
    border-top: 1px dashed #e5e5e5;
    line-height: 54px;
    padding-left: 24px;
}

.beian-slt-show .xy-box label {
    color: #666;
}

.beian-progress-map {
    width: 38px;
    height: 1188px;
    float: left;
    text-align: center;
    position: relative;
}

.beian-progress-map div {
    width: 38px;
    height: 38px;
    background: url(../img/icon-27.png) no-repeat right center;
    position: absolute;
    left: 0;
}

.beian-progress-map div:nth-child(2) {
    top: 432px;
}

.beian-progress-map div:last-child {
    top: 864px;
}

.beian-progress-map div.fail {
    background: url(../img/icon-27.png) no-repeat;
}

.beian-progress-map:after {
    display: inline-block;
    width: 1px;
    height: 100%;
    border-right: 1px dashed #e5e5e5;
    content: "";
}

.diy-input-file {
    width: 130px;
    height: 32px;
    border-radius: 3px;
    background: #f5f5f5;
    text-align: center;
    line-height: 32px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.diy-input-file input {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
}

.preview-btn {
    background: url(../img/icon-26.png) no-repeat left center;
    padding-left: 20px;
    vertical-align: middle;
}

/*===================================财务管理开始======================================*/
/*充值*/
.bg-line-title {
    height: 38px;
    line-height: 38px;
    margin: 20px 0;
    background: #f7f7f7;
}
.bg-line-title h6 {
    float: left;
    font-size: 14px;
    color: #333;
    border-left: 3px solid #09f;
    padding-left: 10px;
    margin-right: 5px;
    font-weight: 400;
}
.bg-line-title span {
    font-size: 12px;
}

.recharge-list .zs-zf {
    padding-left: 56px;
    margin-bottom: 50px;
}

.recharge-list .zs-zf dt {
    width: 164px;
    height: 68px;
    text-align: center;
    line-height: 68px;
    border: 1px solid #e5e5e5;
    float: left;
}

.recharge-list .zs-zf dd {
    padding-left: 196px;
    line-height: 24px;
}

.recharge-list .btn-wrap {
    margin-top: 10px;
    margin-bottom: 50px;
}

.pay-way-list {
    display: inline-block;
    vertical-align: middle;
    padding-top: 2px;
}

.pay-way-list dd {
    width: 164px;
    height: 52px;
    line-height: 50px;
    text-align: center;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
}

.pay-way-list dd.active {
    border-color: #09f;
}

.pay-way-list dd.active:after {
    width: 14px;
    height: 14px;
    content: "";
    background: url(/img/icon-49.png);
    background-size: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
}

/*充值弹窗*/
.invoice-apply-form li {
    margin-bottom: 12px;
}

.invoice-apply-form li i {
    color: red;
    margin-right: 5px;
}

.invoice-apply-form .form-label {
    width: 32%;
    display: inline-block;
    text-align: right;
    margin-right: 20px;
}

.invoice-apply-form input[type="text"] {
    width: 200px;
}

.invoice-apply-form .added-value-item {
    display: none;
}

/*冻结明细*/
.quick-query-item a {
    color: #666;
}

.quick-query-item a.active {
    color: #09f;
}

/*充值结果*/
.recharge-result-page {
    width: 610px;
    padding: 60px 0 70px 250px;
    margin: 50px auto 200px;
    border: 1px solid #e5eaf3;
    background: #f9fcff;
}

.recharge-result-page dl {
    color: #5c667e;
}

.recharge-result-page dl dt {
    background: url(../img/active_succ_icon.png) no-repeat left center;
    padding-left: 60px;
    line-height: 44px;
    height: 44px;
    font-size: 28px;
}

.recharge-result-page dl dd {
    padding-left: 60px;
    margin: 15px 0;
}

.recharge-result-page p {
    padding-left: 60px;
}

/*申请记录*/
.invoice-record-details {
    display: none;
    background: #fafafa;
}

.invoice-record-details ul {
    width: 50%;
    float: left;
    padding: 10px 0 0;
}

.invoice-record-details ul li {
    line-height: 30px;
}

.invoice-record-details .list {
    width: 130px;
    display: inline-block;
    text-align: right;
}

.invoice-record-details p {
    line-height: 30px;
    margin-bottom: 10px;
}

/*申请发票*/

.progress-bar {
    width: 100%;
    height: 36px;
    line-height: 36px;
    background: #fff;
}

.progress-bar li {
    width: 33.33%;
    float: left;
    color: #fff;
    text-align: center;
}

.progress-bar li + li p:before {
    content: '';
    position: absolute;
    left: -18px;
    border-top: 18px solid #ddd;
    border-right: 18px solid #ddd;
    border-bottom: 18px solid #ddd;
    border-left: 18px solid transparent;
}

.progress-bar li.active p:before {
    border-color: #09f;
    border-left-color: transparent;
}

.progress-bar li p {
    position: relative;
    margin: 0 4px 0 18px;
    background: #ddd;
}

.progress-bar li:first-child p {
    margin-left: 0;
}

.progress-bar li:last-child p {
    margin-right: 0;
}

.progress-bar li.active p {
    background: #09f;
}

.progress-bar li:not(:last-child) p:after {
    position: absolute;
    top: 0;
    right: -36px;
    content: "";
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 18px solid transparent;
    z-index: 3;
}

.progress-bar li p:after {
    border-left: 18px solid #ddd;
}

.progress-bar li.active p:after {
    border-left-color: #09f;
}

.invoice-apply-amount {
    border:1px solid #e5e5e5;
    line-height: 60px;
    padding: 0 20px;
    background: #fff;
    box-sizing: border-box;
}

.invoice-apply-amount .left {
    float: left;
    line-height: 24px;
    margin-top: 5px;
}

.invoice-apply-amount .amount {
    font-size: 20px;
}

.invoice-apply-amount .right {
    float: right;
}

.invoice-apply-amount.fixed {
    width: calc(100% - 220px) !important;
    background: #f8f8f8;
}

.invoice-apply-result {
    padding: 100px 0 100px 300px;
}

.invoice-apply-result dd {
    padding-left:40px;
    line-height: 24px;
}
/*===================================财务管理结束======================================*/
/*yiyu首页*/
.one-stop-service {
    width: 100%;
    background-color: #fff;
    padding: 20px 0;
}

.one-stop-service .content {
    width: 1200px;
    margin: 0 auto;
}

.one-stop-service .title {
    text-align: center;
    font-size: 14px;
}

.one-stop-service .title h4 {
    font-size: 23px;
    color: #333;
    margin: 20px 0;
    font-weight: 400;
}

.one-stop-service .title h6 {
    width: 33px;
    height: 3px;
    background: #348ff1;
    margin: 16px auto 45px auto;
}

.one-stop-service ul li:first-child {
    margin-left: 0;
}

.one-stop-service ul li {
    width: 349px;
    height: 396px;
    border: 1px solid #e5e5e5;
    float: left;
    margin-left: 73px;
    text-align: center;
    transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -moz-transition: all 0.4s;
    border-radius: 5px;
}

.one-stop-service ul li:hover {
    box-shadow: 0px 6px 20px rgba(0, 0, 0, .3);
    border-radius: 10px;
    -webkit-box-shadow: 0px 6px 20px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0px 6px 20px rgba(0, 0, 0, .3);
    -o-box-shadow: 0px 6px 20px rgba(0, 0, 0, .3);
    -ms-box-shadow: 0px 6px 20px rgba(0, 0, 0, .3);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    transform: translate(0, -16px);
    -webkit-transform: translate(0, -16px);
    -moz-transform: translate(0, -16px);
    -o-transform: translate(0, -16px);
    -ms-transform: translate(0, -16px);
}

.one-stop-service ul li p {
    font-size: 24px;
    margin: 64px 0 48px 0;
}

.one-stop-service ul li dd {
    width: 80%;
    margin: 38px auto 22px auto;
    line-height: 22px;
    color: #999;
    height: 66px;
}

.one-stop-service ul li a {
    margin: 0 auto;
    display: block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
}

/*.cn首页结束*/

.review-selection {
    border: 1px solid #e5e5e5;
    margin: 20px;;
}
.review-selection .left-table {
    height: 364px;
    width: 184px;
    background: #fafafa;
}

.review-selection .left-table2 {
    height: 150px;
}

.review-selection .left-table2 .p2 {
    line-height: 75px !important;
    text-align: center
}

.review-selection .right-table {
    width: 756px;
    height: 364px;;
}

.review-selection .left-table .p1 {
    height: 75px;
    border-bottom: 1px dashed #e5e5e5;
    line-height: 75px;
    text-align: center;
    border-right: 1px solid #e5e5e5;
}

.review-selection .right-table .status {
    border-bottom: 1px dashed #e5e5e5;
}

.review-selection .left-table .p2 {
    line-height: 289px;
    text-align: center;
    border-right: 1px solid #e5e5e5;
}

.review-selection .right-table .p3 {
    height: 75px;
    line-height: 75px;
    padding-left: 37px;
    color: #09f;
    font-size: 18px;

}

.review-selection .right-table2 .p4 {
    height: 75px;
    line-height: 75px;
    padding-left: 37px;
    font-size: 18px;
    border-left: 1px solid #e5e5e5;
}

.review-selection .right-table2 .p4 a {
    color: #3798df;
    font-size: 16px;
    text-decoration: underline;
}

.review-selection .right-table2 .p3 {
    border-bottom: 1px dashed #e5e5e5;
}

.review-selection .right-table2 {
    height: 75px;
}

.choose-id-success {
    margin: 100px 0 100px 0px;
    text-align: center;
}

.choose-id-success h3 {
    font-size: 22px;
    font-weight: normal;
    color: #333;
}

.choose-id-success p {
    line-height: 24px;
    padding-left: 42px;
}

.confirm-choose {
    width: 216px;
    margin: 32px auto
}

.confirm-choose input.btn {
    width: 84px;
    height: 32px;
}

.choose-id .choose {
    width: 216px;
    margin: 32px auto
}

.choose-id .choose input {
    width: 84px;
    height: 32px;
}

.choose-id .choose label {
    color: red
}

.onload-update {
    display: block;
    width: 83px;
    margin-right: 16px;
    background: url(/img/update-onload-icons_03.png) no-repeat 0px center;
    font-size: 14px;
    color: #fe9a40;
    cursor: pointer;
    line-height: 75px;
    padding-left: 20px;
    font-weight: 600;
}

.choose_id_list .flip-container {
    perspective: 1000px;
    -webkit-perspective: 1000px; /*父类容器中  perspective  子类允许透视*/
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -o-perspective: 1000px;
    perspective: 1000px;
    margin: 0px auto;
    float: left;
}

.choose_id_list .flip-container, .choose_id_list .front, .choose_id_list .back {
    width: 132px;
    height: 74px;
    margin: 0 auto;
    border-radius: 5px;
}

.choose_id_list .front, .choose_id_list .back {
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition: transform 1.2s ease-out;
    transition: transform 1.2s ease-out;
    -webkit-transform-style: preserve-3d; /* 子类保留3d动画结果*/
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0; /*动画元素最好绝对位置*/
}

.choose_id_list .front img, .choose_id_list .back img {
    width: 132px;
    height: 74px;
    vertical-align: top;
}

.choose_id_list .back {
    /*  transform-origin:0% 50%;/!*定义动画的旋转中心点*!/
    -ms-transform-origin:0% 50%;         /!* IE 9 *!/
    -webkit-transform-origin:0% 50%;  /!* Safari 和 Chrome *!/
    -moz-transform-origin:0% 50%;     /!* Firefox *!/
    -o-transform-origin:0% 50%;       /!* Opera *!/*/
    z-index: 1; /*起始设置层  hover时候改变*/
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.choose_id_list .front {
    z-index: 2; /*起始设置层  hover时候改变*/
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.choose_id_list .flipper {
    -webkit-transform-style: preserve-3d; /*使其子类变换后得以保留 3d转换后的位置*/
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    display: block;
    position: relative;
    line-height: 75px;
    cursor: default;
}

.choose_id_list li {
    margin: 16px 0 0 16px;
    width: 132px;
    height: 74px;
    float: left;
    text-align: center;
    font-size: 20px;
    position: relative;
    cursor: default;
}

.choose_id_list li.active:after {
    width: 132px;
    height: 74px;
    content: "";
    background: url(/img/choosed-border-bg.png);
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    z-index: 999;
}

.choose_id_list li .back {
    width: 130px;
    height: 72px;
    background: #fff;
    color: #fe9a40;
    border: 1px solid #fe9a40;
}

.choose_id_list li .back:hover {
    border: 1px solid #fe9a40;
    cursor: pointer;
}

.idUpdate-layer {
    width: 112px;
    margin: 0 auto 20px auto;
}

.idUpdate-layer p {
    line-height: 30px;
}

.idUpdate-layer .span {
    color: #f06015;
}

/*友情链接*/
.friend-link-banner {
    width: 100%;
    height: 263px;
    background: url(/img/friend_link-banner.jpg) no-repeat center;
    background-size: cover;
}

.friend-link-main {
    width: 1161px;
    margin: 0 auto;
    padding: 0 20px;
}

.friend-link-main .link_list ul {
    margin-left: -21px;
    float: none;
}

.friend-link-main .link_list li {
    float: left;
    width: 174px;
    height: 44px;
    border: 1px solid #eeeeee;
    margin-left: 21px;
    margin-top: 20px;
    line-height: 44px;
    text-align: center;
    transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -moz-transition: all 0.4s;
    cursor: pointer;
}

.friend-link-main .link_list .list-img li {
    height: 76px;
    line-height: 76px;
    background: #fff;
}

.friend-link-main .link_list {
    padding-bottom: 20px;
}

.friend-link-main .link_list .list-img li:hover {
    border: 1px solid #ffda44;
}

.friend-link-main .link_list .list-word a:hover {
    background: #ffda44;
}

.friend-link-main .link_list .list-word a {
    color: #3a3a3a;
    display: block;
    height: 44px;
    font-size: 15px;
    background: #fff;
}

.friend-link-main .link-editor {
    width: 100%;
    padding: 50px 0 30px;
    font-size: 16px;
    background: #fff;
}

.friend-link-main .link-editor .btn {
    height: 38px;
    margin: 26px 0;
}

.friend-link-main .link-editor .steps p {
    width: 24px;
    height: 24px;
    background: #09f;
    color: #fff;
    line-height: 24px;
    border-radius: 50%;
    font-size: 14px;
    float: left;
    text-align: center;
    margin-right: 10px;
}

.friend-link-main .link-editor .steps {
    font-size: 18px;
    line-height: 24px;
    color: #09f;
}

.friend-link-main .link-editor .steps span {
    color: #ff8800;
    font-size: 13px;
    padding-left: 10px;
}

.friend-link-main .link-editor ul {
    margin: 10px 0 10px 12px;
    border-left: 1px solid #eee;
    font-size: 14px;
    padding-bottom: 50px;
}

.friend-link-main .link-editor ul li {
    line-height: 40px;
    margin-top: 18px;
    padding-left: 46px;
}

.friend-link-main .link-editor ul.copy input {
    width: 522px;
    height: 38px;
    border-color: #c6d4d7;
    margin: 0 18px;
}

.friend-link-main .link-editor ul.copy .iconfont {
    color: #09f;
    font-size: 20px;
    cursor: pointer;
}
.friend-link-main .link-editor ul.write input[type='text'] {
    width: 298px;
    height: 38px;
    border-color: #c6d4d7;
    margin: 0 18px;
}
.friend-link-main .link-editor ul.write input[type='submit'] {
    display: block;
    width: 94px;
    height: 32px;
    color: #fff;
    line-height: 32px;
    background-color: #09f;
    border-radius: 4px;
    margin-left: 84px;
    cursor: pointer;
}
.content-show-hide {
    margin-left: 140px;
}
.friend-link-main .link-editor ul.write i{
    color: #f40d4f;
    font-weight: bold;
}
.friend-link-main .link-editor ul.write{
    padding-top: 6px;
}
.friend-link-main .link-editor .three-step>p{
    font-size: 14px;
    padding-left: 34px;
    line-height: 46px;
}
.friend-link-main .link-editor ul.copy{
    padding-top: 6px;
}
.friend-link-main .link-editor ul.write input[type='submit']:hover{
    background-color:#0072cd;;
}
.friend-link-main .link-editor ul.write li {
    padding-left: 91px;
}
.content-show-hide {
    height: 0;
    overflow: hidden;
    width: 808px;
    background: #fff;
    margin: 0 auto;
}
.friend-link-main .list-img li a img {
    width: 172px;
    height: 70px;
}

.co-branding-wrap {
    width: 1200px;
    margin: 0 auto;
}
.co-branding {
    margin-right: -20px;
    padding-bottom: 60px;
}
.co-branding li {
    width: 220px;
    height: 80px;
    line-height: 80px;
    float: left;
    border: 1px solid #e5e5e5;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 20px;
    color: #999;
    font-size: 12px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.co-branding li:hover {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
    box-shadow: 0 1px 4px 0px #e3e5eb;
}

/*签到*/

.sign {
    padding: 8px 8px 60px;
}

.sign .tab-nav {
    padding-top: 5px;
}

.sign .banner-pic {
    text-align: center;
    background: #6a5cfa;
}

.sign .banner-pic img {
    max-width: 100%;
}

.sign .tab-nav li {
    width: 50%;
    float: left;
    text-align: center;
    color: #999;
    font-size: 22px;
    line-height: 60px;
    border-bottom: 2px solid #e1e1e1;
    cursor: pointer;
}
.sign .tab-nav .active {
    color: #ff6224;
    border-color: #ff6224;
}
.sign .away {
    padding-top: 60px;
    text-align: center;
}
.sign .away > div {
    display: none;
}
.sign .bg {
    width: 180px;
    height: 180px;
    padding: 16px;
    background: url(/img/sign-icon01.jpg);
    margin: 0 auto 40px;
}
.sign .bg .inner {
    border: 5px solid transparent;
    width: 170px;
    height: 170px;
    color: #f98227;
    border-radius: 50%;
}
.sign .free.not .bg .inner {
    color: #666;
}
.sign .free.not .bg {
    background: none;
}
.sign .free.not .inner {
    border-color: #f6f6f6;
}
.sign .bg h3 {
    width: 135px;
    margin: 20px auto 15px;
    line-height: 65px;
    font-size: 34px;
    font-weight: 400;
    border-bottom: 1px solid #e1e1e1;
}
.sign .bg .inner p {
    font-size: 20px;
    line-height: 24px;
}
.sign .sign-btn {
    width: 370px;
    height: 44px;
    background: #fb912b;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.sign .sign-btn:disabled {
    background: #d4d4d4;
    cursor: not-allowed;
}

.sign .city-coin .bg {
    font-size: 24px;
    color: #f98227;
}

.sign .city-coin .bg h3 {
    width: 150px;
    font-size: 24px;
    line-height: 70px;
    margin-bottom: 25px;
}
.sign .select-count {
    text-align: left;
    margin-bottom: 20px;
}
.sign .select-count h4 {
    width: 350px;
    line-height: 48px;
    background-color: #fff;
    padding-left: 18px;
}
.sign .select-count ul {
    width: 368px;
    top: 50px;
    border-color: #e5e5e5;
}
.sign .select-count ul li {
    line-height: 40px;
}

/*签到分享*/
.sign-share .share-details {
    table-layout: fixed;
    width: 100%;
    border: 1px solid #e5e5e5;
}
.sign-share .share-details tr {
    line-height: 46px;
    border-bottom: 1px dashed #e5e5e5;
}
.sign-share .share-details td {
    border-right: 1px solid #e5e5e5;
    padding: 0 15px;
}
.sign-share .share-details td:first-child {
    width: 86px;
    text-align: right;
    background: #fafafa;
}
.sign-share .share-details tr:first-child td:last-child {
    width: 223px;
    line-height: normal;
    color: #999;
    text-align: center;
}
.sign-share .share-details div {
    width: 223px;
    height: 119px;
    background: url(/img/sign-icon02.jpg);
    color: #fff;
    margin-bottom: 15px;
}
.sign-share .share-details div p {
    font-size: 18px;
    padding: 25px 0 5px;
}
.sign-share .share-details div h3 {
    font-size: 32px;
    font-weight: 400;
}
.sign-just-success,
.sign-prize {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 10px;
    overflow: hidden;
}
.sign-prize {
    width: 460px;
}
.sign-prize dt {
    height: 130px;
    background: url(/img/sign-icon03.jpg) no-repeat center;
    margin-bottom: 30px;
}
.sign-prize dd {
    background: url(/img/sign-icon04.jpg) no-repeat 60px center;
    padding-left: 100px;
    color: #fd730d;
    font-size: 22px;
    margin-bottom: 20px;
    line-height: 22px;
}
.sign-prize div {
    width: 414px;
    border-top: 1px dashed #e5e5e5;
    margin: 30px auto 0;
    padding: 20px;
    text-align: center;
}
.sign-prize div a {
    width: 166px;
    height: 46px;
    line-height: 46px;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    background: #fb912b;
    border-radius: 3px;
}
.sign-just-success {
    display: none;
    width: 340px;
    text-align: center;
    padding: 40px 0;
}
.sign-just-success h3 {
    font-size: 32px;
    color: #333;
    font-weight: 400;
}
.sign-just-success .bg {
    width: 100%;
    height: 200px;
    background: url(/img/icon07.png) no-repeat center;
}
.sign-just-success a {
    width: 126px;
    height: 34px;
    background: #fb912b;
    display: inline-block;
    color:#fff;
    border-radius: 3px;
    line-height: 34px;
}

/*=======================新版首页=======================*/

.index-show-box .left {
    width: 830px;
    float: left;
}

.index-show-box .right {
    width:350px;
    float: right;
}

.main-banner-wrap {
    width: 100%;
    height: 260px;
    position: relative;
    margin: 20px 0;
    z-index: 1;
}

.main-banner-wrap .banner {
    width: 100%;
    height: 260px;
}

.banner > li {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.banner > li a {
    display: block;
    width: 100%;
    height: 100%;
}

.banner > li:first-child {
    display: block;
}

.main-banner-wrap .number {
    width: 100%;
    height: 20px;
    line-height: 20px;
    position: absolute;
    bottom: 8px;
    left: 0;
    text-align: center;
    z-index: 2;
}

.main-banner-wrap .number span {
    display: inline-block;
    cursor: pointer;
    margin: 0 2px;
}

.main-banner-wrap .number span i {
    display: inline-block;
    width: 20px;
    height: 2px;
    background: #737389;
}

.main-banner-wrap .number span.cur i {
    background: #d0d0d7;
}

.index-domain-check {
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 20px 20px 0;
}

.index-domain-check .textarea-content {
    position: relative;
}

.index-domain-check .textarea-content textarea {
    display: block;
    width: 100%;
    border: 1px solid #e5e5e5;
    padding:10px;
    line-height: 20px;
    height: 96px;
    box-sizing: border-box;
    border-radius: inherit;
}

.index-domain-check .textarea-content textarea:focus {
    border-color: #e5e5e5;
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, .06);
    -moz-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, .06);
    -o-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, .06);
    -ms-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, .06);
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, .06);
}

.index-domain-check .textarea-content .clear {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #09f;
    font-size: 12px;
    cursor: pointer;
}

.index-domain-check .textarea-content .clear .iconfont {
    font-size: 12px;
    color: #09f;
}

.index-domain-check .suffix-container {
    padding:10px 0;
    line-height: 30px;
}

.index-domain-check .suffix-container ul {
    float: left;
}

.index-domain-check .suffix-container li {
    float: left;
    margin-right: 20px;
}

.index-domain-check .suffix-container label {
    color: #666;
}

.index-show-box .right .inner {
    border: 1px solid #e5e5e5;
    background: #fff;
}

.index-show-box .right .title {
    height: 48px;
    line-height: 48px;
    border-bottom: 2px solid #e5e5e5;
    padding-right: 15px;
}

.index-show-box .right .title a {
    color: #666;
    font-size: 12px;
}

.index-show-box .right .title a:hover {
    color: #ff4100;
}

.index-show-box .right .title h6 {
    float: left;
    font-size: 14px;
    color: #333;
    padding: 0 15px;
    border-bottom: 2px solid #09f;
}

.index-show-box .right .title h6 .iconfont {
    font-weight: 400;
    font-size: 14px;
}

.index-show-box .right li a {
    position: relative;
    display: block;
    height: 38px;
    line-height: 38px;
    color: #666;
    padding: 0 20px 0 30px;
    border-bottom: 1px dashed #e5e5e5;
}

.index-show-box .right li a:after {
    position: absolute;
    top: 17px;
    left: 15px;
    width: 4px;
    height: 4px;
    display: inline-block;
    border-radius: 50%;
    background: #ff5a00;
    content: '';
}

.index-show-box .right ul {
    padding: 0 4px;
    height: 116px;
    overflow: hidden;
}

.index-show-box .right li .name {
    display: inline-block;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.index-show-box .right li a:hover .name {
    color: #ff5a00;
}

.index-show-box .right li a:hover {
    background: #fafafa;
}

.index-notice {
    margin: 15px 0;
    overflow: hidden;
    height: 16px;
}

.index-notice li {
    float: left;
    width: 50%;
}

.index-notice .forum-list {
    text-align: right;
}

.index-notice li a {
    line-height: 16px;
    color: #333;
    display: block;
    white-space: nowrap;
}

.index-notice li a:hover {
    color: #ff5a00;
}

.index-notice li .details {
    max-width: 70%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.index-today-recommend {
    width: 1180px !important;
    height: 324px;
    background: url(/img/icon38.png) no-repeat;
    background-size: cover;
    padding-left: 20px;
}

.index-today-recommend .title {
    font-size: 16px;
    color: #fff;
    line-height: 36px;
    padding-left: 10px;
}

.index-today-recommend .title span {
    color: #fff1a5;
}

.index-today-recommend li {
    float: left;
    margin: 0 15px 15px 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.index-today-recommend li:hover {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
}

.index-today-recommend li a {
    position: relative;
    display: block;
    padding: 5px;
    width: 210px;
    height: 80px;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    color: #999;
    font-size: 12px;
}

.index-today-recommend li a.hot-domain:before {
    content: 'HOT';
    width:200px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background: #ff4d5e;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: -80px;
    top: 10px;
}

.index-today-recommend li .details {
    background: #f7f7f7;
    padding: 0 10px;
    line-height: 20px;
}

.index-today-recommend li .domain {
    font-size: 16px;
    color: #333;
    font-weight: 700;
    padding-left: 1px;
}

.index-today-recommend li .price {
    width: 50%;
    float: left;
    line-height: 16px;
    text-align: center;
    margin-top: 5px;
}

.index-today-recommend li .details p {
    line-height: 20px;
    height: 20px;
}

.index-today-recommend li .details p,
.index-today-recommend li .price p {
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.index-today-recommend li .price p {
    height: 18px;
    line-height: 18px;
}

.index-today-recommend li .money {
    color: #d0021b;
    font-size: 14px;
}

.index-today-recommend li .line {
    position: absolute;
    left: 50%;
    top: 55px;
    width: 1px;
    height: 24px;
    background: #e5e5e5;
}

.index-hot-title {
    margin-bottom: 10px;
    font-size: 18px;
    color: #333;
}

.index-hot-title img {
    vertical-align: sub;
}

.index-hot-recommend > ul {
    float: left;
    width: 150px;
    height: 240px;
    padding: 75px 0 0 15px;
    background: url(/img/rmtj.png) no-repeat;
    background-size: 100%;
}

.index-hot-recommend > ul li {
    position: relative;
    cursor: pointer;
    padding-left: 15px;
    height: 42px;
    line-height: 42px;
    border-radius: 3px 0 0 3px;
    color: #fff;
}

.index-hot-recommend > ul li .icon {
    display: none;
}

.index-hot-recommend > ul li .icon-xiangxia {
    font-size: 12px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.index-hot-recommend > ul .active {
    background: #fb857a;
}

.index-hot-recommend > ul .active .icon {
    display: inline;
}

.index-hot-recommend > ul .tj-icon {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -9px;
    display: inline-block;
    padding: 1px 4px;
    border-radius: 3px;
    background: #e91818;
    color: #fff;
    line-height: normal;
    font-size: 12px;
    vertical-align: text-bottom;
    margin-left: 5px;
}

.index-hot-recommend .inner {
    float: right;
    background: #fff;
    width: 1005px;
    padding: 20px 0 5px 15px;
    height: 290px;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
    -o-box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
    -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
    box-shadow: 1px 2px 5px rgba(0, 0, 0, .1);
}

.index-hot-recommend .inner ul {
    display: none;
}

.index-hot-recommend .inner ul:first-child {
    display: block;
}

.index-hot-recommend .inner li {
    float: left;
    margin: 0 15px 15px 0;
}

.index-hot-recommend .inner a {
    position: relative;
    float: left;
    width: 204px;
    padding: 7px 15px;
    border: 1px solid #ffcdcc;
    font-size: 12px;
    line-height: 20px;
    color: #666;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.index-hot-recommend .inner a:hover {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
}

.index-hot-recommend .inner a p {
    max-width: 130px;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    height: 20px;
}

.index-hot-recommend .inner a > div {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 700;
    text-align: center;
    line-height: 80px;
    width: 74px;
    height: 100%;
    background: #fff9f7;
    border-left: 1px dashed #ffcdcc;
}

.index-hot-recommend .inner a > div:after {
    position: absolute;
    left: -12px;
    top: 50%;
    margin-top: -6px;
    content: '';
    width: 0;
    height: 0;
    border:6px solid transparent;
    border-right-color: #ffcdcc;
}

.index-hot-recommend .inner .domain {
    font-size: 16px;
    font-weight: 700;
    color: #0882e0;
    line-height: 26px;
    height: 26px;
    padding-left: 1px;
}

.index-recommend-list {
    margin: 20px 0 0;
}

.index-recommend-list .list {
    margin: 20px 0;
}

.index-recommend-list .auction,
.index-recommend-list .yj {
    display: none;
}

.index-recommend-list .title {
    position: relative;
    float: left;
    width: 165px;
    height: 224px;
    color: #fff;
    text-align: center;
}

.index-recommend-list .title span {
    display: block;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    font-weight: 700;
}

.index-recommend-list .title a {
    position: absolute;
    left: 46px;
    bottom: 7px;
    color: #fff;
    width: 71px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #fff;
    opacity: .8;
    font-size: 12px;
}

.index-recommend-list .title a:hover {
    opacity: 1;
}

.index-recommend-list .domain {
    line-height: 30px;
    height: 30px;
    font-size: 16px;
    font-weight: 700;
    padding-left: 1px;
    color: #0882e0;
}

.index-recommend-list .inner {
    width: 1035px;
    padding-left: 15px;
    float: right;
    box-sizing: border-box;
}

.index-recommend-list .inner ul {
    height: 224px;
    box-sizing: border-box;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 15px 17px;
}

.index-recommend-list li {
    float: left;
}

.index-recommend-list li a {
    float: left;
    border: 1px solid #e5e5e5;
    width: 133px;
    color: #666;
    margin: -1px 0 0 -1px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px;
    -webkit-transition: padding .2s ease;
    -moz-transition: padding .2s ease;
    -ms-transition: padding .2s ease;
    -o-transition: padding .2s ease;
    transition: padding .2s ease;
}

.index-recommend-list li a:hover {
    padding-left: 20px;
    padding-right: 10px;
}

.index-recommend-list li a p {
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.index-recommend-list li a .color-orange {
    font-weight: 700;
}

.index-recommend-list .list.booking .title {
    background: url(/img/ymyd.png) no-repeat;
    background-size: 100%;
}

.index-recommend-list .list.booking ul {
    border-top-color: #5aabff;
}

.index-recommend-list .list.bidding .title {
    background: url(/img/ydjj.png) no-repeat;
    background-size: 100%;
}

.index-recommend-list .list.bidding ul {
    border-top-color: #ffa659;
}

.index-recommend-list .list.hwykj li a,
.index-recommend-list .list.ykj li a,
.index-recommend-list .list.bidding li a {
    padding-top: 10px;
    padding-bottom: 9px;
}

.index-recommend-list .list.hwykj li a p,
.index-recommend-list .list.ykj li a p,
.index-recommend-list .list.bidding li a p {
    height: 18px;
    line-height: 18px;
}

.index-recommend-list .list.hwykj li .domain,
.index-recommend-list .list.ykj li .domain,
.index-recommend-list .list.bidding li .domain {
    height: 22px;
    line-height: 22px;
}

.index-recommend-list .list.ykj .title {
    background: url(/img/ykj.png) no-repeat;
    background-size: 100%;
}

.index-recommend-list .list.ykj ul {
    border-top-color: #ff829a;
}

.index-recommend-list .list.booking li a {
    padding-top: 12px;
    padding-bottom: 13px;
}

.index-recommend-list .list.hwykj .title {
    background: url(/img/hwykj.png) no-repeat;
    background-size: 100%;
}

.index-recommend-list .list.hwykj ul {
    border-top-color: #9794ff;
}

.index-recommend-list .list.auction .title {
    background: url(/img/yppm.png) no-repeat;
    background-size: 100%;
}

.index-recommend-list .list.auction ul {
    border-top-color: #4edbb9;
}

.index-recommend-list .list.auction li a {
    padding-top: 2px;
    padding-bottom: 3px;
}

.index-recommend-list .list.yj .title {
    background: url(/img/yj.png) no-repeat;
    background-size: 100%;
}

.index-recommend-list .list.yj ul {
    border-top-color: #38b6ff;
}

.index-recommend-list .list.yj li a {
    padding-top: 23px;
    padding-bottom: 23px;
}


.index-friend-link {
    width: 1200px;
    overflow: hidden;
    background: #fff;
}

.index-friend-link .title {
    line-height: 48px;
    height: 48px;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 10px;
}

.index-friend-link .title span {
    color: #333;
    font-weight: 700;
}

.index-friend-link .title .iconfont {
    color: #ff5a00;
}

.index-friend-link ul {
    padding: 30px 0 30px 20px;
    margin-right: -9999999em;
}

.index-friend-link li {
    width: 175px;
    height: 68px;
    text-align: center;
    line-height: 68px;
    float: left;
    margin-right: 20px;
    border: 1px solid #e5e5e5;
}

.cert-wrap {
    width: 1200px;
    margin: 10px auto;
    background-color: #ffffff;
}
.cert-wrap .title {
    line-height: 48px;
    height: 48px;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 10px;
}
.cert-wrap .cert-form {
    height: 60px;
    padding: 20px;
    background-color: #ffffff;
    border: 1px #f1f1f1 solid;
}
.cert-list ul{
    margin:0 auto;
}
.cert-list ul li{
    float: left;
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
}
.cert-list li img{
    vertical-align: middle;
    max-height: 40px;
}