html {
    overflow-y: scroll;
    background-color: #f9f9f9;
}

body {
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-family: "微软雅黑", Arial, sans-serif;
    color: #434343;
    background-color: #fff;
}

h1,
h3,
h4,
h5,
p,
ul,
form,
li,
input {
    margin: 0;
    padding: 0;
}

ul,
li {
    list-style: none;
}

img {
    border: none;
}

a {
    text-decoration: none;
    color: #333;
    cursor: pointer;
    _blr: expression(this.onFocus=this.blur());
    ;
}

.message-box a,
.message-box2 a,
.message-box-baojia a,
.message-box-fast a {
    padding: 0;
}

a:hover {
    color: #fff;
    background-color: #2b5e9a;
}

a.current {
    color: #666;
}

a.current:hover {
    text-decoration: none;
    cursor: default;
    color: #666;
    background-color: #fff;
}

.hidden {
    display: none;
}

.invisible {
    visibility: hidden;
}

.has-layout {
    overflow: auto;
    zoom: 1;
}

.clear:after {
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
    clear: both
}

.clear {
    zoom: 1;
}

.left {
    float: left;
}

.right {
    float: right;
}

/* 阴影 */

table,
textarea,
input {
    box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
}

/* 输入框 */

input,
textarea,
select {
    border: 1px solid #D4D4D4;
    outline: none;
}

input,
textarea {
    padding-left: 5px;
}

textarea {
    resize: none;
}

input:focus,
textarea:focus {
    border: 1px solid #7fa1c8;
}

.input-file {
    border-width: 0;
    border-width: 1px\9;
    padding-left: 0;
    padding-top: 2px\9;
    padding-bottom: 2px\9;
    box-shadow: none;
    -moz-box-shadow: none;
}

textarea {
    overflow: auto;
}

.data-error {
    border-color: #ab1f1f;
}

.line-through {
    text-decoration: line-through;
}

/* 总体居中 */

.banner {
    overflow: hidden;
    position: relative;
    background-color: #FEDC55;
    /*background: url("abstract/banner-bg.jpg") repeat-x;*/
}

.banner-wrap {
    background: url("2015birthday/banner-top.jpg") 0 0 no-repeat;
    height: 70px;
    margin: 0 auto;
    position: relative;
    width: 1280px;
}

.banner-wrap .join-in {
    margin: 0 auto;
    height: 70px;
    position: absolute;
    width: 1280px;
}

.banner-wrap .join-in:hover {
    background: none;
}

#doc1 {
    margin: 0 auto;
    padding-bottom: 1px;
}

/* 头部 */
#hd {
    position: fixed;
    width: 100%;
    background-color: #fff;
    margin: 0 auto;
    min-width: 960px;
    zoom: 1;
    z-index: 1000;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop));
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 1px;
    box-shadow: 0px 1px 10px #e5e5e5;
}

#hdContainer {
    height: 55px;
}

#hd .hd-logo {
    position: relative;
    width: 1030px;
    /*显示条目数量太多没办法*/
    margin: 0 auto;
}

#hd .logo {
    background: url('indexb/logo_large.png') 0 50% no-repeat;
    float: left;
    width: 219px;
    height: 33px;
    margin: 14px 15px 0 0;
    padding: 0;
}

/* 导航 */
#hd .nav-list {
    float: right;
    position: relative;
    height: 55px;
    line-height: 55px;
    font-size: 14px;
}

#hd .nav-list .li-left {
    float: left;
    height: 55px;
    line-height: 55px;
    margin: 0 0 0 17px;
}

#hd .nav-list .mine {
    float: left;
    height: 55px;
    line-height: 55px;
    margin: 0 16px 0 0;
    width: 72px;
    _width: 76px;
    text-align: left;
    color: #474747;
    font-size: 14px;
    cursor: pointer;
    display: none;
    position: relative;
    padding: 0 16px;
    padding-left: 0;
}

#hd .nav-list .mine-order {
    float: left;
    margin-right: 42px;
    color: #474747;
    display: none;
}

#hd .login-suc .mine,
#hd .login-suc .mine-order {
    display: block;
}

#hd .nav-list .mine:hover,
#hd .nav-list a.onhover,
#hd .nav-list .mine-order:hover {
    color: #989898;
    background: white;
}

#hd .nav-list .mine:hover .pointer,
#hd .nav-list a.onhover .pointer {
    color: #f83d51;
    margin-top: 23px;
    text-decoration: underline;
    transform: rotate(180deg);
}

#hd .nav-list .mine .pointer {
    float: right;
    width: 13px;
    height: 6px;
    margin-top: 24px;
    transition: all 0.384s ease-in;
    background: url("images/down.png") 0 0 no-repeat;
}

#hd .nav-list .vip-logo {
    float: left;
    margin: 0 7px;
    width: 25px;
    height: 55px;
    background: url("vip/vip-logo.png") 0 50% no-repeat;
    display: none;
}

#hd .nav-list .account-item {
    display: none;
}

#hd #mineMenu .account-item {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

#hd .nav-list a {
    color: #333;
    padding: 0;
}

#hd .nav-list a.current {
    color: #2B5E9A;
}

#hd .nav-list a:hover {
    background: none;
    color: #0369dc;
}

#hd .nav-list .line-left {
    color: #e5e5e5;
}

#hd .nav-list .line-right {
    color: #e5e5e5;
    margin-right: 17px;
    cursor: auto;
}

/* logo */
#hd .login-suc .login-div,
#hd .login-suc .reg-div,
#hd .logout-div {
    display: none;
}

#hd .login-suc .logout-div {
    display: block;
}

/* 高亮 */

i {
    color: #ab1f1f;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
}

i.large {
    font-size: 18px;
}

.user-info i.important {
    vertical-align: -4px;
    _vertical-align: -1px;
    font-size: 14px;
    font-weight: bold;
}

/* 联系方式 */

.tab {
    overflow: hidden;
    zoom: 1;
}

.contact {
    float: left;
    height: 55px;
    *width: 500px;
}

.contact a:hover {
    color: black;
    background: transparent;
}

.contact .navigation .nav-menu .suggestion {
    color: #535b60;
    float: right;
    font-size: 14px;
    padding: 12px 0 0;
}

.suggestion a {
    color: #000;
}

.suggestion {
    padding-top: 10px;
}

.suggestion a:hover {
    background: none;
}

.contact .navigation {
    line-height: 23px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    height: 55px;
}

.contact .nav-menu {
    *height: 52px;
    height: 55px;
}

.contact .navigation .nav-menu li {
    float: left;
    height: 100%;
}

.contact .navigation li.manual-trans {
    position: relative;
}

li.manual-trans .new-state {
    width: 30px;
    height: 17px;
    color: white;
    padding: 0;
    border-radius: 2px;
    display: block;
    line-height: 20px;
    margin-left: -12px;
    position: absolute;
    right: -15px;
    top: 3px;
    background: url(images/new.png) 50% 50% no-repeat;
}

.contact .navigation .nav-menu a {
    color: #474747;
    display: block;
    padding: 0;
    /*transition: all 0.384s ease-in;*/
    height: 55px;
    line-height: 57px;
    float: left;
    margin: 0 21px;
    _margin: 0 1px;
    font-size: 14px;
}

.contact .navigation .nav-menu a:hover,
.contact .navigation .nav-menu a.onhover {
    color: #989898;
}

.contact .navigation .nav-menu .seperator {
    float: left;
    height: 55px;
    width: 20px;
    _width: 15px;
}

.contact .navigation .nav-menu .doc-trans,
.contact .navigation .nav-menu .service-statement {
    /*background: url("images/down.png") 50px 22px no-repeat;*/
    /*width: 72px;*/
    /*_width:74px;*/
}

.doc-trans .pointer,
.service-statement .pointer,
.paper-polish .pointer {
    background: url("images/down.png") 0 0 no-repeat;
    width: 13px;
    height: 6px;
    float: left;
    margin-top: 24px;
    /*transition: all 0.384s ease-in;*/
    margin-left: -16px;
}

.doc-trans:hover > .pointer,
.service-statement:hover > .pointer,
.paper-polish:hover > .pointer {
    transform: rotate(180deg);
    margin-top: 25px;
}

.nav-menu a.onhover .pointer {
    transform: rotate(180deg);
}

.contact .navigation .nav-menu a.current {
    color: #fc3a4e;
    border-bottom: 2px solid #fc3a4e;
}

.contact .navigation .nav-menu a.current:hover {
    color: #fc3a4e;
    border-bottom: 2px solid #fc3a4e;
}

/** 文档翻译菜单 */
.Menu-Mask {
    display: none;
    height: 92px;
    left: 178px;
    position: absolute;
    top: 108px;
    width: 92px;
    z-index: 999;
    visibility: hidden;
}

#docTransMenu,
#serviceExplain,
#mineMenu {
    background-color: white;
    left: 136px;
    _left: 131px;
    padding: 7px 0;
    position: absolute;
    top: 56px;
    width: 126px;
    z-index: 999;
    *border: 1px solid #c0a38d;
    border-radius: 2px;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, .1);
}

#docTransMenu {
    *heiht: 170px;
    _top: 59px;
    width: 168px;
    height: 140px;
    padding: 8px 0;
}

#serviceExplain{
    left:  572px;
    _left: 332px;
    top: 56px;
    _top: 59px;
    width: 104px;
    /**height:90px;*/
}

#mineMenu {
    /*left: -16px;*/
    /*_left: -16px;*/
    left: auto;
    right: 6px;
    top: 56px;
    *top: 55px;
    _top: 58px;
    width: 133px;
    *height: 202px;
}

#mineMenu:after {
    left: 75%;
}
#polish-big-nav{
    position: fixed;
    z-index: 999;
    width:100%;
    height: 254px;
    margin: 0;
    padding: 0;
}

#polish-flex div {
    box-sizing: border-box;
}

#polish-flex {
    position: fixed;
    top: 56px;
    left: 0;
    z-index: 999;
    min-width: 1200px;
    width: 100%;
    display: flex;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

#polish-flex .big-nav {
    height: 254px;
}

#polish-flex a {
    font-size: 16px;
    color: #FC3A4D;
    text-decoration: none;
}

#polish-flex a::after {
    content: "";
    display: inline-block;
    width: 4px;
    height: 10px;
    margin-left: 5px;
    background-image: url('./arrow.png');
    background-repeat: no-repeat;

}

#polish-flex .left {
    flex-grow: 1;
    background-color: #FFE7E9;
}

#polish-flex .right {
    flex-grow: 1;
    background-color: #fff;
}

#polish-flex .main {
    width: 1200px;
}

#polish-flex .main div {
    float: left;
}

#polish-flex .main .summary {
    width: 188px;
    background-color: #FFE7E9;
    overflow-wrap: break-word;
    padding: 28px;
    padding-left: 0;
}

#polish-flex .main .spec {
    width: 1012px;
    background-color: #fff;
}

#polish-flex .main .spec .detail {
    margin-top: 27px;
    margin-left: 33px;
    width: 470px;
}

#polish-flex .main .spec .pic {
    margin-top: 25px;
}

#polish-flex .main .spec .detail img {
    vertical-align: bottom;
    margin-bottom: -1px;
}

#polish-flex .main .spec .detail .describe {
    color: #999999;
    font-size: 13px;
    white-space: normal;
    line-height: 20px;
    margin-top: 6px;
    display: block;
}

#polish-flex .main .spec .price {
    margin-left: 33px;
    margin-top: 15px;
}

#polish-flex .main .summary .title {
    font-size: 20px;
    font-weight: 600;
}

#polish-flex .main .summary .introduce {
    color: #666666;
    font-size: 14px;
    line-height: 21px;
    padding: 20px 0;
}

#docTransMenu li,
#serviceExplain li,
#mineMenu li {
    /*border-bottom: solid 1px #e5e4e4;*/
    height: 38px;
    line-height: 38px;
    transition: all 0.384s ease-in;
    text-align: center;
}

#docTransMenu li {
    width: 50%;
    float: left;
    height: 36px;
    line-height: 36px;
}

#mineMenu li.trans-minename {
    padding: 0 10px;
}

#docTransMenu li a,
#serviceExplain li a,
.nav-list #mineMenu li a {
    /*transition: all 0.384s ease-in;*/
    padding: 0 26px;
    display: block;
}

#docTransMenu li a,
#serviceExplain li a {
    padding: 0;
}

#docTransMenu li a:hover,
#serviceExplain li a:hover,
#mineMenu li a:hover {
    color: #fa6f7a !important;
}

#mineMenu li.trans-minename:hover,
#mineMenu li.trans-minename {
    background: none !important;
}

#mineMenu li.trans-minename {
    border-bottom: 1px solid #e2e2e2;
}

/*#mineMenu li{*/
/*padding-left:27px;*/
/*}*/
#docTransMenu li.last {
    border-bottom: none;
}

#docTransMenu li.menu-localTrans {
    /*padding-left: 4px;*/
}

#docTransMenu li:hover,
#docTransMenu .hover,
#serviceExplain li:hover,
#serviceExplain .hover,
#mineMenu li:hover,
#mineMenu .hover {
    background-color: #f5f5f5;
}


/* 框架 */
#bd {
    min-width: 960px;
    /*overflow: hidden;*/
    position: relative;
}

.bd-border {
    /*clear: both;*/
    /*border: 4px solid #eeeeee;*/
    background-color: #eeeeee;
    /*margin-bottom: -4px;*/
    margin-top: 10px;
}

.bd-border .bd-padding {
    /*border: 2px solid #eeeeee;*/
    /*padding: 0 4px 4px 4px;*/
    background-color: #fff;
    margin-top: -10px;
    position: relative;
}

/* 在IE6和IE7中触发hasLayout，所以再套一层 */

.bd-border .bd-inner-border {
    /*border: 2px solid #eeeeee;*/
    margin-top: -8px;
    background-color: #fff;
    position: relative;
    zoom: 1;
    z-index: 1;
    /*zoom触发hasLayout*/
}

.bd-border .bd-content {
    overflow: hidden;
    zoom: 1;
}

/* 表单对齐布局 */

label {
    float: left;
    padding-top: 4px;
    margin-left: 38px;
    color: #666;
}

.form-item-layout {
    margin: 12px 0 12px 20px;
    display: block;
}

.first-margin-fix {
    margin-top: 0;
}

.first-margin-fix-left {
    margin-left: 0;
}

.first-margin-fix-right {
    margin-right: 0;
}

.first-margin-fix-right-tip {
    margin-right: 120px;
    float: right;
    _margin-right: 60px;
}

.first-margin-fix-right-tip a {
    padding: 2px;
    text-decoration: none;
    color: #2b5e9a;
    cursor: pointer;
}

.first-margin-fix-right-tip a:hover {
    color: #fff;
    background-color: #2b5e9a;
}


/* 用户信息 */

.user-info span {
    font-weight: bold;
}

.user-info .title {
    display: block;
    margin-bottom: 12px;
}

.user-info .form-item-layout,
.user-phone .form-item-layout {
    overflow: hidden;
    zoom: 1;
    margin-left: 0;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    height: 31px\0;
    line-height: 30px;
}

.user-info .form-item-layout input,
.user-phone .form-item-layout input {
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    font-weight: normal;
    margin-right: 10px;
}

.user-info .form-item-layout input {
    width: 170px;
}

.user-info .form-item-layout textarea {
    font-size: 14px;
    font-weight: normal;
}

.user-info label,
.user-phone label {
    width: 75px;
    text-align: right;
    padding-top: 0;
    margin-left: 0;
    height: 30px;
    line-height: 30px;
}

.user-phone label {
    margin-left: 24px;
}

.message-box {
    padding: 30px 45px 30px 45px;
    line-height: 25px;
    color: #666;
    background: #fff;
    zoom: 1;
    width: 350px;
}

.message-box-vip {
    padding-top: 45px;
    line-height: 25px;
    color: #666;
    background: #fff;
    zoom: 1;
    width: 552px;
}

.message-box-baojia {
    padding: 30px 45px 30px 45px;
    line-height: 25px;
    color: #666;
    background: #fff;
    zoom: 1;
    width: 450px;
}

.message-box2 {
    padding: 30px 45px 30px 45px;
    line-height: 25px;
    color: #666;
    background: #fff;
    zoom: 1;
    width: 800px;
}

.message-box-fast {
    padding: 30px 45px 30px 45px;
    line-height: 25px;
    color: #666;
    background: #fff;
    zoom: 1;
    width: 760px;
}

.message-box-fast .title {
    color: black;
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 10px;
}

.message-box-fast .title2 {
    color: black;
    font-weight: bold;
    font-size: 12px;
}

.message-box-fast .explain {
    font-size: 12px;
    padding-left: 20px;
}

.message-box .content i {
    font-weight: bold;
}

.message-box .content .title i {
    font-weight: normal;
}

.message-box .content .title,
.message-box .content input,
.message-box .content i {
    font-size: 14px;
}

.message-box .content .tips {
    font-weight: bold;
}

.message-box .close,
.message-box2 .close,
.message-box-baojia .close,
.message-box-fast .close,
.message-box-vip .close {
    right: 5px;
    top: 5px;
    width: 18px;
    height: 18px;
    position: absolute;
    background: url('indexb.png') no-repeat 3px -235px;
}

.message-box .close:hover,
.message-box-vip .close:hover {
    background-position: -16px -235px;
    background: url('indexb.png') no-repeat 3px -235px;
}

.message-box .assign-error-msg {
    margin-bottom: 10px;
}

.message-box .assign-error-msg label {
    margin-left: 0;
}

.message-box .assign-error-msg input {
    height: 30px;
    line-height: 30px;
}

.message-box .assign-error-msg #accountName,
.message-box .assign-error-msg #accountPassword {
    width: 156px;
}

.message-box .assign-error-msg .error {
    font-size: 12px;
    position: absolute;
    line-height: 30px;
    margin-left: 5px;
}

.message-box .align-text {
    margin-left: 36px;
}

.message-box .align-text label {
    padding-top: 0;
    margin-left: 5px;
    float: none;
}

.message-box .align-text input {
    vertical-align: -1px;
    border: none;
}

.message-box .login-submit {
    display: inline-block;
    margin-right: 5px;
}

.message-box .account-error,
.message-box .password-error {
    display: none;
}

.message-container .message-box i.email-error {
    font-size: 12px;
    font-weight: normal;
    margin-left: 60px;
    position: absolute;
    top: 110px;
    left: 206px;
    width: 123px;
}

.query-container .message-box i.email-error {
    font-size: 12px;
    font-weight: normal;
    margin-left: 60px;
    position: absolute;
    top: 110px;
    left: 206px;
    width: 123px;
}

.control-btn {
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    display: block;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-weight: bold;
    width: 88px;
    background: #2b5e9a url('indexb.png') no-repeat 1000px 1000px;
    color: #fff;
    margin: 20px auto 0;
}

.known-btn {
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    display: block;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-weight: bold;
    width: 88px;
    background: #2b5e9a url('indexb.png') no-repeat 1000px 1000px;
    color: #fff;
    margin: auto;
}

.control-btn:hover,
.known-btn:hover {
    text-decoration: none;
    background-position: -40px -234px;
}

.control-btn:active,
.known-btn:active {
    text-decoration: none;
    background-position: -174px -234px;
}

#doc1 a.control-btn-visited {
    text-decoration: none;
    background-position: 1000px 1000px;
    background-color: #dcdcdc;
}

.message-box .success-msg {
    text-align: center;
}

.read-agreement {
    /*width: 285px;*/
    display: block;
    margin: 12px auto 0 auto;
}

.read-agreement input {
    border: none;
}

.read-agreement label {
    float: none;
    margin-left: 3px;
    padding-top: 0;
    vertical-align: 2px;
    *vertical-align: 0.5px;
    font-weight: normal;
}

.light-box {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background-color: black;
    opacity: 0.5;
    filter: Alpha(opacity=50);
    display: none;
    z-index: 1000;
}

.message-container {
    background-color: #ffffff;
    position: absolute;
    z-index: 2000;
    display: none;
}

.query-container {
    background-color: #ffffff;
    position: absolute;
    z-index: 2000;
    display: none;
}

.message-container .notice {
    background-color: #F7F7F7;
    font-size: 14px;
    line-height: 43px;
    text-align: center;
}

.query-container .notice {
    background-color: #F7F7F7;
    font-size: 14px;
    line-height: 43px;
    text-align: center;
}

.auto-suggest li {
    font-size: 13px;
    list-style: none;
    cursor: pointer;
    line-height: 20px;
    padding: 0 3px 0 3px;
}

.auto-suggest {
    padding: 0;
    margin: 0;
    position: absolute;
    border: 1px solid #313131;
    background: #FFF;
    z-index: 10;
}

.auto-suggest .selected {
    background: #D1E5FC;
}

.history-item {
    border-bottom: 1px dotted #e6e6e6;
}

.history-item .history-layout {
    display: inline-block;
    width: 420px;
    vertical-align: middle;
    word-wrap: break-word;
}

.history-item .trans-resource {
    color: #666;
}

.history-item .time-and-see {
    color: #959494;
    display: block;
}

.history-item .content-separate {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 39px;
    font-family: "宋体";
}

.history-item .trans-result {
    vertical-align: top;
}

/* 底部链接 */

#ft {
    width: 1200px;
    overflow: hidden;
    background-color: #FFFFFF;
    line-height: 68px;
    margin: 0 auto;
    line-height: 24px;
    padding: 59px 0;
    text-align: center;
    /*color: #bcbcbc;*/


    font-size: 12px;
    font-family: PingFangTC-Regular, PingFangTC;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
}

/*#ft .footer-link{*/
/*font-size:14px;*/
/*font-family:PingFangTC-Regular,PingFangTC;*/
/*font-weight:400;*/
/*color:rgba(70,70,70,1);*/

/*float: left;*/
/*}*/

/*#ft .footer-copyright{*/
/*float: right;*/
/*}*/
#ft p {
    height: 30px;
}

#ft a {
    /*line-height: 1.5em;*/
    /*margin: 0 8px;*/
    color: rgba(70, 70, 70, 1);
    /*新增*/
    padding-right: 15px;
    padding-left: 15px;
}

#ft a:hover {
    background-color: transparent;
    text-decoration: underline;
    color: rgba(70, 70, 70, 1);
}

#ft .tooltip {
    position: relative;
}

#ft .tooltip-window {
    position: absolute;
    z-index: 1;
    left: -62px;
    top: -60px;
}

#ft .tooltip-window span {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    /* or 15px */
    display: block;
    align-items: center;

    color: #FFFFFF;
}

.tooltip .tooltip-window {
    visibility: hidden;
    width: 338px;
    height: 50px;
    background: rgba(64, 64, 64, 0.4);
    /*box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);*/
    border-radius: 8px;
    /*transform: matrix(-1, 0, 0, 1, 0, 0);*/

    /* 定位 */

}

.tooltip:hover .tooltip-window {
    visibility: visible;
}

/*#ft span {*/
/*margin: 0 5px;*/
/*color: #666;*/
/*}*/

.login-container {
    width: 520px;
    padding: 10px 45px 30px 25px;
}

.login-container .title {
    display: block;
    margin-bottom: 10px;
}

.login-container .assign-error-msg input#accountName,
.login-container .assign-error-msg input#accountPassword {
    width: 200px;
}

.login-container .register-passport {
    margin-left: 36px;
    display: block;
}

.login-container .content i.account-error {
    font-weight: normal;
}

.login-container .netease {
    float: left;
    width: 400px;
    height: 420px !important;
    /*liudx*/
    background: url("indexb/loading.gif") 50% 50% no-repeat;
}

.login-container .others {
    float: right;
    width: 170px;
    height: 286px;
    border-left: 1px solid #eeeeee;
    font-size: 12px;
    padding: 50px 0 0 15px;
}

.login-container .others-login {
    width: 180px;
    margin-top: 12px;
    height: 280px;
    padding: 0px 0 0 31px;
}

.others-login .net-login-title {
    margin-bottom: 20px;
    margin-top: 0;
}

.net-login-title {
    margin: 12px 0 0 11px;
}

.login-container .others #qq_connect_btn {
    width: 170px;
    height: 32px;
    /*background: url("indexb.png") -42px -390px;*/
    background: url("http://qzonestyle.gtimg.cn/qzone/vas/opensns/res/img/Connect_logo_4.png") 50% 50%;
    margin: 10px;
    border: 0;
}

.login-container .others #qq_connect_btn a:hover {
    background: none;
}

.login-container .others .weibo-login {
    cursor: pointer;
    width: 170px;
    height: 32px;
    background: url("indexb/loginbtn_02.png") 0 0 no-repeat;
    margin: 20px 10px 10px 10px;
    border: 0;
}

/*在线咨询*/
#live800iconlink {
    position: relative;
    display: block;
    margin: 0 auto;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color: #FFFFFF;
    width: 100px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    font-size: 14px;
    color: #ffffff;
    background: #fb3a4c;
    border-radius: 4px;
}

#weixinLogo {
    display: block;
    position: relative;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    width: 106px;
    height: 105px;
    margin: 10px auto 0 auto;
    line-height: 240px;
    padding: 0;
    background: url('weixinAsk.png') -4px -19px no-repeat;
    font-size: 0;
}

.weixin-text {
    font-family: PingFangSC-Light;
    font-size: 12px;
    color: #A3A8AD;
    padding: 7px 7px 3px 7px;
    text-align: center;
    margin: 0 auto;
    display: block;
    line-height: 16px;
}

#weixinErweima {
    position: relative;
    display: block;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    width: 172px;
    height: 152px;
    line-height: 240px;
    padding: 0;
    background: url('erweima.png') no-repeat;
    font-size: 0;
}

#live800iconlink:hover {
    color: #FFFFFF;
}

/* hide class by gonghao@2012-09-26 */
.dn {
    display: none;
}

/* 飘窗样式 */
@media screen and (min-width: 960px) {
    #ServiceBox1 {
        display: block;
    }

    #small-service-box {
        display: none;
    }
}

@media screen and (max-width: 960px) {
    #ServiceBox1 {
        display: none;
    }

    #small-service-box {
        display: block;
    }
}

#small-service-box {
    z-index: 101;
    position: fixed;
    top: 38%;
    right: 26px;
    cursor: pointer;
}

#small-service-box span {
    display: block;
    height: 68px;
    width: 68px;
    background: url("ic_service_normal.png");
}

#small-service-box span:hover {
    background: url("ic_service_hover.png");
}

#joinus-box {
    z-index: 101;
    position: fixed;
    top: 38%;
    right: 6px;
    width: 120px;
    height: 140px;
    margin-top: 110px;
    background: url("joinus-window.png");
    background-size: cover;
}

#joinus-box .joinus-close-icon {
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 8px;
    height: 11px;
    width: 11px;
    background: url("joinus-window-close-icon.png");
    background-size: cover;
}

#joinus-box .joinus-close-icon:hover {
    background: url("joinus-window-close-icon.png");
    background-size: cover;
}

#joinus-box .join-us-button {
    position: absolute;
    top: 36px;
    left: 0px;
    height: 104px;
    width: 120px;
    background-color: transparent;
    cursor: pointer;
}

#ServiceBox1 {
    background: white;
    position: fixed;
    top: 38%;
    width: 120px;
    height: 251px;
    margin-top: -145px;
    right: 6px;
    overflow: hidden;
    z-index: 100;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop) + 300);
    box-shadow: 0 0 30px 0 rgba(229, 229, 229, .8);
    border-radius: 4px;
    /*border:1px solid #E5E5E5;*/
}

#ServiceBox1-close {
    margin: 3px 3px 0 0;
    cursor: pointer;
    float: right;
    display: block;
    height: 16px;
    width: 16px;
    background: url("ic_foldup_normal.png");
}

#ServiceBox1-close:hover {
    background: url("ic_foldup_hover.png");
}

#ServiceBox1 .close-wrap {
    height: 16px;
    overflow: hidden;
}

#ServiceBox1 .tel {
    font-family: PingFangSC-Regular;
    padding: 0 7px;
    color: #fb4254;
    font-size: 15px;
    text-align: center;
    margin: 10px auto 10px auto;
    display: block;
}

#onlineService {
    display: block;
}

/* 新用户飘窗样式开始 */

.newUserCouponIndex {
    position: fixed;
    right: -18px;
    bottom: -30px;
    display: block;
    background: url('newUserCoupon.png') no-repeat;
    z-index: 100;
    width: 168px;
    height: 218px;
    background-size: cover;
}

.indexNewUserCouponCloseButton {
    position: absolute;
    right: 30px;
    top: 42px;
    display: block;
    width: 18px;
    height: 18px;
    cursor: pointer;
    z-index: 100;

}

.newUserCouponGetButton {
    position: absolute;
    bottom: 55px;
    left: 32px;
    width: 104px;
    height: 36px;
    background-color: transparent;
    cursor: pointer;
}

.newUserCouponGetButton:hover {
    background-color: transparent;

}

/* 新用户飘窗样式结束 */

#weixinService {
    /*position: absolute;*/
    /*top: 152px;*/
}

/* 飘窗样式 */
#erweimaService {
    display: none;
    overflow: hidden;
    position: fixed;
    right: 140px;
    top: 430px;
    margin-left: 480px;
    z-index: 100;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop) + 452);
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 10px -20px;

}

.control-btn-double {
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    display: inline;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-weight: bold;
    width: 88px;
    background: #2b5e9a url('indexb.png') no-repeat 1000px 1000px;
    color: #fff;
    margin: 20px -300px 20px 380px;
    float: left;
}

.cancel-btn-blue {
    font-size: 14px;
    font-weight: bold;
    line-height: 38px;
    text-align: center;
    height: 38px;
    width: 110px;
    background: #2b5e9a;
    color: #fff;
    padding: 0;
    margin: 20px 10px 20px 25px;
    float: left;
    display: block;
}

.cancel-btn-green {
    font-size: 14px;
    font-weight: bold;
    line-height: 38px;
    text-align: center;
    height: 38px;
    width: 110px;
    background: #86c045;
    color: #fff;
    padding: 0;
    margin: 20px 10px 20px 10px;
    float: left;
    display: block;
}

.cancel-btn-red {
    font-size: 14px;
    font-weight: bold;
    line-height: 38px;
    text-align: center;
    height: 38px;
    width: 110px;
    background: #fb4254;
    border-radius: 4px;
    transition: all 0.1s ease-in;
    color: #fff;
    padding: 0;
    margin: 20px 10px 20px 25px;
    float: left;
    display: block;
}

.message-box .cancel-btn-red:hover {
    background: #ff6575;
}

.message-box .content .cancel-btn-green:hover {
    color: #fff;
    background-color: #86c045;
}

.reason-radio {
    width: 140px;
    float: left;
    padding-left: 10px;
}

.other-reason-radio {
    width: 320px;
    float: left;
    padding-left: 10px;
}

.reason-radio span,
.other-reason-radio span {
    padding-left: 5px;
}

.cancel-title {
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 10px 0;
    line-height: 18px;
}

/* 翻译完成后的是否修改样式 */
.evaluate {
    border-top: 2px solid #E1E1E1;
    margin-top: 22px;
}

.evaluate-title {
    font-weight: bold;
    margin: 21px 0 17px;
}

.evaluate-btn a {
    color: #FFF;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 38px;
    text-align: center;
    width: 88px;
}

.evaluate-btn .disable {
    background-color: #D5DFEB;
    cursor: default;
}

.evaluate-confirm {
    background-color: #2B5E9A;
}

.evaluate-modify {
    background-color: #959494;
    margin-left: 24px;
}

.evaluate-btn-des {
    margin-top: 6px;
}

.evaluate-btn-des span {
    color: #959494;
    display: inline-block;
    text-align: center;
    width: 88px;
}

.evaluate-modify-des {
    margin-left: 24px;
}

.evaluate-info {
    color: #959494;
    margin-top: 17px;
}

.evaluate-info strong {
    color: #000;
    padding: 0 5px;
}

.tips {
    background-color: white;
    display: none;
    padding: 6px;
    position: absolute;
    z-index: 100;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15);
}

.hd-logo .tips {
    right: -3px;
    top: 52px;
}

.hd-logo .login-tips {
    right: 13px;
}

.tips p {
    background-color: #FFF;
    /*border: 1px solid #c0a38d;*/
    padding: 12px 20px 12px 12px;
    border-radius: 2px;
}

.tips .arrow {
    background: url('pointer-top.png') 0 0 no-repeat;
    height: 11px;
    position: absolute;
    top: -1px;
    right: 25px;
    width: 16px;
}

.tips .close {
    /*background: url('images/tips.png') 0 -9px no-repeat;*/
    height: 18px;
    line-height: 18px;
    text-align: center;
    position: absolute;
    width: 26px;
    top: 4px;
    right: -3px;
    color: #e5e5e5;
    font-size: 12px;

}

.tips .close:hover {
    color: #959494;
}

.tips .close:hover {
    background-color: transparent;
}

#customerContainer {
    vertical-align: top;
    text-align: center;
}

.customerItem {
    position: relative;
    vertical-align: top;
    margin: 50px 35px 30px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 400px;
    height: 180px;
    text-align: left;
}

.customerItemContent {
    font-family: Microsoft YaHei;
    font-size: 18px;
    color: #60666a;
    line-height: 28px;
}

.customerItemDetail {
    position: relative;
    top: 10px;
    font-family: Microsoft YaHei;
    font-size: 14px;
    color: #9c9d9d;
}

.customerItemName {
    font-family: Microsoft YaHei;
    font-size: 14px;
    text-align: right;
    color: #60666a;
    position: relative;
    top: 20px;
}

.title1 {
    padding-top: 50px;
    padding-bottom: 30px;
    text-align: center;
    font-family: Microsoft YaHei;
    font-size: 30px;
    color: #1192fb;
}

#contact-sub {
    display: inline-block;
    width: 80px;
    height: 26px;
    background-image: url("newImage/order2.png");
    position: relative;
    top: 6px;
    padding: 0;
    margin: 0;
}

#contact-sub:hover {
    border-bottom: none;
}

#contact-submit {
    display: inline-block;
    width: 80px;
    height: 26px;
    margin: 0 10px;
    padding: 0;
}

.floatad,
.floatad1 {
    display: block;
    width: 259px;
    height: 217px;
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 120;
    position: fixed;
    background: url('trial20.png') no-repeat;
    _position: absolute;
}

.floatad .trial,
.floatad1 .trial {
    display: block;
    width: 174px;
    height: 49px;
    position: relative;
    padding: 0;
    top: 118px;
    margin: 0 auto
}

.floatad1 {
    background: url('trial50.png') no-repeat;
}

#trial-close {
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
    top: -45px;
    left: 230px;
}

.feature {
    background: url('feature.jpg') 0 0 no-repeat;
    height: 141px;
    background-position: center;
    background-color: white;
}

/* 分渠道体验金弹窗 */

.ad-tips {
    background-color: #f9f9f9;
    width: 960px;
    margin: 0 auto;
    padding: 50px 60px;
    border: 1px solid #e2e2e2;
    position: relative;
}

.ad-tips .text {
    font-size: 14px;
    padding: 30px 50px;
}

.ad-tips .arrow {
    background: url('introduce/arrow.jpg') 0 0 no-repeat;
    width: 37px;
    height: 20px;
    display: block;
    top: -18px;
    left: 150px;
    position: absolute;
}

.floatad a:hover,
.floatad a:active,
.floatad1 a:hover,
.floatad1 a:active {
    text-decoration: none;
    border-bottom: none;
    background: none;
    outline: 0;
}

.ad1,
.ad2,
.ad3,
.ad4,
.ad5 {
    width: 170px;
    height: 141px;
    float: left;
}

.trial-submit {
    background: url('slide/trail-submit.jpg') 0 0 no-repeat;
    width: 169px;
    height: 44px;
    display: block;
    margin: 20px auto 0;
}

.floatad-blue {
    color: #0097ff;
    font-weight: bold;
}

.trialCode {
    color: black;
    font-weight: bold;
}

.trial-message-box {
    width: 285px;
    text-align: center;
    padding: 30px 25px 30px 25px;
    line-height: 25px;
    color: #666;
    background: #fff;
    zoom: 1;
    font-size: 14px;
    border-top: solid 8px #0097ff;
}

.vip-entrance {
    width: 150px;
    height: 37px;
    background: url("vip/vip-entrance.png") no-repeat;
    cursor: pointer;
}

#vip-a {
    text-decoration: none;
    border: none;
}

#vip-a:hover {
    text-decoration: none;
}

.popwindowPic {
    width: 78px;
    height: 78px;
    background: url("vip/crown.png");
    position: absolute;
    top: -45px;
    left: 240px;
}

.window_title {
    text-align: center;
    font-size: 24px;
    color: #ee5959;
    padding-bottom: 24px;
    margin-top: 20px;
    border-bottom: 1px solid #EBEEF0;
    font-weight: 400;
}

.window_content {
    text-align: center;
    font-size: 18px;
    color: #333333;
    margin-top: 30px;
    margin-bottom: 63px;
    font-weight: 300;
    font-family: "Microsoft Yahei";
}

.closeImage {
    background-image: url("newImage/close.png");
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

.right-box {
    position: fixed;
    height: 100%;
    right: 0;
}

/*订单状态start*/
.doc-detail .detail-info .hd .step {
    height: 30px;
    margin: 0 0 20px 0;
}

.recharge .detail-info .hd .step {
    height: 30px;
    margin: 0 auto;
}

.doc-detail .detail-info .step li,
.recharge .detail-info .hd .step li {
    height: 30px;
    line-height: 30px;
    float: left;
    /*max-width:168px;*/
    _width: 155px;
    overflow: hidden;
}

.doc-detail .hd span,
.recharge .detail-info .hd span {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    vertical-align: top;
    color: #999999;
    float: left;
}

.doc-detail .hd .current span,
.recharge .detail-info .hd .current span {
    color: #1f1f1f;
}

.doc-detail .hd .current b,
.recharge .detail-info .hd .current b {
    background: #fb4254;
}

.doc-detail .hd b,
.recharge .detail-info .hd b {
    font-size: 14px;
    color: white;
    line-height: 25px;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: #cacaca;
    display: inline-block;
    font-weight: normal;
    text-align: center;
    margin: 2px 10px 0 0;
}

.doc-detail .hd .current b,
.recharge .detail-info .hd .current b {
    color: #fff;
}

.doc-detail .hd i,
.recharge .detail-info .hd i {
    width: 69px;
    height: 30px;
    overflow: hidden;
    display: inline-block;
    background: url(sprate-icon.png) 50% 50% no-repeat;
    float: left;
    /*float:right;
    *margin-top:-30px;*/
}

/*订单状态新样式start*/
.doc-detail .hd .step span {
    font-weight: bold;
    color: #bbbbbb;
}

.doc-detail .hd .step b {
    background: rgba(198, 201, 204, 1);
    color: rgba(255, 255, 255, 1);

}

.doc-detail .hd .step .current span {
    color: #000000;
}

.doc-detail .hd .step .current b {
    /*background: #ffd5d9;*/
    /*color:#fd4f61;*/
    background: #FB3A4D;
    color: #ffffff;
}

/*订单状态新样式end*/

/*订单状态end*/

/*select组件样式start*/
.item-select ul.select {
    position: absolute;
    top: 38px;
    left: -1px;
    width: 364px;
    border: 1px solid #d5d5e0;
    display: none;
    z-index: 2;
    background: white;
    margin-left: 0;
    max-height: 260px;
    overflow: auto;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.item-select .select li {
    padding: 10px 16px;
    padding-left: 32px;
    cursor: pointer;
    color: #595959;
}

.item-select .select li:hover {
    background: #e6e6e6;
}

.item-select li.selected {
    background: #d9d9d9;
}

.file-info-detail .top {
    z-index: 3;
}

.item-select li.group,
.item-select li.group:hover {
    padding: 5px 10px;
    padding-left: 16px;
    background: #f5f5f5;
    cursor: default;
    line-height: 18px;
}

.item-select .select-text {
    overflow: hidden;
    display: block;
    margin-right: 20px;
    height: 38px;
    line-height: 38px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.charge-coupon {
    width: 80px;
    height: 30px;
    display: inline-block;
    _display: inline;
    zoom: 1;
    line-height: 30px;
    background: #f53d4f !important;
    color: white;
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
    margin-left: 16px;
}

.coupon-text {
    color: #fb3e50;
    margin-left: 16px;
}

#couponResult {
    display: none;
    margin-left: 75px;
    color: #333333;
    color: rgba(51, 51, 51, .7);
    font-size: 12px;
}

#couponResult span.ipt {
    color: #fb3e50;
}

.eu-policy-alert {
    line-height: 20px;
    width: 420px;
}

#eu-policy-alert-read {
    color: blue;
}

#eu-policy-alert-read:hover {
    background: transparent;
}

.eu-policy-alert-button {
    margin-top: 10px;
    overflow: hidden;
}

#eu-policy-alert-close {
    float: left;
    display: block;
    width: 120px;
    /*margin: 16px auto 0 auto;*/
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #fff;
    /*color: white;*/
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid black;
}

#eu-policy-alert-close:hover {
    background: transparent;
    color: black !important;
}

#eu-policy-alert-sure {
    float: right;
    display: block;
    width: 230px;
    /*margin: 16px auto 0 auto;*/
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #f53d4f;
    color: white;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #f53d4f;
}

.common-alert-con {
    font-size: 18px;
}

#common-alert-sure {
    display: block;
    width: 70px;
    margin: 16px auto 0 auto;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #f53d4f;
    color: white;
    font-size: 14px;
    border-radius: 4px;
}

#common-alert-sure:hover {
    opacity: 0.8;
}

.cancelOrderBox .reason-radio {
    width: auto;
    float: none;
    margin-bottom: 6px;
    padding-left: 0;
}

.cancelOrderBox .reason-radio span {
    display: inline-block;
    width: 150px;
}

.cancelOrderBox .reason-radio textarea {
    width: 100%;
    height: 70px;
}

.cancelOrderBox .cancel-btn-red {
    width: 150px;
    height: 40px;
    margin: 20px auto;
    margin: 0 auto;
    float: none;
}

.cancelOrderBox .cancel-title {
    color: #4c4c4c;
    padding-bottom: 20px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 20px;
}

.cancelOrderBox .close {
    top: 26px;
    right: 30px;
}

/*select组件样式 end*/

/*login-new*/
.login-container-new .netease {
    float: none;
}

.login-container-new .others-login {
    float: none;
    border: none;
    height: 84px;
    padding: 0;
    width: auto;
    margin-top: 0;
}

.login-container-new .third-login {
    font-size: 0;
    text-align: center;
}

.login-container-new .third-login #qq_connect_btn {
    width: 44px;
    height: 44px;
    display: inline-block;
    background: url("indexb/qq.png") 50% 50% no-repeat;
}

.message-box.login-container-new {
    width: auto;
    /*liudx*/
    padding: 20px 40px 34px 40px;
}

.login-container-new .third-login #qq_connect_btn,
.login-container-new .third-login #wb_connect_btn,
.login-container-new .third-login #weixin_connect_btn {
    width: 44px;
    height: 44px;
    display: inline-block;
    margin: 0;
    margin-right: 24px;
    vertical-align: middle;
}

.login-container-new .third-login #qq_connect_btn {
    background: url("indexb/qq.png") 50% 50% no-repeat;
}

.login-container-new .third-login #qq_connect_btn:hover {
    background: url("indexb/qq-hover.png") 50% 50% no-repeat;
}

.login-container-new .third-login #weixin_connect_btn {
    background: url("indexb/weixin.png") 50% 50% no-repeat;
}

.login-container-new .third-login #weixin_connect_btn:hover {
    background: url("indexb/weixin-hover.png") 50% 50% no-repeat;
}

.login-container-new .third-login #wb_connect_btn {
    margin-right: 0;
    background: url("indexb/weibo.png") 50% 50% no-repeat;
}

.login-container-new .third-login #wb_connect_btn:hover {
    background: url("indexb/weibo-hover.png") 50% 50% no-repeat;
}

.login-container-new .net-login-title {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #333333;
    line-height: 16px;
    font-weight: normal;
    text-align: center;
    margin: 0 0 24px 0;
}

a.item-link {
    text-decoration: none;
    color: inherit;
    display: block;
    background-color: inherit;
    /* 确保链接占据整个矩形区域 */
}

a.item-link:visited {
    color: inherit;
}

a.item-link:active {
    color: inherit;
    background-color: inherit;
    /* 设置激活状态下背景颜色不变化 */
}

.message-container-login {
    border-radius: 4px;
    overflow: hidden;
}

.login-container-new .content {
    width: 400px;
    //liudx
}

.login-container-new .close {
    width: 16px;
    height: 16px;
    top: 16px;
    right: 16px;
    background: url("indexb/close.png") 50% 50% no-repeat;
}

.login-container-new .close:hover {
    background: url("indexb/close-hover.png") 50% 50% no-repeat;
}

/*第三方登陆隐私条款弹窗，head.vm中*/
#myModal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);
}

.modal {
    padding: 15px 20px 15px 20px;
    display: flex;
    width: 319px;
    height: 250px;
    border-radius: 8px;
    background: #fff;
    flex-direction: column;
    border: 1px solid #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -200px;
    font-size: 14px;
}

.modal .modal-header {
    text-align: center;
    /*margin-bottom: 10px;*/
    line-height: 35px;
    height: 35px;
}

.modal .modal-content {
    flex: 1;
    text-align: justify;
}

.modal .modal-content p {
    margin: 5px 0 5px 0;
}

.modal .modal-content a {
    background: transparent;
}

.modal .modal-content a:hover {
    color: #fc3a4e;
    background: transparent;
}

.modal .modal-footer {
    width: 100%;
    border-top: 1px solid #ccc;
    height: 25px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    line-height: 30px;
}

.modal .modal-footer a {
    display: inline-block;
    width: 50%;
    text-decoration: none;
    height: 100%;
    background: transparent;
}

.modal .modal-footer a:hover {
    background: transparent;
}

.modal .modal-footer .disagree-btn {
    color: #666;
    border-right: 1px solid #ccc;
}

.modal .modal-footer .agree-btn {
    color: crimson;
}


@media only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {
    .login-container-new .third-login #qq_connect_btn {
        background: url("indexb/qq@2x.png") 50% 50% no-repeat;
        background-size: contain;
    }

    .login-container-new .third-login #qq_connect_btn:hover {
        background: url("indexb/qq-hover@2x.png") 50% 50% no-repeat;
        background-size: contain;
    }

    .login-container-new .third-login #weixin_connect_btn {
        background: url("indexb/weixin@2x.png") 50% 50% no-repeat;
        background-size: contain;
    }

    .login-container-new .third-login #weixin_connect_btn:hover {
        background: url("indexb/weixin-hover@2x.png") 50% 50% no-repeat;
        background-size: contain;
    }

    .login-container-new .third-login #wb_connect_btn {
        background: url("indexb/weibo@2x.png") 50% 50% no-repeat;
        background-size: contain;
    }

    .login-container-new .third-login #wb_connect_btn:hover {
        background: url("indexb/weibo-hover@2x.png") 50% 50% no-repeat;
        background-size: contain;
    }

    .login-container-new .close {
        width: 16px;
        height: 16px;
        top: 16px;
        right: 16px;
        background: url("indexb/close@2x.png") 50% 50% no-repeat;
        background-size: contain;
    }

    .login-container-new .close:hover {
        background: url("indexb/close-hover@2x.png") 50% 50% no-repeat;
        background-size: contain;
    }

    #hd .logo {
        background: url("indexb/human-trans-logo@2x.png") 0 50% no-repeat;
        background-size: 219px 33px;
    }
}


/*select组件样式 end*/
@media screen and (min-width: 1279px) {
    #hd .hd-logo {
        width: 1200px;
    }

    #hd .logo {
        margin-right: 64px;
    }

    .contact .navigation .nav-menu .seperator {
        width: 38px;
    }

    #docTransMenu {
        left: 138px;
    }

    #serviceExplain {
        left:  572px;
    }

    .contact .navigation .nav-menu a {
        margin: 0 21px;
        _margin: 0 5px;
    }
}

@media only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    #small-service-box span {
        background: url("ic_service_normal@2x.png");
        background-size: 68px 68px;
    }

    #weixinLogo {
        background: url("QRcode@2x.png");
        background-size: 106px 105px;
    }

    #ServiceBox1-close {
        background: url("ic_foldup_normal@2x.png");
        background-size: 16px 16px;
    }
}