@charset "UTF-8";
a,
a:hover {
    text-decoration: none
}

.new_header,
body,
html {
    min-width: 1200px
}

.top-header {
    background-color: #fff;
}

.dropdown,
.dropdown-select,
.dropdown_oth {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.brand_classcy .left_side a,
.classify_alert .selected,
.dropdown .selected,
.dropdown li,
.dropdown_oth .selected,
.dropdown_oth li,
.fn-nowrap,
.mark_qkreg2 .mark_cont2 .table_box table tr td,
.nowrap,
.tab-box .trademark .reg-body .tm-reg .tm-reg-right .right-body .guide-item a,
.text-over,
.thide {
    text-overflow: ellipsis;
    white-space: nowrap
}

body,
html {
    height: 100%;
    background: #f5f5f5
}

.minh85 {
    min-height: 85%
}

.minh100 {
    min-height: 100%
}

blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

body,
button,
input,
select,
textarea {
    color: #444
}

body,
button,
textarea {
    font: 14px/1.6 'Helvetica Neue', 'PingFang SC', 'Microsoft Yahei', 微软雅黑, STXihei, 华文细黑, sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%
}

address,
cite,
dfn,
em,
var {
    font-style: normal
}

ol,
ul {
    list-style: none
}

a {
    color: #f9cb1a;
    outline: 0;
    -webkit-tap-highlight-color: transparent
}

a:hover {
    color: #ff4800
}

fieldset,
img {
    border: 0
}

button,
input,
select,
textarea {
    font: 14px/1.6 "Microsoft YaHei";
    outline: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input {
    border-radius: 0
}

input[type=text],
input[type=tel] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.new_header a,
.newfoot a {
    -webkit-tap-highlight-color: transparent
}

input[type=button],
input[type=submit],
input[type=reset] {
    -webkit-appearance: none
}

input[type=checkbox] {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none!important;
    margin: 0
}

input:disabled {
    background-color: #f6f6f6!important;
    color: #ccc;
    opacity: 1!important;
    -webkit-text-fill-color: #ccc;
    -webkit-opacity: 1
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #ccc
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #ccc
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ccc
}

.fn-posrel {
    position: relative!important
}

.bg_white,
.pos_rel,
.posrel,
.red-dot {
    position: relative
}

.fn-left {
    float: left!important
}

.fn-right {
    float: right!important
}

.new_header .drop dl,
.new_header .login_box .ename_user,
.new_header .login_box a,
.new_header .login_box input,
.new_header .login_box label,
.nowrap {
    float: left
}

.fn-block {
    display: block!important
}

.fn-inblock {
    display: inline-block!important
}

.fn-hidden {
    overflow: hidden!important
}

.fn-bold {
    font-weight: 600!important
}

.fn-center {
    text-align: center!important
}

.fn-alignl {
    text-align: left!important
}

.fn-alignr {
    text-align: right!important
}

.fn-nowrap {
    overflow: hidden;
    text-align: left
}

.font0 {
    font-size: 0
}

.middle,
.vertical-middle {
    vertical-align: middle!important
}

.clearfix {
    zoom: 1
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.bg_white {
    min-height: 650px;
    background-color: #fff;
    overflow: hidden
}

@font-face {
    font-family: '长城行书体';
    src: url(../font/长城行书体.TTF)
}

.flex-left {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center
}

.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.dinline,
.w_em1,
.w_em2 {
    display: inline-block
}

.add-bb {
    border-bottom: 1px solid #eceef6
}

.add-br {
    border-right: 1px solid #d9dce7
}

.right5 {
    right: 20px
}

.c-line {
    text-decoration: line-through;
    color: #999
}

@media screen and (max-width:1200px) {
    body,
    html {
        width: 1200px
    }
}

.bg_pink {
    background-color: #f5f3f6
}

.w50 {
    width: 50%!important
}

.w100 {
    width: 100%!important
}

.w_0 {
    width: 0!important
}

.w_20 {
    width: 20px!important
}

.w_30 {
    width: 30px!important
}

.w_40 {
    width: 40px!important
}

.w_45 {
    width: 45px!important
}

.w_50 {
    width: 50px!important
}

.w_60 {
    width: 60px!important
}

.w_65 {
    width: 65px!important
}

.w_70 {
    width: 70px!important
}

.w_80 {
    width: 80px!important
}

.w_88 {
    width: 88px!important
}

.w_90 {
    width: 90px!important
}

.w_95 {
    width: 95px!important
}

.w_100 {
    width: 100px!important
}

.w_104 {
    width: 104px!important
}

.w_110 {
    width: 110px!important
}

.w_120 {
    width: 120px!important
}

.w_122 {
    width: 123px!important
}

.w_125 {
    width: 125px!important
}

.w_130 {
    width: 130px!important
}

.w_134 {
    width: 134px!important
}

.w_140 {
    width: 140px!important
}

.w_150 {
    width: 150px!important
}

.w_160 {
    width: 160px!important
}

.w_175 {
    width: 175px!important
}

.w_180 {
    width: 180px!important
}

.w_186 {
    width: 186px!important
}

.w_190 {
    width: 190px!important
}

.w_200 {
    width: 200px!important
}

.w_205 {
    width: 205px!important
}

.w_215 {
    width: 215px!important
}

.w_210 {
    width: 210px!important
}

.w_220 {
    width: 220px!important
}

.w_225 {
    width: 225px!important
}

.w_230 {
    width: 230px!important
}

.w_235 {
    width: 235px!important
}

.w_240 {
    width: 210px!important
}

.w_250 {
    width: 250px!important
}

.w_255 {
    width: 255px!important
}

.w_270 {
    width: 270px!important
}

.w_286 {
    width: 286px!important
}

.w_300 {
    width: 300px!important
}

.w_320 {
    width: 320px!important
}

.w_350 {
    width: 350px!important
}

.w_365 {
    width: 365px!important
}

.w_388 {
    width: 388px!important
}

.w_393 {
    width: 393px!important
}

.w_395 {
    width: 395px!important
}

.w_400 {
    width: 400px!important
}

.w_433 {
    width: 433px!important
}

.w_458 {
    width: 458px!important
}

.w_520 {
    width: 520px!important
}

.w_564 {
    width: 564px!important
}

.w_690 {
    width: 690px!important
}

.w_630 {
    width: 630px!important
}

.w_830 {
    width: 830px!important
}

.w_em1 {
    width: .5em
}

.w_em2 {
    width: 1em
}

.h_30 {
    height: 30px!important
}

.h_38 {
    height: 38px!important
}

.h_54 {
    height: 54px!important
}

.h_90 {
    height: 90px!important
}

.h_120 {
    height: 120px!important
}

.h_135 {
    height: 135px!important
}

.h_160 {
    height: 160px!important
}

.h_188 {
    height: 188px!important
}

.min_h70 {
    min-height: 70px!important
}

.top160 {
    top: 160px!important
}

.top220 {
    top: 220px!important
}

.pl2 {
    padding-left: 2px!important
}

.ptb20 {
    margin: 20px 0
}

.p3060 {
    padding: 30px 60px!important
}

.pt0 {
    padding-top: 0!important
}

.pt5 {
    padding-top: 5px!important
}

.pt10 {
    padding-top: 10px!important
}

.pt15 {
    padding-top: 15px!important
}

.pt20 {
    padding-top: 20px!important
}

.pt17 {
    padding-top: 17px!important
}

.pt24 {
    padding-top: 24px!important
}

.pt30 {
    padding-top: 30px!important
}

.pt40 {
    padding-top: 40px!important
}

.pt50 {
    padding-top: 50px!important
}

.pt70 {
    padding-top: 70px!important
}

.pl5 {
    padding-left: 5px!important
}

.pl7 {
    padding-left: 7px!important
}

.pl10 {
    padding-left: 10px!important
}

.pl14 {
    padding-left: 14px!important
}

.pl15 {
    padding-left: 15px!important
}

.pl20 {
    padding-left: 20px!important
}

.pl25 {
    padding-left: 25px!important
}

.pl30 {
    padding-left: 30px!important
}

.pl40 {
    padding-left: 40px!important
}

.pl70 {
    padding-left: 70px!important
}

.pl110 {
    padding-left: 110px!important
}

.pr0 {
    padding-right: 0!important
}

.pr5 {
    padding-right: 5px!important
}

.pr10 {
    padding-right: 10px!important
}

.pr14 {
    padding-right: 14px!important
}

.pr20 {
    padding-right: 20px!important
}

.pr30 {
    padding-right: 30px!important
}

.plr40 {
    padding: 0 40px!important
}

.pb0 {
    padding-bottom: 0!important
}

.pb5 {
    padding-bottom: 5px!important
}

.pb10 {
    padding-bottom: 10px!important
}

.pb15 {
    padding-bottom: 15px!important
}

.pb20 {
    padding-bottom: 20px!important
}

.pb30 {
    padding-bottom: 30px!important
}

.pb40 {
    padding-bottom: 40px!important
}

.pb100 {
    padding-bottom: 100px!important
}

.pd20 {
    padding: 20px!important
}

.pd14 {
    padding: 14px!important
}

.pd9 {
    padding: 9px!important
}

.ma0_auto {
    margin: 0 auto!important
}

.nmt230 {
    margin-top: -230px!important
}

.ma0 {
    margin: 0!important
}

.mt-5 {
    margin-top: -5px!important
}

.mt2 {
    margin-top: 2px!important
}

.mt5 {
    margin-top: 5px!important
}

.mt6 {
    margin-top: 6px!important
}

.mt8 {
    margin-top: 8px!important
}

.mt10 {
    margin-top: 10px!important
}

.mt12 {
    margin-top: 12px!important
}

.mt15 {
    margin-top: 15px!important
}

.mt18 {
    margin-top: 18px!important
}

.mt25 {
    margin-top: 25px!important
}

.mt20 {
    margin-top: 20px!important
}

.mt30 {
    margin-top: 30px!important
}

.mt40 {
    margin-top: 40px!important
}

.mt45 {
    margin-top: 45px!important
}

.mt50 {
    margin-top: 50px!important
}

.mt60 {
    margin-top: 60px!important
}

.mt80 {
    margin-top: 80px!important
}

.mt120 {
    margin-top: 120px!important
}

.mt170 {
    margin-top: 170px!important
}

.mb0 {
    margin-bottom: 0!important
}

.mb5 {
    margin-bottom: 5px!important
}

.mb15 {
    margin-bottom: 15px!important
}

.mb10 {
    margin-bottom: 10px!important
}

.mb20 {
    margin-bottom: 20px!important
}

.mb25 {
    margin-bottom: 25px!important
}

.mb30 {
    margin-bottom: 30px!important
}

.mb40 {
    margin-bottom: 40px!important
}

.mb50 {
    margin-bottom: 50px!important
}

.mb60 {
    margin-bottom: 60px!important
}

.ml0 {
    margin-left: 0!important
}

.ml4 {
    margin-left: 4px!important
}

.ml5 {
    margin-left: 5px!important
}

.ml-5 {
    margin-left: -5px!important
}

.ml7 {
    margin-left: 7px!important
}

.ml10 {
    margin-left: 10px!important
}

.ml11 {
    margin-left: 11px!important
}

.ml15 {
    margin-left: 15px!important
}

.ml20 {
    margin-left: 20px!important
}

.ml25 {
    margin-left: 25px!important
}

.ml26 {
    margin-left: 26px!important
}

.ml30 {
    margin-left: 30px!important
}

.ml35 {
    margin-left: 35px!important
}

.ml40 {
    margin-left: 40px!important
}

.ml50 {
    margin-left: 50px!important
}

.ml58 {
    margin-left: 58px!important
}

.ml53 {
    margin-left: 53px!important
}

.ml60 {
    margin-left: 60px!important
}

.ml70 {
    margin-left: 70px!important
}

.ml75 {
    margin-left: 75px!important
}

.ml80 {
    margin-left: 80px!important
}

.ml90 {
    margin-left: 90px!important
}

.ml100 {
    margin-left: 100px!important
}

.ml110 {
    margin-left: 110px!important
}

.ml140 {
    margin-left: 140px!important
}

.ml166 {
    margin-left: 166px!important
}

.ml175 {
    margin-left: 175px!important
}

.ml200 {
    margin-left: 200px!important
}

.ml300 {
    margin-left: 300px!important
}

.ml370 {
    margin-left: 370px!important
}

.mr0 {
    margin-right: 0!important
}

.mr5 {
    margin-right: 5px!important
}

.mr7 {
    margin-right: 7px!important
}

.mr8 {
    margin-right: 8px!important
}

.mr10 {
    margin-right: 10px!important
}

.mr17 {
    margin-right: 17px!important
}

.mr15 {
    margin-right: 15px!important
}

.mr20 {
    margin-right: 20px!important
}

.mr30 {
    margin-right: 30px!important
}

.mr35 {
    margin-right: 35px!important
}

.mr50 {
    margin-right: 50px!important
}

.mr58 {
    margin-right: 58px!important
}

.mr60 {
    margin-right: 60px!important
}

.mr70 {
    margin-right: 70px!important
}

.mr90 {
    margin-right: 90px!important
}

.mr95 {
    margin-right: 95px!important
}

.mr100 {
    margin-right: 100px!important
}

.mlr40 {
    margin: 0 40px!important
}

.lh20 {
    line-height: 20px!important
}

.lh22 {
    line-height: 22px!important
}

.lh24 {
    line-height: 24px!important
}

.lh25 {
    line-height: 25px!important
}

.lh28 {
    line-height: 28px!important
}

.lh30 {
    line-height: 30px!important
}

.lh32 {
    line-height: 32px!important
}

.lh40 {
    line-height: 40px!important
}

.lh50 {
    line-height: 50px!important
}

.btn,
.inp,
.text-nowrap {
    line-height: 20px
}

.min-h65 {
    min-height: 65px!important
}

.font44 {
    font-size: 44px!important
}

.font36 {
    font-size: 36px!important
}

.font34 {
    font-size: 34px!important
}

.fn25 {
    font-size: 25px!important
}

.font26 {
    font-size: 26px!important
}

.font27 {
    font-size: 27px!important
}

.font28 {
    font-size: 28px!important
}

.font20 {
    font-size: 20px!important
}

.font30 {
    font-size: 30px!important
}

.fn50 {
    font-size: 50px!important
}

.fn36,
.font36 {
    font-size: 36px!important
}

.fn43,
.font43 {
    font-size: 43px!important
}

.fn32,
.font32 {
    font-size: 32px!important
}

.fn24,
.font24 {
    font-size: 24px!important
}

.fn22,
.font22 {
    font-size: 22px!important
}

.fn18,
.font18 {
    font-size: 18px!important
}

.fn16,
.font16 {
    font-size: 16px!important
}

.fn15,
.font15 {
    font-size: 15px!important
}

.fn14,
.font14 {
    font-size: 14px!important
}

.fn13,
.font13 {
    font-size: 13px!important
}

.fn12,
.font12 {
    font-size: 12px!important
}

.fontw700 {
    font-weight: 700!important
}

.fontw400 {
    font-weight: 400!important
}

.fontw800 {
    font-weight: 800!important
}

.bold {
    font-weight: 600
}

.normal {
    font-weight: 400
}

.bg_ffc49e {
    background-color: #ffc49e!important
}

.bg_a2ccff {
    background-color: #a2ccff!important
}

.b_white {
    background: #fff!important
}

.b_grey {
    background: #fbfbfb
}

.b_grey2 {
    background: #f7f7fa
}

.bg_f2f4f8 {
    background-color: #f2f4f8!important
}

.backfff {
    background: #fff!important
}

.bg_f1f4f7 {
    background-color: #f1f4f7!important
}

.yellowbg {
    background: #fcf0d7
}

.yellowbg2 {
    background: #ffecbc
}

.graybg {
    background: #f7f7f7
}

.greybg {
    background: #f3f3f3
}

.bg_f9f9fa {
    background: #f9f9fa!important
}

.bluebg {
    background: #1a94e9
}

.blue2bg {
    background-color: #f1f4f9
}

.orangebg {
    background: #ff6028
}

.bluebtn {
    background-color: #2789ed!important
}

.bg_fafafa {
    background-color: #fafafa!important
}

.c_breedred {
    color: #f72a3f!important
}

.c_red {
    color: #ff3145!important
}

.c_red2 {
    color: #f24652!important
}

.c_red3 {
    color: #ff1a14!important
}

.c_white {
    color: #fff!important
}

.c_blue {
    color: #f9cb1a!important
}

.c_ligblue {
    color: #9abfff!important
}

.c_blue2 {
    color: #596bff!important
}

.c_blue3 {
    color: #6372f0!important
}

.c_blue4 {
    color: #515c7a!important
}

.c_blue5 {
    color: #6170ee!important
}

.c_blue6 {
    color: #5090fc!important
}

.c_blue7 {
    color: #66a0e7!important
}

.c_blue8 {
    color: #f9cb1a!important
}

.c_blue9 {
    color: #2789ed!important
}

.c_blue10 {
    color: #2c88e9!important
}

.c_orange {
    color: #ff4800!important
}

.c_orange2 {
    color: #ff6700!important
}

.c_gray {
    color: #666!important
}

.c_gray3 {
    color: #333!important
}

.c_gray9 {
    color: #999!important
}

.c_gray4 {
    color: #444!important
}

.c_gray8 {
    color: #888!important
}

.c_gray7 {
    color: #777!important
}

.c_green {
    color: #0bb523!important
}

.c_green2 {
    color: #93aac2!important
}

.c_green3 {
    color: #2dae5f!important
}

.c_black6 {
    color: #666!important
}

.c_ligray {
    color: #e1e0e0!important
}

.c_gold {
    color: #cca561
}

.c_purple {
    color: #6c3fdd!important
}

.c_tiporange {
    color: #ff8920!important
}

.c_bloorange {
    color: #fd5c31!important
}

.c_lightblue {
    color: #85abff!important
}

.c_lighgreen {
    color: #00a91c!important
}

.c_lighgrey {
    color: #696464!important
}

.c_black {
    color: #454f65!important
}

.c_f9273e {
    color: #f9273e!important
}

.bd-none {
    border: 0
}

.bb-none {
    border-bottom: 0!important
}

.bradius3 {
    border-radius: 3px!important
}

.bradius0 {
    border-radius: 0!important
}

.bradius4 {
    border-radius: 4px!important
}

.tresize0 {
    resize: none
}

.none {
    display: none
}

.fn-hide {
    display: none!important
}

.textbot {
    vertical-align: bottom!important
}

.textmdl {
    vertical-align: middle!important
}

.textttop {
    vertical-align: text-top
}

.middle {
    vertical-align: middle
}

.cur_poi {
    cursor: pointer
}

.pot_none {
    pointer-events: none!important;
    cursor: not-allowed!important
}

.aroud_btn:hover,
.aroud_btn_orange:hover,
.btn {
    cursor: pointer
}

.valign_top {
    vertical-align: top
}

.valign_center {
    vertical-align: center
}

.arial {
    font-family: arial
}

.border0 {
    border: none!important
}

.bl0 {
    border-left: 0!important
}

.bl-e9 {
    border-left: 1px solid #e9e9e9
}

.br0 {
    border-right: 0!important
}

.br1-e7 {
    border-right: 1px solid #e7e7e7!important
}

.bordertop {
    border-top: 1px solid #e9e9e9
}

.bb-e9 {
    border-bottom: 1px solid #e9e9e9
}

.bt-e7 {
    border-top: 1px solid #e7e7e7
}

.bb-e7 {
    border-bottom: 1px solid #e7e7e7
}

.bb-ec {
    border-bottom: 1px solid #ececec
}

.bt-ee {
    border-top: 1px solid #eee
}

.pic-bd {
    border: 1px solid #ececec
}

.bd-tt {
    border-top: 1px dotted #e5e5e5
}

.bd-st {
    border-top: 1px solid #eee
}

.bd-sr {
    border-right: 1px solid #eee
}

.bdt-ec {
    border-top: 1px solid #ececec
}

.bd-cc {
    border: 1px solid #ccc
}

.bd-e7 {
    border: 1px solid #e7e7e7
}

.bd-e3 {
    border: 1px solid #e3e3e3
}

.bd-e9 {
    border: 1px solid #e9e9e9
}

.red-dot:after {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #ff3145;
    position: absolute;
    right: 30px;
    top: 0
}

.textcen {
    text-align: center!important
}

.tleft {
    text-align: left!important
}

.tright {
    text-align: right!important
}

.tunline {
    text-decoration: underline
}

.tlineth {
    text-decoration: line-through
}

.com_aside .com_aside_dl a,
.new_header a,
.new_header a:hover,
.newfoot a,
.newfoot a:hover {
    text-decoration: none
}

.letters3 {
    letter-spacing: 3px
}

.letters1 {
    letter-spacing: 1px
}

.tindent28 {
    text-indent: 28px
}

.tindent32 {
    text-indent: 32px
}

.thide {
    overflow: hidden;
    word-wrap: normal
}

.nowrap {
    overflow: hidden;
    _display: inline;
    text-align: left
}

.text-nowrap {
    position: relative;
    height: 40px;
    overflow: hidden
}

.text-nowrap::after {
    content: '...';
    position: absolute;
    bottom: 0;
    right: 40px;
    padding: 0 5px;
    background: #efefef
}

.text-nowrap a {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 5px;
    background: #efefef
}

i,
label {
    font-style: normal
}

textarea {
    resize: none
}

.inp {
    padding: 5px;
    border: 1px solid #d1d1d1
}

.flex {
    display: flex
}

.flex1 {
    flex: 1
}

.flex2 {
    flex: 2
}

.flex3 {
    flex: 3
}

.text-over {
    overflow: hidden;
    display: inline-block
}

.no_pointer {
    pointer-events: none
}

.icon-head_05 {
    display: inline-block;
    background-image: url(./sprite.1614672658685.png);
    background-position: -210px -157px;
    width: 19px;
    height: 19px;
    vertical-align: middle
}

.icon-head_07,
.icon-head_07h {
    width: 17px;
    height: 18px;
    vertical-align: middle;
    display: inline-block;
    background-image: url(./sprite.1614672658685.png)
}

.icon-head_07 {
    background-position: -280px -171px
}

.icon-head_07h {
    background-position: -280px -143px
}

.icon-head_09 {
    display: inline-block;
    background-image: url(./sprite.1614672658685.png);
    background-position: -280px 0;
    width: 18px;
    height: 19px;
    vertical-align: middle
}

.icon-head_21,
.icon-head_21h {
    width: 17px;
    height: 19px;
    vertical-align: middle;
    display: inline-block;
    background-image: url(./sprite.1614672658685.png)
}

.icon-head_21 {
    background-position: -280px -85px
}

.icon-head_21h {
    background-position: -280px -114px
}

.icon-head_25 {
    display: inline-block;
    background-image: url(./sprite.1614672658685.png);
    background-position: -210px -186px;
    width: 13px;
    height: 14px;
    vertical-align: middle
}

.icon-head_29,
.icon-head_29h {
    width: 21px;
    height: 23px;
    display: inline-block;
    background-image: url(./sprite.1614672658685.png);
    vertical-align: middle
}

.icon-head_29 {
    background-position: -241px -96px
}

.icon-head_29h {
    background-position: -210px -96px
}

.icon-head_rom {
    display: inline-block;
    background-image: url(./sprite.1614672658685.png);
    background-position: -233px -186px;
    width: 11px;
    height: 11px;
    vertical-align: middle
}

.icon-headicon_03,
.icon-headicon_05,
.icon-headicon_07,
.icon-headicon_09,
.icon-headiconn_03,
.icon-headiconn_05,
.icon-headiconn_07,
.icon-headiconn_09,
.icon-headiconn_11 {
    display: inline-block;
    background-image: url(./sprite.1614672658685.png);
    width: 60px;
    height: 60px
}

.icon-headicon_03 {
    background-position: -70px -140px;
    vertical-align: middle
}

.icon-headicon_05 {
    background-position: -140px -140px;
    vertical-align: middle
}

.icon-headicon_07 {
    background-position: -210px 0;
    vertical-align: middle
}

.icon-headicon_09 {
    background-position: -70px 0;
    vertical-align: middle
}

.icon-headicon_11 {
    display: inline-block;
    background-image: url(./sprite.1614672658685.png);
    background-position: 0 0;
    width: 60px;
    height: 60px;
    vertical-align: middle
}

.icon-headiconn_03 {
    background-position: 0 -70px;
    vertical-align: middle
}

.icon-headiconn_05 {
    background-position: -70px -70px;
    vertical-align: middle
}

.icon-headiconn_07 {
    background-position: -140px 0;
    vertical-align: middle
}

.icon-headiconn_09 {
    background-position: -140px -70px;
    vertical-align: middle
}

.icon-headiconn_11 {
    background-position: 0 -140px;
    vertical-align: middle
}

.icon-reg_03,
.icon-reg_05 {
    width: 21px;
    height: 18px;
    display: inline-block;
    background-image: url(./sprite.1614672658685.png);
    vertical-align: middle
}

.icon-reg_03 {
    background-position: -241px -129px
}

.icon-reg_05 {
    background-position: -210px -129px
}

.icon-x {
    display: inline-block;
    background-image: url(./sprite.1614672658685.png);
    vertical-align: middle
}

.icon-x2 {
    display: inline-block;
    background-image: url(./sprite.1614672658685.png);
    background-position: -280px -225px;
    width: 16px;
    height: 16px;
    vertical-align: middle
}

.icon-zhuan,
.icon-zhuan-h {
    display: inline-block;
    background-image: url(./sprite.1614672658685.png);
    width: 15px;
    height: 17px
}

.icon-zhuan-h {
    background-position: -29px -236px;
    vertical-align: middle
}

.icon-zhuan {
    background-position: -54px -236px;
    vertical-align: middle
}

.icon-zt-xryh-sheng,
.icon-zt-xryh-xiao {
    display: inline-block;
    background-image: url(./sprite.1614672658685.png);
    height: 16px;
    vertical-align: middle
}

.icon-zt-xryh-sheng {
    background-position: 0 -210px;
    width: 22px
}

.icon-zt-xryh-xiao {
    background-position: -210px -70px;
    width: 48px
}

.pb-btn {
    width: 240px;
    height: 30px;
    border: 1px solid #dcdcdc;
    display: block;
    padding-left: 10px
}

.aroud_btn,
.aroud_btn_orange {
    font-size: 12px;
    width: 50px;
    height: 20px;
    margin: 0 auto
}

.aroud_btn,
.aroud_btn_orange,
.btn {
    display: inline-block;
    text-align: center;
    position: relative
}

.aroud_btn {
    border: 1px solid #f9cb1a;
    color: #f9cb1a;
    border-radius: 18px
}

.aroud_btn_orange {
    border: 1px solid #ff4800;
    color: #ff4800;
    border-radius: 18px
}

.btn {
    color: #fff;
    padding: 7px 22px;
    margin: 0 5px;
    background-color: #428ae2;
    border-radius: 3px;
    font-size: 16px;
    border: none
}

.code_close,
.new_header .login_down .icon:hover .down_ul {
    display: block
}

.btn_gz,
.code_close,
.domain_code {
    position: absolute
}

.btn_new {
    padding: 5px 14px;
    font-size: 14px
}

.btn.bradius0 {
    border-radius: 0!important
}

.btn.btn_blue {
    border: 1px solid #f9cb1a;
    background: #f9cb1a;
    color: #fff
}

.btn.btn_blue:hover {
    border-color: #f9cb1a;
    background: #f9cb1a;
    color: #fff!important
}

.btn.bd_blue:hover,
.btn.btn_blue3:hover {
    border-color: #157de7;
    background: #157de7;
    color: #fff!important
}

.btn:hover {
    color: #fff
}

.btn.btn_white {
    background: #fff;
    color: #f9cb1a;
    border: 1px solid #f9cb1a
}

.bd_lblue {
    color: #80bfff!important;
    background-color: #f1f8ff!important;
    border: 1px solid #80bfff!important
}

.btn.btn_blue2 {
    background: #77abeb;
    color: #fff
}

.btn.btn_blue3 {
    background: #f9cb1a;
    color: #fff
}

.btn.btn_blue3:hover {
    border-color: #f9cb1a;
    background: #f9cb1a
}

.btn.btn_blue4 {
    border: 1px solid #f9cb1a;
    background: #f9cb1a;
    color: #fff
}

.btn.btn_blue4:hover {
    border-color: #f9cb1a;
    background: #f9cb1a
}

.btn.btn_border {
    color: #f9cb1a;
    background-color: #fff;
    border: 1px solid #f9cb1a
}

.btn.btn_border:hover {
    color: #fff;
    background-color: #f9cb1a;
    border: 1px solid #f9cb1a
}

.btn.btn_red {
    background-color: #ff4800;
    border: 1px solid #ff4800
}

.btn.btn_red:hover {
    background-color: #535252;
    border: 1px solid #535252
}

.btn.btn_circle {
    font-size: 12px!important;
    border-radius: 15px!important;
    padding: 2px 10px;
    margin: 0
}

.btn_orange,
.btn_orange_label {
    background-color: #ff6700!important;
    border: 1px solid #ff6700
}

.btn.c_green {
    color: #93aac2
}

.btn_orange_label {
    font-size: 12px;
    padding: 0 5px;
    line-height: 20px;
    margin-top: -4px;
    vertical-align: middle
}

.btn.btn_orange:hover,
.btn_orange4:hover {
    border-color: #ff4800!important;
    background: #ff4800!important;
    color: #fff!important
}

.btn.bd_orange:hover {
    border-color: #f25807!important;
    background: #f25807!important;
    color: #fff!important
}

.bd_orange2.on,
.bd_orange2:hover,
.btn_orange2 {
    background-color: #ff4800!important;
    color: #fff!important;
    border: 1px solid #ff4800!important
}

.btn_orange2:hover,
.btn_orange3:hover {
    background-color: #ff6700!important;
    color: #fff!important;
    border: 1px solid #ff6700!important
}

.btn_orange3 {
    background-color: #ff7800!important;
    border: 1px solid #ff7800
}

.btn_orange4 {
    background-color: #ff781d!important;
    border: 1px solid #ff781d
}

.btn_disable,
.btn_gray,
.btn_nohover {
    background-color: #939ba4!important;
    border: 1px solid #939ba4!important
}

.btn_disable {
    cursor: default
}

.btn_gray:hover {
    background-color: #7f8890!important;
    border: 1px solid #7f8890!important
}

.btn_gray2 {
    background: #93aac2;
    color: #fff;
    border: 1px solid #93aac2
}

.btn_green {
    border: 1px solid #93aac2!important
}

.btn_lightblue {
    background-color: #85abff!important;
    border: 1px solid #85abff!important
}

.btn.bd_gray {
    border: 1px solid #d1d1d1!important;
    background: #fff;
    color: #888!important
}

.btn.bd_blue {
    border: 1px solid #f9cb1a!important;
    background: #fff;
    color: #f9cb1a!important
}

.btn.bd_blue2 {
    border: 1px solid #f9cb1a!important;
    background: #fff;
    color: #f9cb1a!important
}

.bd_blue3 {
    border: 1px solid #c0dcff!important;
    background: #dcecff;
    color: #428ae2!important
}

.btn.bd_grblue {
    border: 1px solid #668cb3!important;
    background: #fff;
    color: #668cb3!important
}

.btn.bd_grblue:hover {
    border: 1px solid #668cb3!important;
    background: #668cb3!important;
    color: #fff!important
}

.btn.bd_orange {
    border: 1px solid #ff6700;
    background: #fff;
    color: #ff6700!important
}

.bd_orange2 {
    color: #ff4800!important;
    border: 1px solid #ff4800!important;
    background-color: #fff!important
}

.btn_gz {
    right: 90px;
    top: 70px;
    border-radius: 30px
}

.btn_gz_hover {
    width: 115px;
    height: 40px;
    padding: 0;
    line-height: 40px
}

.btn_gz_hover:hover {
    background: url(../images/zt/zt-xsgz_19.png) center;
    background-size: cover
}

.small_btn {
    line-height: normal!important;
    padding: 0 4px!important;
    margin: 0 3px!important
}

.btn_hug {
    padding: 10px 20px!important
}

.btn_sm {
    padding: 5px 10px;
    font-size: 14px;
    margin: 0
}

.bd_default {
    color: #668cb3!important;
    border: 1px solid #93aac2!important;
    background-color: #fff!important;
    cursor: no-drop
}

.new_header .header {
    width: 1200px;
    margin: 0 auto;
    padding: 23px 0
}

.com_input,
.com_input2 {
    padding: 5px 6px;
    font-size: 14px!important
}

.com_input {
    height: 20px;
    border: 1px solid #dcdcdc
}

.com_input::-webkit-input-placeholder {
    color: #c5c5c5
}

.com_input2 {
    height: 32px;
    border: 1px solid #ccc
}

.code_close,
.domain_code p {
    font-size: 12px;
    text-align: center
}

.com_input.com_input_red {
    border: 1px solid #ff6700;
    padding: 7px
}

.domain_code {
    width: 78px;
    padding: 14px 0 5px;
    margin-left: -730px;
    background: #fff;
    border: 1px solid #89c4ff;
    left: 50%;
    top: 357px;
    text-align: center
}

.code_close {
    height: 10px;
    width: 12px;
    color: #3892ee;
    line-height: 10px;
    right: 0;
    top: 0
}

.new_header {
    background-color: #fff;
    color: #333;
    font: 14px/1.6;
    padding: 0;
    margin: 0
}

.new_header a,
.new_header input {
    outline: 0;
    color: #333
}

.new_header a {
    padding: 0;
    margin: 0;
    color: #0c73b7
}

.new_header img,
.new_header input {
    vertical-align: middle
}

.new_header h1 {
    font-size: 14px;
    font-weight: 400
}

.new_header label {
    margin: 0 0 0 5px;
    cursor: pointer
}

.new_header input {
    font: 12px/1.6
}

.new_header input::-moz-focus-inner {
    border: 0;
    padding: 0
}

.new_header input::-webkit-input-placeholder {
    color: #d8d8d8
}

.new_header a:hover {
    color: #ff6a00
}

.new_header .c_blue {
    color: #008edf
}

.new_header .nav {
    height: 30px;
    line-height: 30px;
    background: #f9f9f9;
    border-bottom: 1px solid #f0f0f0
}

.new_header .login_box {
    width: 470px
}

.new_header .login_box label {
    margin: 0
}

.new_header .login_box .ename_user a {
    float: none;
    color: #0f93d8
}

.new_header .login_box .ename_user a:hover {
    color: #ff6a00
}

.new_header .login_box .member,
.new_header .login_box .password {
    width: 94px;
    border-color: #ccc;
    margin: 4px 8px 0 2px;
    padding: 0 5px;
    font-size: 12px!important;
    line-height: 20px
}

.new_header .login_box .icon_bg {
    padding-left: 20px;
    background-image: url(../images/icon_bg.png);
    background-repeat: no-repeat;
    margin-left: 10px;
    color: #333
}

.new_header .login_box .icon_bg em {
    color: #ff6a00
}

.new_header .login_box .c_gray {
    color: #666!important;
    margin-left: 10px
}

.new_header .login_box .c_blue {
    color: #666;
    margin-left: 10px
}

.new_header .login_box .c_blue:hover {
    color: #ff6a00
}

.new_header .com_input,
.new_header .drop,
.new_header .login_btn,
.new_header .nav {
    font-size: 12px
}

.new_header .com_input {
    border: 1px solid #ccc;
    line-height: 15px;
    padding: 5.5px 5px;
    color: #777
}

.new_header .com_input:focus {
    color: #333
}

.new_header .login_btn,
.new_header .login_down {
    background: #2789ed;
    height: 20px
}

.new_header .login_btn {
    border: none;
    width: 55px;
    padding: 0 15px 0 5px;
    cursor: pointer;
    color: #fff
}

.new_header .login_down {
    display: block;
    float: left;
    margin: 5px 8px 0 2px;
    position: relative;
    cursor: pointer;
    z-index: 99
}

.new_header .login_down .icon {
    width: 15px;
    height: 21px;
    background: url(../img/icon.png) 1px -64px no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.new_header .login_tip {
    position: absolute;
    top: 36px;
    border: 1px solid #ffba8c;
    background: #fff1de;
    color: #ff552b;
    z-index: 75;
    padding: 2px 10px;
    left: -30px;
    white-space: nowrap
}

.new_header .down_ul {
    display: none;
    margin: 20px 0 0;
    width: 110px;
    padding-top: 5px;
    border: 1px solid #e5e5e5;
    background: #fafafa;
    position: absolute;
    left: -40px;
    z-index: 99
}

.new_header .down_ul li {
    width: 110px;
    height: 28px;
    line-height: 28px
}

.new_header .down_ul li a {
    padding-left: 28px;
    background-image: url(../images/logoico.png);
    background-repeat: no-repeat;
    color: #333
}

.new_header .down_ul li a:hover {
    color: #ff6a00
}

.new_header .down_ul li .sina {
    background-position: 8px 7px
}

.new_header .down_ul li .qq {
    background-position: 8px -20px
}

.new_header .down_ul li .taob {
    background-position: 8px -47px
}

.new_header .messaging {
    background-position: 0 0
}

.new_header .messaging_none {
    background-position: 0 -60px;
    color: #777
}

.new_header .messaging_none:hover {
    color: #ff6a00
}

.new_header .nav_cart {
    background-position: 0 -30px
}

.new_header .nav_cart_none {
    background-position: 0 -90px;
    color: #777
}

.new_header .nav_cart_none:hover {
    color: #ff6a00
}

.new_header .insideb,
.new_header .outsideb {
    display: block;
    height: 0;
    width: 0;
    line-height: 0;
    border: 8px solid #000;
    border-style: dashed dashed solid solid;
    overflow: hidden;
    position: absolute;
    left: 50px
}

.new_header .outsideb {
    top: -16px;
    border-color: transparent transparent #ffba8c
}

.new_header .insideb {
    top: -15px;
    border-color: transparent transparent #fff1de
}

.new_header .topnav {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 77
}

.new_header .captcha img,
.new_header .captcha input {
    margin-top: 5px
}

.new_header .captcha {
    width: 245px
}

.new_header .captcha input {
    width: 40px;
    margin-top: 5px;
    padding: 2px 5px
}

.new_header .captcha a,
.new_header .captcha img {
    float: left;
    display: inline;
    margin-left: 5px;
    color: #0f93d8
}

.new_header .link_box {
    color: #cdcdcd
}

.new_header .link_box a {
    padding: 0 9px;
    color: #666;
    margin-right: 8px;
    margin-left: 3px
}

.new_header .link_box.right a {
    vertical-align: middle;
    padding: 0 4px
}

.new_header .link_box .language {
    padding: 0 2px
}

.new_header .link_box .current,
.new_header .link_box a:hover {
    color: #ff6a00
}

.new_header .nav_menu {
    width: 100%;
    height: 50px;
    background: #2789ed
}

.new_header .menu_list {
    width: 1200px;
    margin: 0 auto
}

.new_header .menu_list>li {
    float: left;
    height: 50px;
    line-height: 50px;
    position: relative;
    width: auto
}

.new_header .menu_list .new_icon {
    width: 26px;
    height: 12px;
    background: url(../img/icon.png) -77px -111px no-repeat;
    position: absolute;
    right: 24px;
    top: 4px
}

.new_header .menu_list li .menu_but {
    display: block;
    padding: 0 25px;
    height: 100%;
    color: #fff;
    font-size: 16px;
    text-align: center;
    width: 70px
}

.new_header .menu_list li .menu_butnav {
    display: block;
    padding: 0 10px;
    height: 100%;
    color: #fff;
    font-size: 16px;
    text-align: center;
    width: 100px
}

.new_header .menu_list li.active,
.new_header .menu_list li:hover {
    background-color: #1f7de3!important;
    font-weight: bolder
}

.new_header .menu_list li:hover .menu_but {
    background-position: 75px -24px;
    background-color: #187de3!important;
    font-weight: bolder
}

.new_header .menu_list .menu_current {
    position: relative
}

.menu_current.other,
.new_header .menu_list .menu_current.one {
    background: #1c70d5
}

.new_header .menu_list .menu_current.one span:hover {
    background-color: #0c70d5!important;
    font-weight: 400
}

.new_header .menu_list .menu_current:hover .all_classicy {
    display: block
}

.new_header .menu_list .menu_current .menu_but {
    background-image: url(../img/menu_but_bg.png);
    background-repeat: no-repeat;
    background-position: 132px 10px
}

.new_header .menu_list .menu_current .no_menu_but {
    background-image: none;
    width: 150px
}

.new_header .menu_list .new .menu_but {
    background-image: url(../img/menu_but_bg.png);
    background-repeat: no-repeat;
    background-position: 75px 12px;
    cursor: pointer
}

.new_header .menu_list li.auctions .menu_but {
    display: block;
    padding-left: 38px;
    color: #ffff41
}

.new_header .menu_list li.auctions .menu_but:hover {
    font-weight: 600
}

.new_header .menu_list li.manage_center {
    float: right;
    padding-left: 5px;
    position: relative
}

.new_header .menu_list li.manage_center .menu_but {
    cursor: pointer;
    padding: 0 10px 0 35px;
    background: url(../images/perscent_bg.png) 20px center no-repeat
}

.manage_bg1,
.manage_bg3 {
    padding: 0 10px 0 35px!important;
    color: #fff!important;
    font-size: 16px
}

.add-hover {
    background-position: 90px 10px!important
}

.menu_current:hover .add-hover {
    background-position: 90px -24px!important
}

.manage_bg1 {
    background: url(../images/new_header01.png) 16px center no-repeat!important;
    background-size: 16px!important
}

.manage_bg2 {
    background: url(../images/new_header02.png) 6px center no-repeat!important;
    background-size: 16px!important;
    margin-left: 20px
}

.manage_bg3 {
    cursor: pointer;
    background: url(../images/perscent_bg.png) 20px center no-repeat
}

.new_header .menu_list li.manage_center .drop {
    display: none;
    width: 520px;
    border: 2px solid #2789ed;
    border-top: none;
    background: #fff;
    z-index: 399;
    padding: 0 6px 15px 14px;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 50px
}

.new_header .menu_list li.manage_center .drop dl {
    float: left;
    display: inline;
    margin: 0 8px;
    width: 114px;
    overflow: hidden
}

.new_header .menu_list li.manage_center .drop dt {
    height: 18px;
    line-height: 18px;
    padding: 20px 0 5px;
    color: #fe7710;
    font-weight: 700
}

.new_header .menu_list li.manage_center .drop dd a {
    display: block;
    height: 28px;
    line-height: 28px;
    border-bottom: 1px dashed #ededed;
    color: #333;
    word-break: keep-all;
    white-space: nowrap
}

.com_tab td,
.dts-list li,
.mark_examine .auto_list li,
.ser-detail .details .check,
.table td {
    word-break: break-all
}

.new_header .menu_list li.manage_center .drop dd a:hover {
    color: #ff4800
}

.new_header .menu_list li.manage_center .drop dd a strong {
    color: #555
}

.new_header .menu_list li.manage_center:hover .drop,
.new_header .menu_list li:hover .down_list {
    display: block
}

.new_header .logo a,
.new_header .ser_box {
    display: table-cell;
    vertical-align: middle
}

.edit_width {
    text-align: -webkit-center!important;
    width: 170px!important
}

.new_header .logo,
.new_header .logo a {
    height: 65px;
    margin-top: -12px;
    margin-left: -27px
}

.new_header .ser_box {
    height: 65px;
    width: 845px
}

.new_header .ser_box .ser_form {
    width: 495px
}

.new_header .ser_box .ser_form .ser_header {
    margin-left: 32px
}

.new_header .ser_box .ser_form .ico {
    display: inline-block;
    padding: 8px 14px;
    font-size: 14px;
    color: #777;
    line-height: 15px;
    cursor: pointer;
    margin-right: 4px
}

.new_header .ser_box .ser_form .ico.active {
    background: #60afff;
    color: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.new_header .ser_box .ser_form .ser_form_main .target_int {
    font-size: 12px;
    color: #666;
    position: absolute;
    top: 5px;
    right: 100px;
    vertical-align: middle
}

.new_header .ser_box .ser_form .ser_form_main {
    position: relative;
    height: 32px;
    width: 370px;
    padding-right: 90px;
    border: 2px solid #60afff;
    padding-left: 134px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.new_header .ser_box .ser_form .ser_form_main .dropdown {
    background-color: #fff;
    font-size: 16px;
    color: #666;
    position: absolute;
    left: 0;
    border: none;
    height: 100%;
    width: 118px;
    z-index: 100;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.new_header .ser_box .ser_form .ser_form_main .dropdown div {
    border: none!important;
    left: 0;
    z-index: 200
}

.two_qr_code,
.wqr_code {
    z-index: 86;
    position: absolute
}

.new_header .ser_box .ser_form .ser_form_main .dropdown li {
    padding: 12px 22px
}

.new_header .ser_box .ser_form .ser_form_main .dropdown .carat {
    background-color: #fff;
    background-position: -104px -24px
}

.new_header .ser_box .ser_form .ser_form_main .open .carat {
    background-position: -104px -58px
}

.new_header .ser_box .ser_form .ser_form_main .dropdown .selected {
    font-size: 16px!important;
    padding: 7px 20px 7px 23px
}

.new_header .ser_box .ser_form .ser_form_main .input {
    width: 360px;
    border: none;
    height: 20px;
    margin-top: 5px;
    background: 0 0
}

.new_header .ser_box .ser_form .ser_form_main .submit {
    font-size: 16px;
    position: absolute;
    background: #60afff;
    right: 0;
    top: -2px;
    border: none;
    color: #fff;
    padding: 6px 20px 5px;
    -moz-border-radius: 0 20px 20px 0;
    -webkit-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0
}

.new_header .ser_box .brant_a {
    display: inline-block;
    margin-top: 4px;
    margin-right: 10px
}

.new_header .ser_box .brant_a .nav-tip {
    color: #2789ed;
    font-size: 15px;
    text-align: center;
    margin-top: 2px
}

.stars_us {
    position: relative;
    display: inline-block
}

.wqr_code {
    border: 1px solid #e2e2e2;
    width: 75px;
    height: 75px;
    right: -9px;
    top: 42px
}

.two_qr_code:before,
.wqr_code:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    border-top: 10px transparent dashed;
    border-left: 10px transparent dashed;
    border-right: 10px transparent dashed;
    border-bottom: 10px #e2e2e2 solid;
    top: -20px;
    right: 27px;
    overflow: hidden
}

.two_qr_code:after,
.wqr_code:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    border-top: 10px transparent dashed;
    border-left: 10px transparent dashed;
    border-right: 10px transparent dashed;
    border-bottom: 10px #fff solid;
    top: -19px;
    right: 27px;
    overflow: hidden
}

.wqr_code .qr_code_logo {
    position: absolute;
    top: 2px;
    left: 1px
}

.two_qr_code .wechat {
    border-left: 1px dashed #f1f1f1
}

.two_qr_code .mark_bot_app {
    background: url(../img/blue_phone.png) 10px 2px no-repeat
}

.two_qr_code .mark_bot_wechat {
    background: url(../img/blue_wechat.png) 10px 2px no-repeat
}

.two_qr_code .mark_bot_app,
.two_qr_code .mark_bot_wechat {
    margin: 5px 0;
    color: #2789ed!important;
    font-size: 15px;
    line-height: 22px;
    padding-left: 10px
}

.two_qr_code .app,
.two_qr_code .wechat {
    line-height: 15px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 0 10px;
    width: 114px
}

.two_qr_code {
    border: 1px solid #e2e2e2;
    right: -9px;
    top: 42px;
    background: url(../images/ewmbg.png) bottom no-repeat #fff;
    padding: 10px 0;
    display: none;
    width: 412px;
    color: #666
}

.newfoot,
.newfoot a,
.newfoot dd,
.newfoot dl,
.newfoot dt,
.newfoot p {
    padding: 0;
    margin: 0
}

.newfoot {
    font: 14px/1.6;
    color: #333;
    border-top: 1px solid #eaeaea;
    background: #fbfbfb;
    font-size: 12px
}

.newfoot a,
.newfoot a:hover {
    text-align: center
}

.newfoot a {
    outline: 0;
    color: #0c73b7
}

.newfoot img {
    border: 0;
    vertical-align: middle
}

.newfoot .left {
    float: left
}

.newfoot .right {
    float: right
}

.newfoot .customer_box {
    padding-left: 50px;
    border-left: 1px solid #e9e9e9
}

.newfoot a:hover {
    color: #ff6a00
}

.newfoot .footer {
    width: 1200px;
    margin: 0 auto;
    padding: 35px 0
}

.newfoot .footer_list dl {
    float: left;
    text-align: center;
    margin-right: 55px
}

.newfoot .footer_list dt {
    font-size: 16px;
    color: #6c7a97;
    font-weight: 700
}

.newfoot .footer_list dd {
    font-size: 14px;
    color: #666;
    padding-top: 16px;
    padding-left: 3px
}

.newfoot .footer_list dd a {
    display: block;
    height: 28px;
    line-height: 28px;
    color: #666;
    padding: 0;
    margin: 0
}

.newfoot .footer_list dd a:hover {
    color: #fe7710
}

.newfoot .footer_list dl:last-child {
    margin-right: 20px!important
}

.newfoot .footer_list .service_phone {
    font-size: 40px;
    color: #ff4800;
    line-height: 40px;
    text-align: right
}

.newfoot .footer_list .service_time {
    margin: 14px 0;
    font-size: 14px;
    color: #6c6d72;
    text-align: center
}

.newfoot .footer_list .serv_btn {
    position: relative;
    height: 35px;
    display: inline-block;
    width: 82px;
    padding-left: 40px;
    background-image: url(../images/service_icon.png);
    background-repeat: no-repeat;
    color: #ff4800;
    font-size: 14px;
    line-height: 35px;
    margin: 5px 0 5px 5px
}

.newfoot .footer_list .serv_btn.zixun {
    background-position: -4px -5px
}

.newfoot .footer_list .serv_btn.addqq {
    background-position: -133px -5px
}

.newfoot .footer_list .serv_btn.weibo {
    background-position: -4px -56px
}

.newfoot .wx_drop {
    display: none;
    width: 152px;
    height: 209px;
    position: absolute;
    top: -166px;
    left: 118px;
    background: url(../img/weixin.png) no-repeat;
    text-align: center;
    color: #fff
}

.newfoot .wx_drop .img {
    margin: 10px
}

.newfoot .footer_list .serv_btn.weixin {
    background-position: -133px -56px
}

.newfoot .copyright,
.newfoot .copyright a {
    color: #6c6d72;
    font-size: 12px
}

.newfoot .copyright {
    float: none;
    margin: 20px 0 0;
    padding: 14px 0 12px;
    line-height: 24px;
    border-top: 1px solid #e9e9e9;
    color: #6c6d72;
    text-align: center;
    width: 100%
}

.newfoot .certificate_box {
    margin: auto
}

.nav_menu .other .nav_brand {
    display: none;
    left: 0;
    margin-left: 0
}

.nav_menu .other:hover .nav_brand {
    display: block
}

.nav_brand {
    width: 170px;
    height: 400px;
    background-color: #187de3;
    position: absolute;
    left: 50%;
    margin-left: -85px;
    z-index: 98;
    display: none
}

.nav_brand>ul {
    z-index: 86
}

.nav_brand>ul>li {
    display: block;
    padding-top: 5px;
    width: 100%;
    line-height: 30px;
    height: 40px
}

.nav_brand>ul>li.active,
.nav_brand>ul>li:hover {
    background-color: #fff
}

.nav_brand>ul>li.active>a,
.nav_brand>ul>li:hover>a {
    border: 0;
    color: #187de3;
    background-color: #fff
}

.nav_brand>ul>li:hover>a:before {
    background: url(../img/nav-arrow-right-hover.png);
    width: 15px;
    height: 17px;
    right: 16px;
    top: 9px
}

.nav_brand>ul>li>a {
    text-align: left;
    color: #fff;
    display: block;
    border-bottom: 1px solid #4197ef;
    font-size: 15px;
    margin: 0 15px;
    padding-left: 14px;
    padding-bottom: 2px;
    position: relative
}

.nav_brand>ul>li>a:before {
    content: '';
    background: url(../img/nav-arrow-right.png);
    position: absolute;
    width: 6px;
    height: 11px;
    right: 22px;
    top: 12px
}

.nav_brand>ul>.tm-sell-list {
    color: #fff;
    list-style-type: square;
    padding: 3px 30px 0 60px;
    line-height: 30px;
    text-align: left
}

.nav_brand>ul>.tm-sell-list>li>a {
    color: #fff;
    display: inline-block;
    font-size: 13px
}

.nav_brand>ul>.tm-sell-list>li>a:hover {
    font-weight: bolder
}

.nav_brand>ul>li.last a {
    border-bottom: none
}

.brand_classcy {
    display: none;
    background-color: #fff;
    position: absolute;
    width: 740px;
    height: 400px;
    top: 0;
    left: 170px;
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, .3)
}

.nav_brand>ul>li:hover .brand_classcy {
    display: block
}

.brand_classcy .left_side {
    margin: 10px 30px 17px;
    overflow: hidden;
    text-align: left
}

.brand_classcy h3 {
    text-align: left;
    color: #187de3;
    font-size: 15px;
    border-bottom: 1px dashed #dcdcdc;
    padding-bottom: 6px;
    position: relative;
    padding-left: 30px;
    margin: 17px 30px 0
}

.brand_classcy h3:before {
    content: '';
    position: absolute;
    left: 2px;
    top: 10px;
    background-image: url(../img/nav-icon9.png);
    width: 16px;
    height: 16px
}

.brand_classcy .hy {
    margin-top: 14px
}

.brand_classcy .hy:before {
    background-image: url(../img/nav-icon10.png);
    width: 17px;
    height: 18px
}

.brand_classcy .left_side a {
    color: #666;
    margin: 0 5px;
    display: inline-block;
    width: 100px;
    overflow: hidden
}

.brand_classcy .left_side a span {
    position: relative
}

.brand_classcy .left_side>a:nth-child(6n) {
    margin-right: 0
}

.brand_classcy .left_side a:hover {
    color: #ff6700
}

.brand_classcy .left_side a span.hot:after {
    content: '';
    width: 18px;
    height: 11px;
    background-image: url(../img/hot.png);
    position: absolute;
    top: 0;
    right: -19px
}

.brand_classcy .right_side {
    width: 135px;
    margin: 10px 30px
}

.brand_classcy .right_side .recommend_til {
    color: #187de3;
    font-size: 20px;
    text-align: center;
    font-weight: 400
}

.brand_classcy .right_side .recommend_box {
    border: 1px solid #f1f1f1;
    margin-bottom: 10px;
    position: relative;
    height: 80px;
    display: block
}

.com_line,
.com_line_sh {
    border: 1px solid #e7e7e7
}

.brand_classcy .right_side .recommend_box .recommend_img {
    width: 100%;
    height: 80px
}

.brand_classcy .right_side .recommend_box .recommend_info {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 24px;
    line-height: 24px;
    background-color: #000;
    filter: alpha(opacity=40);
    background: rgba(0, 0, 0, .4);
    color: #fff;
    text-align: center;
    font-size: 12px
}

.com_aside .com_aside_dl dt a,
.com_main .ansis_cont,
.main {
    position: relative
}

.brand_classcy .right_side .recommend_box:hover .recommend_info {
    display: block
}

.main {
    width: 1200px;
    margin: 0 auto
}

.container {
    background: #fff
}

.com_line_sh {
    box-shadow: 0 3px 10px #f5f5f5
}

.com_line_p {
    padding: 35px 45px 40px 51px
}

.com_line_b,
.com_line_c {
    padding: 15px 0
}

.com_line_b {
    border-bottom: 1px solid #e7e7e7
}

.com_pd30 {
    padding: 30px
}

.com_pd40 {
    padding: 40px
}

.pdleft15 {
    padding-left: 15px!important
}

.com_tab_pd {
    padding: 43px 44px 0 8px
}

.homebg {
    background-color: #f7fbff!important
}

.homebg:hover {
    background-color: #e4f2ff!important
}

.com_aside {
    width: 200px
}

.com_aside .com_aside_tit {
    background: #f9cb1a;
    padding: 9px 0 9px 22px;
    font-weight: 700;
    line-height: 34px;
    color: #fff;
    font-size: 16px
}

.com_aside .com_aside_dl {
    display: block;
    width: 205px;
    border: 1px solid #c8dff7;
    overflow: hidden;
    border-bottom: none
}

.com_aside .com_aside_dl dt.menudown {
    position: relative;
    border-bottom: 1px solid #bdd9ec;
    padding: 10px 0 11px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAMAAADpsEdvAAAAM1BMVEUnie0nie0nie0nie0nie0nie0nie0nie0nie0nie0nie0nie0nie0nie0nie0nie0nie1FFEItAAAAEXRSTlMAAgYMFS09UVNVVmJlZ2p0fVKIsy8AAAA4SURBVAjXJYvHAQAgCAMD9oK4/7RqvFcqRsQnDqQdKMNOQHa9Uj2/pJlArLMVqyjXE/XJ3f8t/g8v/gEZ6Lx+ZQAAAABJRU5ErkJggg==) 182px 20px no-repeat #f7fbff
}

.com_aside .com_aside_dl dt.menudown:first-child {
    background: #e4f2ff
}

.com_aside .com_aside_dl dt.active {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAANlBMVEUnie3///8nie0nie0nie0nie0nie0nie0nie0nie0nie0nie0nie0nie0nie0nie0nie0nie0tglGDAAAAEnRSTlMAAAMKFSROaY6PkJOprrG3yNgX2cKNAAAATklEQVR4AWNgxAJoJsiADFAEWfhZMASZBXgFmNEEmfi4GDj4mFAFOfmYgBLcKILsYK3MAuxIgmyCLBDLBNkQgjysUPew8jDgdic6oKcgAPF2AljhxYSJAAAAAElFTkSuQmCC) 178px 15px no-repeat #f7fbff
}

.com_aside .com_aside_dl dt a {
    display: block;
    width: 166px;
    padding-left: 37px;
    height: 30px;
    background: url(../img/com_aside_bg.png) no-repeat;
    font-weight: 700;
    line-height: 29px;
    color: #1377dc;
    font-size: 15px
}

.com_aside .com_aside_dl .menudown0 a {
    background: url(../images/home-icon.png) 9px 6px no-repeat
}

.com_aside .com_aside_dl .menudown0.menudown {
    background: 0 0
}

.com_aside .com_aside_dl .menudown3 a {
    background-position: 10px 4px
}

.com_aside .com_aside_dl .menudown1 a {
    background-position: 10px -36px
}

.com_aside .com_aside_dl .menudown2 a {
    background-position: 10px -80px
}

.com_aside .com_aside_dl .menudown12 a {
    background-position: 10px -123px
}

.com_aside .com_aside_dl .menudown4 a {
    background-position: 10px -166px
}

.com_aside .com_aside_dl .menudown5 a {
    background-position: 10px -208px
}

.com_aside .com_aside_dl .menudown6 a {
    background-position: 10px -250px
}

.com_aside .com_aside_dl .menudown11 a {
    background-position: 10px -290px
}

.com_aside .com_aside_dl .menudown10 a {
    background-position: 10px -333px
}

.com_aside .com_aside_dl .menudown9 a {
    background-position: 10px -375px
}

.com_aside .com_aside_dl .menudown8 a {
    background-position: 10px -418px
}

.com_aside .com_aside_dl dt p {
    font-weight: 400;
    line-height: 20px;
    color: #888;
    font-size: 12px;
    padding-left: 40px
}

.com_aside .com_aside_dl dd {
    display: none;
    overflow: hidden;
    padding: 5px 0 10px;
    border-bottom: 1px solid #c8dff7;
    background: #fff
}

.com_aside .com_aside_dl dd ul {
    display: block;
    width: 150px;
    margin: 0 auto
}

.com_aside .com_aside_dl dd ul li {
    display: block;
    height: 30px
}

.com_aside .com_aside_dl dd ul li a {
    display: block;
    text-decoration: none;
    margin-top: 9px;
    padding-left: 30px;
    height: 30px;
    line-height: 30px;
    color: #1377dc;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAMAAAC6sdbXAAAAG1BMVEWyus2yus2yus2yus2yus2yus2yus2yus2yus3Fo9yfAAAACHRSTlMeH7q7v/P0+dUkac0AAAAfSURBVAjXY2BgYmViYGDm4OBgYWAFkuxQNgMzGzMjAAbsAHkoNR3mAAAAAElFTkSuQmCC) 14px 12px no-repeat;
    font-size: 15px
}

.com_main .btn_ansis,
.com_main .btn_ansis_gray {
    margin: 0;
    line-height: 26px;
    padding: 6px 18px;
    border-radius: 0!important
}

.com_aside .com_aside_dl dd ul .cur a,
.com_aside .com_aside_dl dd ul li a.active,
.com_aside .com_aside_dl dd ul li a:hover {
    background: #5EA3F4;
    color: #fff
}

.com_main {
    width: 980px
}

.com_main .btn_ansis {
    font-size: 14px;
    background-color: #2789ed!important
}

.com_main .btn_ansis_gray {
    font-size: 14px;
    background-color: #bcbcbc!important
}

.com_main .ansis_cont .ansis_success {
    position: absolute;
    left: 407px;
    top: 17px;
    background: url(../img/sis_succ.png) 2px 2px no-repeat;
    padding-left: 26px;
    font-size: 14px;
    color: #00a91c
}

.com_main .ancy_success {
    min-height: 310px;
    width: 580px;
    border: 1px solid #fbd4c0;
    background: url(../images/ancy_successbg.png) left bottom no-repeat;
    padding-left: 400px
}

.com_main .ancy_success .ancy_peo li {
    font-size: 16px;
    color: #444;
    padding: 15px 0
}

.com_main .table .mod-prompt {
    padding: 5px;
    font-size: 12px;
    text-align: left;
    line-height: 18px
}

.com_nav_tab {
    border: 1px solid #e9e9e9;
    border-bottom: 2px solid #2789ed;
    margin-bottom: 10px
}

.com_nav_tab .com_tab_item {
    padding: 12px 39px;
    color: #666;
    font-size: 16px;
    border-right: 1px solid #e9e9e9
}

.com_nav_tab .com_tab_item.active {
    background-color: #2789ed;
    color: #fff
}

.com_search_box {
    padding: 25px 15px;
    border: 1px solid #fbd4c0;
    background-color: #fffbfa;
    line-height: 30px
}

.com_search_box .dropdown,
.com_search_box .dropdown .carat {
    background-color: #fff;
    vertical-align: middle
}

.com_search_box .classify_alert .selected,
.com_search_box .dropdown .selected,
.dropdown li {
    padding: 8px 7px
}

.com_search_box .classify_alert .carat,
.com_search_box .dropdown .carat,
.service_form2 .cont .template .dropdown .carat {
    background-position: -110px -24px
}

.com_search_box .dropdown.open .carat {
    background-position: -110px -62px
}

.com_search_box .search_btn {
    line-height: 22px;
    padding: 4px 20px;
    background-color: #fff;
    border: 1px solid #ff4800;
    border-radius: 3px;
    color: #ff4800;
    cursor: pointer;
    width: 92px
}

.com_search_box .search_btn:hover {
    background-color: #ff4800;
    color: #fff
}

.com_search_box .item_chose {
    margin-right: 20px;
    color: #ff4800;
    line-height: 20px;
    padding: 5px 0
}

.com_search_box .item_chose.active,
.com_search_box .item_chose:hover {
    font-weight: 700;
    border-bottom: 2px solid #ff6700
}

.com_search_box .btn {
    line-height: 18px;
    padding: 8px 15px
}

.com_menu_ul li {
    line-height: 42px;
    width: 10%;
    text-align: center;
    box-sizing: border-box;
    font-size: 14px;
    color: #666;
    border-left: 1px solid #ececec;
    float: left;
    cursor: pointer
}

.com_menu_ul li:first-child {
    border-left: 0
}

.com_menu_ul li.active,
.com_menu_ul li:hover {
    background-color: #f9cb1a;
    color: #fff;
    border-left: 1px solid #f9cb1a
}

.com_title {
    font-weight: 400;
    border-bottom: 1px solid #ececec
}

.com_title .til {
    font-weight: 400;
    color: #f9cb1a;
    font-size: 18px;
    padding-bottom: 10px;
    border-bottom: 2px solid #f9cb1a;
    display: inline-block
}

.crumb,
.crumb a {
    color: #888
}

.crumb {
    font-size: 14px;
    line-height: 30px;
    padding: 15px 0
}

.checkbox {
    position: relative;
    cursor: pointer
}

.checkbox input[type=checkbox] {
    display: none;
    *display: inline-block
}

.checkbox .checkbox_but {
    margin-right: 3px;
    *display: none
}

.i-not,
.icon-tip {
    margin-right: 5px
}

.checkbox .checkbox_but:before {
    content: "";
    display: inline-block;
    *display: none;
    width: 16px;
    height: 16px;
    margin-top: -2px;
    background-image: url(../img/icon.png);
    background-position: -115px -107px;
    background-repeat: no-repeat;
    vertical-align: middle
}

.checkbox input[type=checkbox]:checked+.checkbox_but:before {
    background-position: -144px -107px
}

input.error {
    border-color: #ff4843!important;
    color: #ff4843
}

input.error~.error-tip {
    font-size: 12px;
    color: #ff4843;
    line-height: 40px
}

.icon_dun {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../images/dj_03.png);
    vertical-align: middle
}

.icon_xiagou {
    display: inline-block;
    width: 28px;
    height: 29px;
    background-image: url(../images/dj_07.png)
}

.icon_hot,
.icon_new {
    width: 28px;
    height: 25px;
    background-image: url(../images/icon.png);
    top: 0;
    display: inline-block
}

.icon_new {
    position: absolute;
    right: 16px;
    background-position: 118px 233px
}

.i-serch,
.icon_hot {
    position: absolute;
    right: 10px
}

.icon_hot {
    background-position: 199px 233px
}

.icon-tip {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/icon-tip.png);
    margin-top: 3px
}

.icon-de {
    display: inline-block;
    height: 20px;
    width: 20px;
    background: url(../images/icon2.png) -36px -99px no-repeat
}

.icon-user,
.icon-usereye {
    display: inline-block;
    height: 28px;
    width: 38px
}

.icon-user {
    background: url(../images/icon2.png) -3px -98px no-repeat
}

.icon-usereye {
    background: url(../images/icon-usereye.png) no-repeat
}

.i-headnav,
.i-serch {
    display: inline-block;
    background-image: url(./sprite.1614672658685.png);
    vertical-align: middle
}

.i-serch {
    background-position: -210px -157px;
    width: 19px;
    height: 19px;
    top: 6px
}

.i-headnav {
    background-position: -280px -171px;
    width: 17px;
    height: 18px;
    margin-top: -4px
}

.i-naming,
.i-user {
    display: inline-block;
    background-image: url(./sprite.1614672658685.png);
    height: 19px
}

.i-change,
.i-naming,
.i-user {
    margin-top: -2px
}

.i-user {
    background-position: -280px 0;
    width: 18px;
    vertical-align: middle
}

.i-naming {
    background-position: -280px -85px;
    width: 17px;
    vertical-align: middle
}

.i-close,
.i-close2 {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
    background-image: url(./sprite.1614672658685.png);
    display: inline-block;
    vertical-align: middle
}

.i-close {
    background-position: -280px -199px
}

.i-close2 {
    background-position: -280px -225px
}

.mark,
.mask-mark {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed
}

.i-change {
    display: inline-block;
    background-image: url(./sprite.1614672658685.png);
    background-position: -54px -236px;
    width: 15px;
    height: 17px;
    vertical-align: middle
}

.i-not {
    height: 20px;
    width: 20px;
    background: url(../images/icon2.png) -91px -4px no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px
}

.i-dan,
.i-gu {
    background-image: url(./sprite.1614672658685.png);
    width: 21px;
    height: 18px;
    vertical-align: middle;
    margin-top: -2px;
    display: inline-block
}

.i-gu {
    background-position: -241px -129px
}

.i-dan {
    background-position: -210px -129px
}

.mark {
    background-color: #000;
    filter: alpha(opacity=40);
    background-color: rgba(0, 0, 0, .4);
    z-index: 9999
}

.mark:not(IE9Only) {
    filter: alpha(opacity=100)
}

.mask-mark {
    background-color: #000;
    filter: alpha(opacity=40);
    background-color: rgba(0, 0, 0, .4);
    z-index: 88
}

.mask-mark:not(IE9Only) {
    filter: alpha(opacity=100)
}

.mark_main {
    width: 550px;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -275px;
    z-index: 10000;
    font-size: 16px;
    color: #666
}

.mark_main.analysis {
    margin-top: -165px
}

.mark_main.auto {
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    margin: 0
}

.mark_main.mark_big {
    top: 10%;
    bottom: 10%;
    margin-top: 0
}

.mark_w400 {
    width: 400px;
    margin-left: -200px
}

.mark_w480 {
    width: 480px;
    margin-left: -240px
}

.mark_main .btns .btn:first-child {
    margin-left: 0
}

.mark_main .mark_analysis {
    width: 373px;
    margin: 19px auto 24px
}

.mark_main .mark_analysis .table tr {
    border: 2px solid #fff
}

.mark_main .mark_analysis .table td {
    padding: 10px;
    background-color: #f2f2f2
}

.mark_main .mark_analysis .fail_icon {
    display: inline-block;
    background: url(../images/fail_bigbtn.png) no-repeat;
    font-size: 16px;
    color: #ff3145;
    padding-left: 35px;
    line-height: 29px
}

.mark_main .mark_analysis .success_icon {
    display: inline-block;
    background: url(../images/success_bigbtn.png) no-repeat;
    font-size: 16px;
    color: #00a91c;
    padding-left: 35px;
    line-height: 29px
}

.mark_main .mark_analysis .btn {
    width: 68px;
    padding: 8px 20px;
    font-size: 16px
}

.mark_main .mark_analysis .btn.btn_border_blue {
    background-color: #fff;
    border: 1px solid #f9cb1a;
    color: #f9cb1a!important
}

.mark_main .mark_analysis .btn.btn_blue {
    background-color: #2789ed;
    border: 1px solid #2789ed
}

.mark_main .mark_analysis .analysis_cont {
    font-size: 14px;
    color: #999;
    text-align: center;
    padding: 20px 15px
}

.mark_main .mark_analysis .analysis_cont span {
    display: block
}

.mark_main .mark_til {
    background-color: #f7fbff;
    line-height: 20px;
    padding: 10px 20px;
    color: #2789ed;
    font-size: 16px;
    border-top: 3px solid #2789ed
}

.mark_main .mark_til .mark_close,
.mark_main .template .top .mark_close {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../images/icon.png) -139px -171px no-repeat;
    top: 12px;
    right: 15px
}

.mark_main .mark_cont {
    padding: 40px 0;
    min-height: 100px
}

.mark_main .upload_img {
    width: 123px;
    background-color: #f6f6f6;
    padding: 5px 0;
    border: 1px solid #dcdcdc
}

.mark_main .upload_img .btn {
    border-radius: 15px!important;
    padding: 4px 12px;
    margin: 5px 16px;
    font-size: 12px
}

.mark_main.update-patent-popo {
    top: 28%
}

.mark_main .table td {
    padding: 11px 5px
}

.mark_main .upload_img .img_box {
    width: 99px;
    margin: 13px auto
}

.mark_main.mark_mail {
    width: 725px;
    min-height: 450px;
    margin-top: -225px;
    margin-left: -362px
}

.mark_main.mark_mail .unsend_mail {
    width: 650px;
    height: 260px;
    overflow-y: auto;
    border: 1px solid #ececec;
    margin: 0 auto
}

.mark_main.mark_mail .unsend_mail .table tr td {
    border-bottom: 1px solid #ececec
}

.mark_main.mark_mail .unsend_mail .table tr td.com_unsend {
    border-right: 1px solid #ececec
}

.mark_main.mark_mail .unsend_mail ul li {
    padding: 5px
}

.mark_main.mark_mail .unsend_mail .btn {
    color: #fff;
    padding: 0 9px;
    font-size: 12px
}

.mark_main.mark_mail .unsend_mail .btn.btn_lightgray {
    background-color: #e4e4e4;
    border: 1px solid #e4e4e4;
    color: #666!important
}

.mark_main.mark_mail .unsend_mail .btn.btn_deepgray {
    background-color: #adadad;
    border: 1px solid #adadad
}

.mark_main.mark_mail .unsend_mail .btn.btnborder {
    background-color: #fff;
    border: 1px solid #adadad;
    color: #666!important
}

.mark_passyear,
.mark_quan {
    background-color: #fff;
    position: fixed;
    top: 27%;
    left: 32%;
    z-index: 10000;
    font-size: 16px;
    color: #666;
    border-radius: 7px
}

.mark_passyear {
    width: 465px
}

.mark_passyear .passyear_img {
    width: 465px;
    height: 318px;
    background: url(../images/passyear1.png) no-repeat;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    margin-bottom: 25px
}

.mark_passyear .passyear_img.pas2 {
    background: url(../images/passyear2.png) no-repeat;
    background-size: 100% 98%
}

.passyear_img.zq1 {
    background: url(../images/kqzq_03_03.png) no-repeat!important
}

.passyear_img.zq2 {
    background: url(../images/kqzq_03.png) no-repeat!important
}

.passyear_choose {
    text-align: center;
    margin-bottom: 30px
}

.passyear_choose .ui-btn {
    width: 158px;
    height: 40px;
    line-height: 40px
}

.mark_passyear .close_btn,
.mark_quan .close_btn {
    width: 32px;
    height: 32px;
    background: url(../images/close_icon.png) no-repeat;
    cursor: pointer;
    position: absolute;
    right: -15px;
    top: -15px;
    border-radius: 50%
}

.mark_quan {
    width: 484px
}

.mark_quan .passyear_img {
    width: 484px;
    height: 340px;
    background: url(../images/quan_bg.png) no-repeat;
    background-size: 100% 100%
}

.mark_quan .passyear_choose {
    margin-top: 25px
}

.mark_quan .include {
    font-size: 28px;
    color: #fff;
    text-align: center;
    padding-top: 45px
}

.mark_quan .include .sp {
    font-size: 36px;
    color: #fbf27f
}

.mark_quan .cont {
    width: 240px;
    font-size: 14px;
    color: #999;
    position: relative;
    margin: 38px 0 0 90px
}

.mark_quan .code,
.mark_quan .copy {
    text-align: center;
    position: absolute
}

.mark_quan .code,
.mark_quan .money {
    display: inline-block;
    vertical-align: top
}

.mark_quan .money {
    font-size: 28px;
    color: #c71d61;
    line-height: 70px
}

.mark_quan .money .sp {
    font-size: 54px;
    vertical-align: middle
}

.mark_quan .code {
    color: #a51a74;
    left: 129px;
    top: 23px;
    line-height: 16px;
    width: 100px
}

.mark_quan .copy {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    line-height: 60px;
    right: -89px;
    top: 31px;
    font-size: 17px;
    color: #fff;
    display: inline-block
}

.mark_main .dropdown .carat {
    background: url(../images/icon.png) -110px -24px no-repeat #fff
}

.mark_main.sfCr_reg .text {
    max-height: 180px;
    overflow-y: auto
}

.mark_main.sfCr_reg .btns {
    border-top: 1px solid #ececec;
    margin-top: 20px;
    padding-top: 20px
}

.mark_main.sfCr_reg .sfCr-select {
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    font-size: 14px;
    color: #444;
    width: 135px;
    height: 30px;
    line-height: 28px;
    padding: 2px 0 0 5px;
    vertical-align: middle;
    background-color: #fff;
    text-align: left
}

.mark_main.sfCr_reg .sfCr-select .carat {
    background: 0 0;
    border: 4px solid transparent;
    border-top: 4px solid #8b8b8b;
    width: 0;
    height: 0;
    right: 10px;
    top: 12px
}

.mark_main.sfCr_reg .sfCr-input {
    box-sizing: border-box;
    width: 355px;
    height: 30px;
    line-height: 30px;
    vertical-align: top;
    padding: 0 6px
}

.mark_main.proPic {
    width: 430px;
    margin: -265px 0 0 -215px;
    height: 530px
}

.mark_main.proPic .text {
    font-size: 16px;
    color: #666;
    padding: 20px 0 10px 40px
}

.mark_main.proPic .pic-box {
    border-top: 1px solid #eee;
    max-height: 400px;
    overflow-y: auto
}

.mark_main.proPic img {
    width: 100px
}

.mark_main.proPic .pic-item {
    float: left;
    width: 50%;
    text-align: center
}

.mark_main.proPic .pic-item p {
    font-size: 14px;
    color: #666;
    width: 120px;
    height: 50px;
    margin: 0 auto;
    text-align: left;
    display: table
}

.mark_main.proPic .pic-item p span {
    display: table-cell;
    vertical-align: middle
}

.mark_main.picBig {
    height: 740px;
    width: 550px;
    margin-top: -370px;
    margin-left: -275px
}

.maxheight {
    max-height: 300px;
    overflow-y: auto
}

.mark_cont2 {
    padding: 24px;
    min-height: 100px
}

.mark_cont2 .mark2_icon_not {
    position: relative;
    text-align: center;
    font-size: 12px;
    color: #ff3636;
    width: 270px;
    margin-left: 131px
}

.mark_cont2 .mark2_icon_not .icon_not {
    left: -5px;
    top: -2px
}

.mark_cont2 .cont_mian {
    padding: 5px 20px 30px;
    border-bottom: 1px solid #ececec;
    height: 160px;
    margin-bottom: 10px
}

.mark_cont2 .cont_mian .cont_left {
    width: 86px;
    height: 124px;
    background-color: #fbfbfb;
    border: 1px solid #d1d1d1;
    padding: 17px;
    float: left
}

.mark_cont2 .cont_mian .cont_left .img_top {
    width: 85px;
    height: 75px;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
    margin-bottom: 20px
}

.mark_cont2 .cont_mian .cont_left .img_top img {
    width: 100%;
    height: 100%
}

.mark_cont2 .cont_mian .cont_left .reset_upload {
    width: 87px;
    background-color: #ff6700;
    border-radius: 13px;
    color: #fff;
    font-size: 12px;
    line-height: 28px;
    cursor: pointer
}

.mark_cont2 .cont_mian .cont_left .reset_upload:hover {
    background-color: #ff4800
}

.mark_cont2 .cont_mian .cont_right {
    float: left;
    margin-left: 10px
}

.mark_cont2 .cont_mian .cont_right .rig_input {
    width: 210px;
    padding: 0 8px;
    margin-right: 5px;
    height: 26px;
    border: 1px solid #dcdcdc
}

.mark_cont2 .cont_mian .cont_right textarea {
    width: 210px;
    height: 90px;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    padding: 8px
}

.mark_cont2 .btns .active:hover {
    background-color: #f9cb1a!important
}

.mark_big .mark_cont2 {
    padding: 20px 14px 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 43px;
    bottom: 53px
}

.mark_choice {
    padding: 0 0 24px 24px
}

.mark_choice .choice_box {
    height: 110px;
    overflow-y: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #ececec;
    text-align: left
}

.mark_choice .choice_box label {
    display: inline-block;
    padding: 5px 0;
    text-align: left;
    margin-right: 10px
}

.mark_choice .choice_box .choice_cont {
    display: inline-block;
    width: 217px;
    vertical-align: top
}

.mark_choice .all_choice {
    padding: 12px 0;
    text-align: left
}

.mark_big .btns,
.mark_cont2 .btns {
    padding-top: 10px
}

.mark_choice .btns {
    padding-right: 24px
}

.mark_big .btns {
    position: fixed;
    bottom: 10%;
    margin: 0 20px 12px;
    width: 510px;
    z-index: 99;
    text-align: center;
    border-top: 1px solid #d7d7d7
}

.mark_main.mark_big .mark_til {
    position: fixed;
    top: 10%;
    width: 510px;
    z-index: 99
}

.mark_cont2 .btn {
    min-width: 88px
}

.mark_cont2 .btn2 {
    color: #f9cb1a!important;
    background-color: #fff;
    border: 1px solid #f9cb1a
}

.mark_cont2 .btn2.active,
.mark_cont2 .btn2:hover {
    color: #fff!important;
    background: #f9cb1a!important
}

.mark_cont2 .btn2.active:hover {
    background: #f9cb1a!important
}

.mark_cont3 {
    padding: 40px;
    background: #000;
    opacity: .7;
    filter: alpha(opacity=70);
    border-radius: 7px
}

.mark_cont3 p {
    opacity: 1;
    filter: alpha(opacity=100);
    color: #fff
}

.download_all.mark_big .flexslider_pop {
    height: 527px
}

.download_all.mark_big .mark_cont2 {
    padding: 20px 24px 0
}

.download_all.mark_big .choose_way {
    position: absolute;
    bottom: -63px;
    text-align: center;
    left: 157px;
    padding-bottom: 20px
}

.mark_cont2 .img_box {
    position: relative
}

.mark_cont2 .img_box img,
.service_form .img_box img {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.mark_cont2 .list {
    min-width: 400px;
    margin: 0 auto
}

.mark_cont2 .list li {
    margin-top: 10px
}

.mark_cont2 .list .text {
    width: 200px;
    text-align: right;
    display: inline-block;
    margin-right: 5px
}

.mark_evaluate .star,
.mark_evaluate .text,
.mark_main .star {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.mark_cont2 .express_num {
    padding: 25px 13px;
    border: 0;
    background: 0 0;
    text-align: left
}

.mark_cont2 .lh48 {
    line-height: 48px
}

.mark_cont2 .table,
.mark_cont2 .table td {
    border: 0;
    font-size: 16px
}

.mark_cont2 .table tr:hover {
    background: inherit
}

.mark_cont2 .time {
    color: #999
}

.mark_ml100 {
    margin-left: -100px
}

.mark_border {
    border: 1px solid #dcdcdc
}

.mark_main .oflow {
    overflow-y: auto
}

.mark_h280 .mark_cont2 {
    padding: 10px 24px
}

.mark_cont4 .table td {
    padding: 10px 5px
}

.mark_cont4 .table td textarea,
.mark_evaluate textarea {
    padding: 5px;
    height: 100px;
    width: 260px;
    resize: none;
    border: 1px solid #ccc;
    background: #fbfbfb
}

.mark_evaluate {
    line-height: 40px;
    width: 516px
}

.mark_evaluate .text {
    width: 60px;
    text-align: right;
    font-size: 14px
}

.mark_evaluate .star {
    background: url(../images/xing_07.png) no-repeat;
    height: 25px;
    width: 24px
}

.mark_evaluate .star.good {
    background: url(../images/xing_03.png) no-repeat
}

.mark_evaluate .star.kong {
    background: url(../images/xing_10.png) no-repeat
}

.mark_evaluate .mark_cont2 {
    padding: 24px 50px
}

.mark_evaluate textarea {
    width: 100%
}

.mark_evaluate .btn {
    line-height: 22px;
    width: 66px
}

.mark_img {
    position: absolute;
    margin-left: -80px;
    top: -58px
}

.mark_main .mark_close {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../images/icon.png) -139px -171px no-repeat;
    top: 12px;
    right: 15px
}

.mark_cont2 .newColor {
    color: #428ae2;
    background-color: #fff;
    border: 1px solid #428ae2
}

.mark_cont2 .newColor:hover {
    color: #fff;
    background-color: #f9cb1a;
    border: 1px solid #f9cb1a
}

.mark_cont2 .bg_gray {
    background-color: #939ba4;
    border: 1px solid #939ba4
}

.mark_cont2 .bg_blue {
    background-color: #428ae2;
    border: 1px solid #428ae2
}

.mark_cont2 .bg_blue:hover {
    background-color: #f9cb1a;
    border: 1px solid #f9cb1a
}

.mark_main .star {
    background: url(../images/xing_07.png) no-repeat;
    height: 25px;
    width: 24px
}

.mark_main .res_text {
    position: absolute;
    line-height: 28px;
    color: #ff6700;
    font-size: 14px;
    margin-left: 10px;
    display: none
}

.mark_main .star.good {
    background: url(../images/xing_03.png) no-repeat
}

.mark_main textarea {
    padding: 5px;
    height: 88px;
    width: 288px;
    resize: none;
    border: 1px solid #ccc;
    background: #fbfbfb
}

.my_eviden_pop .mark_cont2 {
    top: 35px;
    bottom: 70px;
    left: 0;
    right: 0
}

.my_eviden_pop .btns {
    background: #fff
}

.my_eviden_pop .flexslider_pop {
    width: auto;
    height: 100%;
    box-sizing: border-box
}

.mark_eviden .flexslider_pop .flex-direction-nav_pop .flex-prev_pop,
.my_eviden_pop .flexslider_pop .flex-direction-nav_pop .flex-prev_pop {
    background: url(../images/switch1.png) 0 no-repeat;
    left: -4px
}

.mark_eviden .flexslider_pop .flex-direction-nav_pop .flex-prev_pop.active,
.mark_eviden .flexslider_pop .flex-direction-nav_pop .flex-prev_pop.active:hover,
.my_eviden_pop .flexslider_pop .flex-direction-nav_pop .flex-prev_pop.active,
.my_eviden_pop .flexslider_pop .flex-direction-nav_pop .flex-prev_pop.active:hover {
    background: url(../images/switch2.png) no-repeat
}

.mark_eviden .flexslider_pop .flex-direction-nav_pop .flex-next_pop,
.my_eviden_pop .flexslider_pop .flex-direction-nav_pop .flex-next_pop {
    background: url(../images/switch3.png) 0 no-repeat
}

.mark_eviden .flexslider_pop .flex-direction-nav_pop .flex-next_pop.active,
.mark_eviden .flexslider_pop .flex-direction-nav_pop .flex-next_pop.active:hover,
.my_eviden_pop .flexslider_pop .flex-direction-nav_pop .flex-next_pop.active,
.my_eviden_pop .flexslider_pop .flex-direction-nav_pop .flex-next_pop.active:hover {
    background: url(../images/switch4.png) no-repeat
}

.my_eviden_pop .flexslider_pop .slides_pop li img {
    max-width: 100%;
    width: auto
}

.flexslider_pop .slides_pop li .error-box img {
    max-width: 128px;
    max-height: 128px
}

.my_eviden_pop .flexslider_pop .exp_box {
    width: 100%;
    height: 100%;
    margin-right: 0;
    border: 0;
    box-sizing: border-box
}

.my_eviden_pop .flexslider_pop .exp_box img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.my_eviden_pop .to_big {
    top: 49%
}

.mark_eviden .flexslider_pop {
    margin-top: 20px
}

.mark_eviden .flexslider_pop .flex-direction-nav_pop .flex-next_pop.active,
.mark_eviden .flexslider_pop .flex-direction-nav_pop .flex-next_pop.active:hover,
.mark_eviden .flexslider_pop .flex-direction-nav_pop .flex-prev_pop.active,
.mark_eviden .flexslider_pop .flex-direction-nav_pop .flex-prev_pop.active:hover {
    right: 0
}

.mark_eviden .mark_cont2 {
    bottom: 0;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box
}

.mark_eviden .btns {
    background: 0 0;
    border-top: 0;
    margin: 0 20px 20px;
    padding-top: 0;
    bottom: 10%
}

.mark_eviden .tit_list li {
    float: left;
    color: #bbb;
    font-size: 15px;
    margin: 0 10px;
    cursor: pointer
}

.mark_eviden .tit_list li.active,
.mark_eviden .tit_list li:hover {
    color: #f9cb1a;
    border-bottom: 2px solid #f9cb1a
}

.mark_eviden .flexslider_pop {
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    top: 55px;
    bottom: 80px;
    left: 0;
    right: 0;
    position: absolute;
    height: auto;
    width: 100%;
    padding-bottom: 0
}

.mark_eviden .flexslider_pop .slides_pop {
    overflow: initial
}

.mark_eviden .flexslider_pop .slides_pop li img {
    max-height: none
}

.mark_eviden .flex-direction-nav_pop {
    position: fixed;
    width: 520px;
    top: 50%;
    margin-top: 15px
}

.mark_eviden .btns .tip_box {
    width: 215px;
    bottom: 35px;
    left: 18px;
    display: block
}

.mark_eviden .dropdown {
    background: #fff
}

.mark_eviden .dropdown .carat {
    background-position: -110px -27px
}

.mark_eviden .dropdown.open .carat {
    background-position: -110px -63px
}

.mark_loading .mark_main {
    background-color: transparent;
    text-align: center;
    color: #fff;
    font-size: 18px
}

@media (max-width:1360px) {
    .mark_main.mark_eviden {
        width: 500px;
        margin-left: -220px
    }
    .mark_eviden .btns,
    .mark_main.mark_big.mark_eviden .mark_til {
        width: 460px
    }
    .mark_eviden .flex-direction-nav_pop {
        width: 475px
    }
    .mark_eviden .flexslider_pop {
        margin-top: 10px
    }
    .mark_eviden .mark_cont2 {
        padding-top: 15px
    }
}

.mark_examine {
    width: 700px
}

.mark_examine .com_search_box {
    padding: 10px 20px 10px 40px;
    color: #444;
    position: relative
}

.mark_examine .com_search_box:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 45px;
    height: 41px;
    background: url(../images/icon-tuijian.png) no-repeat;
    top: -1px;
    left: -1px
}

.mark_examine .com_search_box .btn {
    padding: 5px 10px;
    font-size: 14px
}

.mark_examine .mark_cont2 {
    font-size: 14px;
    padding: 14px 24px 24px
}

.mark_examine .auto_list {
    background: #fbfbfb;
    border: 1px solid #d1d1d1;
    padding: 5px 10px;
    height: 90px;
    overflow-y: auto;
    margin: 5px 30px 10px;
    line-height: 24px
}

.mark_main.mark_how1,
.mark_main.mark_how3 {
    left: auto;
    position: absolute;
    margin-top: 0;
    margin-left: 0
}

.mark_main.mark_how1 {
    width: 370px;
    right: 0;
    top: 55px
}

.mark_main.mark_how1 li {
    padding: 5px 0
}

.mark_main.mark_how1 .mark_til {
    background-color: #f7fbff;
    line-height: 20px;
    padding: 10px 20px;
    color: #2789ed;
    font-size: 16px;
    border-top: 3px solid #2789ed
}

.mark_main.mark_how1 .mark_til .mark_close {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../images/icon.png) -139px -171px no-repeat;
    top: 12px;
    right: 15px
}

.mark_how1.mark_how2 img {
    width: 145px;
    height: 59px;
    border: 1px solid #dcdcdc
}

.mark_how1.mark_how2 li {
    padding: 15px 0
}

.mark_main.mark_how3 {
    width: 370px;
    right: 220px;
    top: 19px
}

.mark_main.mark_how3 ul {
    padding: 20px
}

.mark_main.mark_how3 li {
    padding: 5px 0
}

.mark_main .table .com_input {
    margin-right: 0;
    background: 0 0
}

.up-img {
    position: fixed;
    bottom: 100px;
    left: 10px;
    z-index: 999
}

.mark-up-img {
    position: relative;
    padding-top: 5%;
    width: 40%;
    margin: 0 auto;
    max-width: 749px;
    z-index: 999
}

.mark-up-img img,
.notice_list_box img {
    max-width: 100%
}

.mark-icon-x {
    position: absolute;
    cursor: pointer;
    top: 22%;
    right: 12%;
    width: 5%
}

.mark-up-btn {
    background: url(../images/up-btn1.png) center no-repeat;
    padding: 0;
    width: 56%;
    position: absolute;
    bottom: 5%;
    left: 50%;
    margin-left: -28%;
    height: 8%;
    background-size: contain
}

.mark-up-btn:hover {
    background: url(../images/up-btn2.png) center no-repeat;
    background-size: contain
}

.sx .mark-up-img {
    width: 927px
}

.sx .mark-icon-x {
    top: 100px;
    right: -5px
}

.sx.mark {
    overflow: auto
}

.mark_table {
    margin-top: -200px
}

.mark_table .mark_cont {
    padding: 0 20px 20px;
    text-align: center
}

.mark_table .tit {
    line-height: 45px
}

.mark_table .tbody {
    height: 260px;
    overflow-y: auto;
    border: 1px solid #e9e9e9;
    border-top: 0
}

.mark_table .tbody .table {
    border: 0
}

.mark_table .empty {
    font-size: 26px;
    color: #66a0e7;
    padding-top: 100px;
    height: 160px
}

.mark_qkreg {
    width: 474px
}

.mark_qkreg .mark_cont2 .qkreg_fail {
    padding-left: 84px;
    padding-right: 46px;
    background: url(../images/qkreg_44.png) 31px 4px no-repeat
}

.mark_qkreg .mark_cont2 .success {
    background: url(../images/qkreg_45.png) 31px 4px no-repeat!important
}

.mark_qkreg .mark_cont2 .qkreg_collect {
    text-align: center;
    padding-left: 28px
}

.mark_qkreg .mark_cont2 .qkreg_collect input,
.mark_qkreg .mark_cont2 .qkreg_collect p {
    display: inline-block
}

.mark_qkreg .mark_cont2 .qkreg_collect input {
    border: 1px solid #dcdcdc;
    padding: 7px;
    width: 227px
}

.mark_qkreg .mark_cont2 .qkreg_collect div {
    margin: 4px 0 0 10px;
    color: #e62129
}

.mark_qkreg .mark_cont2 .qkreg_collect .icon-i {
    margin: 0
}

.mark_qkreg2 {
    width: 534px
}

.mark_qkreg2 .mark_cont2 label input {
    width: 14px;
    height: 14px;
    vertical-align: middle
}

.mark_qkreg2 .mark_cont2 .agr_btn {
    background-color: #939ba4!important;
    border: 1px solid #939ba4!important;
    cursor: not-allowed;
    pointer-events: none
}

.mark_qkreg2 .mark_cont2 .tem_title {
    color: #ff4707;
    padding: 12px 0 12px 42px;
    background: url(../images/qkreg_43.png) 16px center no-repeat #fffbfa;
    border: 1px solid #fcd4c1
}

.mark_qkreg2 .mark_cont2 .table_box {
    height: 300px;
    overflow-y: auto;
    border: 1px solid #e9e9e9
}

.mark_qkreg2 .mark_cont2 .table_box table {
    table-layout: fixed
}

.mark_qkreg2 .mark_cont2 .table_box table tr td {
    padding-top: 28px;
    padding-bottom: 28px;
    padding-left: 10px;
    font-size: 14px;
    color: #666;
    overflow: hidden
}

.mark_qkreg2 .mark_cont2 .table_box table tr td:nth-child(1) {
    padding-left: 20px
}

.mark_qkreg2 .mark_cont2 .table_box table tr td:nth-child(2) {
    cursor: pointer
}

.mark_qkreg2 .mark_cont2 .table_box table tr td:nth-child(3) {
    color: #0076d9;
    cursor: pointer
}

.mark_qkreg2 .mark_cont2 .table_box table tr:first-child td {
    padding-top: 17px;
    padding-bottom: 17px;
    font-size: 16px;
    color: #696464;
    font-weight: 700;
    background: 0 0
}

.mark_qkreg2 .mark_cont2 .agr_box {
    height: 384px;
    overflow: auto
}

.mark_qkreg2 .mark_cont2 .agr_box .buy_know {
    padding: 15px;
    width: 425px;
    height: 85px;
    background-color: #fffbfa;
    border: 1px solid #fbd4c0;
    margin-bottom: 20px
}

.mark_qkreg2 .mark_cont2 .agr_box .buy_know .icon-warm {
    width: 18px;
    height: 18px;
    background: url(../img/icon-warm.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-top: 4px;
    margin-right: 8px
}

.mark_qkreg2 .mark_cont2 .agr_box .buy_know .know_cont {
    float: left;
    width: 395px;
    font-size: 14px;
    color: #ff4800
}

.head-box {
    min-width: 1200px
}

.head-box .serch-box {
    width: 150px;
    padding: 0 10px 0 30px;
    position: relative;
    cursor: pointer;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-color: #e7f0f9;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    color: #999
}

.head-box .serch-box:hover {
    background-color: #fff
}

.head-box .serch-box .i-serch {
    left: 10px
}

.head-box .nav {
    background-color: #1f69c3;
    height: 35px;
    font-size: 12px;
    padding-top: 5px
}

.head-box .nav div>img {
    width: 160px
}

.head-box .nav .right>div,
.head-box .nav .right>ul {
    display: inline-block;
    vertical-align: middle
}

.head-box .nav .nav-li {
    zoom: 1;
    margin-top: 2px
}

.head-box .nav .nav-li:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.head-box .nav .nav-li li {
    float: left;
    margin-left: 15px;
    line-height: 12px;
    position: relative
}

.head-box .nav .nav-li li a {
    color: #bce1ff
}

.head-box .nav .nav-li li a:hover {
    color: #fff
}

.head-box .nav .nav-li li.last {
    margin-left: 25px;
    padding: 0 20px;
    border-left: 1px solid #73a1da;
    border-right: 1px solid #73a1da
}

.head-box .nav .nav-li li.last a {
    color: #fff2b5
}

.head-box .nav .nav-li li.last .icon_new {
    top: -17px
}

.head-box .nav .nav-li li.last:hover a {
    color: #fffcf0
}

.head-box .nav .nav-li li.last:hover .i-headnav {
    display: inline-block;
    background-image: url(./sprite.1614672658685.png);
    background-position: -280px -143px;
    width: 17px;
    height: 18px;
    vertical-align: middle
}

.head-box .nav .nav-user {
    padding: 0 10px 0 20px
}

.head-box .nav .nav-user a {
    color: #fff
}

.head-box .select-box {
    width: 100%;
    background-color: rgba(255, 255, 255, .99);
    position: absolute;
    top: 0;
    z-index: 99;
    padding: 20px 0
}

.head-box .select-box .search-list {
    width: 1000px;
    margin: 0 auto
}

.head-box .select-box .search-list .search-x {
    cursor: pointer;
    float: right;
    margin-top: 12px;
    transition: all .2s
}

.head-box .select-box .search-list .search-x:hover {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.head-box .select-box .imglist {
    zoom: 1;
    width: 1000px;
    margin: 40px auto 0
}

.head-box .select-box .imglist:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.head-box .select-box .imglist a {
    display: inline-block;
    vertical-align: middle;
    width: 490px;
    height: 152px
}

.head-box .select-box .imglist a:hover img {
    opacity: .8
}

.head-box .select-box .titlelist {
    margin-bottom: 10px
}

.head-box .select-box .titlelist a {
    font-size: 16px;
    color: #515c7a;
    margin-right: 25px;
    line-height: 38px
}

.head-box .select-box .titlelist a.active,
.head-box .select-box .titlelist a:hover {
    color: #f9cb1a
}

.head-box .select-box .titlelist .naming {
    float: right;
    color: #f9cb1a;
    margin-right: 0;
    line-height: 34px;
    border: 1px solid #c3def7;
    border-radius: 20px;
    font-size: 14px;
    padding: 0 20px;
    background-color: #f1f8ff
}

.head-box .select-box .titlelist .naming:hover {
    background-color: #e1f1ff
}

.head-box .select-box .titlelist .naming .i-rom {
    display: inline-block;
    background-image: url(./sprite.1614672658685.png);
    background-position: -233px -186px;
    width: 11px;
    height: 11px;
    vertical-align: middle
}

.head-box .select-box .clear-record {
    font-size: 12px;
    color: #999;
    line-height: 32px;
    margin-left: 5px;
    cursor: pointer
}

.head-box .select-box .clear-record:hover {
    color: #ff6610
}

.head-box .select-box .btns {
    margin-top: 10px;
    position: relative;
    width: 1000px
}

.head-box .select-box .btns .i-clear,
.head-box .select-box .btns .i-clear:hover {
    display: inline-block;
    background-image: url(./sprite.1614672658685.png);
    width: 21px;
    height: 23px;
    vertical-align: middle
}

.head-box .select-box .btns .btn {
    font-size: 14px;
    color: #515c7a;
    border: 1px solid #ecedf0;
    background-color: #ecedf0;
    -webkit-border-radius: 10px;
    border-radius: 3px;
    padding: 0 10px;
    margin: 0 15px 10px 0;
    line-height: 32px
}

.head-box .select-box .btns .btn:hover {
    font-weight: bolder;
    background-color: #dfe1e9;
    border: 1px solid #dfe1e9
}

.head-box .select-box .btns .i-clear {
    background-position: -241px -96px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.head-box .select-box .btns .i-clear:hover {
    background-position: -210px -96px
}

.head-box .h-calc {
    height: calc(100vh - 40px)
}

.head-box .headicon-li {
    text-align: center;
    margin: 0 auto;
    width: 730px
}

.head-box .headicon-li .headicon1,
.head-box .headicon-li .headicon2,
.head-box .headicon-li .headicon3,
.head-box .headicon-li .headicon4,
.head-box .headicon-li .headicon5,
.head-box .headicon-li li:hover .headicon1,
.head-box .headicon-li li:hover .headicon2,
.head-box .headicon-li li:hover .headicon3,
.head-box .headicon-li li:hover .headicon4 {
    background-image: url(./sprite.1614672658685.png);
    width: 60px;
    vertical-align: middle;
    height: 60px
}

.head-box .headicon-li li {
    float: left;
    margin: 5px 40px 0;
    font-size: 12px;
    color: #999;
    cursor: pointer
}

.head-box .headicon-li li a {
    font-size: 15px;
    color: #444;
    display: block
}

.head-box .headicon-li li:hover a {
    color: #ff6700
}

.head-box .headicon-li li:hover .headicon1 {
    display: inline-block;
    background-position: -70px -140px
}

.head-box .headicon-li li:hover .headicon2 {
    display: inline-block;
    background-position: -140px -140px
}

.head-box .headicon-li li:hover .headicon3 {
    display: inline-block;
    background-position: -210px 0
}

.head-box .headicon-li li:hover .headicon4 {
    display: inline-block;
    background-position: -70px 0
}

.head-box .headicon-li li:hover .headicon5 {
    display: inline-block;
    background-image: url(./sprite.1614672658685.png);
    background-position: 0 0;
    width: 60px;
    height: 60px;
    vertical-align: middle
}

.head-box .headicon-li .headicon1 {
    display: inline-block;
    background-position: 0 -70px
}

.head-box .headicon-li .headicon2 {
    display: inline-block;
    background-position: -70px -70px
}

.head-box .headicon-li .headicon3 {
    display: inline-block;
    background-position: -140px 0
}

.head-box .headicon-li .headicon4 {
    display: inline-block;
    background-position: -140px -70px
}

.head-box .headicon-li .headicon5 {
    display: inline-block;
    background-position: 0 -140px
}

.head-box .mark-box {
    position: fixed;
    width: 430px;
    min-height: 280px;
    padding-bottom: 20px;
    left: 50%;
    margin-left: -225px;
    top: 200px;
    background-color: #fff;
    text-align: center;
    font-size: 14px;
    color: #515c7a;
    overflow: hidden;
    z-index: 10000;
    border-radius: 6px
}

.head-box .mark-box .top-img {
    width: 100%
}

.head-box .mark-box .ewm-li {
    border-bottom: 1px solid #eee;
    margin: 30px 30px 15px
}

.head-box .mark-box .ewm-li li {
    display: inline-block;
    margin: 0 20px 15px
}

.menu_current:hover .menu_current_sec {
    display: block
}

.menu_current_sec {
    position: absolute;
    background-color: rgba(19, 117, 216, .9);
    text-align: center;
    width: 100%;
    display: none;
    z-index: 99
}

.headserch-box,
.nav-box {
    position: relative
}

.menu_current_sec a {
    display: block;
    line-height: 40px;
    font-size: 13px;
    color: #fff
}

.menu_current_sec a:hover {
    color: #feed85
}

.headserch-box {
    zoom: 1;
    border: 1px solid #f9cb1a;
    color: #515c7a;
    font-size: 14px;
    height: 60px;
    background-color: #fff
}

.headserch-box:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.headserch-box .input {
    width: 600px;
    outline: 0;
    line-height: 50px;
    height: 50px;
    border: 0;
    padding: 5px
}

.headserch-box .input::-webkit-input-placeholder {
    color: #c3c9d4
}

.headserch-box .input::-moz-placeholder {
    color: #c3c9d4
}

.headserch-box .input:-moz-placeholder {
    color: #c3c9d4
}

.headserch-box .input:-ms-input-placeholder {
    color: #c3c9d4
}

.headserch-box .submit {
    position: absolute;
    right: -5px;
    border: 1px solid #428ae2;
    line-height: 44px;
    background: url(../images/search-white.png) 20px 18px no-repeat #428ae2;
    font-size: 20px;
    width: 140px;
    padding-left: 45px
}

.headserch-box .submit:hover {
    background-color: #f9cb1a;
    border: 1px solid #f9cb1a
}

.headserch-box .dropdown {
    background: #fff;
    border: 0;
    float: left;
    width: 140px
}

.headserch-box .dropdown .carat,
.headserch-box .dropdown.open .carat {
    background-image: url(./sprite.1614672658685.png);
    background-position: -210px -186px;
    vertical-align: middle
}

.headserch-box .dropdown .carat {
    display: inline-block;
    width: 13px;
    height: 14px;
    right: 5px;
    top: 23px
}

.headserch-box .dropdown .selected {
    line-height: 50px;
    padding: 5px 10px
}

.headserch-box .dropdown div {
    height: 155px!important;
    padding: 0 8px;
    margin-top: 0;
    opacity: 1;
    display: none
}

.headserch-box .open div {
    display: block
}

.headserch-box .single-sel {
    line-height: 50px;
    padding: 5px 10px;
    display: inline-block;
    width: 80px
}

.headserch-box .dropdown:hover {
    box-shadow: none
}

.fenx-box,
.personal-center {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1)
}

.headserch-box .dropdown.open .carat {
    display: inline-block;
    width: 13px;
    height: 14px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.change-hover {
    float: right;
    padding-left: 5px;
    position: relative;
    height: 50px;
    line-height: 50px;
    width: 115px;
    color: #464f66;
    font-size: 13px
}

.change-hover:hover {
    background-color: #1f7de3!important
}

.change-hover:hover .fenx-box,
.change-hover:hover .personal-center {
    display: block
}

.pers-bottom a:hover {
    color: #ff6700!important
}

.personal-center {
    position: absolute;
    width: 625px;
    right: 0;
    padding: 0 20px;
    border-radius: 3px;
    background-color: #fff;
    display: none
}

.personal-center .pers-li {
    padding: 15px 0;
    border-bottom: 1px solid #ececec;
    align-items: center;
    height: 44px
}

.personal-center .pers-li p {
    width: 200px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.personal-center .pers-li p span {
    height: 15px;
    line-height: 15px;
    padding: 0 15px 0 5px
}

.personal-center .pers-li p span .pers-look:hover {
    color: #ff4800!important
}

.personal-center .pers-li .pers-p {
    justify-content: center
}

.personal-center .pers-li .pers-p a {
    text-align: center;
    display: inline-block;
    width: 80px;
    height: 32px;
    border: 1px solid #f9cb1a;
    line-height: 30px;
    border-radius: 3px;
    margin-left: 10px;
    box-sizing: border-box
}

.personal-center .pers-li .pers-p a:hover {
    background-color: #f9cb1a;
    color: #fff!important;
    border: 1px solid #f9cb1a
}

.personal-center div {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.personal-center div .pers-bottom {
    padding: 20px 0;
    width: 120px;
    display: flex;
    flex-direction: column;
    line-height: 30px;
    font-size: 12px
}

.personal-center div .pers-bottom span {
    font-size: 13px
}

.page .page_btn,
.page_box {
    font-size: 14px;
    font-weight: 400
}

.personal-center div .pers-bottom span .pers-bg1 {
    background: url(../img/gr_01.png) 7px no-repeat
}

.personal-center div .pers-bottom span .pers-bg2 {
    background: url(../img/gr_02.png) 7px no-repeat
}

.personal-center div .pers-bottom span .pers-bg3 {
    background: url(../img/gr_03.png) 7px no-repeat
}

.personal-center div .pers-bottom span .pers-bg4 {
    background: url(../img/gr_04.png) 7px no-repeat
}

.personal-center div .pers-bottom span .pers-bg5 {
    background: url(../img/gr_05.png) 7px no-repeat
}

.personal-center div .pers-bottom span i {
    display: inline-block;
    width: 25px;
    height: 14px
}

.personal-center div .pers-bottom a {
    margin-left: 25px;
    color: #6f798e;
    position: relative
}

.personal-center div .pers-bottom a .pers-hot {
    display: inline-block;
    width: 25px;
    height: 18px;
    background-image: url(../images/icon.png);
    position: absolute;
    right: -12px;
    top: -7px;
    background-position: 194px 233px
}

.fenx-box {
    position: absolute;
    width: 204px;
    right: 0;
    padding: 0 20px;
    line-height: 30px;
    border-radius: 3px;
    background-color: #fff;
    display: none
}

.fenx-box>div:nth-child(1) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    height: 39px
}

.fenx-box>div:nth-child(1) .fenx-data {
    background: url(../images/diannao_01.png) center no-repeat #f1f8ff;
    background-position-x: 13px;
    width: 62px;
    padding-left: 30px;
    border-radius: 16px;
    border: 1px solid #c4def8;
    color: #f9cb1a;
    height: 24px;
    line-height: 24px
}

.fenx-box>div:nth-child(2) .flex-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px 0
}

.fenx-box>div:nth-child(2) .flex-wrap .fenx-cont {
    display: inline-block;
    padding-right: 10px;
    color: #464f66
}

.fenx-box>div:nth-child(2) .flex-wrap .fenx-cont:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #d4d3e9;
    margin-right: 8px
}

.page a,
.page strong {
    margin: 0 3px
}

.fenx-box>div:nth-child(2) .flex-wrap .fenx-cont:hover {
    color: #ff6700!important
}

.page a,
.page strong {
    padding: 2px 9px;
    border: 1px solid #E0E0E0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

.page_box {
    padding: 20px 0;
    color: #666
}

.page a {
    color: #666
}

.page a:hover,
.page strong {
    border: 1px solid #2789EC;
    background: #2789EC;
    color: #fff
}

.page .arrow_left,
.page .arrow_right {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.page .arrow {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.page .arrow_left {
    margin-right: 5px;
    border-right: 5px solid #666
}

.page .arrow_right {
    margin-left: 5px;
    border-left: 5px solid #666
}

.page a:hover .arrow_left {
    border-right: 5px solid #fff
}

.page a:hover .arrow_right {
    border-left: 5px solid #fff
}

.page .com_input {
    width: 30px;
    padding: 0;
    border: 1px solid #e0e0e0;
    height: 26px
}

.page .page_btn {
    padding: 2px 8px;
    color: #666;
    background-color: #f0f0f0;
    border: 1px solid #cacaca;
    cursor: pointer
}

.table,
.table .markimg {
    border: 1px solid #e9e9e9
}

.page .dropdown {
    width: auto;
    padding: 0 23px 0 0;
    text-align: center;
    vertical-align: middle
}

.get_recode_table tr:hover {
    background-color: #fff!important
}

.table th,
.table tr:hover {
    background-color: #fafafa
}

.table td,
.table th {
    padding: 15px 8px;
    text-align: left;
    border-bottom: 1px solid #e9e9e9;
    line-height: 20px
}

.com_table.center td,
.com_table.center th,
.com_top_box.fixed,
.markimg_box .imgtit,
.table tr.center td,
.table tr.center th,
.tp_box1 .ad h1,
.tp_box1 .ad p {
    text-align: center
}

.table_i8td {
    padding-left: 15px!important
}

.table th {
    color: #696464;
    font-size: 15px
}

.table td {
    color: #666;
    font-size: 14px
}

.table td:nth-child(1),
.table th:nth-child(1) {
    padding-left: 15px
}

.table {
    width: 100%
}

.table .infor {
    font-size: 12px;
    color: #888;
    margin-top: 8px
}

.table .markimg {
    width: 65px;
    height: 65px;
    border-radius: 3px
}

.markimg_box .imgtit {
    position: absolute;
    background-color: #a6a7a7;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    width: 65px;
    bottom: 0;
    left: 0
}

.table .price {
    color: #f72a3f;
    font-size: 14px;
    padding-bottom: 4px
}

.table .messge {
    color: #666;
    font-size: 13px;
    line-height: 18px
}

.table .mark_til {
    font-size: 15px;
    color: #f9cb1a;
    padding-bottom: 4px;
    line-height: 24px
}

.table .tip {
    position: relative
}

.table .tip img {
    vertical-align: sub
}

.table .tip:hover .tip_box {
    display: block
}

.table .com_input {
    margin-right: 5px;
    background-color: #fbfbfb
}

.com_table .btn {
    color: #f9cb1a;
    background-color: #fff;
    border: 1px solid #f9cb1a;
    font-size: 14px;
    line-height: 18px;
    padding: 6px 10px
}

.com_table .btn:hover {
    color: #fff!important;
    background-color: #f9cb1a
}

.com_table .btn.btn_red {
    border: 1px solid #ff4800;
    color: #ff4800!important
}

.com_table .btn.btn_red:hover {
    background-color: #ff4800;
    color: #fff!important
}

.com_table .btn.btn_green {
    color: #668cb3!important;
    border: 1px solid #668cb3
}

.com_table .btn.btn_green:hover {
    color: #fff!important;
    background-color: #668cb3
}

.com_table .btn.bd_lightRed {
    color: #ff3145!important;
    border: 1px solid #ff3145
}

.com_table .btn.bd_lightRed:hover {
    color: #fff!important;
    background-color: #ff3145
}

.com_table .btn.bd_orange {
    border: 1px solid #ff6700;
    color: #ff6700!important
}

.com_table .btn.bd_orange:hover {
    color: #fff!important;
    background-color: #ff6700
}

.com_table .til_trshow {
    padding: 5px;
    background-color: #fcfcfc;
    font-size: 14px;
    color: #999
}

.com_table .tr_time td {
    padding: 5px 15px;
    background-color: #fcfcfc
}

.com_tab {
    font-size: 16px
}

.com_tab td {
    padding: 10px
}

.com_area {
    border: 1px solid #d1d1d1;
    padding: 5px;
    width: 377px;
    background: #fbfbfb;
    resize: none
}

.com_tab .com_tab_btn {
    display: inline-block;
    line-height: 20px;
    padding: 5px 10px;
    text-align: center;
    border: 1px solid;
    background-color: #fff;
    margin: 0 5px;
    border-radius: 4px
}

.com_tab .com_tab_btn.btn_red {
    color: #ff4800;
    border-color: #ff4800
}

.com_tab .com_tab_btn.btn_red:hover {
    color: #fff;
    background: #ff4800
}

.com_tab .com_tab_btn.btn_blue {
    color: #f9cb1a;
    border-color: #f9cb1a
}

.com_tab .com_tab_btn.btn_blue:hover {
    color: #fff;
    background: #f9cb1a
}

.com_tab input[type=text] {
    height: 16px;
    line-height: 16px;
    padding: 10px 5px;
    width: 377px;
    border: 1px solid #d1d1d1;
    background: #fbfbfb
}

.tip_box {
    position: absolute;
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
    bottom: 28px;
    left: -5px;
    display: none;
    z-index: 100
}

.sel_tip_box {
    display: block;
    border: 1px solid #ff4800;
    color: #666;
    background-color: #fff;
    bottom: 15px;
    left: auto;
    right: 100px;
    line-height: 20px
}

.sel_tip_box .icon_close {
    cursor: pointer
}

.sel_tip_box:after {
    content: url(../images/zc_05.png);
    bottom: -12px!important;
    left: 20px!important
}

.tip_box.qiang {
    border: 1px solid #ff5260;
    color: #ff5260;
    background-color: #fffbfa
}

.tip_box.zhong {
    border: 1px solid #d6d6d6;
    color: #666;
    background-color: #fff
}

.tip_box.gray {
    border: 1px solid #e5e5e5;
    color: #666;
    background-color: #f2f2f2
}

.tip_box.green {
    border: 1px solid #08b38d;
    color: #fff;
    background-color: #08b38d
}

.com_top_box,
.suc_toast,
.tp_box1 {
    background-color: #fff
}

.tip_box:after {
    position: absolute;
    bottom: -16px;
    left: 10px
}

.tip_box.qiang:after {
    content: url(../images/zc_03.png)
}

.tip_box.zhong:after {
    content: url(../images/zc_04.png)
}

.tip_box.gray:after {
    content: url(../images/zc_06.png);
    bottom: -15px
}

.tip_box.qiang .icon_close {
    right: -18px;
    top: -18px
}

.tip_box_close {
    position: relative
}

.tip_box_close .qiang {
    bottom: 42px;
    left: 90px
}

.suc_toast {
    position: absolute;
    left: 50%;
    top: 8px;
    box-shadow: 0 0 3px 0 rgba(166, 166, 166, .3);
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    padding: 10px 50px;
    transform: translate(-50%)
}

.suc_toast img {
    vertical-align: middle;
    margin-bottom: 3px
}

.tp_box1 {
    padding-top: 40px;
    box-shadow: 1px 1px 1px 1px #e2e2e2
}

.tp_box1 .ad h1 {
    color: #444;
    font-size: 26px;
    font-weight: 400
}

.tp_box1 .ad p {
    color: #666;
    font-size: 16px
}

.com_top_box {
    margin-top: 27px;
    margin-bottom: 25px
}

.com_top_box.fixed {
    position: fixed;
    top: -130px;
    width: 100%;
    z-index: 100;
    box-shadow: 0 2px 10px 1px #ddd
}

.com_top_box .item {
    display: inline-block;
    margin: 0 65px -2px;
    color: #444;
    font-size: 24px;
    padding: 0 46px
}

.com_top_box .item h3 {
    margin-bottom: 2px;
    margin-top: -7px;
    font-size: 20px;
    color: #555;
    font-weight: 400;
    padding-bottom: 10px
}

.com_top_box .item.active {
    border-bottom: 2px solid #75a8eb;
    position: relative
}

.com_top_box .item.active h3 {
    color: #1377dc
}

.tab-box .trademark .reg-tit {
    margin-bottom: 10px;
    margin-top: 30px
}

.tab-box .trademark .reg-tit h1 {
    color: #666c73;
    font-size: 24px;
    font-weight: 400;
    display: inline-block
}

.tab-box .trademark .reg-tit span {
    width: 50px;
    height: 1px;
    background-color: #e5e5e5;
    display: inline-block;
    margin: 0 10px 10px
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-left {
    background-color: #fff;
    box-shadow: 1px 1px 1px 1px #e6e4e4;
    padding: 15px;
    width: 440px
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-left .left-tit {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
    padding-left: 6px;
    margin-bottom: 20px
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-left .left-tit h3 {
    font-size: 20px;
    color: #878fa0;
    text-align: left;
    font-weight: 400
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-left .left-tit li {
    margin-left: 16px;
    padding: 5px 0;
    font-size: 12px;
    color: #d4cece
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-left .left-tit li span {
    color: #999;
    font-size: 14px
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-left .left-item {
    cursor: pointer;
    margin: 37px 5px;
    text-align: left;
    background-position: 15px 10px;
    padding: 10px 10px 10px 100px;
    background-repeat: no-repeat;
    transition: all .5s ease 0s
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-left .left-item .item_tit {
    color: #555;
    font-size: 18px;
    margin: 10px 0 7px;
    position: relative;
    font-weight: 400
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-left .left-item .item_info {
    color: #999;
    font-size: 13px
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-left .left-item .item-price {
    color: #888;
    font-size: 14px;
    position: absolute;
    right: 11px;
    top: -7px
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-left .left-item .item-price span {
    color: #ff3145;
    font-size: 24px;
    font-weight: 400
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-left .left-item .item-btn {
    display: none;
    background-color: #ff6700;
    color: #fff;
    font-size: 15px;
    border: none;
    border-radius: 15px;
    width: 100px;
    height: 26px;
    text-align: center;
    position: absolute;
    right: 1px;
    top: -3px;
    padding-top: 4px
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-left .left-item:hover {
    box-shadow: 1px 1px 1px 1px #e6e4e4
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-left .left-item:hover .item-price {
    display: none
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-left .left-item:hover .item-btn {
    display: block
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-left .con {
    background-image: url(../images/reg-pic1.png)
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-left .fast {
    background-image: url(../images/reg-pic2.png)
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-left .gua {
    background-image: url(../images/reg-pic3.png);
    margin: 36px 5px
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-left .vip {
    background-image: url(../images/reg-pic4.png)
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-right {
    background-color: #fff;
    box-shadow: 1px 1px 1px 1px #e6e4e4;
    padding: 15px 15px 30px;
    width: 676px;
    height: 435px;
    position: relative;
    margin-left: 20px
}

.dropdown-select:hover,
.dropdown:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, .15)
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-right .right-tit {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 14px;
    padding-left: 3px
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-right .right-tit h3 {
    font-size: 20px;
    color: #878fa0;
    text-align: left;
    font-weight: 400
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-right .right-tit li {
    margin-left: 20px;
    padding: 6px 0;
    font-size: 12px;
    color: #d4cece
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-right .right-tit li span {
    color: #999;
    font-size: 14px
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-right .right-body .spe-ul {
    margin-top: 10px;
    padding: 16px 0 0 29px;
    margin-bottom: 15px;
    border: 1px solid #a0caff;
    background-color: #e6f1ff;
    height: 95px;
    position: relative
}

.tab-box .trademark .reg-body .tm-reg-right .flex-direction-nav .flex-prev {
    left: -10px;
    top: 73px;
    background: url(../images/jian_06.png) center no-repeat;
    opacity: 1
}

.tab-box .trademark .reg-body .tm-reg-right .flex-direction-nav .flex-next {
    right: -10px;
    top: 73px;
    background: url(../images/jian_04.png) center no-repeat;
    opacity: 1
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-right .right-body .guide-item a {
    border: 1px solid #d0d0d0;
    margin-bottom: 8px;
    border-radius: 1px;
    background-color: #fff;
    color: #666;
    font-size: 15px;
    width: 125px;
    line-height: 20px;
    padding: 5px;
    display: inline-block;
    margin-right: 20px;
    text-align: center;
    overflow: hidden
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-right .right-body .guide-item .active {
    border: 1px solid #428ae2;
    background-color: #428ae2;
    color: #fff
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-right .right-body .project ul {
    margin-top: 0;
    padding: 15px 0 0 32px;
    margin-bottom: 0
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-right .right-body .project h3 {
    color: #666;
    font-size: 16px;
    text-align: left;
    padding-left: 32px;
    position: relative;
    font-weight: 400
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-right .right-body .project span {
    color: #999;
    font-size: 14px;
    display: inline-block;
    margin-left: 11px;
    font-weight: 400
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-right .right-body .core h3:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 3px;
    width: 18px;
    height: 20px;
    background-image: url(../img/reg-icon1.png)
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-right .right-body .related h3 {
    margin-top: 5px
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-right .right-body .related h3:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 3px;
    width: 16px;
    height: 14px;
    background-image: url(../img/reg-icon2.png)
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-right .right-body .right-btn {
    position: absolute;
    bottom: 20px;
    width: 676px;
    text-align: center
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-right .right-body .con-btn {
    cursor: pointer;
    background-color: #428ae2;
    color: #fff;
    font-size: 16px;
    border: none;
    border-radius: 25px;
    width: 135px;
    height: 35px;
    text-align: center;
    margin-right: 22px
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-right .right-body .con-btn:hover {
    background-color: #237ce8
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-right .right-body .reg-btn {
    cursor: pointer;
    background-color: #ff6700;
    color: #fff;
    font-size: 16px;
    border: none;
    border-radius: 25px;
    width: 135px;
    height: 35px;
    text-align: center
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-right .right-body .reg-btn:hover {
    background-color: #ff7b21
}

.steps_box {
    margin-bottom: 34px
}

.com_steps {
    margin: 28px -25px 28px 0
}

.com_steps .steps_list li {
    float: left;
    text-align: center;
    color: #fff;
    font-size: 16px
}

.com_steps .steps_list li.last {
    width: 282px
}

.com_steps .steps_list li .left em {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 20px;
    line-height: 40px;
    margin: -2px 5px 0;
    vertical-align: middle
}

.com_steps .steps_list li .left {
    background: #f9cb1a;
    width: 585px;
    line-height: 40px;
    height: 40px
}

.com_steps .steps_list .cur .left {
    background: #ff8e61
}

.com_steps .steps_list .last .left {
    background: #a2b8ce
}

.com_steps .steps_list li .right {
    background: url(../images/steps_bg.jpg) no-repeat;
    height: 40px;
    width: 25px
}

.com_steps .steps_list .done_m .right {
    background-position: 0 -120px
}

.com_steps .steps_list .done .right {
    background-position: 0 -40px
}

.com_steps .steps_list .last .right {
    background-position: 0 -80px
}

.com_steps .steps_list.steps_list3b li {
    width: 408px
}

.com_steps .steps_list.steps_list3b li .left {
    width: 383px
}

.com_steps.com_steps4 {
    margin: 20px -18px 0 0
}

.com_steps .steps_list.steps_list4b li {
    width: 138px;
    font-size: 14px
}

.com_steps .steps_list.steps_list4b li .left {
    width: 120px;
    height: 30px;
    line-height: 30px
}

.com_steps .steps_list.steps_list4b li .right {
    background: url(../images/steps_bg2.jpg) 0 -30px no-repeat;
    height: 30px;
    width: 18px
}

.com_steps .steps_list.steps_list4b .done .right {
    background-position: 0 0
}

.notice_list_box {
    width: 780px
}

.notice_list_ul li {
    padding-bottom: 20px;
    border-bottom: 1px dashed #e5e5e5;
    margin-bottom: 20px
}

.notice_list_ul li .notice_item .notice_item_til {
    font-size: 22px;
    color: #444;
    vertical-align: bottom;
    font-weight: 400;
    line-height: 32px
}

.notice_list_ul li .notice_item .notice_item_til:hover {
    color: #ff4800
}

.notice_list_ul li .notice_item .notice_item_til .date {
    color: #888;
    font-size: 14px;
    padding-right: 10px
}

.notice_list_ul li .notice_item .notice_item_info {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    height: 48px;
    margin-top: 10px;
    overflow: hidden
}

.notice_list_ul li .notice_item .notice_item_info:hover {
    color: #f9cb1a
}

.notice_rside {
    width: 280px;
    text-align: right
}

.notice_rside .notice_rside_item {
    width: 240px;
    height: 120px;
    padding-left: 20px;
    border: 1px solid #ddebff;
    background-color: #f8fbff;
    display: inline-block;
    text-align: left;
    margin-bottom: 20px;
    background-image: url(../images/notice_rbg.png);
    background-repeat: no-repeat
}

.notice_rside .notice_rside_item.item_regi {
    background-position: 175px 20px
}

.notice_rside .notice_rside_item.item_bsell {
    background-position: 175px -120px
}

.notice_rside .notice_rside_item.item_mess {
    background-position: 175px -260px
}

.notice_rside .notice_rside_item .til {
    font-size: 20px;
    color: #f9cb1a;
    line-height: 40px;
    margin-top: 10px;
    font-weight: 400
}

.notice_rside .notice_rside_item .intro {
    color: #999;
    font-size: 14px
}

.mending_form {
    padding: 24px 80px
}

.mending_form li .icon-de {
    margin-left: 20px;
    margin-top: 3px;
    float: right;
    cursor: pointer
}

.mending_form .tip {
    font-size: 12px;
    padding-left: 20px;
    position: relative
}

.mending_form .tip .icon {
    position: absolute;
    left: 0;
    top: -2px
}

.mending_form .bd_orange {
    font-size: 14px;
    padding: 5px 10px
}

.item_update {
    width: 730px;
    margin: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 14px
}

.item_update .mark_cont2 {
    padding: 20px 40px
}

.item_update .table td,
.item_update .table th {
    border: 1px solid #e9e9e9;
    font-size: 14px
}

.item_update .table th {
    border-bottom: 0
}

.item_update .tbody {
    max-height: 220px;
    overflow-y: auto
}

.item_update .tbody label {
    margin-left: 20px
}

.item_update .mod-prompt {
    padding: 15px
}

.instruct {
    border: 1px solid #fbd4c0;
    background-color: #fffbfa;
    padding: 30px 40px
}

.history_box {
    border-left: 1px solid #ececec;
    padding: 10px 15px;
    margin: 20px 0
}

.history_box .history_main {
    margin-top: 10px
}

.history_box .history_ul {
    margin-left: 15px
}

.history_box .history_ul li {
    float: left;
    list-style: square;
    color: #d6d6d6;
    width: 70px;
    line-height: 30px
}

.history_box .history_til {
    border-bottom: 1px solid #ececec;
    padding-bottom: 6px;
    font-size: 14px;
    font-weight: 400;
    color: #666
}

.history_box .markcontrol {
    border: 1px solid #fbd4c0;
    padding: 10px 15px;
    background-color: #fffbfa;
    background-image: url(../images/control_bg.png);
    background-repeat: no-repeat;
    background-position: right top
}

.history_box .markcontrol .til {
    color: #ff4800;
    font-size: 15px;
    padding-bottom: 10px;
    font-weight: 400
}

.history_box .markcontrol .info {
    color: #666;
    font-size: 12px
}

.marbtn {
    position: relative;
    padding: 5px 10px 5px 35px;
    text-align: center;
    background-image: url(../images/icon_entrust.png);
    background-repeat: no-repeat;
    display: inline-block;
    border-radius: 5px;
    margin: 5px
}

.marbtn.btn_orange {
    background-color: #ff6700;
    border: 1px solid #ff6700;
    color: #fff;
    background-position: 5px -3px
}

.marbtn.btn_orange:hover {
    background-color: #ff4800;
    border: 1px solid #ff4800
}

.marbtn.btn_blue {
    background-color: #428ae2;
    border: 1px solid #428ae2;
    color: #fff;
    background-position: 5px -56px
}

.marbtn.btn_blue:hover {
    background-color: #f9cb1a;
    border: 1px solid #f9cb1a
}

.marbtn.btn_orange.btn_already {
    background-color: #fff!important;
    color: #ff6700;
    background-position: 5px -100px
}

.marbtn.btn_orange.btn_already:hover {
    background-color: #ff6700!important;
    border: 1px solid #ff6700;
    color: #fff;
    background-position: 5px -3px
}

.marbtn.btn_blue.btn_already {
    background-color: #fff;
    color: #428ae2;
    background-position: 5px -153px
}

.marbtn.btn_blue.btn_already:hover {
    background-color: #428ae2;
    border: 1px solid #428ae2;
    color: #fff;
    background-position: 5px -56px
}

.marbtn .standbtn {
    width: 115px;
    left: -25px;
    color: #f9cb1a;
    background-color: #fafafa
}

.marbtn .standbtn:before {
    left: 70px;
    top: 27px
}

.marbtn .standbtn:after {
    left: 71px
}

.marbtn.btn_consultant,
.marbtn.btn_quick {
    background-image: url(../images/quick_btn_icon.png)
}

.searanswer_ul {
    margin: 20px -34px 20px 15px
}

.searanswer_ul>li {
    padding: 0 5px;
    margin-right: 30px;
    border-right: 1px solid #ececec;
    height: 175px
}

.searanswer_ul>li .borderb {
    padding: 20px 0;
    margin-right: 30px;
    border-bottom: 1px solid #e5e5e5
}

.searanswer_ul .markimg {
    border: 1px solid #e5e5e5
}

.searanswer_ul .searanswer_main {
    margin-left: 20px;
    width: 238px
}

.searanswer_ul .searanswer_main .searanswer_til {
    font-size: 18px;
    color: #ff4800;
    white-space: nowrap
}

.searanswer_ul .searanswer_main .searanswer_til .title {
    max-width: 150px
}

.searanswer_ul .searanswer_main .searanswer_til .change,
.searanswer_ul .searanswer_main .searanswer_til .invalid {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: inline-block;
    max-width: 96px;
    color: #fff;
    font-size: 13px;
    background-color: #77abeb;
    margin-left: 5px;
    padding: 3px 10px;
    border-radius: 4px;
    font-weight: 400;
    vertical-align: middle
}

.searanswer_ul .searanswer_main .searanswer_til .invalid {
    background-color: #b6c0cb
}

.searanswer_ul .searanswer_main .searanswer_sort {
    margin-top: 10px;
    color: #666
}

.searanswer_ul .searanswer_main .verbar {
    color: #cdcdcd
}

.searanswer_ul .searanswer_main .marksort_ol {
    border-top: 1px dashed #e5e5e5;
    padding-top: 10px;
    margin-top: 10px
}

.searanswer_ul .searanswer_main .marksort_ol li {
    width: 235px;
    float: left;
    color: #444;
    line-height: 26px
}

.popbtn,
.readers {
    line-height: 16px
}

.searanswer_ul .searanswer_main .marksort_ol li:hover {
    cursor: pointer
}

.searanswer_ul .searanswer_main .marksort_ol li label {
    color: #999
}

.searanswer_ul .marbtn_box {
    width: 117px;
    padding: 20px 0 20px 30px;
    text-align: center
}

.buss_mark_box .not_found {
    padding: 40px
}

.buss_mark_box .not_found .icon {
    display: inline-block;
    height: 60px;
    width: 70px;
    background: url(../images/icon2.png) -8px -132px no-repeat
}

.buss_mark_box .not_found .c_orange:hover {
    color: #ff6700!important
}

.declare {
    display: inline-block;
    width: 50px;
    padding: 0 5px 20px;
    background: url(../images/process_bg.png) -70px bottom no-repeat;
    text-align: center
}

.popbtn,
.standbtn {
    background-color: #fafafa
}

.declare.declare_ok {
    background-position: 0 bottom;
    color: #ff4800
}

.popbtn {
    position: absolute;
    padding: 5px 15px;
    border: 1px solid #ececec;
    width: 120px;
    border-radius: 13px;
    top: -40px;
    left: -40px;
    color: #666
}

.popbtn:before {
    content: '';
    width: 0;
    top: 26px;
    left: 70px;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #ececec;
    position: absolute
}

.popbtn:after {
    content: '';
    width: 0;
    top: 26px;
    left: 71px;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #fafafa;
    position: absolute
}

.standbtn {
    width: 40px;
    left: 5px;
    border: 1px solid #d6d6d6
}

.standbtn:before {
    left: 30px;
    border-top: 7px solid #d6d6d6
}

.to_process,
.to_process2 {
    border: 1px solid #e7e7e7
}

.standbtn:after {
    left: 31px
}

.to_process {
    position: relative;
    padding: 30px 20px;
    height: 320px;
    background: url(../images/to_pro.jpg) no-repeat #fff
}

.to_process p {
    font-weight: 400;
    transition: all .3s ease;
    cursor: default
}

.dropdown li.active,
.dropdown li.optgroup,
.dropdown-select li.optgroup,
.dropdown_oth li.active,
.dropdown_oth li.optgroup {
    font-weight: 600
}

.to_process .cont {
    position: absolute
}

.to_process .to_process_top {
    margin-top: 50px;
    margin-left: 105px;
    position: relative
}

.to_process .to_process_top p {
    display: inline-block;
    padding: 20px 50px;
    transition: .3s all ease
}

.to_process .to_process_top p:hover {
    display: inline-block;
    padding: 20px 55px 20px 45px;
    cursor: default
}

.to_process .to_process_left {
    bottom: 40px;
    left: 30px
}

.to_process .to_process_left p {
    padding: 0 30px 0 10px;
    transition: .3s all ease
}

.to_process .to_process_left p:hover {
    padding: 0 35px 0 5px
}

.to_process .to_process_left .first {
    margin-bottom: 46px
}

.to_process .to_process_right {
    bottom: 90px;
    right: 35px;
    transition: .3s all ease
}

.to_process .to_process_right:hover {
    right: 40px
}

.to_process .to_process_bot {
    bottom: 70px;
    right: 200px
}

.to_process .to_process_bot p {
    padding: 0 20px;
    display: inline-block;
    transition: .3s all ease
}

.to_process .to_process_bot p:hover {
    padding: 0 25px 0 15px
}

.to_process .to_process_bot p.first {
    padding: 0 40px;
    transition: .3s all ease
}

.to_process .to_process_bot p.first:hover {
    padding: 0 45px 0 35px
}

.to_process2 {
    padding: 30px 18px;
    height: 330px;
    background: url(../images/to_pro3.jpg) no-repeat #fff
}

.to_process2 .to_process2_cont p {
    width: 149px;
    padding: 200px 20px 20px;
    background: url(../images/pro1.png) 25px 63px no-repeat;
    vertical-align: top;
    text-align: center;
    display: inline-block;
    transition: all .5s ease 0s
}

.to_process2 .to_process2_cont p:hover {
    padding: 200px 10px 20px 30px;
    background-position: 35px 63px
}

.to_process2 .to_process2_cont .pro2 {
    background: url(../images/pro2.png) 25px 63px no-repeat
}

.to_process2 .to_process2_cont .pro3 {
    background: url(../images/pro3.png) 25px 63px no-repeat
}

.to_process2 .to_process2_cont .pro4 {
    background: url(../images/pro4.png) 25px 63px no-repeat
}

.to_process2 .to_process2_cont .pro5 {
    background: url(../images/pro5.png) 25px 63px no-repeat
}

.to_process2 .to_process2_cont .pro6 {
    background: url(../images/pro6.png) 25px 63px no-repeat
}

.article_msg {
    padding: 20px 0;
    border-bottom: 1px dashed #e6e6e6
}

.article_msg .source,
.article_msg .time {
    display: inline-block;
    padding: 0 15px;
    height: 30px;
    vertical-align: top
}

.share {
    display: inline-block;
    padding: 0 15px
}

.share a {
    float: left;
    height: 24px;
    width: 20px;
    background: url(../images/share.jpg) -6px -5px no-repeat
}

.share a.sina {
    background-position: -29px -5px
}

.share a.blog {
    background-position: -52px -5px
}

.share a.wechat {
    background-position: -75px -5px
}

.share a.add_others {
    background-position: -98px -5px
}

.readers {
    display: inline-block;
    height: 16px
}

.readers_bg {
    height: 16px;
    width: 16px;
    background: url(../images/icon2.png) -122px -140px no-repeat
}

.readers_right {
    background-position: -160px -140px
}

.readers_cont {
    height: 14px;
    line-height: 14px;
    padding: 0 10px;
    background: #f3f3f3;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

.prompt {
    font-size: 12px;
    line-height: 25px;
    margin-top: 3px
}

.prompt .icon {
    display: inline-block;
    height: 28px;
    width: 34px;
    background: url(../images/icon2.png) 1px -5px no-repeat;
    vertical-align: middle
}

.order .prompt {
    line-height: 35px
}

.order .prompt .icon {
    background-position: 1px 1px
}

.h435 {
    height: 435px!important
}

.template .select2-container .select2-choice {
    height: 30px;
    line-height: 30px
}

.template .select2-container .select2-choice .select2-arrow b {
    background: url(../images/select2.png) 0 2px no-repeat
}

.right_img {
    float: right;
    width: 400px
}

.list_sec dt.c_blue a {
    color: #f9cb1a
}

.serchbox {
    width: 240px;
    position: absolute;
    top: 72px;
    right: 0;
    padding: 0 20px 10px;
    background: #f7fbff;
    border: 1px solid #c7dcf1
}

.serchbox .tab li {
    float: left;
    font-size: 15px;
    color: #8fb3d6;
    min-width: 115px;
    line-height: 40px
}

.c_blue7,
.serchbox .list li:hover,
.serchbox .tab li.on {
    color: #4f91d5
}

.serchbox .box {
    border: 1px solid #c4def8;
    background-color: #fff
}

.serchbox .box input {
    border: 0;
    outline: 0
}

.serchbox .list {
    height: 120px;
    overflow-y: auto;
    border-top: 1px solid #c4def8;
    padding: 0 10px
}

.serchbox .list li {
    line-height: 30px;
    cursor: pointer;
    font-size: 14px
}

.ordergray {
    padding: 15px 30px;
    background-color: #f4f4f4;
    font-size: 14px;
    color: #666;
    border: 1px solid #f4f4f4;
    line-height: 36px
}

.ordergray .dropdown .selected {
    padding: 5px 3px!important
}

.ordergray .dropdown {
    background-color: #fff
}

.ordergray .dropdown .carat {
    background: url(../images/icon.png) -110px -28px no-repeat #fff!important
}

.ordergray input[type=text] {
    margin-left: 5px;
    padding: 0 5px
}

.dropdown,
.dropdown_oth {
    display: inline-block;
    width: 142px;
    background: #f6f6f6;
    border: 1px solid #d1d1d1;
    position: relative;
    cursor: pointer;
    user-select: none
}

.dropdown div,
.dropdown_oth div {
    background: #fff;
    border: 1px solid #ccc;
    border-top: 1px solid #eee;
    border-radius: 0 0 3px 3px;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    z-index: 100
}

.dropdown div {
    height: 0;
    margin-top: -1px
}

.dropdown ul,
.dropdown_oth ul {
    height: 100%;
    width: 100%;
    list-style: none;
    overflow: auto
}

.dropdown li.focus,
.dropdown_oth li.focus {
    background: #f8f8f8;
    color: #ff4800!important
}

.dropdown li.optgroup,
.dropdown_oth li.optgroup {
    color: #a0a0a0
}

.dropdown li.optgroup_option,
.dropdown_oth li.optgroup_option {
    padding-left: 20px
}

.classify_alert .selected,
.dropdown .selected,
.dropdown li,
.dropdown_oth .selected,
.dropdown_oth li {
    display: block;
    font-size: 14px;
    line-height: 1;
    padding: 5px 3px;
    cursor: pointer;
    overflow: hidden
}

.dropdown .old {
    display: none
}

.classify_alert .carat,
.dropdown .carat,
.dropdown_oth .carat {
    display: block;
    width: 26px;
    height: 100%;
    background: url(../images/icon.png) -110px -27px no-repeat #f6f6f6;
    position: absolute;
    right: 0;
    top: 0
}

.import .classify_alert .carat,
.import .dropdown,
.import .dropdown .carat {
    background-color: #fbfbfb
}

.dropdown.open,
.dropdown_oth.open {
    z-index: 2
}

.dropdown.open div,
.dropdown_oth.open div {
    opacity: 1;
    filter: alpha(opacity=100)
}

.dropdown.open .carat,
.dropdown_oth.open .carat {
    background-position: -110px -63px
}

.dropdown_oth.open .carat {
    background-position: -110px -58px!important
}

.dropdown.disabled .selected {
    color: #999
}

.dropdown.scrollable.open ul {
    overflow-y: auto
}

.import .dropdown {
    padding: 5px 6px 7px;
    border: 1px solid #ccc
}

.dropdown_oth div {
    width: 460px;
    overflow-y: auto;
    max-height: 0
}

.dropdown_oth.open div {
    max-height: 390px
}

.dropdown_oth ul {
    width: 330px;
    overflow-y: auto;
    padding-right: 130px;
    position: relative
}

.dropdown_oth ul li {
    padding: 10px
}

.dropdown_oth ul li:hover,
.dropdown_oth ul ol li:hover a {
    background-color: #f8f8f8;
    color: #ff4800
}

.dropdown_oth ul ol {
    width: 130px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #d1d1d1;
    display: none
}

.dropdown_oth ul li:hover ol {
    display: block
}

.dropdown_oth ul ol a {
    display: inline-block;
    color: #666
}

.dropdown_oth ul ol li {
    padding: 8px 10px
}

.dd_tip {
    position: absolute;
    top: 74px;
    right: 564px;
    border: 1px solid #ff4800;
    width: 120px;
    border-radius: 3px;
    padding: 5px 10px;
    line-height: 20px;
    background: #fff
}

.dd_tip:before {
    content: '';
    border: 8px solid transparent;
    border-top: 8px solid #ff9369;
    position: absolute;
    left: 11px;
    top: 50px;
    z-index: 44
}

.dd_tip:after {
    content: '';
    border: 7px solid transparent;
    border-top: 7px solid #fff;
    position: absolute;
    left: 12px;
    top: 50px;
    z-index: 99
}

.dd_tip span {
    cursor: pointer;
    position: absolute;
    color: #fff;
    background: #ff4800;
    border-radius: 100%;
    width: 14px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    padding-left: 2px;
    top: -6px;
    right: -6px;
    font-size: 13px
}

.dropdown-select {
    height: 36px;
    display: inline-block;
    width: 142px;
    background: #f6f6f6;
    border: 1px solid #d1d1d1;
    position: relative;
    cursor: pointer;
    user-select: none
}

.dropdown-select div {
    height: 0;
    margin-top: -1px;
    background: #fff;
    border: 1px solid #ccc;
    border-top: 1px solid #eee;
    border-radius: 0 0 3px 3px;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px
}

.dropdown-select ul {
    height: 100%;
    width: 100%;
    list-style: none;
    overflow: hidden
}

.dropdown-select li {
    padding: 6px;
    background: #fdfdfd;
    font-size: 14px
}

.dropdown-select li.focus {
    background: #f8f8f8;
    color: #ff4800!important
}

.dropdown-select li.optgroup {
    color: #a0a0a0
}

.dropdown-select li.optgroup_option {
    padding-left: 20px
}

.classify_alert .selected,
.dropdown li,
.dropdown-select .selected,
.dropdown_oth .selected {
    display: block;
    font-size: 14px;
    line-height: 1;
    padding: 12px 3px;
    cursor: pointer
}

.dropdown-select .old {
    display: none
}

.classify_alert .carat,
.dropdown-select .carat {
    display: block;
    width: 26px;
    height: 100%;
    background: url(../images/icon.png) -110px -21px no-repeat #f6f6f6;
    position: absolute;
    right: 0;
    top: 0
}

.dropdown-select.open {
    z-index: 2
}

.dropdown-select.open div {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 2
}

.dropdown-select.open .carat {
    background-position: -110px -58px
}

.dropdown-select.disabled .selected {
    color: #999
}

.dropdown-select.scrollable.open ul {
    overflow-y: auto
}

.deal_page {
    padding: 40px 52px;
    margin: 34px auto;
    background: #fff
}

.deal_page .table tr:hover {
    background-color: inherit
}

.deal_page .img_box {
    width: 220px;
    height: 220px;
    line-height: 220px;
    padding: 12px;
    border: 1px solid #e9e9e9;
    overflow: hidden;
    position: relative
}

.deal_page .img_box img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    max-width: 100%
}

.deal_page .brand_intro .brand_name,
.deal_page .brand_intro .status {
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.deal_page .brand_intro {
    font-size: 14px
}

.deal_page .brand_intro .title {
    padding: 10px 12px;
    border-bottom: 1px dashed #d1d1d1
}

.deal_page .brand_intro .brand_name {
    line-height: 22px;
    font-size: 18px;
    color: #ff4800
}

.deal_page .brand_intro .status {
    display: inline-block;
    padding: 1px 12px;
    margin-left: 10px;
    font-weight: 400;
    font-size: 13px;
    color: #fff;
    background: #77abeb;
    border-radius: 2px
}

.deal_page .brand_intro .table {
    margin: 10px;
    border: 0
}

.deal_page .brand_intro .table td {
    padding: 10px 5px;
    border: 0
}

.deal_page .brand_intro .table td .classify li {
    margin-right: 25px;
    position: relative
}

.deal_page .brand_intro .table td .classify li:hover {
    border-bottom: 2px solid #428ae2
}

.deal_page .brand_intro .table td .classify li.hover:before {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background: #428ae2
}

.deal_page .brand_intro .table td .classify li:hover:after {
    content: '';
    position: absolute;
    left: 26px;
    bottom: -6px;
    width: 0;
    height: 0;
    z-index: 99;
    border-top: 4px solid #428ae2;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: none
}

.deal_page .brand_intro .classify_item li {
    margin-top: 5px;
    padding: 5px;
    border: 1px solid #ddebff;
    background-color: #f8fbff
}

.deal_page .brand_intro .btn_box {
    padding: 12px;
    line-height: 36px;
    background: #f3f9ff
}

.deal_page .brand_intro .btn {
    display: inline-block;
    padding: 8px 10px 8px 0;
    font-size: 14px;
    border-radius: 2px;
    color: #fff
}

.deal_page .brand_intro .btn_orange {
    background-color: #ff6700
}

.deal_page .brand_intro .btn_orange:hover {
    background-color: #ff4800
}

.brand_intro .btn .icon {
    display: inline-block;
    height: 20px;
    width: 30px;
    background: url(../images/icon2.png) -34px -66px no-repeat
}

.brand_intro .btn_orange .icon {
    background-position: -4px -66px
}

.deal_page .details {
    margin-top: 42px;
    width: 821px
}

.deal_page .details .details_nav {
    margin-bottom: 20px;
    border: 1px solid #e9e9e9;
    border-bottom: 2px solid #428ae2
}

.deal_page .details .details_nav li {
    float: left;
    height: 50px;
    line-height: 50px;
    font-size: 16px
}

.deal_page .details .details_nav li a {
    display: inline-block;
    height: 50px;
    padding: 0 20px;
    color: #444;
    border-right: 1px solid #e9e9e9
}

.deal_page .details .details_nav li.active {
    background: #428ae2
}

.deal_page .details .details_nav li.active a {
    color: #fff
}

.deal_page .details .deal_pro {
    border: 0;
    background: url(../images/deal_pro.jpg) no-repeat
}

.deal_page .details .deal_pro p {
    float: left;
    margin-top: 140px;
    padding: 20px 0;
    vertical-align: top;
    text-align: center;
    display: inline-block
}

.deal_page .details .table td {
    border: 1px solid #e9e9e9;
    font-size: 16px;
    padding: 15px 10px
}

.deal_page .details .table td:nth-child(odd) {
    background: #fafbfb;
    color: #888
}

.deal_page .details .need_material.table th {
    border: 1px solid #e9e9e9;
    text-align: center;
    font-weight: 400
}

.deal_page .details .need_material.table td,
.deal_page .details .need_material.table th {
    color: #888;
    font-size: 16px
}

.deal_page .details .need_material ul {
    list-style: square inside;
    font-size: 12px;
    color: #428ae2
}

.deal_page .details .need_material li p {
    display: inline-block
}

.deal_page .details .need_material.table td:nth-child(odd) {
    background: #fff
}

.deal_page .right_part {
    padding: 10px;
    width: 206px;
    border: 1px solid #e9e9e9
}

.deal_page .right_part h1 {
    margin-bottom: 10px;
    font-size: 16px;
    color: #ff4800
}

.deal_page .right_part .trade_item_ol li {
    width: 100%;
    border: 0;
    border-top: 1px solid #e9e9e9
}

.entrust_suc {
    padding: 40px 52px;
    text-align: center;
    background: #fff
}

.entrust_suc h1 {
    display: inline-block;
    margin: 20px 0;
    padding: 5px 2px 5px 40px;
    text-indent: 23px;
    color: #0bb523;
    font-size: 24px;
    font-weight: 400;
    background: url(../images/suc.png) no-repeat
}

.entrust_suc .state {
    width: 770px;
    margin: 10px auto 30px;
    font-size: 16px;
    line-height: 34px;
    color: #666
}

.bt_btn_box,
.entrust_suc .btn_box {
    padding: 30px 0;
    border-top: 1px solid #ececec
}

.entrust_suc .note {
    padding: 28px 0
}

.entrust_suc .table {
    width: 838px;
    margin: 0 auto
}

.entrust_suc .table .img_box {
    height: 65px;
    width: 64px;
    border: 1px solid #e9e9e9;
    overflow: hidden;
    line-height: 65px;
    position: relative
}

.order_form,
.recommend-box .tit {
    border-bottom: 1px solid #ececec
}

.entrust_suc .table .img_box img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    max-width: 100%
}

.entrust_suc .table th {
    font-size: 16px;
    padding: 15px 8px
}

.entrust_suc .table .price {
    text-align: left;
    padding-left: 30px;
    padding-right: 0;
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.entrust_suc .table td:nth-child(1),
.entrust_suc .table th:nth-child(1) {
    padding-left: 8px
}

.recommend-box {
    border: 1px solid #ececec;
    text-align: center;
    font-size: 15px;
    width: 838px;
    margin: 0 auto
}

.recommend-box .tit {
    line-height: 45px;
    font-size: 14px;
    position: relative
}

.recommend-box .tit:after {
    content: '';
    position: absolute;
    display: inline-block;
    background-image: url(../images/tuijian2.png);
    width: 47px;
    height: 47px;
    right: 0;
    top: 0
}

.order_form .table .img_box img,
.payment_page .img_box img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%
}

.recommend-box li {
    padding: 15px 30px
}

.order_form {
    min-height: 364px;
    margin-bottom: 20px
}

.order_form .table td {
    vertical-align: top
}

.order_form .table .img_box {
    height: 65px;
    width: 64px;
    margin-right: 15px;
    border: 1px solid #e9e9e9;
    overflow: hidden;
    line-height: 65px;
    position: relative
}

.order_form .table .img_box img {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.order_form .trade_name {
    color: #666;
    font-size: 14px;
    vertical-align: middle;
    line-height: 26px
}

.order_form .trade_sort {
    font-size: 12px;
    color: #999
}

.order_form .contact {
    padding: 20px 0;
    font-size: 16px
}

.order_form .contact li {
    margin-right: 36px
}

.order_form .contact li input {
    padding: 4px;
    border: 1px solid #dcdcdc
}

.payment_page h1 {
    margin: 0 0 20px;
    border-bottom: 1px solid #e7e7e7
}

.payment_page h1 span {
    display: inline-block;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 400;
    color: #f9cb1a;
    border-bottom: 2px solid #f9cb1a
}

.payment_page .table {
    border: 0;
    width: 580px
}

.payment_page .table td {
    border: 0;
    font-size: 16px
}

.payment_page .table tr:hover {
    background: inherit
}

.payment_page .img_box {
    height: 134px;
    width: 134px;
    margin-right: 48px;
    padding: 12px;
    border: 1px solid #e7e7e7;
    overflow: hidden;
    position: relative
}

.payment_page .img_box img {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.payment_page .money {
    margin: 28px 0;
    padding: 15px 20px;
    background: #fffbfa;
    border: 1px solid #fbd4c0
}

.payment_page .money .prompt {
    font-size: 12px;
    line-height: 22px;
    margin-top: 3px
}

.payment_page .money .prompt .icon {
    display: inline-block;
    height: 22px;
    width: 25px;
    background: url(../images/icon2.png) -7px -5px no-repeat
}

.payment_page .money .detailed_account {
    padding: 24px 0;
    border-bottom: 1px dashed #fbd4c0
}

.batch_pro .money,
.payment_page .notes {
    margin: 28px 0;
    border: 1px solid #fbd4c0
}

.payment_page .money .detailed_account .icon {
    display: inline-block;
    height: 28px;
    width: 25px;
    background: url(../images/icon2.png) -34px 0 no-repeat
}

.payment_page .money .btn_box {
    padding: 16px 0
}

.payment_page .notes {
    padding: 15px 20px;
    background: #fffbfa
}

.payment_page .notes .top_prompt {
    padding: 5px 30px;
    color: #ff4800;
    font-size: 16px
}

.payment_page .notes .top_prompt .icon {
    display: inline-block;
    height: 28px;
    width: 38px;
    background: url(../images/icon.png) -165px -135px no-repeat
}

.payment_page .notes .notes_list {
    padding: 5px 58px;
    color: #ff4800;
    list-style: square;
    text-indent: 10px
}

.payment_page .notes .notes_list li span {
    color: #444
}

.batch_pro .table .icon {
    display: inline-block;
    height: 16px;
    width: 38px;
    background: url(../images/icon2.png) -28px -8px no-repeat
}

.batch_pro .table td {
    font-size: 12px
}

.batch_pro .money {
    padding: 15px 20px;
    background: #fffbfa
}

.batch_pro .money .prompt {
    font-size: 12px;
    line-height: 22px;
    margin-top: 3px
}

.batch_pro .money .prompt .icon {
    display: inline-block;
    height: 22px;
    width: 25px;
    background: url(../images/icon2.png) -7px -5px no-repeat
}

.batch_pro .money .detailed_account {
    padding: 24px 0;
    border-bottom: 1px dashed #fbd4c0
}

.batch_pro .money .detailed_account .icon {
    display: inline-block;
    height: 28px;
    width: 25px;
    background: url(../images/icon2.png) -34px 0 no-repeat
}

.batch_pro .money .btn_box {
    padding: 16px 0
}

.batch_pro .notes {
    margin: 28px 0;
    padding: 15px 20px;
    background: #fffbfa;
    border: 1px solid #fbd4c0
}

.batch_pro .notes .top_prompt {
    padding: 5px 30px;
    color: #ff4800;
    font-size: 16px
}

.batch_pro .notes .top_prompt .icon {
    display: inline-block;
    height: 28px;
    width: 38px;
    background: url(../images/icon.png) -165px -136px no-repeat
}

.batch_pro .notes .notes_list {
    padding: 5px 58px;
    color: #ff4800;
    list-style: square;
    text-indent: 10px
}

.batch_pro .notes .notes_list li span {
    color: #444
}

.pay_box {
    padding: 20px 50px;
    border-bottom: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9
}

.history_page .com_table .done .done_btn {
    border-color: #93aac2;
    color: #93aac2!important
}

.history_page .com_table .done .done_btn:hover {
    background: #93aac2;
    color: #fff!important
}

.history_page .com_table .confirm .confirm_btn {
    border-color: #ff4800;
    color: #ff4800!important
}

.history_page .com_table .confirm .confirm_btn:hover {
    background: #ff4800;
    color: #fff!important
}

.manage_page .com_table .btn {
    padding: 6px 10px
}

.manage_page .com_table .done .done_btn {
    border-color: #93aac2;
    color: #93aac2!important
}

.manage_page .com_table .done .done_btn:hover {
    background: #93aac2;
    color: #fff!important
}

.manage_page .com_table .confirm .confirm_btn {
    border-color: #ff4800;
    color: #ff4800!important
}

.manage_page .com_table .confirm .confirm_btn:hover {
    background: #ff4800;
    color: #fff!important
}

.manage_page .com_table .confirm .btns {
    text-align: center;
    border-radius: 10px;
    border: 1px solid #428ae2;
    font-size: 12px;
    color: #f9cb1a;
    cursor: pointer
}

.manage_page .com_table .confirm .btns:hover {
    color: #fff;
    background-color: #f9cb1a
}

.manage_page .com_table .confirm .edit_price {
    padding: 0 5px;
    width: 140px;
    margin: 0 10px 10px 0;
    height: 26px;
    background-color: #fff;
    border: 1px solid #dcdcdc
}

.manage_page .com_table .confirm .icon-write {
    margin-top: -2px;
    width: 12px;
    height: 12px;
    background-size: 100%
}

.crReg_til {
    font-size: 15px;
    color: #f9cb1a;
    padding-bottom: 5px;
    position: relative;
    cursor: pointer
}

.crReg_til span {
    display: none;
    font-size: 13px;
    color: #444;
    width: 168px;
    padding: 1px 0;
    position: absolute;
    right: -92px;
    top: -2px;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    background-color: #fbfbfb
}

.crReg_til span:before {
    content: '';
    width: 16px;
    height: 24px;
    background: url(../images/dia-left.png) no-repeat;
    position: absolute;
    left: -16px;
    top: -1px
}

.crReg_til span:after {
    content: '';
    width: 16px;
    height: 24px;
    background: url(../images/dia-right.png) no-repeat;
    position: absolute;
    right: -16px;
    top: -1px
}

.crReg_til:hover span {
    display: inline-block
}

.ser_check {
    padding: 40px 52px;
    margin: 34px auto;
    background: #fff
}

.ser_check .table tr:hover {
    background-color: inherit
}

.ser_check .img_box {
    width: 220px;
    height: 220px;
    line-height: 220px;
    padding: 12px;
    border: 1px solid #e9e9e9;
    overflow: hidden;
    position: relative
}

.ser_check .img_box img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    max-width: 100%
}

.ser_check h1 {
    margin: 20px 0;
    border-bottom: 1px solid #e7e7e7
}

.ser_check h1 span {
    display: inline-block;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 400;
    color: #f9cb1a;
    border-bottom: 2px solid #f9cb1a
}

.ser_check .record {
    width: 500px;
    padding: 20px;
    margin: 0 auto;
    font-size: 16px
}

.ser_check .record li {
    padding: 0 30px 26px;
    background: url(../images/record2.jpg) 0 -43px no-repeat
}

.ser_check .record li .right {
    color: #999
}

.ser_check .record .first_bg {
    background-position: 0 7px
}

.ser_check .record .last_bg {
    background-position: 0 -92px
}

.ser_check .record .last_bg .c_orange {
    font-weight: 600
}

.ser_check .record.record2 li {
    padding: 0 30px 26px;
    background: url(../images/record4.jpg) 0 -113px no-repeat
}

.ser_check .record.record2 .to_back {
    background-position: 0 -222px
}

.ser_check .record.record2 .to_next {
    background-position: 0 -330px
}

.ser_check .record.record2 .to_next.last_bg {
    background-position: 0 -433px
}

.ser_check .brand_intro table td:nth-child(odd) {
    color: #888;
    text-align: right
}

.ser_check .brand_intro .cont {
    position: relative
}

.ser_check .brand_intro .btns {
    position: absolute;
    top: -8px;
    right: 2px
}

.ser_check .brand_intro .brand_name {
    line-height: 22px;
    font-size: 18px;
    color: #ff4800
}

.ser_check .brand_intro .status {
    display: inline-block;
    padding: 1px 12px;
    margin-left: 10px;
    font-weight: 400;
    font-size: 13px;
    color: #fff;
    background: #77abeb;
    border-radius: 2px
}

.ser_check .brand_intro .table {
    border: 0;
    width: 830px
}

.ser_check .brand_intro .table td {
    padding: 10px 5px;
    border: 0;
    font-size: 16px
}

.ser_check .brand_intro .table .border {
    padding-top: 5px;
    margin-top: 5px;
    border-top: 1px dashed #e9e9e9
}

.ser_check .brand_intro .btn {
    display: inline-block;
    padding: 8px 10px 8px 0;
    font-size: 14px
}

.ser_check .brand_intro .btn .icon {
    display: inline-block;
    height: 20px;
    width: 30px;
    background: url(../images/icon2.png) -96px -66px no-repeat
}

.ser_check .brand_intro .btn_orange .icon {
    background-position: -66px -66px
}

.ser_check .details .table {
    width: 710px;
    margin: 0 auto
}

.ser_check .details .table td {
    border: 1px solid #e9e9e9;
    font-size: 16px;
    padding: 15px 10px
}

.ser_check .details .table td:nth-child(odd) {
    background: #fafbfb;
    color: #888
}

.goguwenbtn,
.goguwenbtn:hover {
    color: #21f337
}

.ser_check .btn_box {
    border-top: 1px solid #e7e7e7;
    padding: 30px
}

.counselor_register {
    padding-top: 450px;
    background: url(../images/counsoler.jpg) top center no-repeat;
    position: relative
}

.goguwenbtn {
    display: inline-block;
    position: absolute;
    width: 150px;
    height: 44px;
    border: 1px solid #21f337;
    border-radius: 5px;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    top: 325px;
    left: 50%;
    margin-left: -75px
}

.counselor_register .cont_box {
    width: 1200px;
    margin: 0 auto
}

.counselor_register .cont_box .cont {
    padding: 40px 0;
    margin-bottom: 34px;
    text-align: center;
    border-top: 2px solid #abc0db;
    background-color: #fff
}

.counselor_register .cont_box .cont .title {
    font-size: 30px;
    font-weight: 400;
    background: url(../images/title_bg.jpg) center top no-repeat
}

.counselor_register .cont_box .cont .title .note {
    font-size: 14px;
    color: #888
}

.counselor_register .spot {
    background: url(../images/spot.jpg) no-repeat #fff
}

.counselor_register .spot .title {
    margin-bottom: 180px
}

.counselor_register .spot .spot_list {
    padding: 0 76px;
    color: #999
}

.counselor_register .spot .spot_list li {
    width: 20%
}

.counselor_register .spot .spot_list .title2 {
    font-size: 20px;
    font-weight: 600;
    color: #666
}

.counselor_register .spot .spot_list .red {
    color: #ff6d7b
}

.counselor_register .spot .spot_list .blue {
    color: #7aa0ff
}

.counselor_register .spot .spot_list .green {
    color: #61c473
}

.counselor_register .spot .spot_list .orange {
    color: #ff865c
}

.counselor_register .spot .spot_list .purple {
    color: #bc86ed
}

.counselor_register .files .files_cont {
    margin: 0 25px;
    padding: 12px 36px;
    width: 400px;
    display: inline-block;
    text-align: left;
    background: #fff5ef;
    border: 1px solid #dce9fb
}

.counselor_register .files .left_part {
    background: url(../images/com_bg.png) right bottom no-repeat #fbfdff
}

.counselor_register .files .right_part {
    background: url(../images/single_bg.png) right bottom no-repeat #fbfdff
}

.counselor_register .files .title2 {
    margin-bottom: 10px;
    font-size: 40px;
    color: #666
}

.counselor_register .files .files_cont ul {
    height: 200px
}

.counselor_register .files .files_cont li {
    height: 40px;
    color: #555
}

.counselor_register .files .files_cont .list_style {
    display: inline-block;
    height: 23px;
    width: 23px;
    margin-right: 10px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    background: url(../images/disc_icon_blue.png) -3px -5px no-repeat
}

.counselor_register .cont_box .orange {
    color: #0b54b2;
    font-size: 17px;
    font-weight: 400
}

.counselor_register .process {
    background: url(../images/process2.jpg) no-repeat #fff
}

.counselor_register .process .title {
    margin-bottom: 130px
}

.counselor_register .process .process_list li {
    width: 20%;
    color: #777
}

.counselor_register .process .process_list {
    padding: 0 28px
}

.counselor_register .process .border {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.counselor_register .process .btn_blue,
.counselor_register .process .btn_orange {
    padding: 2px 15px;
    border-radius: 50px;
    color: #fff;
    display: inline-block
}

.counselor_register .process .btn_blue {
    border-color: #0b54b2;
    background-color: #0b54b2
}

.counselor_register .process .btn_blue:hover {
    color: #fff;
    background: #f9cb1a
}

.brand_manage_box {
    padding-top: 392px;
    background: url(../images/manage_top.png) top center no-repeat #fafafa
}

.brand_manage_box .what_brand {
    padding: 50px 0 20px;
    background-color: #fff
}

.brand_manage_box .what_brand .main {
    width: 1000px
}

.brand_manage_box .manage_title {
    font-size: 30px;
    color: #333;
    background: url(../images/manage_title_bg.png) center -5px no-repeat;
    text-align: center;
    font-weight: 400
}

.brand_manage_box .manage_title .orange {
    color: #ff6451
}

.brand_manage_box .what_brand_main {
    padding-left: 440px;
    background: url(../images/what_brand_main.png) 30px center no-repeat;
    padding-top: 50px;
    padding-bottom: 10px;
    line-height: 50px;
    font-size: 16px;
    height: 150px;
    color: #666
}

.brand_manage_box .what_brand_main strong {
    font-size: 17px
}

.brand_manage_box .why_brand,
.brand_manage_box .why_brand_main {
    padding: 50px 0
}

.brand_manage_box .why_brand_main li {
    width: 400px;
    float: left;
    text-align: center
}

.brand_manage_box .why_brand_main li p {
    color: #444;
    font-size: 16px;
    line-height: 30px
}

.brand_manage_box .why_brand_main li p .orange {
    color: #ff6451
}

.brand_manage_box .how_brand {
    background-color: #fff;
    padding: 50px 0 20px
}

.brand_manage_box .how_brand .main {
    width: 1100px
}

.brand_manage_box .how_brand_main {
    margin-top: 50px
}

.brand_manage_box .how_brand_main li {
    width: 550px;
    float: left;
    text-align: center;
    height: 430px
}

.brand_manage_box .how_brand_main .img {
    border: 1px solid #d5d5d5;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 0 5px #a9a5a4;
    -moz-box-shadow: 0 0 5px #a9a5a4;
    box-shadow: 0 0 5px #a9a5a4
}

.brand_manage_box .how_brand_main .number {
    color: #fd7036;
    font-size: 37px;
    font-weight: 400
}

.brand_exist,
.brand_manage_box .how_brand_main .info {
    font-size: 16px;
    color: #666
}

.brand_exist_box {
    padding-top: 436px!important;
    background: url(../images/sbcz_02.jpg) top center no-repeat!important
}

.brand_exist {
    border-top: 2px solid #fea581;
    background-color: #fff;
    padding: 40px 70px 60px;
    line-height: 30px;
    width: 1060px;
    margin: 0 auto
}

.brand_exist .tit {
    line-height: 84px;
    position: relative;
    padding-left: 50px;
    font-size: 24px;
    color: #fd4c04
}

.brand_exist .tit:before {
    content: '';
    background-image: url(../images/sbcz_05.png);
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: -3px;
    top: 50%;
    margin-top: -15px
}

.brand_exist .box {
    padding: 20px;
    background-color: #f7f7f7
}

.brand_exist .box.one {
    padding-right: 270px;
    position: relative
}

.brand_exist .box.one img {
    position: absolute;
    right: 30px;
    top: -30px
}

.brand_exist .box.three img,
.brand_exist .submit {
    margin: 20px 40px 10px 30px;
    vertical-align: middle
}

.brand_exist .submit {
    background: url(../images/sbcz_07.png) center no-repeat;
    display: inline-block;
    width: 170px;
    height: 80px
}

.brand_exist .submit:hover {
    background: url(../images/sbcz_071.png) center no-repeat
}

.brand_exist .box.four {
    padding: 0 20px
}

.brand_exist .box.four li {
    font-size: 15px;
    border-bottom: 1px solid #f0f0f0;
    padding: 20px 10px;
    line-height: 25px
}

.brand_exist_diff h3,
.fail_title {
    font-size: 30px;
    text-align: center
}

.brand_exist .box.four span {
    width: 880px;
    display: inline-block;
    vertical-align: middle
}

.brand_exist_diff {
    float: left;
    background-image: url(../images/sbcz_24.png);
    width: 410px;
    height: 170px;
    padding: 10px 30px
}

.brand_exist .bor {
    border-left: 1px solid #f0f0f0;
    margin: 10px 50px 0;
    display: inline-block;
    height: 190px
}

.brand_exist_diff:last-child {
    background-image: url(../images/sbcz_26.png)
}

.brand_exist_diff h3 {
    color: #fd4c04;
    font-weight: 400
}

.brand_regist_box {
    padding-top: 392px;
    background: url(../images/registbackground.png) top center no-repeat #fafafa
}

.topreg_btn {
    background: url(../images/btn_blue.png) center no-repeat;
    text-align: center;
    color: #fff;
    padding: 32px;
    top: -34px;
    position: relative
}

.regist_info,
.why_fail {
    width: 1200px;
    padding: 37px;
    background-color: #fff;
    margin: 40px auto 0
}

.fail_top {
    background-color: #eff4ff;
    padding: 30px
}

.fail_title {
    background: url(../images/logo_lineblue.png) center 71px no-repeat;
    background-position-x: 231px;
    padding-top: 50px
}

.fail_ul li {
    float: left;
    width: 33%;
    text-align: center;
    border-right: 1px solid #f7f7f7
}

.fail_p {
    padding: 20px;
    line-height: 30px
}

.fail_top span {
    display: inline-block;
    font-size: 16px;
    color: #3470e7;
    padding-left: 10px
}

.fail_ul {
    padding-top: 70px
}

.info_ul {
    padding-top: 30px
}

.fail_p {
    color: #888
}

.regist_title {
    background: url(../images/logo_lineblue.png) center 27px no-repeat;
    text-align: center;
    font-size: 30px;
    background-position-x: 231px;
    padding-top: 50px
}

.regist_top {
    padding-top: 5px
}

.regist_info {
    border-top: 3px solid #99b7f3
}

.info_ul li {
    float: left;
    width: 50%;
    text-align: center;
    padding-top: 20px;
    position: relative
}

.info_ul li span {
    left: 53px;
    top: 43px;
    position: absolute;
    text-align: left;
    line-height: 26px;
    font-size: 16px;
    color: #666
}

.brand_monit_box {
    padding-top: 392px;
    background: url(../images/monit_top.jpg) top center no-repeat #fafafa
}

.brand_monit_box .what_brand {
    padding: 50px 0 20px;
    background-color: #fff
}

.brand_monit_box .what_brand .main {
    width: 1000px
}

.brand_monit_box .manage_title {
    font-size: 30px;
    color: #333;
    background: url(../images/monit_title_bg.png) center top no-repeat;
    text-align: center;
    font-weight: 400
}

.brand_monit_box .manage_title .orange {
    color: #6949ba
}

.brand_monit_box .what_brand_main {
    padding-left: 440px;
    background: url(../images/what_monit_main.png) 30px center no-repeat;
    padding-top: 50px;
    padding-bottom: 10px;
    line-height: 50px;
    font-size: 16px;
    height: 150px;
    color: #666
}

.brand_monit_box .what_brand_main strong {
    font-size: 17px
}

.brand_monit_box .why_brand,
.brand_monit_box .why_brand_main {
    padding: 50px 0
}

.brand_monit_box .why_brand_main li {
    width: 400px;
    float: left;
    text-align: center
}

.brand_monit_box .why_brand_main li p {
    color: #444;
    font-size: 16px;
    line-height: 30px
}

.brand_monit_box .why_brand_main li p .orange {
    color: #6949ba
}

.brand_monit_box .how_brand {
    background-color: #fff;
    padding: 50px 0 20px
}

.brand_monit_box .how_brand .main {
    width: 1100px
}

.brand_monit_box .how_brand_main {
    margin-top: 50px
}

.brand_monit_box .how_brand_main li {
    width: 550px;
    float: left;
    text-align: center;
    height: 430px
}

.brand_monit_box .how_brand_main .img {
    border: 1px solid #e4daff;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 0 5px #e8e9e8;
    -moz-box-shadow: 0 0 5px #e8e9e8;
    box-shadow: 0 0 5px #e8e9e8
}

.brand_monit_box .how_brand_main .number {
    color: #6949ba;
    font-size: 37px;
    font-weight: 400
}

.brand_monit_box .how_brand_main .info {
    font-size: 16px;
    color: #666
}

.brand_broker_box {
    padding-top: 392px;
    background: url(../images/broker_top.png) top center no-repeat #fafafa
}

.brand_broker_box .what_brand {
    padding: 50px 0 20px;
    background-color: #fff
}

.brand_broker_box .what_brand .main {
    width: 1000px
}

.brand_broker_box .manage_title {
    font-size: 30px;
    color: #333;
    background: url(../images/broker_title_bg.png) center 5px no-repeat;
    text-align: center;
    font-weight: 400
}

.brand_broker_box .manage_title .orange {
    color: #1894e1
}

.brand_broker_box .what_brand_main {
    padding-left: 440px;
    background: url(../images/what_broker_main.png) 100px center no-repeat;
    padding-top: 50px;
    padding-bottom: 10px;
    line-height: 50px;
    font-size: 16px;
    height: 150px;
    color: #666
}

.brand_broker_box .what_brand_main strong {
    font-size: 17px
}

.brand_broker_box .why_brand {
    padding: 50px 0
}

.brand_broker_box .why_brand_main {
    padding: 50px 0;
    background: url(../images/borker_vs.png) center center no-repeat
}

.brand_broker_box .why_brand_main .youshi_box {
    width: 320px;
    color: #666
}

.brand_broker_box .why_brand_main .youshi_box.left {
    margin-left: 180px
}

.brand_broker_box .why_brand_main .youshi_box.right {
    margin-right: 180px
}

.brand_broker_box .why_brand_main .youshi_box.left .title {
    color: #666;
    text-align: center;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 20px
}

.brand_broker_box .why_brand_main .youshi_box.right .title {
    color: #ff7200;
    text-align: center;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 20px
}

.brand_broker_box .why_brand_main .youshi_box.left .list_box {
    border: 1px solid #d5d5d5;
    border-top: 3px solid #a1a1a1;
    padding: 40px 0;
    background: url(../images/youshir.png) right bottom no-repeat #fff
}

.brand_broker_box .why_brand_main .youshi_box.right .list_box {
    border: 1px solid #ffe8d5;
    border-top: 3px solid #ff7200;
    padding: 40px 0;
    background: url(../images/youshil.png) right bottom no-repeat #fff
}

.brand_broker_box .why_brand_main .youshi_box .list_box ul {
    margin-left: 100px
}

.brand_broker_box .why_brand_main .youshi_box .list_box ul li {
    font-size: 60px;
    position: relative;
    line-height: 40px
}

.brand_broker_box .why_brand_main .youshi_box .list_box ul li .nums {
    font-size: 12px;
    color: #fff;
    position: absolute;
    width: 23px;
    height: 23px;
    left: -43px;
    top: 10px;
    line-height: 23px;
    text-align: center;
    background-repeat: no-repeat
}

.brand_broker_box .why_brand_main .youshi_box.left .list_box ul li .nums {
    background-image: url(../images/disc_icon_gray.png);
    background-position: -7px -5px
}

.brand_broker_box .why_brand_main .youshi_box.right .list_box ul li .nums {
    background-image: url(../images/disc_icon_yellow.png);
    background-position: -9px -6px
}

.brand_broker_box .why_brand_main .youshi_box .list_box ul li span {
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    margin-left: -10px
}

.brand_broker_box .why_brand_main .youshi_box.right .list_box ul li {
    color: #ff7200
}

.brand_broker_box .why_brand_main .youshi_box.right .list_box ul li span {
    color: #666
}

.brand_broker_box .how_brand {
    background-color: #fff;
    padding-top: 50px
}

.brand_broker_box .how_brand .manage_title {
    background: url(../images/broker_title_bg2.png) center -5px no-repeat
}

.brand_broker_box .to_process2 {
    border: none;
    padding: 0 18px;
    background: url(../images/borker_to_pro3.png) left 50px no-repeat
}

.brand_broker_box .to_process2 .to_process2_cont .pro1 {
    color: #666;
    background: url(../images/borker_pro1.png) 40px 63px no-repeat
}

.brand_broker_box .to_process2 .to_process2_cont .pro2 {
    color: #666;
    background: url(../images/borker_pro2.png) 40px 63px no-repeat
}

.brand_broker_box .to_process2 .to_process2_cont .pro3 {
    color: #666;
    background: url(../images/borker_pro3.png) 40px 63px no-repeat
}

.brand_broker_box .to_process2 .to_process2_cont .pro4 {
    color: #666;
    background: url(../images/borker_pro4.png) 40px 63px no-repeat
}

.brand_broker_box .to_process2 .to_process2_cont .pro5 {
    color: #666;
    background: url(../images/borker_pro5.png) 40px 63px no-repeat
}

.brand_broker_box .to_process2 .to_process2_cont .pro6 {
    color: #666;
    background: url(../images/borker_pro6.png) 40px 63px no-repeat
}

.brand_broker_box .to_process2 .to_process2_cont p:hover {
    padding: 200px 10px 20px 30px;
    background-position: 50px 63px
}

.brand_enroll_box {
    padding-bottom: 10px;
    padding-top: 392px;
    background: url(../images/brand_enroll_bg.jpg) top center no-repeat #fafafa
}

.need_enroll,
.process_enroll,
.why_enroll {
    background-color: #fff;
    border-top: 3px solid #c4c3e7;
    padding: 20px 10px 50px;
    margin-top: 30px
}

.why_enroll .left {
    width: 360px;
    margin-left: 40px
}

.why_enroll .right {
    width: 640px;
    margin-right: 30px
}

.why_enroll .enroll_title {
    font-size: 30px;
    color: #333;
    border-bottom: 1px solid #eee;
    padding-left: 10px;
    padding-bottom: 10px;
    margin-bottom: 30px;
    font-weight: 400
}

.need_enroll .is_blue,
.why_enroll .is_blue {
    color: #5d65ec
}

.why_enroll .why_enroll_info {
    color: #666;
    line-height: 40px
}

.why_enroll .why_enroll_ul {
    list-style-type: circle;
    color: #5c59bc;
    margin-left: 30px
}

.why_enroll .why_enroll_ul li {
    line-height: 40px
}

.why_enroll .why_enroll_ul span {
    color: #666
}

.brand_enroll_box .top {
    background-color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 3px
}

.brand_enroll_box .mod-prompt {
    background-color: #fcfcff;
    border: 1px solid #d4d6ff
}

.brand_enroll_box .prompt-doller {
    color: #5d65ec;
    background-image: url(../images/enroll_doller_icon.png);
    background-repeat: no-repeat;
    background-position: -7px -3px
}

.brand_enroll_box .mod-prompt .fang {
    background-color: #5d65ec
}

.brand_enroll_box .icon-prompt {
    background-image: url(../images/enroll_doller_icon.png);
    background-position: -9px -92px;
    vertical-align: middle;
    margin-top: -4px
}

.brand_enroll_box .mod-prompt .top {
    color: #5d65ec
}

.need_enroll .manage_title {
    font-size: 30px;
    color: #333;
    background: url(../images/enroll_title_bg.png) center 5px no-repeat;
    text-align: center;
    font-weight: 400
}

.need_enroll .manage_title_info {
    color: #888;
    font-size: 16px;
    text-align: center
}

.need_enroll .need_box {
    position: relative;
    background-color: #f8f9ff;
    border: 1px solid #dee3ff;
    width: 400px;
    margin: 30px;
    height: 270px;
    background-position: right bottom;
    background-repeat: no-repeat;
    padding: 20px 30px
}

.need_enroll .need_box.left {
    background-image: url(../images/need_material_l.png)
}

.need_enroll .need_box.right {
    background-image: url(../images/need_material_r.png)
}

.need_enroll {
    padding: 40px 78px 50px
}

.brand_enroll_box .need_enroll .need_enroll_ul {
    margin-left: 40px;
    color: #5d65ec
}

.brand_enroll_box .need_enroll .need_enroll_ul li {
    font-size: 60px;
    position: relative;
    line-height: 40px
}

.brand_enroll_box .need_enroll .need_enroll_ul li .nums {
    font-size: 14px;
    color: #fff;
    position: absolute;
    width: 23px;
    height: 23px;
    left: -43px;
    top: 10px;
    line-height: 23px;
    text-align: center;
    background: url(../images/disc_icon_purple.png) -3px -5px no-repeat
}

.brand_enroll_box .need_enroll .need_enroll_ul li span {
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    margin-left: -10px;
    margin-top: 2px;
    font-weight: 700
}

.brand_enroll_box .need_enroll .need_enroll_ul li span .c_gray {
    font-size: 14px;
    color: #555
}

.brand_enroll_box .need_box_intro {
    position: absolute;
    left: 25px;
    bottom: 20px
}

.brand_enroll_box .need_box .need_title {
    font-size: 40px;
    font-weight: 400
}

.brand_enroll_box .process_enroll .manage_title {
    font-size: 30px;
    color: #333;
    background: url(../images/monit_title_bg.png) center top no-repeat;
    text-align: center;
    font-weight: 400
}

.brand_enroll_box .process_enroll .manage_title .is_blue {
    color: #5d65ec
}

.brand_enroll_box .process_enroll {
    padding-top: 40px
}

.brand_enroll_box .process_enroll_tu {
    position: relative;
    margin: 0 auto;
    width: 1000px;
    height: 760px;
    background-image: url(../images/process_enroll_bg.png);
    background-repeat: no-repeat;
    background-position: center center
}

.brand_enroll_box .process_enroll_tu .process {
    display: inline-block;
    padding: 3px 20px;
    background-color: #4c55ea;
    color: #fff;
    border-radius: 20px;
    font-size: 16px;
    position: absolute;
    font-weight: 400;
    transition: all .5s ease 0s
}

.brand_enroll_box .process_enroll_tu .process:hover {
    padding-left: 25px;
    cursor: default
}

.brand_enroll_box .process_enroll_tu .process1 {
    left: 444px;
    top: 50px
}

.brand_enroll_box .process_enroll_tu .process2 {
    left: 435px;
    top: 166px
}

.brand_enroll_box .process_enroll_tu .process3 {
    left: 387px;
    top: 276px
}

.brand_enroll_box .process_enroll_tu .process4 {
    left: 385px;
    top: 387px
}

.brand_enroll_box .process_enroll_tu .process5 {
    left: 109px;
    top: 476px
}

.brand_enroll_box .process_enroll_tu .process6 {
    left: 722px;
    top: 476px;
    background-color: #ff4537
}

.brand_enroll_box .process_enroll_tu .process7,
.brand_enroll_box .process_enroll_tu .process8 {
    display: inline-block;
    width: 100px;
    height: 80px;
    line-height: 24px;
    top: 617px;
    position: absolute;
    text-align: center
}

.brand_enroll_box .process_enroll_tu .min {
    font-size: 12px
}

.brand_enroll_box .process_enroll_tu .process7 {
    color: #5d65ec;
    left: 139px;
    font-size: 16px
}

.brand_enroll_box .process_enroll_tu .process8 {
    color: #ff4537;
    left: 759px;
    font-size: 16px
}

.brand_enroll_box .process_enroll_tu .process_sep {
    font-size: 16px;
    position: absolute;
    color: #5d65ec
}

.brand_enroll_box .process_enroll_tu .process_sep.sep_red {
    color: #ff4537
}

.brand_enroll_box .process_enroll_tu .process_sep.sep1 {
    left: 510px;
    top: 120px
}

.brand_enroll_box .process_enroll_tu .process_sep.sep2 {
    left: 510px;
    top: 230px
}

.brand_enroll_box .process_enroll_tu .process_sep.sep3 {
    left: 642px;
    top: 375px
}

.brand_enroll_box .process_enroll_tu .process_sep.sep4 {
    left: 446px;
    top: 464px
}

.brand_enroll_box .process_enroll_tu .process_sep.sep5 {
    left: 200px;
    top: 540px
}

.brand_enroll_box .process_enroll_tu .process_sep.sep6 {
    left: 820px;
    top: 540px
}

.newyear2018 {
    padding: 776px 0 220px;
    background: url(../images/newyear2018.jpg) top center no-repeat #f13849;
    position: relative
}

.newyear2018 .content {
    background: #db0c3b;
    padding-top: 60px;
    margin-bottom: 60px
}

.newyear2018 .content .caption {
    padding: 10px 0 33px;
    color: #fff;
    font-size: 32px;
    text-align: center;
    background: url(../images/newyear_title.png) center top no-repeat
}

.newyear2018 .content .newbtn {
    display: block;
    width: 276px;
    height: 81px;
    margin: 0 auto 33px;
    background: url(../images/newyear2018_btn.png);
    text-align: center
}

.newyear2018 .content .newbtn:hover {
    background: url(../images/newyear2018_btnhover.png)
}

.newyear2018 .content .voucher {
    color: #ffe16a;
    width: 1020px;
    margin: 0 auto
}

.newyear2018 .content .voucher .title {
    font-size: 26px;
    padding-left: 40px
}

.newyear2018 .content .voucher li {
    float: left;
    width: 264px;
    height: 107px;
    margin: 10px 38px;
    background: url(../images/newyear2018_voucher.jpg)
}

.newyear2018 .content .voucher .price {
    float: left;
    font-size: 40px;
    padding: 20px 0 0 40px
}

.newyear2018 .content .voucher .voucher-txt {
    float: left;
    text-align: center;
    padding: 26px 0 0 20px;
    font-size: 15px
}

.newyear2018 .content .voucher .voucher-txt .white {
    color: #fff
}

.newyear2018 .content .voucher .voucher-txt .num {
    font-size: 24px
}

.newyear2018 .content .new_icon {
    width: 50px;
    height: 36px;
    margin: 40px auto;
    background: url(../images/newyear_icon.png) no-repeat
}

.newyear2018 .content .txt {
    text-align: center;
    color: #fff;
    font-size: 32px;
    line-height: 48px;
    padding-bottom: 63px
}

.newyear2018 .foot {
    background: #fcdd60
}

.newyear2018 .foot .title {
    color: #de0f3e;
    font-size: 36px;
    border: 1px solid #de0f3e;
    padding: 0 14px 0 17px;
    margin: 40px 60px 20px 135px
}

.newyear2018 .foot .txt {
    color: #de0f3e;
    font-size: 20px;
    margin: 30px 0 20px
}

.property-right {
    padding: 300px 0 20px;
    background: url(../images/zl_i02.jpg) top center no-repeat #f7f7f7;
    font-family: Microsoft Yahei!important
}

.bqzt {
    background-image: url(../images/bq_i02.jpg)!important
}

.property-right .content {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 40px
}

.brand_exist_box .title,
.property-right .content .title {
    padding: 37px 0 14px;
    color: #333;
    font-size: 30px;
    text-align: center;
    font-weight: 400
}

.property-right .content .title span {
    color: #6c3fdd
}

.brand_exist_box .title .txt,
.property-right .content .title .txt {
    display: inline-block;
    margin: 0 30px;
    height: 50px;
    line-height: 50px
}

.brand_exist_box .title:after,
.brand_exist_box .title:before,
.property-right .content .title:after,
.property-right .content .title:before {
    content: " ";
    display: inline-block;
    width: 220px;
    height: 48px;
    vertical-align: top
}

.property-right .content .title:before {
    background: url(../images/property-right-before.png) center no-repeat
}

.property-right .content .title:after {
    background: url(../images/property-right-after.png) center no-repeat
}

.brand_exist_box .title:before {
    background: url(../images/sbcz_tit_03.png) center no-repeat
}

.brand_exist_box .title:after {
    background: url(../images/sbcz_tit_05.png) center no-repeat
}

.property-right .content .image {
    text-align: center
}

.property-right .content .encyclopedias {
    width: 850px;
    height: 175px;
    line-height: 28px;
    margin: 30px auto 10px;
    padding: 28px 42px 0 242px;
    color: #666;
    font-size: 16px;
    background: url(../images/property-right-bg1.jpg) center no-repeat;
    position: relative
}

.property-right .content .encyclopedias-btn {
    display: block;
    width: 124px;
    height: 35px;
    background: url(../images/property-right-btn.png) center no-repeat;
    position: absolute;
    right: 40px;
    top: 30px
}

.property-right .content .bqmoney {
    position: absolute;
    top: 23px;
    right: 25px
}

.property-right .content .encyclopedias-btn:hover {
    background: url(../images/property-right-btn-hover.png) center no-repeat
}

.encyclopedias p {
    margin-bottom: 20px
}

.property-right .content .encyclopedias .blue {
    color: #8b62f1
}

.pre-regis {
    width: 950px;
    line-height: 28px;
    margin: 0 auto;
    padding: 30px 50px;
    color: #666;
    font-size: 16px;
    background-color: #f7f4ff;
    border-radius: 2px;
    position: relative;
    border: 1px solid #d6caf3
}

.pre-regis p {
    width: 800px
}

.com_pd40 .record {
    width: 400px;
    padding: 40px 80px;
    font-size: 16px
}

.com_pd40 .record li {
    padding: 0 0 30px 20px;
    position: relative
}

.com_pd40 .record li::after {
    content: '';
    background: #e8e8e8;
    position: absolute;
    width: 3px;
    height: 33px;
    z-index: 100;
    top: 22px;
    left: 3px;
    display: inline-block
}

.com_pd40 .record li:last-child:after {
    content: none
}

.com_pd40 .record li::before {
    content: '';
    width: 20px;
    height: 20px;
    background: url(../img/dot3_06.png) no-repeat;
    display: inline-block;
    position: absolute;
    top: 3px;
    left: -3px
}

.com_pd40 .record .suc::before {
    background: url(../img/dot_03.png) no-repeat
}

.com_pd40 .record .wait::before {
    background: url(../img/dot2_03.png) no-repeat
}

.com_pd40 .record .tui::before {
    background: url(../img/dot1_03.png) no-repeat
}

.com_pd40 .record .load::before {
    background: url(../img/dot3_03.png) no-repeat
}

.record .sp {
    position: absolute;
    left: 30px;
    top: 24px;
    font-size: 12px;
    color: #666
}

.com_pd40 .img_box2 img {
    max-height: 148px;
    width: 104px;
    padding: 6px;
    line-height: 144px;
    border: 1px solid #ececec
}

.zt-interTmReg {
    background-color: #f7f7f7
}

.zt-interTmReg .banner {
    position: relative;
    min-width: 1200px;
    overflow: hidden;
    height: 450px
}

.zt-interTmReg .banner .banner-pic {
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    position: absolute
}

.zt-interTmReg .banner .goConsult {
    display: inline-block;
    margin: 318px 0 0 15px;
    border: 1px solid #fff;
    color: #fff;
    width: 180px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 17px;
    background: rgba(255, 255, 255, .2);
    border-radius: 3px
}

.zt-interTmReg .banner .goConsult img {
    margin-left: 10px
}

.zt-interTmReg .banner .goConsult:hover {
    box-shadow: inset 0 0 10px #fff
}

.zt-interTmReg .area-box .area-cont {
    background: url(./interTmArea.png) top right no-repeat;
    padding: 18px 0 98px
}

.zt-interTmReg .area-box .area-left {
    float: left;
    width: 300px;
    font-size: 13px;
    color: #515c7a
}

.zt-interTmReg .area-box .area-title {
    font-size: 30px;
    color: #515c7a;
    text-align: center;
    padding: 60px 0;
    font-weight: 400
}

.zt-interTmReg .area-box .area-left h3 {
    font-size: 20px;
    color: #2a344f;
    font-weight: 700;
    padding-bottom: 5px
}

.zt-interTmReg .area-box .area-left p {
    padding-bottom: 30px;
    position: relative;
    margin-bottom: 30px
}

.zt-interTmReg .area-box .area-left p:before {
    content: '';
    display: block;
    width: 26px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #f24652;
    z-index: 2
}

.zt-interTmReg .area-box .area-left p:after {
    content: '';
    display: block;
    width: 150px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #e6e6e6
}

.zt-interTmReg .area-box .area-left p:nth-last-child(2) {
    margin-bottom: 0
}

.zt-interTmReg .area-box .area-left p:nth-last-child(2):after,
.zt-interTmReg .area-box .area-left p:nth-last-child(2):before {
    content: none
}

.zt-interTmReg .area-box .consult-btn {
    display: inline-block;
    width: 146px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    background-color: #f24652;
    font-size: 18px;
    color: #fff
}

.zt-interTmReg .area-box .consult-btn:hover {
    background-color: #eb2937
}

.zt-interTmReg .advant-box {
    background: url(./interTmBack2.png) no-repeat;
    line-height: 30px
}

.zt-interTmReg .advant-box .advant-item {
    float: left;
    width: 25%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    position: relative;
    padding: 45px 0
}

.zt-interTmReg .advant-box .advant-item:hover {
    background-color: #fff;
    filter: Alpha(opacity=10);
    background-color: rgba(255, 255, 255, .1);
    font-size: 17px
}

.zt-interTmReg .advant-box .advant-item:hover p {
    transform: translateY(5px);
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -o-transform: translateY(5px);
    -ms-transform: translateY(5px)
}

.zt-interTmReg .advant-box .advant-item:after {
    content: none;
    display: inline-block;
    width: 1px;
    height: 62px;
    background: url(../images/zt/interTmIcon10.png) no-repeat;
    position: absolute;
    right: 0;
    top: 70px
}

.zt-interTmReg .advant-box .item1 .img-box {
    background: url(./interTmIcon1.png) no-repeat
}

.zt-interTmReg .advant-box .item1:hover .img-box {
    background: url(./interTmIcon1-hover.png) no-repeat
}

.zt-interTmReg .advant-box .item2 .img-box {
    background: url(./interTmIcon2.png) no-repeat
}

.zt-interTmReg .advant-box .item2:hover .img-box {
    background: url(./interTmIcon2-hover.png) no-repeat
}

.zt-interTmReg .advant-box .item3 .img-box {
    background: url(./interTmIcon3.png) no-repeat
}

.zt-interTmReg .advant-box .item3:hover .img-box {
    background: url(./interTmIcon3-hover.png) no-repeat
}

.zt-interTmReg .advant-box .item4 .img-box {
    background: url(./interTmIcon4.png) no-repeat
}

.zt-interTmReg .advant-box .item4:hover .img-box {
    background: url(./interTmIcon4-hover.png) no-repeat
}

.zt-interTmReg .advant-box .advant-item .img-box {
    width: 62px;
    height: 53px;
    margin: 0 auto;
    background-position: center
}

.zt-interTmReg .reason-box .reason-title {
    padding: 60px 0 25px;
    text-align: center;
    font-size: 30px;
    color: #515c7a;
    font-weight: 400
}

.zt-interTmReg .reason-box .reason-item {
    float: left;
    width: 25%;
    text-align: center;
    padding: 45px 0 35px;
    margin-bottom: 50px;
    transition: .5 all ease-in-out
}

.zt-interTmReg .reason-box .reason-item:hover {
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2)
}

.zt-interTmReg .reason-box .reason-item p {
    padding: 10px 30px;
    font-size: 13px;
    color: #878fa0
}

.zt-interTmReg .reason-box .reason-item .img-box {
    height: 148px;
    line-height: 148px
}

.zt-interTmReg .reason-box .reason-item h3 {
    font-size: 17px;
    color: #2a344f;
    padding: 0 0 10px;
    font-weight: 400;
    position: relative
}

.zt-interTmReg .reason-box .reason-item h3:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -10px;
    background-color: #7086cf;
    width: 20px;
    height: 2px
}

.zt-interTmReg .progress-box {
    font-size: 16px;
    color: #fff;
    position: relative;
    height: 488px;
    min-width: 1200px;
    overflow: hidden
}

.zt-interTmReg .progress-box img {
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    position: absolute
}

.zt-interTmReg .progress-box .progress-title {
    font-size: 30px;
    color: #fff;
    text-align: center;
    padding: 70px 0;
    font-weight: 400
}

.zt-interTmReg .progress-box .step-item {
    float: left;
    width: 25%
}

.zt-interTmReg .question-box {
    background-color: #fefeff;
    padding-bottom: 40px
}

.zt-interTmReg .question-box .question-left {
    width: 50%;
    float: left;
    border-right: 1px solid #e5e5f4
}

.zt-interTmReg .question-box .question-title {
    padding: 60px 0 30px;
    text-align: center;
    font-size: 30px;
    color: #515c7a;
    font-weight: 400
}

.zt-interTmReg .question-box .question-item {
    padding: 10px 0
}

.zt-interTmReg .question-box .question-num {
    float: left;
    font-size: 46px;
    color: #4c5ccb;
    font-weight: 700;
    opacity: .2;
    padding: 0 15px
}

.zt-interTmReg .question-box .question-text {
    float: left;
    padding: 0 15px 10px;
    width: 440px;
    border-left: 1px solid #e5e5f4
}

.zt-interTmReg .question-box .question-text h3 {
    font-size: 18px;
    color: #2a344f;
    font-weight: 400;
    margin-bottom: 8px
}

.zt-interTmReg .question-box .question-text p {
    font-size: 14px;
    color: #515c7a
}

.zt-interTmReg .consult-box {
    padding: 41px 0;
    text-align: center;
    background: url(../images/zt/interTmBack1.png) no-repeat;
    background-size: 100% 100%
}

.zt-interTmReg .consult-box .consult-btn {
    font-size: 18px;
    color: #fff;
    border: 1px solid #fff;
    display: inline-block;
    padding: 6px 37px
}

.zt-interTmReg .consult-box .consult-btn:hover {
    color: #5a5aa8;
    background-color: #fff
}

.ser-detail .details .record {
    padding: 0 18px;
    width: 360px;
    height: 325px
}

.ser-detail .record li.pb0 {
    padding: 0 0 0 20px!important
}

.ser-detail .record .re-text {
    line-height: 14px;
    display: inline-block
}

.ser-detail .scoll {
    overflow: scroll;
    overflow-x: hidden;
    scrollbar-face-color: #f4f4f4;
    scrollbar-highlight-color: #dadada;
    scrollbar-shadow-color: #dadada
}

.ser-detail .scoll::-webkit-scrollbar {
    width: 10px;
    height: 1px
}

.ser-detail .scoll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #dadada
}

.ser-detail .scoll::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #f4f4f4
}

.ser-detail .details .check {
    padding-left: 26px;
    margin-left: 6px;
    border-left: 1px solid #ececec;
    height: 325px;
    width: 465px;
    position: relative
}

.ser-detail .check ul {
    margin-top: 7px
}

.ser-detail .check li {
    margin-right: 9px;
    padding: 0 9px;
    border: 1px solid #e9e9e9;
    position: relative
}

.ser-detail .check li:last-child {
    margin-right: 0
}

.ser-detail .check li:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(../images/search-icon.png) 3px no-repeat #999;
    width: 17px;
    height: 17px
}

.ser-detail .check .btnModule {
    position: absolute;
    bottom: 0
}

.ser-detail .paymentTab .tab-item {
    font-size: 16px!important
}

.ser-detail .sfCopyright .bg_gray {
    background-color: #fafbfb;
    color: #888;
    font-size: 16px;
    padding: 6px 0 6px 15px
}

.sfCopyright .sfDownload {
    width: 500px;
    margin: 0 auto;
    padding-top: 20px
}

.sfCopyright .sfDownload li {
    width: 50%;
    float: left;
    text-align: center
}

.sfCopyright .sfDownload .img-box {
    box-sizing: border-box;
    width: 118px;
    height: 118px;
    border: 1px solid #d1d1d1;
    background-color: #ececec;
    margin: 0 auto;
    line-height: 118px
}

.sfCopyright .sfDownload .img-box img {
    vertical-align: middle
}

.sfCopyright .sfDownload .text {
    font-size: 14px;
    color: #666;
    padding-top: 5px
}

.sfCopyright .paymentTab .tab-item {
    width: 50%;
    box-sizing: border-box;
    background-color: #f8f8f8;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    float: left;
    padding: 9px 0;
    text-align: center;
    font-size: 18px;
    color: #888;
    cursor: pointer
}

.sfCopyright .paymentTab .tab-item.on {
    background-color: #f9cb1a;
    color: #fff
}

.sfCopyright .payment {
    padding: 15px 45px 30px
}

.sfCopyright .payment .title {
    padding: 10px 0;
    font-size: 16px;
    color: #666
}

.sfCopyright .payment .payment-item {
    text-align: center;
    height: 60px;
    float: left;
    width: 174px;
    margin-right: 60px;
    border: 1px solid #e7e7e7;
    padding: 10px 9px 2px 14px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer
}

.sfCopyright .payment .payment-item:last-child {
    margin-right: 0
}

.sfCopyright .payment .payment-item:first-child {
    padding: 10px 0 2px
}

.sfCopyright .payment .payment-item:first-child img {
    float: none!important;
    display: inline-block;
    margin-right: 10px!important
}

.sfCopyright .payment .payment-item.insufficient {
    background: #f4f4f4
}

.sfCopyright .payment .payment-item.insufficient .recharge {
    color: #f9cb1a;
    font-size: 14px
}

.sfCopyright .payment .payment-item.on {
    border: 1px solid #ff4800
}

.sfCopyright .payment .payment-item.on:before {
    content: '';
    display: inline-block;
    background: url(../images/dj_04.png) no-repeat;
    width: 28px;
    height: 29px;
    position: absolute;
    right: 0;
    bottom: -1px
}

.sfCopyright .img_box2 img {
    width: 108px;
    height: auto
}

.sfCopyright .coupon_tip {
    background-color: #fffbfa;
    border: 1px solid #fbd4c0;
    line-height: 52px;
    padding: 0 20px;
    margin-bottom: 10px;
    color: #ff6700
}

.payment .payment-item .til {
    font-weight: 400;
    font-size: 14px;
    color: #444;
    display: inline-block;
    text-align: left
}

.payment .payment-item .price {
    color: #999
}

.payment .coupon-box input[type=text] {
    box-sizing: border-box;
    width: 466px;
    height: 40px;
    line-height: 36px;
    padding-left: 10px;
    border: 1px solid #d1d1d1;
    background-color: #fbfbfb
}

.payment .coupon-box input[type=text]:hover {
    outline: 0
}

.payment .coupon-box .btn {
    margin: 0;
    padding: 10px 24px!important;
    vertical-align: top!important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.icon,
.icon-png,
.payment .account-info .img-box img {
    vertical-align: middle
}

.payment .coupon-box .btn_orange {
    padding: 9px 24px!important
}

.payment .coupon-box .btn_orange.right {
    padding: 7px 22px!important;
    border-radius: 3px
}

.payment .coupon-box .text {
    font-size: 12px;
    color: #666;
    padding: 10px 0 20px
}

.payment .notice {
    color: #ff4800;
    font-size: 14px;
    padding-top: 35px
}

.payment .account-info .img-box {
    text-align: center;
    line-height: 75px;
    width: 173px;
    height: 75px;
    box-sizing: border-box;
    border: 1px solid #e9e9e9;
    margin-right: 30px
}

.payment .account-info .info {
    float: left;
    font-size: 14px;
    color: #666;
    line-height: 25px
}

.payment .coupon-box .limit-tip {
    line-height: 20px;
    border-radius: 10px;
    padding: 0 10px;
    border: 1px solid #ffe7da;
    background: #fff7f1;
    display: inline-block
}

.sbpl-input,
.youma .youma-input1 {
    background-image: url(../images/index_01.png);
    background-repeat: no-repeat
}

.youma {
    width: 310px;
    height: 36px;
    position: relative
}

.youma .youma-input1 {
    width: 100%!important;
    height: 100%!important;
    background-position: 285px 16px
}

.youma-box {
    border: 1px solid #d1d1d1;
    border-top: none;
    background-color: #fff;
    max-height: 240px;
    overflow: auto
}

.youma-box::-webkit-scrollbar {
    display: none
}

.youma-box>li {
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    font-size: 14px;
    color: #444;
    border-bottom: 1px solid #ececec;
    box-sizing: border-box
}

.youma-left1,
.youma-left2,
.youma-right {
    height: 30px;
    line-height: 30px
}

.youma-box>li:hover {
    background-color: #eaeaea;
    cursor: pointer
}

.youma-left1 {
    border-bottom: 1px dashed #e0e0e0;
    box-sizing: border-box
}

.youma-left2 {
    font-size: 12px;
    color: #999
}

.youma-right {
    text-align: right
}

.youma-input {
    width: 135px!important;
    height: 24px!important;
    border: 1px solid #d1d1d1;
    padding-left: 5px
}

.youma-btn {
    display: inline-block;
    background-color: #f9cb1a;
    width: 45px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer
}

.add-up,
.youma-p {
    display: flex;
    align-items: center
}

.youma-btn:hover {
    background-color: #f9cb1a
}

.youma-p {
    width: 190px;
    justify-content: space-between
}

.sbpl-box {
    position: absolute;
    right: -185px;
    border-top: 1px solid #d1d1d1
}

.sbpl-box>li {
    width: 270px
}

.sbpl-input {
    background-position: 140px 12px!important;
    margin-left: 5px;
    width: 100%!important;
    height: 21px!important
}

.del-bb {
    border-bottom: none
}

.sbpl-input1 {
    padding: 5px 6px;
    font-size: 14px!important;
    height: 14px;
    border: 1px solid #dcdcdc
}

.edit-style {
    color: #fff!important;
    border: none!important
}

.add-bold,
.add-left>span:hover {
    font-weight: bolder;
    border-bottom: 2px solid #ff4800
}

.add-up {
    padding: 9px 15px;
    margin-bottom: 10px
}

.bf-icon {
    background: url(../images/icon-deng.png) 0 -3px no-repeat;
    display: inline-block;
    width: 35px;
    height: 27px
}

.add-left {
    padding: 0 0 0 25px;
    width: 420px
}

.add-left>span {
    margin-right: 20px;
    height: 30px;
    display: inline-block
}

.add-left>span:hover {
    cursor: pointer
}

.table-h100 tr {
    height: 100px
}

.chan-bg1 {
    background-color: #eaeaea!important;
    cursor: not-allowed
}

.chan-bg2 {
    background-color: #939ba4!important;
    border-color: #939ba4;
    cursor: not-allowed
}

.new_tipClass {
    margin-bottom: -3px
}

.fn-posrel:hover .newTip_box {
    display: block
}

.newTip_box {
    position: absolute;
    width: 230px;
    padding: 10px;
    border-radius: 5px;
    font-size: 12px;
    bottom: 28px;
    left: -20px;
    display: none;
    z-index: 100;
    line-height: 20px
}

.newTip_box.newZhong {
    border: 1px solid #d6d6d6;
    color: #666;
    background-color: #f4f4f4
}

.newTip_box:after {
    position: absolute;
    bottom: -14px;
    left: 20px
}

.newTip_box.newZhong:after {
    content: url(../images/zc_06.png)
}

.bank_all {
    border: 1px solid #ff4800;
    background: right top no-repeat #fffdfd;
    padding: 10px 20px;
    margin: 10px 0 15px
}

.bank_all .bank-til {
    font-size: 18px;
    padding: 10px 0;
    color: #ff4800
}

.bank_all_ul {
    padding-left: 40px
}

.bank_all_ul li {
    width: 127px;
    height: 40px;
    margin: 10px 28px 10px 0;
    float: left;
    border: 1px solid #ddd;
    cursor: pointer;
    position: relative
}

.bank_all_ul .bankicon {
    background-image: url(../images/bankall.jpg);
    background-repeat: no-repeat;
    background-position: 0 -56px
}

.bank_all_ul .bankicon.bocb2c {
    background-position: 0 -200px
}

.bank_all_ul .bankicon.icbcb2c {
    background-position: 0 -90px
}

.bank_all_ul .bankicon.nbcb {
    background-position: 0 -668px
}

.bank_all_ul .bankicon.bjcb {
    background-position: 0 -595px
}

.bank_all_ul .bankicon.hxb {
    background-image: url(../images/hx.jpg);
    background-position: left center
}

.bank_all_ul .bankicon.cmb {
    background-position: 0 -56px
}

.bank_all_ul .bankicon.icbc {
    background-position: 0 -90px
}

.bank_all_ul .bankicon.abc {
    background-position: 0 -308px
}

.bank_all_ul .bankicon.ccb {
    background-position: 0 -126px
}

.bank_all_ul .bankicon.spdb {
    background-position: 0 -632px
}

.bank_all_ul .bankicon.boc {
    background-position: 0 -200px
}

.bank_all_ul .bankicon.cib {
    background-position: 0 -414px
}

.bank_all_ul .bankicon.gdb {
    background-position: 0 -486px
}

.bank_all_ul .bankicon.comm {
    background-position: 0 -343px
}

.bank_all_ul .bankicon.citic {
    background-position: 0 -450px
}

.bank_all_ul .bankicon.ceb-debit {
    background-position: 0 -380px
}

.bank_all_ul .bankicon.nbbank {
    background-position: 0 -668px
}

.bank_all_ul .bankicon.bjbank {
    background-position: 0 -595px
}

.bank_all_ul .bankicon.spabank {
    background-position: 0 -235px
}

.bank_all_ul .bankicon.psbc {
    background-position: 0 -164px
}

.bank_all_ul .bankicon.cmbc {
    background-position: 0 -271px
}

.bank_all_ul .bankicon.zs {
    background-position: 0 -56px
}

.bank_all_ul .bankicon.gs {
    background-position: 0 -90px
}

.bank_all_ul .bankicon.js {
    background-position: 0 -126px
}

.bank_all_ul .bankicon.yz {
    background-position: 0 -164px
}

.bank_all_ul .bankicon.zg {
    background-position: 0 -200px
}

.bank_all_ul .bankicon.pa {
    background-position: 0 -235px
}

.bank_all_ul .bankicon.ms {
    background-position: 0 -271px
}

.bank_all_ul .bankicon.ny {
    background-position: 0 -308px
}

.bank_all_ul .bankicon.jt {
    background-position: 0 -343px
}

.bank_all_ul .bankicon.gd {
    background-position: 0 -380px
}

.bank_all_ul .bankicon.xy {
    background-position: 0 -414px
}

.bank_all_ul .bankicon.zx {
    background-position: 0 -450px
}

.bank_all_ul .bankicon.gf {
    background-position: 0 -486px
}

.bank_all_ul .bankicon.dy {
    background-position: 0 -523px
}

.bank_all_ul .bankicon.nj {
    background-position: 0 -560px
}

.bank_all_ul .bankicon.bj {
    background-position: 0 -595px
}

.bank_all_ul .bankicon.pf {
    background-position: 0 -632px
}

.bank_all_ul .bankicon.nb {
    background-position: 0 -668px
}

.bank_all_ul .bankicon.sn {
    background-position: 0 -704px
}

.bank_all_ul .bankicon.pnc {
    background-position: 0 -738px
}

.bank_all_ul .bankicon.up {
    background-position: 0 -774px
}

.bank_all_ul .bankicon.zfb {
    background-position: 0 -810px
}

.bank_all_ul .bankicon.wx {
    background-position: 0 -1035px
}

.bank_all_ul .bankicon.sft {
    background-position: 0 -847px
}

.bank_all_ul .bankicon.cft {
    background-position: 0 -888px
}

.bank_all_ul .bankicon.kq {
    background-position: 0 -930px
}

.bank_all_ul .bankicon.hx {
    background-image: url(../images/hx.jpg);
    background-position: left center
}

.bank_all_ul .bankicon.paypal {
    background-position: 0 -980px
}

.bank_all_ul .bankicon.scanwechat {
    background-image: url(../images/bankscan.jpg);
    background-position: 0 0
}

.bank_all_ul .bankicon.scanalipay {
    background-image: url(../images/bankscan.jpg);
    background-position: 0 -36px
}

.bank_all_ul li.active {
    border: 1px solid #ff4800;
    position: relative
}

.bank_all_ul li.active:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../images/dj_04_s.png) no-repeat;
    display: inline-block;
    width: 21px;
    height: 20px
}

.com_tab .result_file {
    overflow: hidden;
    padding: 38px 25px 50px;
    width: 130px;
    margin-right: 14px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #d1d1d1;
    background: #f6f6f6
}

.com_tab .result_file img {
    height: 100px;
    width: 100%
}

.com_pd40 .order {
    padding: 10px 20px;
    background-color: #fffbfa;
    color: #444;
    border: 1px solid #fbd4c0;
    line-height: 36px
}

.new_prompt_page,
.prompt_page {
    margin: 90px 0;
    border: 1px solid #e7e7e7;
    background: url(../images/lose.jpg) no-repeat #f8fcff
}

.prompt_page {
    padding: 40px 40px 0 340px;
    text-align: left!important
}

.new_prompt_page {
    padding: 80px;
    text-align: center;
    min-height: 170px
}

.new_prompt_page .tit {
    font-size: 34px;
    color: #5090fc;
    margin-bottom: 25px
}

.new_prompt_page .time {
    color: #ff1a14
}

.success_page {
    background: url(../images/suc.jpg) no-repeat #f8fcff
}

.success_page .sale_ticket {
    border: 1px solid #ffd1b1;
    border-radius: 4px;
    background-color: #fff7f1;
    width: 261px;
    padding: 0 15px;
    position: relative
}

.success_page .sale_ticket .time_tip {
    padding: 10px 0;
    border-top: 1px dashed #ffd6ba
}

.success_page .sale_ticket.past_ticket {
    background: url(../images/ticket-past.png) right 6px no-repeat #e7e7e7;
    border: 1px solid #d4d4d4
}

.success_page .sale_ticket.past_ticket div /deep/,
.success_page .sale_ticket.past_ticket p /deep/ {
    color: #999!important
}

.success_page .sale_ticket.past_ticket div /deep/ div,
.success_page .sale_ticket.past_ticket div /deep/ em,
.success_page .sale_ticket.past_ticket p /deep/ div,
.success_page .sale_ticket.past_ticket p /deep/ em {
    color: #999!important
}

.success_page .sale_ticket.past_ticket .time_tip {
    border-top: 1px dashed #f9f9f9
}

.success_page .sale_ticket.past_ticket::after,
.success_page .sale_ticket.past_ticket::before {
    border-color: #d4d4d4
}

.success_page .sale_ticket::before {
    content: "";
    position: absolute;
    top: 55%;
    margin-left: -1px;
    left: 0;
    display: block;
    width: 9px;
    height: 18px;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    background-color: #f8fcff;
    border: 1px solid #ffd1b1;
    border-left: 0
}

.success_page .sale_ticket::after {
    content: "";
    position: absolute;
    top: 55%;
    margin-right: -1px;
    right: 0;
    display: block;
    width: 9px;
    height: 18px;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    background-color: #f8fcff;
    border: 1px solid #ffd1b1;
    border-right: 0
}

.icon_not2,
.icon_not3,
.icon_suc2 {
    margin-right: 5px
}

.face-png,
.icon_not2,
.icon_not3,
.icon_suc2,
.j-detail {
    display: inline-block
}

.prompt_page .mark_cont2 {
    padding: 24px 0;
    min-height: 100px
}

.prompt_page .mark_cont2 .btn2 {
    padding: 7px 10px
}

.face-png {
    background: url(../images/face.png) no-repeat;
    width: 32px;
    height: 38px;
    position: absolute;
    top: -25px;
    left: -15px
}

.full_textarea {
    width: 240px;
    height: 55px;
    padding: 5px;
    border: 1px solid #e9e9e9;
    resize: none
}

.b_order {
    padding: 20px;
    border-right: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9
}

.b_order .right {
    line-height: 41px
}

.icon_close {
    position: absolute;
    top: -10px;
    right: -10px;
    height: 19px;
    width: 19px;
    background-image: url(../images/icon2.png);
    background-position: -67px -6px;
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 50%
}

.not_empty_cont {
    position: relative
}

.icon_not,
.icon_suc,
.not_empty_note {
    position: absolute
}

.not_empty_border {
    border: 1px solid #ff1a14!important
}

.icon_not {
    top: 20px;
    right: -10px;
    height: 20px;
    width: 20px;
    background: url(../images/icon2.png) -91px -4px no-repeat
}

.icon_not2 {
    height: 20px;
    width: 18px;
    background: url(../images/icon2.png) -94px -6px no-repeat
}

.icon_not3 {
    height: 40px;
    width: 20px;
    background: url(../images/icon2.png) -94px 5px no-repeat
}

.not_empty_note {
    top: 19px;
    left: 428px;
    min-width: 540px;
    font-size: 12px
}

.paynow {
    left: 30px;
    top: 3px;
    z-index: 99
}

.not_empty_bg {
    width: 20px;
    height: 24px;
    background: url(../images/dia.png) no-repeat
}

.not_empty_right {
    background-position: -113px 0
}

.not_empty_word {
    max-width: 450px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    background: url(../images/dia2.png);
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.icon_suc {
    top: 20px;
    right: -10px;
    height: 20px;
    width: 20px;
    background: url(../images/icon2.png) -117px -7px no-repeat
}

.icon_suc2 {
    height: 40px;
    width: 20px;
    background: url(../images/icon2.png) -119px 5px no-repeat
}

.not_record {
    padding: 10px 0;
    color: #bebebe;
    line-height: 30px
}

.not_record .icon_nrecord {
    display: inline-block;
    height: 30px;
    vertical-align: middle;
    width: 30px;
    background: url(../images/icon2.png) -80px -131px no-repeat
}

.j-detail {
    position: relative
}

.pop-tip {
    padding: 10px;
    width: 370px;
    max-height: 200px;
    position: absolute;
    left: 0;
    top: 20px;
    border: 1px solid #a2bae2;
    overflow-y: auto;
    background: #fff;
    border-radius: 5px;
    z-index: 10;
    display: none
}

.mod-table td,
.mod-table th {
    padding: 8px 10px;
    line-height: 18px
}

.mod-table {
    width: 100%
}

.mod-table th {
    text-align: center;
    background: #f7f9f8;
    border: 1px solid #dedede
}

.mod-table td {
    text-align: left;
    border: 1px solid #dedede!important
}

.dropdown_dis div,
.tabUl,
.tabUl li a,
.template_blue h1,
.ui-btn {
    text-align: center
}

.j-detail:hover .pop-tip {
    display: block
}

.icon_jiao {
    position: absolute;
    z-index: 99;
    top: 50px;
    left: -12px;
    height: 16px;
    width: 17px;
    background: url(../images/jiao.jpg) no-repeat
}

.qr_code {
    position: relative
}

.icon-see,
.qr_box {
    position: absolute
}

.qr_box {
    display: none;
    z-index: 98;
    top: -95px;
    left: 185px;
    width: 178px;
    padding: 12px;
    border: 1px solid #dcdcdc;
    color: #666!important;
    background: #fff
}

.qr_code:hover .qr_box {
    display: block
}

.qr_box img {
    width: 100%;
    height: 100%
}

.qr_box .icon_jiao {
    top: 100px
}

.dropdown_dis div {
    border: 1px solid #428ae2
}

.dropdown.dropdown_dis div li {
    padding: 15px
}

.menage_com {
    border: 1px solid #ccc;
    border-right: none;
    padding-left: 5px
}

.menage {
    border: 1px solid #ccc;
    height: 20px;
    line-height: 20px;
    padding: 5px 0;
    border-left: none
}

.prompt-doller {
    background-image: url(../img/icon_doller.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 30px;
    color: #ff4800;
    font-size: 16px;
    font-weight: 400
}

.icon,
.icon-png {
    display: inline-block;
    background: url(../images/icon.png) no-repeat
}

.icon-prompt {
    width: 22px;
    height: 18px;
    background-position: -168px -139px;
    margin: 0 10px 0 0
}

.icon-i,
.icon-x {
    margin: 5px 7px 6px 0
}

.icon-i {
    width: 16px;
    height: 16px;
    background-position: 0 -252px
}

.icon-x {
    width: 20px;
    height: 20px;
    background-position: -30px -268px
}

.icon-q {
    width: 16px;
    height: 16px;
    background-position: 0 -271px;
    margin: 2px 7px 6px 0
}

.icon-code {
    width: 15px;
    height: 15px;
    background-position: -21px -253px
}

.ui-btn:hover .icon-code {
    background-position: -38px -253px
}

.icon-remove {
    width: 16px;
    height: 16px;
    background-position: -33px -271px
}

.icon-money {
    width: 21px;
    height: 24px;
    background-position: -56px -254px
}

.icon-downJiao {
    width: 7px;
    height: 7px;
    background-position: -56px -281px
}

.icon-success {
    width: 46px;
    height: 46px;
    background-position: -42px -202px
}

.icon-sure {
    width: 35px;
    height: 41px;
    background-position: 0 -289px
}

.icon-see {
    display: none;
    width: 64px;
    height: 25px;
    background-position: -38px -289px;
    left: 50%;
    top: 50%;
    margin-top: -12px;
    margin-left: -32px
}

.icon-qiang,
.icon-zhong {
    height: 20px;
    display: inline-block;
    vertical-align: middle
}

.icon-qiang {
    width: 28px;
    background: url(../images/qiang.png) center no-repeat
}

.icon-zhong {
    width: 20px;
    background: url(../images/zhong.png) center no-repeat
}

.icon-sure1 {
    width: 29px;
    height: 29px;
    background: url(../images/qrh_03.png) center no-repeat
}

.mod-prompt {
    padding: 25px 30px;
    background: #fffbfa;
    border: 1px solid #fbd4c0;
    line-height: 28px
}

.mod-prompt .top {
    padding-bottom: 10px
}

.mod-prompt .fang {
    display: inline-block;
    float: left;
    height: 4px;
    width: 4px;
    background: #ff4800;
    margin: 12px 10px 0 12px
}

.mod-prompt .tit {
    position: relative;
    font-size: 20px;
    color: #ff4800;
    margin-bottom: 15px;
    font-weight: 400
}

.mod-prompt .tit .icon {
    position: absolute;
    left: -40px;
    top: -2px
}

.tabUl li,
.ui-btn {
    position: relative
}

.icon-ling {
    width: 30px;
    height: 30px;
    background: url(../img/icon-ling.png) center no-repeat
}

.icon-blue-suc {
    width: 46px;
    height: 46px;
    background: url(../img/blue-suc.png) center no-repeat;
    margin-right: 10px
}

.mod-bottomBtn {
    padding: 30px 0 0;
    border-top: 1px solid #ececec;
    margin-top: 30px
}

.ui-btn-mid,
.ui-btn-min {
    padding: 0 15px;
    width: auto
}

.mod-bottomBtn .checkbox .c_orange:hover {
    color: #ff6700!important
}

.bottomBtn .ui-btn,
.mod-bottomBtn .ui-btn {
    width: 109px
}

.ui-btn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    background: #428ae2;
    border: 1px solid #428ae2;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    border-radius: 3px;
    cursor: pointer
}

.ui-btn-min,
.ui-btn-small {
    border-radius: 28px;
    font-size: 12px;
    height: 28px;
    line-height: 28px
}

.ui-btn:hover {
    background: #f9cb1a;
    color: #fff
}

.ui-btn-border {
    color: #428ae2;
    background: #fff
}

.ui-btn-border:hover {
    background: #458fea;
    color: #fff
}

.ui-btn-border-orange {
    border-color: #ff6700;
    color: #ff6700
}

.ui-btn-border-orange:hover {
    background: #ff6700;
    color: #fff
}

.ui-btn-border-red {
    border-color: #ff3145;
    color: #ff3145
}

.ui-btn-border-red:hover {
    background: #ff3145;
    color: #fff
}

.ui-btn-border-gray {
    border-color: #93aac2;
    color: #939ba4
}

.ui-btn-border-gray:hover {
    background: #93aac2;
    color: #fff
}

.ui-btn-small {
    width: 80px;
    margin: 0 5px;
    font-weight: 400
}

.ui-btn-orange {
    background: #ff6700;
    border-color: #ff6700
}

.ui-btn-orange:hover {
    background: #ff4800;
    color: #fff
}

.ui-btn-blue {
    background: #428ae2;
    border-color: #428ae2
}

.ui-btn-blue:hover {
    background: #f9cb1a;
    color: #fff
}

.ui-btn-radiusNone {
    border-radius: 0
}

.ui-btn-radius3 {
    border-radius: 3px
}

.ui-btn-cancel {
    background: #939ba4;
    border-color: #939ba4
}

.ui-btn-cancel:hover {
    background: #7f8890;
    border-color: #7f8890
}

.ui-input,
.ui-upload {
    border: 1px solid #d1d1d1
}

.ui-btn-mid {
    height: 28px;
    line-height: 28px;
    font-size: 14px
}

.ui-input {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 8px;
    font-size: 14px
}

.ui-upload {
    padding: 15px;
    background: #fbfbfb;
    float: left
}

.ui-upload .text {
    line-height: 16px;
    font-size: 14px;
    padding-bottom: 10px
}

.ui-upload .btnBox {
    margin: 10px 0 0
}

.ui-upload-2 {
    padding: 0;
    line-height: 100%
}

.btn-title {
    display: inline-block;
    width: auto;
    padding: 0 15px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #fff;
    margin-right: 10px;
    cursor: pointer
}

.subject_confirm .dropdown {
    width: 118px
}

.tabBtn {
    padding: 0 0 40px
}

.tabBtn .lBtn {
    border-radius: 3px 0 0 3px;
    border-right: none
}

.tabBtn .rBtn {
    border-radius: 0 3px 3px 0
}

.tabBtn .ui-btn {
    width: 109px
}

.subject_confirm .l_box {
    width: 615px
}

.subject_confirm .cont .upload {
    width: 122px;
    height: 162px
}

.tabUl {
    border-bottom: 1px solid #ececec;
    padding: 10px 0 30px;
    margin-bottom: 20px
}

.tabUl ul {
    margin: 0 auto;
    width: 680px
}

.tabUl li {
    float: left
}

.tabUl li a {
    display: inline-block;
    width: 170px;
    font-size: 16px;
    line-height: 40px
}

.tabUl .active:after,
.tabUl li:last-child:after {
    border-right: 0
}

.tabUl li:after {
    content: '';
    border-right: 1px solid #e0e0e0;
    height: 20px;
    position: absolute;
    right: 0;
    top: 10px
}

.tabUl .active a {
    background-color: #428ae2;
    color: #fff;
    border-radius: 5px;
    border-right: 0
}

.subject_confirm .cont .upload .btn {
    border-radius: 15px!important;
    padding: 4px 20px
}

.upload_intro li {
    position: relative;
    font-size: 12px;
    color: #666;
    line-height: 25px;
    padding-left: 25px
}

.upload_intro li:first-child {
    padding-left: 0;
    margin-top: 10px
}

.subject_confirm .service_form .cont .table td {
    padding: 10px 12px
}

.service_form .cont .table td .checkbox {
    vertical-align: middle;
    margin: 0 4px 0 0
}

.subject_confirm .r_box {
    width: 386px;
    margin-left: 30px;
    margin-top: 10px
}

.service_form .cont .template,
.subject_confirm .r_box .template,
.template {
    background: #f7fbff;
    border: 1px solid #c7dcf1;
    padding: 20px
}

.template_blue {
    font-size: 14px;
    color: #666;
    padding: 0 15px
}

.template_blue h1 {
    color: #f9cb1a;
    font-size: 24px;
    line-height: 84px
}

.template_blue .foot {
    margin-top: 20px;
    border-top: 1px dashed #c7dcf1;
    padding: 15px 0
}

.subject_confirm2 .r_box .template {
    padding: 0 20px;
    background-color: #fff
}

.service_form .cont .template .content,
.subject_confirm .r_box .template .content,
.template .content {
    height: 655px;
    overflow: auto
}

.service_form .cont .template .top,
.subject_confirm .r_box .template .top,
.template .top {
    border-bottom: 1px solid #c7dcf1;
    line-height: 30px;
    padding-bottom: 5px;
    margin-bottom: 18px
}

.mark_main .template .item,
.subject_confirm .r_box .template .item {
    width: 300px;
    height: 38px;
    line-height: 38px;
    display: block;
    padding: 0 10px;
    background: #fff;
    border: 1px solid #b3d3f3;
    margin-bottom: 12px;
    border-radius: 5px;
    color: #999
}

.confirmOrder .content a,
.ui-btnItem {
    display: inline-block
}

.subject_confirm .r_box .template .item.cur,
.subject_confirm .r_box .template .item:hover {
    color: #187de3
}

.subject_confirm .r_box .template .item .right {
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.mark_main .template .item.cur,
.mark_main .template .item:hover {
    color: #187de3;
    background-color: #f1f8ff
}

.mark_main .template .top li {
    float: left;
    min-width: 25%;
    text-align: center
}

.mark_main.muban {
    width: 400px;
    height: 600px;
    margin-top: -300px
}

.mark_main.muban .template .content {
    height: 480px
}

.mark_main .template .item {
    margin: 0 auto 12px
}

.mark_tbody {
    height: 200px;
    overflow-y: auto
}

.form_tip {
    padding: 0 0 0 35px;
    width: 385px;
    line-height: 20px;
    font-size: 12px;
    position: relative
}

.form_tip_oth {
    width: 800px;
    position: absolute;
    top: 60px;
    left: -13px
}

.form_tip .icon-i,
.form_tip .icon-q {
    position: absolute;
    left: 15px
}

.cont .innerBox {
    padding: 30px 60px 10px
}

.brandClassify .ui-btnItem {
    width: 100px;
    text-align: center
}

.brand_search {
    line-height: 40px;
    position: relative
}

.brand_search .ui-input {
    width: 270px;
    border-right: none;
    float: left
}

.brand_search .ui-btn {
    border-radius: 0;
    float: left;
    height: 40px;
    line-height: 40px;
    margin-left: -2px;
    font-weight: 400
}

.brand_search .drop_list {
    width: 269px;
    padding: 5px 8px;
    line-height: 30px;
    border: 1px solid #d1d1d1;
    border-top: none;
    position: absolute;
    top: 40px;
    left: 0;
    background: #fff;
    max-height: 300px;
    z-index: 110;
    overflow-y: auto
}

.brand_search .drop_list a {
    color: #666;
    font-size: 14px
}

.brand_search .drop_list a:hover {
    color: #ff6700
}

.brandClassify {
    padding: 20px 0
}

.brandClassify .content {
    width: 988px
}

.ui-btnItem {
    background: #428ae2;
    font-size: 14px;
    color: #fff;
    border-radius: 2px;
    height: 26px;
    line-height: 26px;
    margin: 0 20px 10px 0;
    float: left
}

.ui-btnItem2 {
    background: #939ba4;
    padding: 0 8px
}

.ui-btnItem.cur,
.ui-btnItem:hover {
    background: #428ae2;
    color: #fff
}

.ui-btnItem2.cur,
.ui-btnItem2:hover {
    background: #ff6700
}

.ui-btnItem3 {
    background: #fff;
    color: #ff4800;
    border: 1px solid #ff4800;
    margin: 0 11px 10px 0;
    padding: 0 12px
}

.ui-btnItem3.cur,
.ui-btnItem3:hover {
    background: #ff6700;
    color: #fff
}

.ui-btnItem-nothing,
.ui-btnItem-nothing:hover {
    background: #ccc
}

.brandChosed div.left {
    width: 800px
}

.brandChosed .ui-btnItem2 {
    margin: 0 10px 10px
}

.confirmOrder {
    border: 1px solid #e5e5e5;
    margin: 30px 0 0
}

.confirmOrder .l_confirm {
    width: 355px;
    height: 635px;
    background: #f8f8f8;
    border-right: 1px solid #e5e5e5;
    position: relative
}

.confirmOrder .l_confirm .title {
    position: absolute;
    left: 0;
    top: 0;
    width: 98%;
    background: #f8f8f8;
    border: none
}

.mark_at,
.mark_judge {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10000
}

.confirmOrder .l_confirm .title .titleBox {
    width: 285px;
    margin: 0 0 0 33px;
    border-bottom: 1px solid #e5e5e5
}

.confirmOrder .l_confirm .content {
    height: 530px;
    overflow-y: auto;
    width: 303px;
    padding: 85px 35px 20px 25px
}

.confirmOrder .title {
    line-height: 60px;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 10px
}

.mark_at {
    width: 385px;
    background-color: #fff;
    border-radius: 8px;
    padding: 0 48px;
    margin: -240px 0 0 -255px
}

.mark_at .mark_at_top {
    width: 243px;
    margin: 36px auto
}

.mark_at .mark_at_suc {
    margin: 20px auto;
    font-size: 16px;
    color: #666
}

.mark_at .mark_at_btn {
    text-align: center;
    margin-bottom: 35px
}

.mark_at_btn .btn {
    padding: 10px 46px;
    width: 70px
}

.mark_at .simal_dropdown {
    width: 335px;
    margin: 0 auto
}

.mark_at .simal_dropdown .simal_inp {
    padding-left: 8px;
    width: 324px;
    line-height: 44px;
    font-size: 16px;
    color: #999;
    outline: 0;
    border: 1px solid #d7d7d7;
    margin-bottom: 15px;
    margin-top: 15px
}

.mark_at .simal_dropdown .simal_inp:focus {
    outline: 0;
    border: 1px solid #ff1a14
}

.mark_at .simal_dropdown .dropdown {
    width: 332px
}

.mark_at .simal_dropdown .classify_alert .selected,
.mark_at .simal_dropdown .dropdown .selected {
    line-height: 36px;
    font-size: 16px;
    color: #999;
    padding-left: 8px;
    background-color: #fff
}

.mark_at .simal_dropdown .dropdown li {
    line-height: 16px;
    padding-left: 8px;
    color: #999;
    font-size: 16px;
    font-weight: 400
}

.mark_at .simal_dropdown .classify_alert .carat,
.mark_at .simal_dropdown .dropdown .carat {
    background: url(../images/icon.png) -110px -17px no-repeat #fff
}

.mark.mark_opcity {
    filter: alpha(opacity=0);
    background-color: rgba(0, 0, 0, 0)
}

.mark_judge {
    width: 511px;
    height: 140px;
    text-align: center;
    color: #fff;
    background-color: rgba(102, 102, 102, .7);
    font-size: 16px;
    border-radius: 7px;
    margin: -70px 0 0 -255px
}

.l_confirm dl {
    width: 300px
}

.l_confirm dt {
    overflow: hidden;
    width: 100%
}

.l_confirm dt a {
    display: block!important;
    line-height: 34px;
    color: #666;
    cursor: pointer;
    border-radius: 5px
}

.l_confirm dt.cur a {
    background: #ff6700;
    color: #fff
}

.icon-jiao {
    width: 11px;
    height: 11px;
    background-position: -21px -274px;
    float: left;
    margin: 8px 14px 14px 13px
}

.l_confirm dt.cur .icon-jiao {
    width: 11px;
    height: 6px;
    background-position: -39px -316px;
    float: left;
    margin: 13px 14px 0 13px
}

.l_confirm dd {
    line-height: 36px;
    margin: 8px 0 10px
}

.l_confirm dd a {
    display: block;
    padding-left: 45px;
    color: #666
}

.l_confirm dd .selected a {
    color: #ff5900;
    background: url(./icon_true.png) 20px 11px no-repeat
}

.confirmOrder .r_confirm {
    width: 573px;
    margin: 0 20px
}

.confirmOrder .r_confirm .box {
    height: 480px;
    overflow-y: auto;
    overflow-x: hidden
}

.confirmOrder .r_confirm .box>.item {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 0
}

.confirmOrder .r_confirm .item {
    border-bottom: 1px dashed #e6e6e6;
    margin-bottom: 8px
}

.confirmOrder .r_confirm .item:last-child {
    border-bottom: 0
}

.confirmOrder .r_confirm .item .top {
    line-height: 16px;
    padding: 10px 0
}

.confirmOrder .r_confirm .item .content {
    width: 100%;
    padding: 10px 0
}

.confirmOrder .r_confirm .bottom {
    line-height: 80px;
    border-top: 1px solid #e5e5e5
}

.confirmOrder .r_confirm input {
    vertical-align: middle
}

.confirmOrder .r_confirm .title {
    font-size: 20px;
    color: #666;
    line-height: 70px;
    padding-top: 0;
    font-weight: 400
}

.confirmOrder .r_confirm .smtitle {
    font-size: 16px;
    line-height: 50px;
    border-bottom: 1px solid #e5e5e5
}

.askingInfo,
.tipmsgbg {
    background: #fffbfa;
    border: 1px solid #fbd4c0
}

.emptytit {
    color: #96c2f7;
    font-size: 15px;
    font-weight: 400;
    text-align: center
}

.invoiceAdmin .com_search_box {
    padding: 25px 15px
}

.invoiceAdmin .com_search_box .fn16 {
    line-height: 53px
}

.com_search_left_btn {
    padding: 9px 25px 9px 0;
    margin-right: 30px;
    border-right: 1px solid #fbd4c0
}

.tipmsgbg {
    padding: 0 20px;
    line-height: 40px
}

.tipmsgbg .top {
    border-bottom: 1px solid #fbd4c0
}

.askingInfo {
    padding: 19px 22px;
    line-height: 34px;
    color: #666
}

.askingInfo .top {
    border-bottom: 1px dashed #fbd4c0;
    padding: 0 0 14px
}

.askingInfo .top .btn {
    vertical-align: middle
}

.askingInfo .top .choice {
    display: inline-block;
    width: 30px;
    height: 18px;
    vertical-align: middle;
    cursor: pointer
}

.askingInfo .top .no_choice {
    background: url(../images/choice_01.png) no-repeat
}

.askingInfo .top .yes_choice {
    background: url(../images/choice_02.png) no-repeat
}

.askingInfo .top .rom_read {
    background-color: #f5f5f5;
    border: 1px solid #d1d1d1;
    display: inline-block;
    line-height: 28px;
    min-width: 430px;
    max-width: 750px;
    padding: 0 5px;
    min-height: 28px;
    vertical-align: middle
}

.askingInfo .top .tip-icon {
    background: url(../img/com-tip-icon.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 10px;
    margin-top: 2px;
    position: relative
}

.askingInfo .top .tip-icon:hover:after {
    content: "我司收取最终交易价的10%作为佣金";
    width: 248px;
    height: 30px;
    background: url(../images/com-tip-icon-hover.png) 0 5px no-repeat;
    position: absolute;
    top: -9px;
    right: -266px;
    color: #444;
    font-size: 13px;
    padding-left: 12px
}

.askingInfo .bottom {
    padding: 15px 0 0
}

.askingInfo .bottom label {
    display: inline-block
}

.askingInfo .pd-top {
    padding: 3px 0 0
}

.askingInfo .ui-input {
    height: 26px;
    line-height: 26px
}

.askingInfo .ui-input-btn {
    line-height: 14px
}

.zhengshu-table-box {
    height: auto;
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid #e9e9e9
}

.zhengshu-table-box table {
    border: none
}

.zhengshu-table-box table tr:last-child td {
    border: none
}

.zhengshu-table-box td:last-child,
.zhengshu-table-box th:last-child {
    text-align: center
}

.zhengshu-table-box td:first-child,
.zhengshu-table-box th:first-child {
    padding-left: 30px
}

.zhengshu-table-box td:first-child {
    color: #f9cb1a
}

.com_tab .classify_alert .selected,
.com_tab .dropdown .selected,
.com_tab .dropdown li {
    padding: 11px 7px
}

.service_form .classify_alert .selected,
.service_form .dropdown .selected,
.service_form .dropdown li {
    padding: 12px 3px
}

.askingInfo .bottom .pay-tip {
    color: #666;
    padding: 6px 0 10px 22px;
    line-height: 20px;
    position: relative;
    width: 400px
}

.askingInfo .bottom .pay-tip:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    background: url(../img/blue-tip.png);
    width: 16px;
    height: 16px
}

.regguide {
    background-color: #fff;
    padding: 20px 0;
    height: 484px;
    font-size: 14px;
    position: relative
}

.regguide .com_line_b {
    padding: 10px 10px 13px;
    margin: 0 10px
}

.regguide .list {
    height: 260px;
    overflow-y: auto;
    padding-bottom: 10px
}

.regguide .list li {
    padding: 0 0 0 25px;
    line-height: 34px;
    cursor: pointer
}

.regguide .list li:hover {
    color: #ff6700
}

.regguide .list li .icon-remove {
    display: none;
    margin-top: -3px
}

.regguide .list li:hover .icon-remove {
    display: inline-block
}

.regguide .btns {
    text-align: center;
    border-top: 1px solid #e5e5e5;
    padding-top: 30px
}

.centerPayment .img {
    width: 160px;
    height: 160px;
    line-height: 160px;
    text-align: center;
    border: 1px solid #ececec
}

.centerPayment .img img {
    vertical-align: middle
}

.centerPayment .com_tab td,
.centerSuccess .top i {
    vertical-align: top
}

.centerSuccess .top {
    line-height: 48px
}

.bulk_pay {
    height: 285px;
    overflow: auto;
    border-bottom: 1px solid #e9e9e9
}

.bulk_pay .table {
    border-left: 0;
    border-top: 0;
    border-right: 0
}

.approximateItem li {
    width: 100%;
    text-align: center;
    margin: 0 20px 20px 0
}

.approximateItem li img {
    border: 1px solid #e9e9e9;
    width: 100%
}

.approximateItem .item {
    padding: 10px 0
}

.sure-get .img-load,
.sure-get .table td,
.sure-get .table th {
    text-align: center
}

.sure-get .img-load img {
    width: 55px;
    height: 50px
}

.sure-get .img-load .p {
    font-size: 12px;
    display: block;
    width: 50px;
    height: 20px;
    border: 1px solid #f9cb1a;
    color: #f9cb1a;
    border-radius: 18px;
    position: relative;
    margin: 0 auto
}

.sure-get .img-box,
.sure-get .img-box img {
    width: 65px;
    height: 65px
}

.sure-get .img-load .p:hover {
    cursor: pointer
}

.sure-get .img-box {
    position: relative;
    display: inline-block;
    border: 1px solid #e9e9e9
}

.sure-get .img-box .icon {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../images/search-icon.png) 5px no-repeat #8c8c8c;
    display: inline-block
}

.viewrisk {
    cursor: pointer
}

.viewrisk:hover a {
    color: #ff4800
}

.tabletemp-text {
    padding: 0!important
}

.tabletemp-text .template-text {
    border: 0
}

.template-text {
    background-color: #efefef;
    border: 1px solid #e9e9e9;
    color: #888;
    padding: 15px
}

.template-text .left-img {
    text-align: center;
    width: 160px;
    border-right: 1px solid #e9e9e9;
    display: inline-block;
    vertical-align: middle;
    min-height: 160px
}

.template-text .text {
    width: 890px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 25px
}

.template-text .exp_box {
    width: 140px;
    height: 100px
}

.template-text .to_big {
    top: 55%
}

.template-orange {
    background-color: #fff7f5;
    border: 1px solid #fbd4c0;
    color: #888;
    padding: 20px 40px 20px 45px
}

.dropdownBtn .dropdown .selected,
.dropdownBtn_blue .dropdown .selected {
    color: #fff
}

.template-orange.dan {
    background: url(../images/qrh_11.png) 450px no-repeat #fff7f5
}

.template-orange.zhuan {
    background: url(../images/qrh_12.png) left no-repeat #fff7f5;
    padding-left: 400px
}

.dropdownBtn .classify_alert .selected,
.dropdownBtn .dropdown .selected,
.dropdownBtn .dropdown li,
.dropdownBtn_blue .classify_alert .selected,
.dropdownBtn_blue .dropdown .selected,
.dropdownBtn_blue .dropdown li {
    padding: 7px 7px 7px 15px
}

.template-orange .btn {
    font-size: 14px
}

.dropdownBtn .dropdown {
    border-color: #ff6700;
    background: #ff6700;
    width: 106px
}

.dropdownBtn .dropdown .carat {
    width: 7px;
    height: 7px;
    background: url(../images/icon.png) -56px -281px no-repeat;
    margin: 12px 10px 0 0
}

.dropdownBtn_blue {
    display: inline-block;
    vertical-align: middle
}

.dropdownBtn_blue .dropdown {
    border-color: #428ae2;
    background: #428ae2;
    width: 93px
}

.dropdownBtn_blue .dropdown .carat {
    width: 7px;
    height: 7px;
    background: url(../images/icon.png) -56px -281px no-repeat;
    margin: 12px 10px 0 0
}

.dropdownBtn .model_choose.dropdown div {
    border: 1px solid #ff6700
}

.dropdownBtn .model_choose.dropdown div li {
    font-size: 14px;
    color: #666;
    padding: 15px
}

.exp_box {
    display: inline-block;
    position: relative;
    width: 142px;
    height: 192px;
    margin-right: 10px;
    overflow: hidden;
    border: 1px solid #d1d1d1
}

.exp_box img {
    width: 100%;
    height: 100%
}

.exp_box .exp_mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/icon-case.png) no-repeat
}

.exp_box .pre_mask {
    background: 0 0
}

.exp_box .exp_mask .mask {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .03;
    filter: alpha(opacity=3)
}

.to_big {
    position: absolute;
    top: 70%;
    left: 50%;
    margin-left: -33px;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    padding: 2px 10px;
    border-radius: 13px
}

.to_big .icon,
.to_big span {
    opacity: 1;
    filter: alpha(opacity=100)
}

.to_big .icon {
    display: inline-block;
    height: 20px;
    width: 20px;
    background: url(../images/big.png) no-repeat
}

#imgbox-loading,
#imgbox-overlay {
    top: 0;
    display: none;
    position: absolute;
    left: 0
}

.to_big span {
    color: #fff;
    font-size: 13px
}

#imgbox-loading {
    background: url(../img/imagesbox-spinner.gif) center center no-repeat;
    cursor: pointer;
    z-index: 90
}

#imgbox-loading div {
    background: #FFF;
    width: 100%;
    height: 100%
}

#imgbox-overlay {
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 100000
}

.imgbox-wrap {
    position: absolute;
    background: #FFF;
    display: block;
    z-index: 100000!important
}

.imgbox-img {
    padding: 0;
    margin: 0;
    border: none;
    width: 100%;
    height: 100%;
    vertical-align: top
}

.imgbox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    height: 30px;
    width: 30px;
    background: url(../img/imgbox-close.png) top left no-repeat;
    cursor: pointer;
    outline: 0
}

.imgbox-title {
    padding-top: 10px;
    font-size: 11px;
    text-align: center;
    color: #333;
    display: none
}

.imgbox-bg-wrap {
    position: absolute;
    padding: 0;
    margin: 0;
    display: none
}

.imgbox-bg {
    position: absolute;
    width: 20px;
    height: 20px
}

.imgbox-bg-n {
    left: 0;
    top: -20px;
    width: 100%;
    background: url(../images/imgbox-bg-n.png) repeat-x
}

.imgbox-bg-ne {
    right: -20px;
    top: -20px;
    background: url(../images/imgbox-bg-ne.png) no-repeat
}

.imgbox-bg-e {
    right: -20px;
    top: 0;
    height: 100%;
    background: url(../images/imgbox-bg-e.png) repeat-y
}

.imgbox-bg-se {
    right: -20px;
    bottom: -20px;
    background: url(../images/imgbox-bg-se.png) no-repeat
}

.imgbox-bg-s {
    left: 0;
    bottom: -20px;
    width: 100%;
    background: url(../images/imgbox-bg-s.png) repeat-x
}

.imgbox-bg-sw {
    left: -20px;
    bottom: -20px;
    background: url(../images/imgbox-bg-sw.png) no-repeat
}

.imgbox-bg-w {
    left: -20px;
    top: 0;
    height: 100%;
    background: url(../images/imgbox-bg-w.png) repeat-y
}

.imgbox-bg-nw {
    left: -20px;
    top: -20px;
    background: url(../images/imgbox-bg-nw.png) no-repeat
}

.service_form .cont .table .counselor_prompt {
    padding: 15px 85px
}

.service_form .cont .counselor_prompt .top_prompt {
    padding: 10px 15px
}

.service_form .counselor_prompt .top_prompt .icon {
    background: url(../images/icon2.png) -3px -101px no-repeat
}

.service_form .rtconsle {
    height: 40px;
    line-height: 40px
}

.service_form .ui-btn-min {
    width: 120px
}

.exp_lic {
    padding: 8px;
    width: 106px;
    height: 154px
}

.tabBtn .another {
    background: #fff;
    color: #428ae2
}

.claim_page .table td {
    border: 1px solid #e9e9e9
}

.certificate_list {
    margin-top: -26px
}

.claim_page .table .border {
    border-top: 1px solid #e9e9e9;
    margin-top: 10px;
    padding-top: 10px
}

.btn_download {
    height: 28px;
    width: 80px;
    margin: 0 5px;
    line-height: 28px;
    font-weight: 400;
    border-radius: 3px;
    border: 1px solid #ff6700;
    color: #ff6700;
    background: #fff
}

.dropdown.btn_download .carat {
    width: 20px;
    background-color: #fff;
    background-position: -112px -24px
}

.dropdown.btn_download .classify_alert .selected,
.dropdown.btn_download .selected,
.dropdown.btn_download li {
    padding: 7px 7px 7px 4px
}

.dropdown.btn_download .selected:hover,
.dropdown.btn_download li:hover {
    background: #ff6700;
    color: #fff!important
}

.dropdown.btn_download .selected:hover+.carat {
    background-color: #ff6700!important
}

.dropdown.btn_download.open .carat {
    background-position: -112px -61px!important
}

.dropdown.btn_download li:hover {
    background: #ff6700;
    color: #fff!important
}

.dropdown.btn_download div {
    border: 1px solid #ff6700
}

.pl17 {
    padding-left: 17px
}

.table_scroll .table,
.table_scroll .table th {
    border: 0
}

.table_scroll .scroll_thead {
    background: #fafafa;
    border: 1px solid #e9e9e9
}

.table_scroll .scroll_tbody {
    overflow: hidden;
    border-bottom: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9
}

.table_scroll .scroll_tbody .table {
    margin-bottom: -1px
}

.table_scroll .scroll_tbody.oflow {
    overflow-y: auto
}

.flexslider_pop {
    position: relative;
    width: 462px;
    height: 587px;
    padding: 0 20px 30px;
    zoom: 1
}

.flexslider_pop .slides_pop {
    position: relative;
    width: 415px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden
}

.flexslider_pop .slides_pop li {
    width: 100%;
    height: 100%;
    text-align: center
}

.flexslider_pop .slides_pop li img {
    width: 100%;
    margin: 0 auto;
    display: block;
    max-height: 100%;
    height: auto
}

.flexslider_pop .flex-direction-nav_pop a {
    width: 40px;
    height: 40px;
    line-height: 99em;
    overflow: hidden;
    margin: -35px 0 0;
    display: block;
    background: url(../images/ad_ctr.png) -10px -368px no-repeat;
    position: absolute;
    top: 50%;
    z-index: 99;
    cursor: pointer;
    border-radius: 35px
}

.flexslider_pop .flex-direction-nav_pop .flex-next_pop {
    background-position: -10px -444px;
    right: -10px
}

.flexslider_pop .flex-direction-nav_pop .flex-next_pop.active,
.flexslider_pop .flex-direction-nav_pop .flex-next_pop.active:hover,
.flexslider_pop .flex-direction-nav_pop .flex-next_pop:hover {
    background-position: -10px -405px
}

.flexslider_pop .flex-direction-nav_pop .flex-prev_pop {
    left: -10px
}

.flexslider_pop .flex-direction-nav_pop .flex-prev_pop.active,
.flexslider_pop .flex-direction-nav_pop .flex-prev_pop.active:hover,
.flexslider_pop .flex-direction-nav_pop .flex-prev_pop:hover {
    background-position: -10px -481px
}

.flexslider_pop .flex-control-nav_pop {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center
}

.flexslider_pop .flex-control-nav_pop li {
    margin: 0 2px;
    display: inline-block;
    zoom: 1;
    *display: inline
}

.flexslider_pop .flex-control-paging_pop li a {
    background: url(../images/dot.png) 0 -16px no-repeat;
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent: -99em;
    width: 16px;
    cursor: pointer
}

.flexslider_pop .flex-control-paging_pop li a.flex-active,
.flexslider_pop .flex-control-paging_pop li.active a {
    background-position: 0 0
}

.detail_page {
    background-color: #fff;
    padding: 50px 0;
    margin: 30px 0
}

.detail_page .detail_tot {
    padding: 10px 30px
}

.detail_page .detail_tot .detail_tot_title {
    font-size: 36px;
    color: #f9cb1a;
    text-align: center;
    font-weight: 400
}

.detail_page .detail_tot .sbfl_ser {
    margin: 20px auto 0;
    width: 720px;
    position: relative;
    font-size: 14px;
    text-align: center
}

.detail_page .detail_tot .sbfl_ser .tab_list {
    float: left
}

.detail_page .detail_tot .sbfl_ser .tab_list li {
    float: left;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    border: 1px solid #428ae2;
    text-align: center
}

.detail_page .detail_tot .sbfl_ser .tab_list li.fir {
    border-radius: 4px 0 0 4px
}

.detail_page .detail_tot .sbfl_ser .tab_list li.sec {
    border-radius: 0 4px 4px 0
}

.detail_page .detail_tot .sbfl_ser .tab_list .cur {
    background: #428ae2
}

.detail_page .detail_tot .sbfl_ser .tab_list .cur a {
    color: #fff;
    cursor: pointer
}

.detail_page .detail_tot .sbfl_ser .tab_list .cur:hover {
    background: #f9cb1a
}

.detail_page .detail_tot .sbfl_ser .tab_list .cur:hover a {
    color: #fff
}

.detail_page .detail_tot .sbfl_ser .tab_list li:hover a {
    color: #f9cb1a
}

.detail_page .detail_tot .sbfl_ser .ser_form2 {
    float: right;
    margin-left: 50px
}

.detail_page .detail_tot .sbfl_ser .ser_form2 .ser_input {
    height: 30px;
    width: 280px;
    background-color: #fbfbfb;
    border: 1px solid #d1d1d1;
    color: #666
}

.detail_page .detail_tot .sbfl_ser .ser_form2 .com_btn {
    display: inline-block;
    height: 43px;
    color: #fff;
    background-color: #ff6700;
    border: 1px solid #ff6700;
    padding: 0 30px;
    font-size: 16px;
    margin-left: -5px;
    border-radius: 0 3px 3px 0;
    cursor: pointer
}

.detail_page .crumb {
    padding: 0;
    margin-top: 40px
}

.detail_page .detail_main {
    padding: 30px 30px 0;
    border-top: 1px solid #ececec
}

.detail_page .detail_main.none_line {
    border-top: none
}

.detail_page .left_dt {
    width: 420px
}

.detail_page .left_dt .sbfl_dl dt {
    color: #ff4800;
    font-size: 16px
}

.detail_page .left_dt .sbfl_dl dd {
    color: #444;
    font-size: 12px;
    line-height: 30px
}

.detail_page .left_dt .sbfl_dl dd p {
    text-indent: 2em
}

.detail_page .right_dt {
    border-left: 1px solid #ececec;
    padding-left: 80px;
    width: 550px;
    padding-bottom: 20px
}

.detail_page .right_dt li {
    line-height: 30px;
    font-size: 12px
}

.detail_page .detail_tab th,
.detail_tab td {
    padding: 5px 10px;
    line-height: 30px;
    border: 1px solid #ececec;
    font-size: 12px
}

.detail_page .detail_tab th {
    text-align: left;
    background-color: #ececec;
    color: #444;
    font-weight: 400;
    font-size: 14px
}

.detail_page .detail_none_main {
    height: 350px;
    margin: 20px 30px 0;
    border-top: 1px solid #ececec;
    text-align: center;
    padding-top: 40px
}

.detail_page .none_tel {
    background: url(../images/noneseh.png) left 10px no-repeat;
    display: inline-block;
    line-height: 60px;
    font-size: 24px;
    color: #b8b8b8;
    padding: 30px 30px 30px 120px;
    height: 250px
}

.detail_page .seh_intro {
    margin-top: 30px;
    line-height: 30px;
    padding: 5px 10px;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    color: #444;
    font-size: 12px
}

.detail_page .leibie_list {
    display: block;
    padding: 5px 20px;
    margin-bottom: 10px;
    border: 1px solid #e6e6e6;
    cursor: pointer
}

.detail_page .leibie_list.active:hover,
.detail_page .leibie_list:hover {
    background-color: #fffbf6;
    border: 1px solid #ffc69f
}

.detail_page .leibie_list.active {
    background-color: #fff0e6;
    border: 1px solid #ffc69f
}

.detail_page .detail_sehnav {
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    padding: 6px 30px;
    font-size: 12px;
    line-height: 30px
}

.detail_page .detail_sehnav>a {
    color: #666;
    margin-right: 20px
}

.detail_page .detail_sehnav>a:hover,
.detail_sehnav>a.active {
    color: #ff4800
}

.detail_page .leibie_list .leibie_title {
    font-size: 16px;
    color: #ff4800;
    line-height: 40px;
    cursor: pointer
}

.detail_page .leibie_list .leibie_info {
    font-size: 12px;
    color: #666;
    line-height: 24px;
    cursor: pointer
}

.detail_page .detail_sehnav_r {
    line-height: 30px;
    display: inline-block;
    vertical-align: middle
}

.detail_page .detail_sehnav_r .dropdown .selected {
    padding: 7px;
    font-size: 12px;
    background-color: #fff
}

.detail_page .detail_sehnav_r .dropdown {
    vertical-align: middle
}

.detail_page .detail_sehnav_r .dropdown .carat {
    background-position: -110px -26px;
    background-color: #fff
}

.detail_page .detail_sehnav_r .btn {
    background-color: #ff6700;
    border-radius: 0!important;
    padding: 4px 20px;
    vertical-align: middle;
    margin-left: -10px
}

.detail_page .element_box {
    padding: 20px 50px
}

.detail_page .element_box .element_step1>li {
    line-height: 40px;
    color: #444;
    position: relative
}

.detail_page .element_box li:hover {
    color: #ff4800
}

.detail_page .element_box a {
    color: #444
}

.detail_page .element_box a:hover {
    color: #ff4800
}

.detail_page .element_box .element_step1>li .zhu {
    font-weight: 400;
    font-size: 12px
}

.detail_page .element_box .element_step1>li h3 {
    display: inline-block
}

.detail_page .element_box .element_step2 {
    margin-left: 50px;
    font-size: 12px;
    display: none
}

.detail_page .element_box .element_step1 .active .element_step2 {
    display: block
}

.detail_page .element_box .element_step3 {
    margin-left: 50px;
    display: none
}

.detail_page .element_box .element_step2 .active .element_step3 {
    display: block
}

.detail_page .element_box .element_step2>li {
    line-height: 40px;
    color: #444;
    position: relative
}

.detail_page .element_box .element_step2>li:hover {
    color: #ff4800
}

.detail_page .element_box .element_step3 {
    color: #444
}

.detail_page .element_box .element_step3 p:hover {
    color: #ff4800
}

.detail_page .element_box .key {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    border: 1px solid #8d8d8d;
    color: #000;
    font-size: 10px;
    line-height: 8px;
    text-align: center;
    margin-right: 8px;
    -webkt-text-size-adjust: none
}

.detail_page .element_box .element_step1>li.active>.close,
.detail_page .element_box .element_step1>li>.open,
.detail_page .element_box .element_step2>li.active>.close,
.detail_page .element_box .element_step2>li>.open {
    display: none
}

.detail_page .element_box .element_step1>li.active>.open,
.detail_page .element_box .element_step2>li.active>.open,
.topic_now_btn {
    display: inline-block
}

.topic_page .brand_service .cont_box .nav {
    background: #ff6d1a
}

.topic_page .brand_service .cont_box .nav .cur {
    background: #ff401a
}

.topic_page .brand_service .cont_box .nav .cur:before {
    border-top: 12px solid #ff401a
}

.topic_page .brand_service .cont_box .cont .btn {
    background: #ffa526;
    box-shadow: 0 3px 0 0 #ce7900;
    -moz-box-shadow: 0 3px 0 0 #ce7900;
    -o-box-shadow: 0 3px 0 0 #ce7900;
    -webkit-box-shadow: 0 3px 0 0 #ce7900
}

.topic_page .brand_service .cont_box .cont .btn:hover {
    background: #ff9a0b
}

.topic_page .brand_service .cont_box .cont .btn_orange {
    background: #ff7928;
    box-shadow: 0 3px 0 0 #d04e00;
    -moz-box-shadow: 0 3px 0 0 #d04e00;
    -o-box-shadow: 0 3px 0 0 #d04e00;
    -webkit-box-shadow: 0 3px 0 0 #d04e00
}

.topic_page .brand_service .cont_box .cont .btn_orange:hover {
    background: #ff721d
}

.topic_page.brand_enroll_box .btn {
    background: #5d65ec
}

.topic_page.brand_enroll_box .btn:hover {
    background: #4750ea;
    color: #fff
}

.topic_page.brand_enroll_box .btn_red {
    background: #ff4800
}

.topic_page.brand_enroll_box .btn_red:hover {
    background: #f34500
}

.topic_page.brand_enroll_box .inde_reg {
    margin-left: 12px;
    height: 360px
}

.topic_page.brand_enroll_box .inde_reg.reg_consultant {
    background-image: url(../images/reg_consultant_bg2.png)
}

.btn.btn_back {
    border: 1px solid #428ae2;
    color: #428ae2!important;
    padding: 5px 20px;
    background: 0 0
}

.do_now {
    cursor: pointer
}

.topic_page .do_now {
    color: #fff
}

.topic_now_btn_box {
    width: 1200px;
    position: absolute;
    top: 293px;
    left: 50%;
    margin-left: -505px
}

.topic_now_btn {
    padding: 7px 33px;
    font-size: 20px;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff
}

.topic_now_btn:hover {
    background: #fff;
    color: #ff7a4e
}

.topic_now_btn2:hover {
    background: #fff;
    color: #5141ae
}

.topic_now_btn3:hover {
    background: #fff;
    color: #0e84d4
}

.screen_main2 {
    padding: 30px 15px;
    width: 909px;
    display: none
}

.screen_main2 .manage_box {
    width: 271px;
    padding: 12px 15px;
    border-left: 1px solid #ececec;
    text-align: center
}

.screen_main3 {
    padding: 15px;
    display: none;
    width: 909px;
    min-height: 350px
}

.screen_main3 .title {
    font-size: 30px;
    background: url(../images/buy_title_bg.jpg) center no-repeat;
    text-align: center;
    margin-bottom: 50px
}

.screen_main3 .buy_pro {
    padding-top: 120px;
    background: url(../images/buy_pro.jpg) top center no-repeat
}

.screen_main3 .buy_pro p {
    display: inline-block;
    width: 120px;
    padding-left: 12px;
    text-align: center;
    vertical-align: top
}

.no_note {
    text-align: center;
    margin-top: 200px
}

.icon_purple {
    display: inline-block;
    height: 28px;
    width: 25px;
    background: url(../images/icon2.png) -34px 0 no-repeat
}

.not_empty_bottom {
    position: absolute;
    bottom: -10px;
    left: 320px
}

.have_done td {
    color: #999;
    background: #f5f5f5;
    position: relative
}

.have_done td .c_blue {
    color: #999!important
}

.img_mark {
    display: none;
    position: absolute;
    width: 66px;
    height: 66px;
    top: 15px;
    left: 5px;
    background: #000;
    opacity: .6;
    filter: alpha(opacity=60);
    line-height: 66px;
    text-align: center
}

.doing_tr,
.monitor_doing {
    left: 50%;
    position: absolute
}

.img_mark .mark_note {
    opacity: 1;
    filter: alpha(opacity=100);
    color: #fff
}

.have_done .img_mark {
    display: block
}

.doing span,
.que_icon,
.tfoot_inp_a,
.tfoot_inp_b,
.tfoot_inp_c {
    display: inline-block
}

.have_done .checkbox .checkbox_but:before {
    height: 12px;
    width: 12px;
    margin-left: 1px;
    border-radius: 2px;
    background: #e9e9e9;
    border: 1px solid #ccc
}

.doing_tr {
    bottom: -91px;
    margin-left: -129px
}

.table .doing_tr:hover {
    background: 0 0
}

.table .doing_tr td {
    border: 0
}

.doing {
    color: #639be0;
    text-align: center
}

.doing span {
    height: 60px;
    line-height: 60px;
    padding-left: 70px;
    vertical-align: middle;
    background: url(../images/doing.gif) left center no-repeat
}

.monitor_doing {
    top: 0;
    bottom: 0;
    margin-top: 205px;
    margin-left: -154px;
    text-align: center;
    z-index: 1000
}

.que_icon,
.worngpage-l,
.worngpage-r {
    position: relative
}

.monitor_doing .doing_mark {
    padding: 40px 70px;
    background: #000;
    opacity: .6;
    filter: alpha(opacity=60);
    border-radius: 4px
}

.sea_info,
.tfoot_info {
    border: 1px solid #fbd4c0;
    background-color: #fffbfa;
    font-size: 16px
}

.monitor_doing .doing_cont {
    color: #fff;
    opacity: 1;
    filter: alpha(opacity=100)
}

.c_check,
.small {
    color: #666
}

.monitor_doing.seek_doing {
    margin-top: 365px;
    left: 0;
    margin-left: 557px
}

.sea_info {
    padding: 15px;
    margin-bottom: 30px
}

.thead_sea {
    padding: 40px
}

.tfoot_info {
    margin: 30px 0;
    padding: 0 15px
}

.tfoot_inp_a {
    padding-right: 310px
}

.tfoot_inp_c {
    padding-right: 468px
}

.tx_left {
    text-align: left
}

.tx_right {
    text-align: right
}

.isdone_l {
    font-weight: 400;
    font-size: 18px
}

.isdone_r {
    font-size: 14px;
    padding-left: 20px
}

.scroll_top {
    border-top: 1px solid #ececec;
    padding: 25px 0 10px
}

.speac {
    padding-bottom: 30px
}

.midle {
    line-height: 102px
}

.worngpage-ul {
    padding: 30px 30px 120px
}

.worngpage-l {
    left: 37px;
    padding-left: 20px
}

.worngpage-r {
    padding-top: 58px
}

.worngpage-r p {
    font-size: 36px;
    padding: 20px 0;
    color: #666
}

.sechdrop {
    border-right: none
}

.sechinp {
    border-left: none
}

.que_icon {
    background: url(../images/question_icon.png) no-repeat;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    cursor: pointer
}

.que_icon .que_note {
    position: absolute;
    font-size: 13px;
    display: none;
    width: 190px;
    text-align: center;
    background-color: #fbfbfb;
    top: -64px;
    left: -91px;
    line-height: 20px;
    border: 1px solid #d1d1d1;
    border-radius: 20px;
    padding: 5px
}

.que_icon:hover .que_note,
.w_325.que_note {
    display: block
}

.que_icon .que_note:before {
    position: absolute;
    border-top: 10px solid #d1d1d1;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    content: "";
    margin-top: 5px;
    top: 45px;
    left: 87px
}

.que_icon .que_note:after {
    position: absolute;
    border-top: 10px solid #fbfbfb;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    content: "";
    margin-top: 5px;
    top: 44px;
    left: 87px
}

.que_icon .w_230.que_note {
    top: -46px;
    left: -108px
}

.que_icon .twoline.que_note {
    top: -63px
}

.que_icon .w_230.que_note:before {
    position: absolute;
    border-top: 10px solid #d1d1d1;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    content: "";
    margin-top: 5px;
    top: 26px;
    left: 106px
}

.que_icon .w_230.que_note:after {
    position: absolute;
    border-top: 10px solid #fbfbfb;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    content: "";
    margin-top: 5px;
    top: 25px;
    left: 106px
}

.que_icon .twoline.que_note:after {
    position: absolute;
    border-top: 10px solid #fbfbfb;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    content: "";
    margin-top: 5px;
    top: 45px;
    left: 106px
}

.que_icon .twoline.que_note:before {
    position: absolute;
    border-top: 10px solid #d1d1d1;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    content: "";
    margin-top: 5px;
    top: 46px;
    left: 106px
}

.copyright .com_steps .steps_list.steps_list3b li .left {
    width: 587px
}

.copyright .com_steps .steps_list.steps_list3b li {
    width: 612px
}

.mark_main.subject_confirm {
    top: 31%;
    right: 55%;
    background-color: transparent
}

.mark_main.subject_confirm .r_box .template .content {
    height: 435px
}

.mark_main.subject_confirm .copyright_tab li {
    float: left;
    color: #bbb;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    box-sizing: border-box
}

.mark_main.subject_confirm .copyright_tab li.active,
.service_form2 .template .content .c_blue {
    color: #4f91d5!important
}

.mark_main.subject_confirm .template {
    border-top: 3px solid #2789ed
}

.mark_main.subject_confirm2 .template {
    border-top: 0
}

.mark_qrh {
    padding: 40px 140px 60px 40px;
    width: 370px;
    font-size: 14px;
    border-radius: 5px;
    background: url(../images/qrh_13.png) right bottom no-repeat #fff
}

.mark_fx {
    padding: 40px 150px 35px 40px;
    width: 360px;
    font-size: 14px;
    border-radius: 5px;
    background: url(../images/fx.png) right bottom no-repeat #fff
}

.copyright .copyright_tb {
    width: 100%
}

.copyright .copyright_tb .textright {
    text-align: right
}

.copyright .copyright_tb .form_tip.w_690 {
    padding-left: 25px;
    margin-top: 20px
}

.copyright .copyright_tb .form_tip.w_690 .icon-q {
    left: 0
}

.copyright .copyright_tb td {
    padding: 12px 10px;
    color: #444
}

.copyright .copyright_tb td input[type=text] {
    width: 377px;
    padding: 8px;
    background-color: #fbfbfb;
    border: 1px solid #d1d1d1;
    height: 22px
}

.copyright .copyright_tb .ck_agree,
.copyright .copyright_tb .ck_module {
    padding: 10px 12px 11px 38px;
    font-size: 14px;
    margin-left: 15px
}

.copyright .copyright_tb .ck_module {
    background: url(../images/note.png) 9px center no-repeat #428ae2
}

.copyright .copyright_tb .ck_agree {
    background: url(../images/agree.png) 6px center no-repeat #428ae2
}

.ck_agreelist {
    position: absolute;
    left: 271px;
    display: none
}

.ck_agreelist li {
    border: 1px solid #d1d1d1;
    font-size: 14px;
    color: #666;
    line-height: 38px;
    padding: 0 10px;
    width: 112px;
    background-color: #fff;
    cursor: pointer;
    border-top: 0
}

.dropdown_box .serch_box,
.selects {
    border: 1px solid #d1d1d1;
    box-sizing: border-box
}

.ck_agreelist li:hover {
    color: #f9cb1a
}

.copyright .copyright_tb .text-over {
    max-width: 80px;
    vertical-align: middle
}

.copyright .copyright_tb.cont .upload {
    width: 142px;
    height: 188px
}

.copyright .copyright_tb .dropdown.position {
    width: 182px
}

.copyright .copyright_tb .exp_box {
    overflow: visible
}

.copyright .copyright_tb .dis_img {
    font-size: 12px;
    color: #666;
    text-align: center
}

.copyright .copyright_tb .exp_box .exp_mask {
    background: url(../images/view_img.png) no-repeat
}

.copyright .copyright_tb .dropdown {
    width: 388px;
    background-color: #f6f6f6;
    padding-left: 5px
}

.copyright .copyright_tb.cont .note {
    background-color: #fbfbfb;
    padding: 8px;
    width: 377px
}

.copyright_login.exp_box {
    overflow: visible;
    width: 120px;
    height: 165px
}

.copyright_login.exp_box .exp_mask {
    background-image: none
}

.copyright_login.exp_box .dis_img {
    font-size: 14px;
    color: #666;
    text-align: center
}

.copyright_mod li {
    float: left;
    margin: 0 20px 20px 0
}

.copyright_mod li img {
    width: 224px;
    height: 168px
}

.datainp.time_libra {
    background: url(../images/time_libra.png) 366px 10px no-repeat
}

.copyright .copyright_tb .workds {
    width: 227px
}

.copyright .copyright_tb .workns {
    width: 144px
}

.mark_main .template .top .mark_close {
    top: -6px;
    right: -4px
}

.selects {
    height: 40px;
    padding-left: 8px;
    background-repeat: no-repeat;
    background-position: right center;
    font-size: 14px;
    background-color: #f6f6f6;
    width: 190px
}

.dropdown_box {
    position: relative;
    font-size: 14px;
    color: #666;
    line-height: 34px
}

.dropdown_box .serch_box {
    width: 100%;
    position: absolute;
    background-color: #fff;
    border-top: 0;
    z-index: 100;
    display: none
}

.dropdown_box .serch_box .input_box {
    margin: 10px 5%;
    width: 90%;
    padding-left: 35px;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #d1d1d1;
    border-radius: 2px
}

.dropdown_box .serch_box .input_box:before {
    content: '';
    background: url(../images/search.png) center no-repeat;
    display: inline-block;
    width: 35px;
    height: 20px;
    border-right: 1px solid #d1d1d1;
    position: absolute;
    top: 7px;
    left: 0
}

.dropdown_box .serch_box input {
    outline: 0;
    width: 100%!important;
    height: 30px!important;
    border: 0!important;
    background: #fff!important;
    box-sizing: border-box
}

.dropdown_box .serch_box ul {
    max-height: 136px;
    overflow-y: auto
}

.dropdown_box .serch_box li {
    width: 100%;
    padding-left: 15px;
    box-sizing: border-box;
    cursor: pointer
}

.dropdown_box .serch_box li:hover {
    color: #ff4800;
    background: #f8f8f8
}

.dropdown_box .selected {
    width: 100%;
    box-sizing: border-box;
    padding-left: 8px;
    background-color: #fbfbfb;
    border: 1px solid #d1d1d1;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    display: inline-block
}

.dropdown_box .selected:after {
    content: '';
    background: url(../images/icon.png) -110px -20px no-repeat;
    display: inline-block;
    width: 20px;
    height: 40px;
    float: right;
    margin-right: 10px
}

.copyright .sfCr-apply-tab {
    margin-bottom: 40px;
    background-color: #fafafa;
    border: 1px solid #e9e9e9;
    padding: 10px 0
}

.copyright .sfCr-apply-tab li {
    float: left;
    box-sizing: border-box;
    width: 20%;
    font-size: 16px;
    color: #666;
    height: 30px;
    line-height: 28px;
    text-align: center;
    border-left: 1px solid #e9e9e9;
    cursor: pointer
}

.copyright .sfCr-apply-tab li:first-child {
    border-left: 0
}

.copyright .sfCr-apply-tab li.on {
    color: #f9cb1a;
    position: relative
}

.icon-close {
    display: inline-block;
    background: url(../images/fail_btn16px.png) no-repeat;
    width: 16px;
    height: 16px;
    vertical-align: middle
}

.copyright .sfCr-apply-tab li.on:after {
    content: '';
    display: inline-block;
    width: 80%;
    height: 2px;
    background-color: #2789ed;
    position: absolute;
    bottom: -10px;
    left: 20px
}

.copyright .sfCr-apply-tab .add-box {
    box-sizing: border-box;
    width: 134px;
    height: 30px;
    float: right;
    font-size: 14px;
    color: #f9cb1a;
    border: 1px solid #f9cb1a;
    border-radius: 15px;
    margin-right: 20px;
    cursor: pointer;
    background-color: #fff
}

.copyright .sfCr-apply-tab .icon-add {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/add2.png) no-repeat;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    top: -1px
}

.copyright .sfCr-apply-check {
    width: 720px;
    background-color: #f7fbff;
    font-size: 14px;
    color: #666;
    padding: 18px 0 18px 20px;
    margin-top: 20px;
    border: 1px solid #c7dcf1;
    border-radius: 3px
}

.copyright .sfCr-apply-check label {
    margin-right: 50px;
    cursor: pointer;
    display: inline-block
}

.copyright .sfCr-apply-check input[type=checkbox] {
    display: inline-block;
    vertical-align: middle
}

.copyright .copyright_tb .sfCr-apply .note {
    width: 395px;
    box-sizing: border-box;
    max-height: 93px;
    border-bottom: 0!important;
    color: #666;
    padding-bottom: 0
}

.copyright .copyright_tb .sfCr-apply .note:focus {
    outline: 0
}

.copyright .sfCr-apply .wordCount {
    box-sizing: border-box;
    width: 100%;
    padding-right: 5px;
    height: 25px;
    line-height: 23px;
    border: 1px solid #d1d1d1;
    border-top: 0;
    position: relative;
    top: -7px;
    font-size: 12px;
    color: #888;
    text-align: right;
    background-color: #fbfbfb
}

.copyright .sfCr-apply .inp-count {
    position: absolute;
    right: 8px;
    top: 13px;
    font-size: 12px;
    color: #888
}

.copyright .sfCr-apply .form_tip {
    margin-top: 10px
}

#sfCr-table .img_box {
    border: 0
}

.dj-box {
    border: 1px solid #e7e7e7;
    line-height: 80px
}

.dj-box .top {
    border-bottom: 1px solid #e7e7e7;
    padding-left: 30px;
    background-color: #fbfbfb;
    line-height: 40px
}

.dj-box .money {
    display: inline-block;
    padding: 10px 25px;
    border: 1px solid #ffdbd1;
    line-height: 18px;
    position: relative
}

.dj-box .money .icon_xiagou {
    position: absolute;
    right: 0;
    bottom: -1px
}

.dj-box .money.active {
    border: 1px solid #ff4800
}

.dj-box .money.active .icon_xiagou {
    background: url(../images/dj_04.png)
}

.explain {
    padding-left: 60px;
    position: relative
}

.explain .icon-i {
    position: absolute;
    left: 33px;
    top: -5px
}

.register {
    display: inline-block;
    width: 220px;
    height: 102px;
    font-size: 15px;
    text-align: center;
    position: relative;
    cursor: pointer;
    border: 1px solid #d1d1d1
}

.register:after {
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    right: -1px;
    bottom: 0
}

.register_on {
    border: 1px solid #ff4800
}

.register_off {
    border: 1px solid #ffdbd1
}

.register_on:after {
    background: url(./dj_04.png)
}

.register_off:after {
    background: url(./dj_07.png)
}

.copyr_dts .img_box {
    height: 265px;
    line-height: 265px;
    width: 265px
}

.copyr_dts .right_part .trade_item_ol li {
    padding: 20px 15px 15px;
    width: 170px;
    position: relative
}

.copyr_dts .right_part .trade_item_ol .juben {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 12px;
    color: #fff;
    background-color: #f9cb1a;
    padding: 0 5px
}

.copyr_dts .trade_item_ol li .trade_name {
    font-size: 16px;
    margin-top: 5px;
    height: auto
}

.copyr_dts .trade_item_ol li .trade_price {
    font-size: 16px
}

.copyr_dts .msglt {
    line-height: 35px;
    border: 0;
    font-size: 15px
}

.copyr_dts .msglt .text {
    display: inline-block;
    width: 140px;
    text-align: right;
    margin-left: 10px;
    color: #666
}

.copyr_dts .details .deal_pro {
    background: 0 0;
    margin-top: 60px
}

.copyr_dts .details .deal_pro li {
    float: left;
    text-align: center
}

.copyr_dts .details .deal_pro li img {
    margin-bottom: 10px
}

.copyr_dts .details .need_material ul {
    list-style: none;
    font-size: 14px;
    color: #444;
    line-height: 30px
}

.copyr_dts .details .need_material ul li:before {
    content: '·';
    margin-right: 10px;
    color: #ffaca6;
    font-size: 24px;
    vertical-align: middle
}

.market-modal {
    box-shadow: 1px 1px 1px 1px #f7fbff;
    margin: 0 auto;
    width: 560px;
    border-top: 3px solid #2789ed;
    background-color: #fff;
    padding-bottom: 25px;
    position: fixed;
    top: 50%;
    left: 50%
}

.market-modal input {
    font-size: 12px
}

.market-modal .tit {
    background-color: #f7fbff;
    color: #2789ed;
    font-size: 16px;
    padding: 7px 22px 5px;
    font-weight: 700
}

.market-modal .tit .ad {
    color: #999;
    font-size: 14px;
    margin-left: 10px;
    font-weight: 400
}

.market-modal .tit span {
    color: #777;
    font-size: 25px;
    margin: -11px;
    font-weight: 400
}

.tm-tmBS {
    margin-left: -270px;
    margin-top: -280px
}

.tm-tmBS .content {
    padding: 14px;
    border-bottom: 1px solid #e5e5e5
}

.tm-tmBS .content .tab {
    background-color: #f7fbff;
    border: 1px solid #c6e0ff;
    font-size: 16px;
    padding: 16px 5px 0 15px;
    height: 388px;
    overflow-y: auto
}

.tm-tmBS .content .tab h3 {
    font-weight: 400;
    color: #888;
    margin-bottom: 21px
}

.tm-tmBS .content .tab ul>li {
    color: #666;
    padding: 2px 22px 1px 18px;
    cursor: pointer;
    margin-left: 6px;
    margin-bottom: 12px
}

.tm-tmBS .content .tab ul>li.active {
    color: #2789ed;
    border: 1px solid #428ae2;
    border-radius: 15px;
    margin: -1px -1px 11px 5px;
    background-color: #f7fbff
}

.tm-tmBS .content .scoll {
    padding: 0 20px;
    margin: 5px 0 18px 5px;
    border-left: 1px solid #e5e5e5;
    overflow-y: auto;
    height: 374px;
    color: #666;
    font-size: 14px;
    width: 130px
}

.tm-tmBS .content .scoll:nth-child(2) {
    border-left: 0
}

.tm-tmBS .content .scoll ul>li {
    margin-top: 11px;
    margin-bottom: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.tm-tmBS .content .scoll::-webkit-scrollbar,
.tm-tmBS .content .tab::-webkit-scrollbar {
    width: 4px;
    height: 1px
}

.reset-btn,
.sure-btn {
    width: 108px;
    padding: 5px 0;
    font-weight: 700;
    font-size: 16px
}

.tm-tmBS .content .scoll::-webkit-scrollbar-thumb,
.tm-tmBS .content .tab::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #70adf7
}

.tm-tmBS .content .scoll::-webkit-scrollbar-track,
.tm-tmBS .content .tab::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #e8f4ff
}

.tm-tmBS .sub-btn {
    text-align: center;
    margin: 25px 0 0
}

.reset-btn {
    color: #f9cb1a;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #428ae2
}

.sure-btn {
    color: #fff;
    background-color: #428ae2;
    border-radius: 3px;
    border: 0
}

.tm-tip {
    width: 455px;
    margin-left: -225px;
    margin-top: -100px
}

.tm-tip h3 {
    margin: 35px 0 30px;
    text-align: center;
    font-size: 16px;
    color: #666;
    font-weight: 400
}

.tm-tip .sure-btn {
    text-align: center;
    margin: 0 auto;
    display: block
}

.tm-wtBuy .content .dropdown,
.tm-wtBuy .content input {
    padding: 5px 0 4px 8px;
    border-radius: 2px;
    margin-bottom: 10px;
    height: 22px
}

.tm-wtBuy {
    width: 403px;
    margin-left: -200px;
    margin-top: -200px
}

.tm-wtBuy .content {
    font-size: 16px;
    color: #666;
    text-align: right;
    margin-right: 58px;
    margin-top: 34px
}

.tm-wtBuy .content label {
    margin-right: 15px;
    position: relative
}

.tm-wtBuy .content .rice:before {
    content: '*';
    color: #ff1d00;
    font-size: 14px;
    position: absolute;
    top: 2px;
    left: -16px
}

.tm-wtBuy .content label.left {
    margin-left: 69px;
    margin-top: 3px
}

.tm-wtBuy .content input {
    width: 186px;
    border: 1px solid #e5e5e5
}

.tm-wtBuy .content .dropdown {
    width: 186px;
    border: 1px solid #e5e5e5;
    text-align: left;
    background-color: #fff;
    color: #666
}

.tm-wtBuy .content .dropdown .selected {
    padding: 5px 0
}

.tm-wtBuy .content .dropdown .carat {
    background: url(../images/icon.png) -110px -23px no-repeat #fff
}

.tm-wtBuy .content textarea {
    overflow: auto;
    height: 70px;
    width: 186px;
    padding: 5px 0 5px 8px;
    outline: 0;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
    color: #999;
    font-size: 13px
}

.tm-wtBuy .content p {
    font-size: 12px;
    color: #ff1d00;
    margin-right: 77px
}

.tm-wtBuy .content .sure-btn {
    margin-right: 87px;
    margin-top: 30px;
    display: inline-block
}

.pt-sell {
    width: 555px
}

.pt-sell .content .dropdown,
.pt-sell .content input {
    width: 300px
}

.pt-sell .content {
    margin-right: 80px
}

.pt-sell .content label.left {
    margin-left: 86px
}

.pt-sell .content .pic-sub span {
    color: #ff1d00
}

.pt-sell .content .pic-sub .pic-btn {
    color: #ff4800;
    border: 1px solid #ff6700;
    border-radius: 2px;
    background-color: #fff;
    padding: 4px 10px;
    margin-right: 13px;
    cursor: pointer
}

.pt-sell .content p {
    margin-right: 152px;
    margin-top: 15px
}

.pt-sell .content .pic-tip {
    color: #666;
    position: relative;
    text-align: left;
    margin-left: 180px;
    margin-right: 0
}

.pt-sell .content .pic-tip:before {
    content: '';
    position: absolute;
    left: -20px;
    top: 1px;
    width: 16px;
    height: 16px;
    background-image: url(../img/blue-tip.png)
}

.pt-sell .content .sure-btn {
    margin-right: 155px;
    margin-top: 7px
}

.pt-tip h3 {
    margin: 35px 93px 30px
}

.pt-sell-tip .sure-btn {
    margin-top: 50px
}

.market {
    padding: 220px 0 0;
    background-image: url(../images/bqmm.jpg);
    background-color: #f1f4f9;
    background-repeat: no-repeat;
    background-position: top
}

.market_main {
    position: relative;
    padding-bottom: 50px
}

.market_main .page {
    position: absolute;
    bottom: 30px;
    right: 30px
}

.market_sb {
    background-image: url(../images/sbmm.jpg)
}

.market_zl {
    background-image: url(../images/zlmm.jpg)
}

.market_second,
.market_three,
.market_top {
    border-radius: 5px;
    font-size: 14px;
    color: #666;
    margin-bottom: 20px
}

.market_top {
    box-shadow: 0 1px 15px 0 #dedcdc;
    z-index: 20
}

.paperApply .mark_main {
    margin-top: -240px;
    width: 480px;
    margin-left: -240px
}

.paperApply .mark_main .mark_cont2 {
    padding-top: 15px
}

.paperApply .mark_main p {
    text-indent: 24px
}

.paperApply .mark_main .num_input {
    box-sizing: border-box;
    width: 54px!important;
    height: 30px
}

.paperApply .mark_main .label {
    display: inline-block;
    width: 100px;
    text-align: right
}

.paperApply .mark_main .com_input {
    width: 230px
}

.paperApply .mark_main .com_input.error {
    border-color: #ff4843;
    color: #ff4843
}

.paperApply .mark_main .com_input.error:focus {
    outline: 0
}

.icon-notice {
    background: url(../img/icon-notice.png) no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    left: 4px;
    top: 3px;
    cursor: pointer
}

.icon-notice .error-tip {
    position: absolute;
    top: -40px;
    left: -143px;
    display: none;
    border-radius: 3px
}

.icon-notice .error-tip em {
    display: inline-block;
    width: 160px;
    height: 28px;
    line-height: 26px;
    border: 1px solid #d6d6d6;
    background-color: #fff;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 5px;
    border-radius: 3px
}

.icon-notice .error-tip:before {
    content: '';
    border: 7px solid transparent;
    border-top: 6px solid #fff;
    position: absolute;
    right: 9px;
    bottom: -4px;
    z-index: 5
}

.icon-notice .error-tip:after {
    content: '';
    border: 7px solid transparent;
    border-top: 7px solid #e7e7e7;
    position: absolute;
    right: 9px;
    bottom: -6px
}

.icon-notice:hover .error-tip {
    display: inline-block
}

.paperApply .btns {
    padding: 18px 0 11px
}

.paperApply .btns .btn:hover {
    background-color: #f9cb1a!important
}

.paperApply .btns .btn_gray:hover {
    background-color: #939ba4!important
}

.paperApply .btns .btn {
    border-radius: 3px;
    font-weight: 700
}

.market_top dl dt {
    width: 85px;
    font-size: 16px
}

.market_top .btn,
.market_top .ser_ul {
    display: inline-block;
    vertical-align: middle
}

.market_top dl dd,
.market_top dl dt {
    display: inline-block;
    vertical-align: top
}

.market_top .top {
    border-bottom: 1px solid #ececec;
    line-height: 60px;
    height: 60px;
    padding: 0 20px;
    position: relative
}

.market_top .ser_ul {
    width: 900px;
    height: 60px;
    overflow: hidden;
    position: relative
}

.market_top .ser_ul ul {
    width: auto;
    position: absolute;
    top: 14px
}

.market_top .ser_ul li,
.ui-btnItem4 {
    height: 30px;
    line-height: 30px;
    padding: 0 25px 0 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    color: #ff6700;
    background-color: #f3f3f3;
    border: 1px solid #dbdbdb;
    margin-right: 10px;
    cursor: pointer;
    border-radius: 3px;
    float: left;
    font-size: 13px;
    max-width: 240px
}

.ui-btnItem4 {
    margin-bottom: 10px
}

.market_top .ser_ul li:hover,
.ui-btnItem4:hover {
    background-color: #fff;
    border: 1px solid #ff6700
}

.market_top .ser_ul li:hover .close,
.ui-btnItem4:hover .close {
    background-color: #ff6700;
    color: #fff
}

.market_top .top .ser_ul .close,
.ui-btnItem4 .close {
    width: 25px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center
}

.market_top .top .bd_blue {
    position: absolute;
    right: 25px;
    top: 13px
}

.market_top .btn {
    padding: 6px
}

.market_top .btn.next,
.market_top .btn.prev {
    width: 15px;
    line-height: 20px;
    height: 20px
}

.market_top .type {
    padding: 10px;
    border-bottom: 1px dashed #ececec;
    margin: 0 10px
}

.market_top .com_input {
    width: 360px;
    padding: 5px 0 5px 6px;
    border-radius: 3px;
    display: inline-block;
    vertical-align: bottom
}

.market_top .icon_ser {
    background: url(../images/bqmm_03.png) no-repeat;
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 30px;
    left: 365px;
    top: 2px;
    cursor: pointer
}

.market_top .icon_ser:hover {
    background: url(../images/bqmm_06.png) no-repeat
}

.market_top .list_ul {
    width: 1050px
}

.market_top .list_ul.sb_type {
    background-color: #f8fbff;
    padding: 10px;
    width: 1040px!important;
    border: 1px solid #ddebff
}

.market_top .list_ul.sb_type li {
    padding: 0 5px;
    border-right: 1px solid #e5f0ff;
    float: left
}

.market_top .list_ul.sb_type li:nth-child(10n) {
    margin-right: 0;
    border: 0
}

.market_top .type .jia {
    position: absolute;
    bottom: 10px;
    right: 15px;
    font-size: 14px;
    line-height: 12px
}

.market_top .type .jia .textttop {
    display: inline-block;
    vertical-align: middle
}

.market_top .type .jia.btn.bd_blue:hover {
    border-color: #157de7;
    background: #fff!important;
    color: #157de7!important
}

.market_top .list_ul.sb_type a {
    color: #f9cb1a;
    text-align: left;
    padding: 0 9px
}

.market_top .list_ul a {
    display: inline-block;
    min-width: 75px;
    line-height: 25px;
    height: 25px;
    text-align: center;
    color: #444;
    padding: 0 5px;
    margin-bottom: 5px
}

.market_top .list_ul a.bd_grblue {
    margin: 0 0 5px;
    font-size: 14px;
    height: 23px;
    padding: 0 8px
}

.market_top .list_ul a.on,
.market_top .list_ul a:hover {
    background-color: #428ae2;
    color: #fff;
    border-radius: 3px
}

.market_top .pri_range {
    padding-left: 10px;
    border-left: 1px solid #ececec;
    margin-left: 10px;
    vertical-align: top
}

.market_top .pri_range .c_red {
    display: block;
    margin-top: 10px
}

.market-modal .posrel .icon_not,
.market_top .posrel .icon_not {
    right: -23px;
    top: 5px
}

#askshop .icon_not {
    top: 16px
}

.market_top .ser_ul li {
    box-sizing: border-box;
    position: relative;
    white-space: nowrap
}

.market_top .ser_ul li:hover:after {
    background-color: #ff6700;
    background-image: url(../images/white-cancel.png)
}

.market-modal .tip_box {
    text-align: left
}

.market_second {
    padding: 10px 0;
    border: 1px solid #eee
}

.market_second li {
    float: left;
    width: 140px;
    border-left: 1px solid #ececec;
    text-align: center;
    line-height: 35px;
    cursor: pointer
}

.market_second li:first-child {
    border-left: 0
}

.market_second li.jiandown:after,
.market_second li.jianup:after {
    content: '';
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

.market_second li.on {
    color: #f9cb1a
}

.market_second li.jianup:after {
    background: url(../images/bqmm_10_1.png)
}

.market_second li.jiandown:after {
    background: url(../images/bqmm_12.png)
}

.market_second li.jianup.on:after {
    content: '';
    background: url(../images/bqmm_10.png)
}

.market_second li.jiandown.on:after {
    content: '';
    background: url(../images/bqmm_12_1.png)
}

.market_second img.p-mid {
    margin-top: -3px
}

.market_three .item {
    width: 290px;
    float: left;
    margin: 0 10px 10px 0;
    height: 335px;
    border: 1px solid #eee;
    position: relative;
    overflow: hidden
}

.market_three .item .type {
    position: absolute;
    top: 0;
    right: 0
}

.market_three .item:hover {
    -webkit-box-shadow: 0 0 20px 1px #e6e7eb;
    box-shadow: 0 0 20px 1px #e6e7eb;
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.market_three .item:hover .link {
    margin-top: -10px
}

.market_three .item .link {
    display: block;
    width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #666
}

.market_three .item:nth-child(4n) {
    margin-right: 0
}

.market_three .item .img {
    max-width: 225px;
    display: block;
    min-height: 180px;
    max-height: 180px
}

.market_three .item .btn {
    width: 180px
}

.market_three .item .stit {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.market_three .item:hover .refer,
.market_three .zixun .btn {
    display: none
}

.market_three .item:hover .bgtit,
.market_three .item:hover .btn {
    display: block
}

.market_three .page .page_btn {
    border-color: #f9cb1a;
    background: #f9cb1a;
    color: #fff
}

.market_three .item .lh30 p {
    height: 30px
}

.market_three .bgtit {
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    padding: 10px;
    width: 200px;
    height: 120px!important;
    position: absolute;
    top: 20px;
    left: 5px;
    line-height: 20px;
    border-radius: 5px;
    display: none;
    overflow: hidden
}

.bgtit .ellip {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical
}

.market_three .zl_type {
    position: absolute;
    left: 0;
    top: -8px;
    line-height: 26px;
    text-align: center;
    height: 26px!important;
    color: #fff;
    background-color: #3f8ce5;
    padding: 0 5px;
    z-index: 10
}

.market_three .zl_type:after {
    content: ' ';
    background: url(../images/zlmm_03.png) no-repeat;
    position: absolute;
    right: -26px;
    display: inline-block;
    width: 27px;
    height: 26px;
    z-index: 10
}

.fapiao {
    color: #444
}

.fapiao input,
.fapiao select {
    color: #666;
    border: none
}

.fapiao .tit-box {
    color: #ff6155;
    border-bottom: 1px solid #ececec
}

.fapiao .tit-box span {
    color: #ff6155;
    font-size: 18px;
    border-bottom: 2px solid #ff6155;
    line-height: 32px;
    display: inline-block
}

.fapiao .invoice-info .items {
    padding-left: 50px;
    padding-top: 28px;
    font-size: 16px
}

.fapiao .invoice-info .items label {
    margin-right: 20px;
    text-align: right;
    display: inline-block;
    width: 9em
}

.fapiao .pop-box .btn-box,
.fapiao .pop-box .sure-btn,
.fapiao .sub-box,
.patent-sub .table th {
    text-align: center
}

.fapiao .invoice-info .items .form-right {
    display: inline-block;
    color: #666;
    vertical-align: middle
}

.fapiao .invoice-info .items .form-item {
    margin: 30px 0
}

.fapiao .invoice-info .items select,
.fapiao textarea,
.invoice-info .items input[type=text] {
    line-height: 40px;
    font-size: 14px;
    background: #fbfbfb;
    padding-left: 10px;
    width: 390px;
    height: 40px;
    border: 1px solid #d1d1d1;
    box-sizing: border-box
}

.fapiao textarea {
    padding: 5px;
    height: 150px;
    overflow-y: auto;
    line-height: 25px
}

.fapiao .invoice-info .dropdown {
    line-height: 40px;
    font-size: 14px;
    background: #fbfbfb;
    padding-left: 0;
    width: 390px;
    height: 40px;
    border: 1px solid #d1d1d1;
    box-sizing: border-box
}

.fapiao .invoice-info select,
.invoice-info option {
    line-height: 40px
}

.fapiao .invoice-info .dropdown .carat {
    background: url(../images/black_down_2.png) 2px 13px no-repeat #fbfbfb!important
}

.fapiao .invoice-info .dropdown div,
.invoice-info .classify_alert .selected {
    padding: 10px 3px;
    background: #fdfdfd
}

.fapiao .invoice-info .slt-items {
    width: 80px;
    height: 32px;
    background: #ff6155;
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    border-radius: 4px;
    font-size: 14px
}

.fapiao .invoice-info .all-slt:hover,
.fapiao .invoice-info .slt-items:hover {
    cursor: pointer
}

.fapiao .invoice-info .all-slt {
    color: #f9cb1a;
    margin-left: 5px;
    font-size: 14px
}

.fapiao .invoice-info .had-slt {
    float: right;
    font-size: 14px
}

.fapiao .invoice-info .had-slt em {
    color: #ff3145
}

.fapiao .invoice-info .items .type label {
    float: left
}

.fapiao .invoice-info .items .type .form-right {
    margin-left: 5px
}

.fapiao .invoice-info .items .type .form-right .select {
    line-height: 31px;
    position: relative;
    top: -3px
}

.fapiao .invoice-info .slt-list {
    border: 1px solid #d1d1d1;
    background: #fbfbfb;
    height: 120px;
    margin-top: 14px;
    font-size: 14px;
    color: #666
}

.fapiao .invoice-info .slt-list .icon {
    margin-top: -14px;
    background: #e4e4e4;
    display: inline-block;
    padding: 1px 5px;
    font-size: 12px;
    margin-right: 10px;
    border-radius: 2px
}

.fapiao .invoice-info .slt-list .icon3 {
    border: 1px solid #adadad;
    background: 0 0
}

.fapiao .invoice-info .slt-list .p {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 78%
}

.fapiao .invoice-info .slt-list .icon2 {
    background: #adadad;
    border: 1px solid #adadad;
    color: #fff
}

.fapiao .invoice-info .slt-list .icon1 {
    border: 1px solid #e4e4e4
}

.fapiao .invoice-info .slt-list .item {
    margin-bottom: 10px
}

.fapiao .invoice-info .slt-list .item:last-child {
    margin-bottom: 0
}

.fapiao .invoice-info .slt-list {
    padding: 12px;
    box-sizing: border-box;
    overflow-y: auto
}

.fapiao .invoice-info .slt-list .del {
    background: url(../images/fapiao-del.png) no-repeat;
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
    top: 3px;
    float: right
}

.fapiao .invoice-info .slt-list .del:hover {
    cursor: pointer
}

.fapiao .invoice-info .items .money .form-right {
    color: #ff3145;
    font-size: 22px
}

.fapiao .invoice-info .items .ck-item {
    margin-right: 20px
}

.fapiao .ask-info {
    border-bottom: 1px solid #ececec
}

.fapiao .ask-info label {
    padding-left: 1em;
    box-sizing: border-box
}

.fapiao .ask-info .loca select {
    margin-right: 3%;
    color: #666
}

.fapiao .ask-info .loca .dropdown {
    width: 37%;
    margin-right: 3%;
    position: relative;
    top: 1px
}

.fapiao .ask-info .loca input {
    width: 58%!important;
    position: relative;
    top: 1px;
    float: right
}

.fapiao .ask-info .send-money .tip .icon {
    background: url(../images/fapiao-tip-icon.png) no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px
}

.fapiao .ask-info .send-money .tip {
    font-size: 12px;
    color: #666;
    position: relative;
    top: -2px;
    left: -16px
}

.fapiao .ask-info .send-money .ck-item {
    color: #ff6155
}

.fapiao .ask-info .wait-send {
    margin-left: 80px;
    background: #fffbfa;
    padding: 25px;
    border: 1px solid #fbd4c0;
    margin-top: 44px;
    width: 700px
}

.fapiao .ask-info .wait-send .slt-is {
    border-bottom: 1px dashed #fbd4c0;
    margin-bottom: 20px
}

.fapiao .ask-info .wait-send .slt-is .tip {
    color: #ff8920
}

.fapiao .ask-info .wait-send .slt-is .tip .icon {
    position: relative;
    top: -3px;
    background: url(../images/fapiao-ganganhao.png) no-repeat;
    width: 23px;
    height: 19px;
    margin-right: 10px
}

.fapiao .ask-info .wait-send .slt-is .radio-box {
    padding: 20px 0
}

.fapiao .ask-info .wait-send .send-info {
    font-size: 14px;
    color: #666
}

.fapiao .ask-info .wait-send .send-info .sd-left {
    float: left
}

.fapiao .ask-info .wait-send .send-info .sd-right {
    display: inline-block;
    margin-left: 10px
}

.fapiao .ask-info .wait-send .send-info .sd-right p {
    margin-bottom: 10px
}

.fapiao .ask-info .wait-send .send-info .sd-right input {
    float: left;
    margin-right: 5px;
    position: relative;
    top: 4px
}

.fapiao .ask-info .wait-send .send-info .sd-right span {
    display: inline-block;
    width: 94%
}

.fapiao .ask-info .wait-send .send-info .sd-right .item {
    color: #666;
    width: 614px
}

.fapiao .ask-info .wait-send .radio-box .ck-item {
    margin: 0 30px
}

.fapiao .sub-box .tip {
    color: #ff6155;
    font-size: 14px;
    margin: 30px 0
}

.fapiao .sub-box .sub-btn {
    width: 140px;
    height: 35px;
    display: inline-block;
    background: #ff6155;
    color: #fff;
    line-height: 35px;
    border-radius: 4px
}

.fapiao .sub-box .sub-btn:hover {
    cursor: pointer
}

.fapiao .pop-box {
    color: #666;
    position: fixed;
    top: 27%;
    left: 40%;
    background: #fff;
    z-index: 66;
    width: 426px
}

.fapiao .pop-box .title {
    font-weight: 700;
    padding-left: 12px;
    height: 38px;
    line-height: 38px;
    color: #ff6155;
    font-size: 16px;
    background: #fff8f7;
    border-top: 3px solid #ff6155
}

.fapiao .pop-box .slt-items .item {
    color: #bbb;
    font-size: 15px;
    line-height: 22px;
    padding: 0 15px
}

.fapiao .pop-box .nav-bar {
    padding: 15px 0;
    border-bottom: 1px solid #deeeff
}

.fapiao .pop-box .nav-bar .item {
    font-weight: 700
}

.fapiao .pop-box .nav-bar .item:hover {
    cursor: pointer
}

.fapiao .pop-box .nav-bar .item.on {
    color: #2789ed
}

.fapiao .pop-box .p-box {
    padding: 0 20px
}

.fapiao .pop-box .list-box ul {
    padding: 6px;
    height: 165px;
    overflow-y: auto
}

.fapiao .pop-box .list-box {
    padding: 10px;
    border-bottom: 1px solid #ececec
}

.fapiao .pop-box .list-box li {
    margin: 8px 0
}

.fapiao .pop-box .list-box li:first-child {
    margin: 0
}

.fapiao .pop-box .list-box li:last-child {
    margin: 0
}

.fapiao .pop-box .list-box input {
    margin-right: 10px;
    position: relative;
    top: -4px
}

.fapiao .pop-box .list-box span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 92%;
    white-space: nowrap
}

.fapiao .pop-box .tip .icon {
    background: url(../images/fapiao-tip-icon.png) no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px
}

.fapiao .pop-box .tip {
    font-size: 12px;
    color: #666;
    position: relative;
    top: -2px;
    margin-left: 10px
}

.fapiao .pop-box .all-slt {
    margin: 16px
}

.fapiao .pop-box .all-slt input {
    margin-right: 10px;
    position: relative;
    top: 2px
}

.fapiao .pop-box .del {
    background: url(../images/del.png) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    float: right;
    margin-right: 10px;
    margin-top: 13px
}

.fapiao .pop-box .sure-btn {
    font-size: 16px;
    margin-bottom: 23px;
    width: 120px;
    height: 38px;
    display: inline-block;
    background: #2789ed;
    color: #fff;
    line-height: 38px;
    border-radius: 4px
}

.fapiao .pop-box .sure-btn:hover {
    cursor: pointer
}

.fapiao .pop-box input[type=checkbox] {
    position: relative;
    width: 14px;
    border-radius: 2px;
    height: 14px;
    background: #fff;
    -webkit-appearance: none;
    border: 1px solid #ccc
}

.fapiao .pop-box input[type=checkbox]:checked:after {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../images/check.png) no-repeat
}

.fapiao {
    padding: 50px
}

.fapiao .selected {
    padding: 11px 7px
}

.fapiao .dropdown div {
    max-height: 300px;
    overflow-y: auto
}

.fapiao .dropdown ul {
    height: auto
}

.pop-box .title {
    border-top-color: #2789ed!important;
    background: #f7fbff!important;
    color: #2789ed!important
}

.patent-sub .table th:first-child {
    text-align: left;
    padding-left: 50px
}

.patent-sub .table td {
    text-align: center
}

.patent-sub .table td:first-child {
    text-align: left;
    padding-left: 50px
}

.patent-manage .aroud_btn_orange {
    margin-right: 10px
}

.patent-manage .material {
    margin-bottom: 15px
}

.patent-manage .material .tip {
    margin-top: 3px;
    margin-left: 4px;
    margin-right: 8px;
    position: relative
}

.patent-manage .material .tip:hover .tip_main {
    display: inline-block
}

.patent-manage .material .tip .tip_main {
    display: none;
    position: absolute;
    left: 18px;
    top: -5px;
    width: 277px;
    background-color: #fbfbfb;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    margin: 0 14px;
    z-index: 86;
    font-size: 13px;
    color: #444
}

.patent-manage .material .tip .tip_left {
    background: url(../images/tip_left.png) -1px no-repeat;
    width: 14px;
    height: 22px;
    display: inline-block;
    margin-left: -11px
}

.patent-manage .material .tip .tip_right {
    background: url(../images/tip_right.png) -1px no-repeat;
    width: 14px;
    height: 22px;
    display: inline-block;
    margin-right: -11px
}

.patent-manage .material:last-child {
    margin-bottom: 0
}

.patent-manage .provide {
    height: 30px;
    background: #fcfcfc;
    font-size: 14px
}

.patent-manage .provide td {
    padding: 0;
    color: #999
}

.patent-manage .provide td:first-child {
    padding-left: 25px
}

.patent-manage .provide td span {
    padding: 0;
    color: #666
}

.patent-manage th:first-child {
    padding-left: 25px
}

.patent-manage .infor {
    margin-top: 2px
}

.update-patent-pop .dropdown {
    width: 237px;
    height: 30px;
    background-color: #fff
}

.update-patent-pop .dropdown .selected {
    line-height: 21px
}

.update-patent-pop .dropdown ul li {
    padding-left: 10px
}

.update-patent-pop .dropdown .carat {
    background: url(../images/icon.png) -107px -23px no-repeat #fff
}

.update-patent-pop .btn {
    padding: 6px 40px
}

.update-patent-pop .icon-i {
    position: relative;
    top: -3px
}

.fini-patent-pop {
    margin-top: -340px;
    z-index: 99
}

.fini-patent-pop textarea {
    height: 87px;
    padding: 5px 6px
}

.fini-patent-pop .pb-btn {
    width: 240px
}

.fini-patent-pop .dropdown {
    width: 238px
}

.fini-patent-pop .c_red {
    margin-right: 10px
}

.fini-patent-pop .image-list-box li {
    float: left;
    margin-right: 18px;
    margin-bottom: 10px;
    width: 60px;
    height: 60px;
    border: 1px solid #dcdcdc;
    position: relative
}

.fini-patent-pop .image-list-box li .del {
    background: url(../images/fapiao-del.png) no-repeat;
    width: 17px;
    height: 17px;
    display: inline-block;
    position: absolute;
    top: -8px;
    right: -10px;
    background-size: contain
}

.fini-patent-pop .image-list-box li .zoom {
    bottom: 0;
    right: 0;
    background: url(../images/search-icon.png) 5px no-repeat #ddd;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute
}

.fini-patent-pop .image-list-box img {
    width: 100%;
    height: 100%
}

.fini-patent-pop td {
    padding: 6px 5px
}

.fini-patent-pop td.cost input {
    display: inline-block;
    margin-right: 8px
}

.join-set .btn2 {
    background: #ff4800;
    display: inline-block;
    padding: 6px 39px
}

.join-set .btn-box {
    text-align: center;
    margin-top: 50px;
    border-top: 1px solid #ddd;
    padding-top: 35px;
    margin-bottom: 72px
}

.join-set table td:first-child span {
    color: #444!important
}

.join-set table {
    width: 100%
}

.join-set table td:last-child {
    color: #666!important
}

.join-set .num {
    width: 150px!important
}

.join-set .checkbox {
    width: 140px;
    display: inline-block
}

.join-set .tip {
    font-size: 14px;
    margin-left: 20px
}

.join-set .dropdown,
.join-set .dropdown-select {
    width: 170px;
    margin-right: 5px
}

.join-set .image-sub {
    background: #fbfbfb;
    position: relative;
    margin-right: 10px;
    width: 200px;
    height: 190px;
    display: inline-block;
    float: left;
    text-align: center;
    border: 1px solid #d1d1d1
}

.join-set .image-sub img {
    margin-top: 28px;
    width: 111px;
    height: 97px
}

.join-set .img_box2 img {
    width: 200px;
    height: 190px;
    max-height: 200px
}

.join-set .image-sub input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 20
}

.join-set .image-sub-td .exp_box {
    width: 100px;
    height: 110px;
    position: absolute;
    top: 90px
}

.join-set .image-sub-td {
    position: relative
}

.join-set .image-sub-td .to_big {
    top: 40%;
    background: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    padding: 3px 10px;
    border-radius: 31px;
    zoom: .8;
    box-sizing: border-box
}

.join-set .image-sub-td .to_big .icon {
    background-position: 0 1px
}

.join-set .image-sub .aroud_btn {
    margin-top: 9px;
    background: #ff6700;
    color: #fff;
    border: 1px solid #ff6700;
    padding: 3px 17px
}

.patent-apply-detail .askingInfo {
    margin-bottom: 40px
}

.patent-apply-detail .exp_box {
    width: 120px;
    height: 160px
}

.patent-apply-detail .certificate {
    position: absolute;
    right: 20px;
    top: 25px;
    text-align: center;
    width: 123px
}

.patent-apply-detail .certificate .words {
    color: #666;
    font-size: 14px;
    line-height: 17px;
    position: relative;
    top: 8px;
    display: inline-block
}

.patent-apply-detail .items {
    position: relative;
    padding: 63px 40px
}

.patent-apply-detail .order-record {
    position: relative;
    left: -64px
}

.patent-apply-detail .evaluate {
    padding: 40px 0 40px 40px
}

.patent-apply-detail .evaluate .twords {
    font-size: 16px;
    color: #444;
    margin-top: 22px
}

.patent-apply-detail .evaluate .twords-box {
    width: 40%;
    overflow: hidden
}

.patent-apply-detail .evaluate .certificate {
    position: relative;
    float: right;
    margin-left: 15px;
    top: 0
}

.patent-apply-detail .order-ul {
    padding-left: 15px;
    font-size: 16px;
    margin-left: 100px
}

.patent-apply-detail .order-ul li {
    margin-bottom: 30px;
    position: relative
}

.patent-apply-detail .order-ul li:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #aed3f9;
    position: absolute;
    left: -22px;
    top: 7px;
    border-radius: 100%
}

.patent-apply-detail .order-ul li:last-child:before {
    background: #ff6d4b
}

.patent-apply-detail .order-ul .line {
    display: inline-block;
    width: 3px;
    height: 40px;
    background: #e9f3fe;
    position: absolute;
    left: -18px;
    top: 20px
}

.patent-apply-detail .order-ul .time {
    position: absolute;
    right: -200px;
    color: #999
}

.patent-tab-order td {
    height: 69px
}

.patent-tab-order tr {
    border-bottom: 1px solid #e9e9e9
}

.patent-tab-order tr:last-child {
    border-bottom: 0
}

.patent-tab-order .dropdown {
    background-color: #fff
}

.market_top .carat,
.patent-tab-order .classify_alert .carat,
.patent-tab-order .dropdown .carat {
    background: url(../images/icon.png) -110px -25px no-repeat #fff
}

.service_form .patent-tab-order .classify_alert .selected,
.service_form .patent-tab-order .dropdown .selected,
.service_form .patent-tab-order .dropdown li {
    padding: 7px 3px
}

.patent-apply-top .screen_main {
    width: 808px!important;
    padding-top: 12px
}

.patent-apply-top .screen_fast_item .options {
    color: #666!important
}

.patent-apply-top .screen_fast_item.btn-box {
    padding-top: 30px;
    text-align: center
}

.patent-apply-top .screen_fast_item .options:hover,
.patent-apply-top .screen_fast_item a.active {
    color: #fff!important
}

.patent-apply-top .dropdown {
    width: 165px;
    margin-right: 8px;
    border: 1px solid #d6d6d6;
    background: #fff;
    color: #666
}

.patent-apply-top .dropdown .carat {
    background: url(../images/icon.png) -110px -27px no-repeat
}

.patent-apply-top .dropdown.open .carat {
    background-position: -110px -63px
}

.patent-apply-top .screen_fast_item input {
    border: 1px solid #d6d6d6;
    width: 110px;
    height: 22px
}

.patent-apply-top .title {
    color: #2789ed;
    font-size: 16px;
    margin: 15px 20px
}

.patent-apply-top .borderd6 {
    border-top: 1px solid #e6e6e6!important
}

.patent-apply-top .screen_fast_item .ui-btn {
    width: 110px!important;
    padding-left: 0;
    padding-right: 0
}

.patent-apply-top .your-info {
    width: 294px;
    padding: 0 25px;
    margin: 20px 0 20px 15px;
    border-left: 1px solid #ececec
}

.patent-apply-top .your-info .item input {
    width: 205px;
    border: 1px solid #d6d6d6;
    height: 28px;
    padding-left: 10px
}

.patent-apply-top .your-info .item label {
    width: 72px;
    display: inline-block
}

.patent-apply-top .your-info .item {
    margin-bottom: 14px
}

.patent-apply-top .your-info .item:last-child {
    margin-bottom: 0
}

.patent-apply-top .your-info .item .btn_orange {
    width: 253px;
    margin-left: 0
}

.patent-apply-top .your-info .item.tip {
    color: #bcbcbc;
    font-size: 12px;
    margin-top: -5px
}

.patent-apply-top .loca {
    width: 160px;
    height: 28px;
    border: 1px solid #d6d6d6
}

.patent-apply-list .rank_box .icon {
    display: inline-block;
    background: url(../images/icon-save.png) -50px 0;
    width: 17px;
    height: 13px
}

.patent-apply-list .rank_box .icon.on {
    background: url(../images/paixu-down.png)
}

.patent-apply-list .rank_box span {
    color: #f9cb1a;
    margin-right: 15px
}

.patent-apply-list .rank_box {
    padding-left: 22px
}

.patent-apply-list .markimg {
    width: 220px;
    height: 220px
}

.patent-apply-list ul li.left {
    height: 300px;
    width: 49%;
    padding-bottom: 22px
}

.patent-apply-list ul li h3 span {
    font-size: 20px;
    max-width: 100%!important
}

.patent-apply-list ul li .searanswer_sort {
    color: #888!important
}

.patent-apply-list .marksort_ol li .icon {
    position: relative;
    top: -2px;
    background: url(../images/icon-save.png);
    width: 19px;
    height: 22px;
    display: inline-block
}

.patent-apply-list .marksort_ol li .icon2 {
    background: url(../images/icon-save.png) -34px 0;
    width: 16px;
    height: 14px;
    display: inline-block
}

.patent-apply-list .marksort_ol li .icon3 {
    background: url(../images/icon-save.png) -19px 0;
    width: 15px;
    height: 15px;
    display: inline-block
}

.patent-apply-list .marksort_ol li {
    width: 93%!important;
    line-height: 33px!important;
    height: 35px;
    border: 1px solid #c6dcf6;
    border-radius: 50px;
    padding: 0 10px;
    margin-bottom: 10px;
    font-size: 16px
}

.patent-apply-list .marksort_ol li.on,
.patent-apply-list .marksort_ol li:hover {
    border-color: #ff520e
}

.patent-apply-list .marksort_ol li .price {
    color: #666;
    line-height: 36px
}

.patent-apply-list .marksort_ol li .c_blue {
    width: 100px;
    display: inline-block;
    border-right: 1px solid #c9e1f9;
    margin-right: 5px;
    height: 20px;
    line-height: 20px
}

.patent-apply-list ul li.next-left {
    border-right: none;
    float: right;
    position: relative;
    left: 36px
}

.patent-apply-list .searanswer_ul .searanswer_main {
    width: 275px!important;
    margin-left: 25px
}

.patent-apply-list .marksort_ol {
    border-bottom: 1px dashed #e5e5e5;
    height: 143px;
    margin-bottom: 10px
}

.patent-apply-list .searanswer_ul {
    margin: 20px 24px
}

.patent-apply-list .searanswer_ul>li {
    margin-right: 0
}

.center-tb td,
.center-tb th {
    text-align: center
}

.skin {
    float: left;
    border: 1px solid #d1d1d1;
    margin-right: 20px;
    cursor: pointer;
    position: relative
}

.skin .skinShow {
    display: block
}

.skin .skinImg,
.skin.check .skinShow {
    display: none
}

.skin .icon {
    width: 34px;
    height: 34px;
    background: url(../images/distribution_icon.png) right top no-repeat;
    position: absolute;
    right: 0;
    top: 0
}

.skin.check .skinImg {
    display: block
}

.skin img,
.skin p {
    width: 200px;
    height: 93px
}

.skin .title {
    padding: 2px 11px;
    background: #f2f2f2;
    color: #666;
    font-size: 14px
}

.authentication-prompt {
    padding: 50px 0;
    margin-bottom: 30px;
    color: #ff4800;
    font-size: 20px;
    text-align: center;
    background: url(../img/prompt.png) no-repeat #fffbfa;
    border: 1px solid #fbd4c0
}

.authentication-wait {
    height: 160px;
    padding: 75px 0 40px 375px;
    background: url(../images/suc_o.png) no-repeat #fffbfa;
    border: 1px solid #fbd4c0
}

.authentication-wait .wait-title {
    padding-bottom: 20px;
    color: #ff8920;
    font-size: 30px
}

.authentication-fail {
    height: 220px;
    padding: 40px 0 40px 375px;
    background: url(../images/lose.jpg) no-repeat #fbfcfe;
    border: 1px solid #c8dff7
}

.authentication-fail .fail-title {
    padding-bottom: 15px;
    color: #2789ed;
    font-size: 30px
}

.authentication-list {
    padding-bottom: 20px
}

.authentication-list li {
    float: left;
    width: 250px;
    padding: 15px 20px
}

.authentication-list .company {
    color: #666;
    font-size: 16px
}

.authentication-list .contact {
    padding: 5px 0 0 17px;
    color: #888;
    font-size: 14px
}

.fxbox {
    padding-top: 60px
}

.fxbox h2 {
    text-align: center;
    font-size: 30px;
    color: #333;
    line-height: 70px;
    font-weight: 400
}

.fxbox h2:before {
    content: '';
    display: inline-block;
    background: url(../images/fx_05.png) no-repeat;
    width: 230px;
    height: 15px;
    margin-right: 40px
}

.fxbox h2:after {
    content: '';
    display: inline-block;
    background: url(../images/fx_07.png) no-repeat;
    width: 230px;
    height: 15px;
    margin-left: 40px
}

.fxbox h2 .c_blue {
    color: #3470e7!important
}

.fxbox h3 {
    color: #bdbdbd;
    font-size: 14px;
    font-weight: 400;
    text-align: center
}

.fxbox .intro {
    padding: 30px 0
}

.fxbox .intro img,
.fxbox .intro span {
    vertical-align: middle
}

.fxbox .intro span {
    width: 610px;
    display: inline-block;
    margin-left: 50px;
    font-size: 15px;
    color: #666
}

.fxbox img,
.midyear {
    width: 100%
}

.fxbox .img1 {
    padding: 20px 0 100px
}

.fxbox .img2 {
    padding: 40px 0 130px
}

.midyear {
    height: 2430px;
    background-color: #7b0fc4;
    position: relative;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    font-family: 'PingFang SC'
}

.midyearbg {
    width: 1920px;
    height: 1530px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    background: url(../images/618bg.jpg) no-repeat
}

.midyear .main {
    background-color: rgba(98, 6, 160, .5);
    text-align: center;
    padding: 30px 0 0;
    margin-top: 430px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

.midyear .tip {
    position: absolute;
    top: 43px;
    left: 205px
}

.midyear .textbox {
    padding: 50px 0;
    position: relative;
    border-top: 1px solid #7d23ba;
    margin: 0 50px
}

.midyear .textbox:first-child {
    padding-top: 0;
    border-top: 0
}

.midyear .textbox .tit {
    font-size: 32px;
    font-weight: 400;
    line-height: 48px;
    height: 48px
}

.midyear .textbox .tit:after,
.midyear .textbox .tit:before {
    content: url(../images/618_09.png);
    vertical-align: bottom;
    height: 48px;
    display: inline-block
}

.midyear .textbox .tit:before {
    margin-right: 10px
}

.midyear .textbox .tit:after {
    margin-left: 10px
}

.midyear .textbox .date {
    margin: 35px 0 20px;
    font-size: 26px;
    letter-spacing: 3px
}

.midyear .yellow {
    color: #ffe900
}

.midyear .serv-ul {
    margin-top: 60px;
    display: inline-block
}

.midyear .serv-ul li {
    float: left;
    margin-left: 130px;
    font-size: 20px
}

.midyear .serv-ul li:first-child {
    margin-left: 0
}

.midyear .textbox .brank-btn {
    position: absolute;
    width: 250px;
    left: 50%;
    margin-left: -125px;
    top: 295px
}

.midyear .textbox .brank-link {
    position: absolute;
    color: #ffe900;
    font-size: 18px;
    top: 160px;
    left: 415px
}

.user_himg {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    margin: 30px 30px 30px 40px;
    border: 1px solid #e6e6e6
}

.user_msg {
    margin-top: 30px;
    font-size: 16px;
    color: #888
}

.user_msg .norealname,
.user_msg .realname {
    border-radius: 20px;
    padding: 0 10px;
    line-height: 26px;
    display: inline-block
}

.user_msg .norealname:before,
.user_msg .realname:before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 12px;
    margin-right: 5px;
    padding-top: 3px
}

.user_msg .realname {
    background-color: #f1f8ff;
    color: #2789ed;
    border: 1px solid #cbe5ff
}

.user_msg .realname:before {
    background-image: url(../images/user_062.png)
}

.user_msg .norealname {
    background-color: #eee;
    color: #888;
    border: 1px solid #e5e5e5
}

.user_msg .norealname:before {
    background-image: url(../images/user_06.png)
}

.user_hul {
    border-top: 1px solid #e5e5e5;
    padding-top: 16px;
    margin-top: 20px
}

.user_hul li {
    float: left;
    border-right: 1px solid #e5e5e5;
    line-height: 24px;
    font-size: 14px;
    margin-right: 20px;
    min-width: 230px
}

.user_hul li:last-child {
    margin-right: 0;
    border-right: 0
}

.user_hul li .btn {
    padding: 2px 8px;
    font-size: 14px
}

.user_item {
    float: left;
    width: 475px;
    line-height: 40px;
    height: 405px;
    overflow-y: auto;
    position: relative
}

.user_item .item,
.user_item .tit {
    height: 360px;
    position: absolute;
    overflow-y: auto;
    top: 45px
}

.user_item .top {
    line-height: 45px;
    background-color: #f7fbff;
    font-size: 18px;
    color: #1377dc;
    padding-left: 20px;
    font-weight: 400
}

.user_item:first-child {
    margin-right: 25px
}

.user_item .tit {
    left: 0
}

.user_item .tit li {
    width: 100px;
    text-align: center;
    background-color: #f7f7f7;
    cursor: pointer
}

.user_item .tit li.on,
.user_item .tit li:hover {
    background-color: #fff;
    color: #1377dc;
    border-left: 2px solid #1377dc
}

.user_item .item {
    width: 355px;
    right: 0
}

.user_item .item li {
    display: none;
    width: 100%;
    padding: 10px;
    box-sizing: border-box
}

.user_item .item li a {
    display: block;
    color: #666
}

.user_item .item li a:before,
.user_zc dd span:before {
    content: '·';
    color: #c2c2c2;
    margin-right: 5px;
    font-size: 16px
}

.user_item .item a .c_blue {
    max-width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px
}

.user_item .item a.noread:before,
.user_item .item a:hover,
.user_item .item a:hover:before {
    color: #ff6700
}

.user_zc {
    margin: 0 20px;
    border-bottom: 1px dotted #ececec;
    line-height: 36px;
    font-size: 14px;
    color: #666;
    padding: 10px 0
}

.user_zc dt {
    font-size: 15px;
    color: #2789ed
}

.user_zc dt:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #2789ed;
    margin-right: 10px;
    vertical-align: middle
}

.user_zc dd span {
    margin-right: 15px
}

.user_zc dd span:nth-child(3n) {
    margin-right: 0
}

.gotrack_box {
    position: fixed;
    z-index: 99;
    bottom: 2%;
    right: 0;
    width: 50px
}

.discount {
    background-image: url(../img/ceyouhui.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 50px;
    height: 122px;
    position: relative;
    margin-bottom: 10px;
    float: right
}

.discount .gotrack_cont {
    width: 115px;
    height: 110px
}

.discount .gotrack_cont img {
    width: 106px;
    height: 106px
}

.gotrack {
    display: block;
    padding: 0 5px;
    color: #fff;
    width: 40px;
    background-color: #414c71;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 8px;
    float: right
}

.gotrack a {
    border-bottom: 1px solid #6e7782
}

.gotrack a:last-child {
    border-bottom: 0
}

.gotrack .gophone,
.gotrack .goques,
.gotrack .gotel,
.gotrack .gotop,
.gotrack .gowechat {
    background-image: url(../img/icon_siderbar.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 25px;
    margin-left: 8px;
    height: 45px;
    position: relative
}

.gotrack .gophone {
    background-position: center -104px
}

.gotrack .goques {
    background-position: center -158px
}

.gotrack .gotel {
    background-position: center -252px
}

.gotrack .gowechat {
    background-position: center -204px
}

.gotrack .gotop {
    background-position: center -300px;
    border: 0
}

.discount:hover .gotrack_cont,
.gotrack a:hover .gotrack_cont {
    display: block
}

.gotrack .goconsult,
.gotrack .gofeedback {
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    text-align: center;
    width: 30px;
    color: #fff;
    margin: 0 -5px;
    line-height: 16px
}

.gotrack .gofeedback {
    background-image: url(../img/gotrack_18.png);
    background-position: center 5px;
    padding: 30px 10px 15px
}

.gotrack .goconsult {
    padding: 45px 10px 15px;
    background-color: #f54859;
    border-top-left-radius: 5px;
    background-image: url(../img/gotrack_17.png);
    background-position: center 12px
}

.gotrack .goconsult .num {
    position: absolute;
    border-radius: 50%;
    font-size: 12px;
    color: #f54859;
    background-color: #fff;
    padding: 0 3px;
    top: 10px;
    right: 8px
}

.gotrack_cont {
    display: none;
    background-color: #414c71;
    padding: 5px 5px 5px 0;
    right: 60px;
    top: 50%;
    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    text-align: left;
    position: absolute;
    z-index: 110;
    font-size: 12px;
    color: #9ea7c6;
    width: 200px
}

.gotrack_cont:before {
    content: '';
    position: absolute;
    right: -14px;
    top: 50%;
    margin-top: -7px;
    width: 0;
    height: 0;
    border-width: 7px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #414c71
}

.search-box .type,
.search-result .result-item .info-box {
    position: relative
}

.gotrack_cont .tit {
    font-size: 14px;
    color: #fff;
    line-height: 30px
}

.gotrack_cont img {
    width: 68px;
    height: 68px;
    margin-left: 5px;
    border: 2px solid #fff
}

.gotrack_cont p.left {
    margin-left: 10px;
    width: 105px;
    line-height: 14px
}

.gotrack_cont p.left span {
    display: inline-block
}

.demo-gallery .to_big {
    border-radius: 0;
    bottom: 0;
    top: auto;
    display: inline-block;
    width: 140px;
    text-align: center;
    padding: 5px 0;
    color: #fff;
    margin-left: -75px
}

.gophone .gotrack_cont,
.goques .gotrack_cont {
    padding-left: 15px
}

.gotrack .goques .gotrack_cont {
    width: 70px
}

.gotrack .gophone .gotrack_cont {
    width: 180px
}

.gotrack .wechat {
    width: 194px
}

.gotrack .goconsult:hover {
    color: #fff
}

.demo-gallery img {
    width: 140px;
    height: 190px;
    margin-right: 10px;
    border: 1px solid #ececec
}

.search-box {
    margin-top: 30px;
    background-color: #fff
}

.search-box .ser_ul li {
    color: #fff;
    background-color: #ff6700;
    border: 1px solid #ff6700
}

.search-box .ser_ul li:hover {
    color: #ff6700
}

.search-box .ser_ul li:after {
    background-color: #ff6700;
    background-image: url(../images/white-cancel.png)
}

.search-box .list_ul {
    width: 835px;
    overflow: hidden;
    height: 32px
}

.search-box .type {
    margin: 0 20px;
    padding: 10px 20px;
    line-height: 30px
}

.search-box .top {
    margin: 0 20px
}

.search-box .list_ul a {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    font-size: 12px;
    color: #666;
    margin-right: 8px;
    background-color: #fff
}

.search-box .list_ul a em {
    color: #ff6700
}

.search-box .list_ul a.on,
.search-box .list_ul a:hover {
    border-radius: 5px
}

.search-box .list_ul a.on em,
.search-box .list_ul a:hover em {
    color: #fff
}

.search-result {
    margin-top: 20px
}

.search-result .title {
    padding: 10px 20px;
    color: #666;
    border-top: 1px solid #a1cbff;
    background-color: #f3f9ff
}

.search-result .title li {
    line-height: 25px;
    width: 120px
}

.search-box .template .btn_border,
.search-result .title .btn_border {
    padding: 0 10px;
    border-radius: 15px;
    font-size: 12px;
    line-height: 22px;
    margin-top: -2px
}

.search-result .btn_blue2,
.search-result .btn_gray {
    padding: 2px 5px;
    font-size: 13px
}

.search-result .result-item {
    padding: 30px 50px 30px 30px;
    border-bottom: 1px solid #f1f1f1;
    background-color: #fff
}

.search-result .result-item:hover {
    box-shadow: 0 0 30px 5px rgba(0, 0, 0, .1);
    transform: translateZ(1px);
    -webkit-transform: translateZ(1px);
    -moz-transform: translateZ(1px);
    -o-transform: translateZ(1px);
    -ms-transform: translateZ(1px)
}

.search-result .result-item .img-box {
    width: 190px;
    height: 130px;
    float: left;
    border: 1px solid #ececec;
    text-align: center;
    margin-right: 20px
}

.search-result .result-item .img-box img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.search-result .result-item .info-box:before {
    border-bottom: 1px dotted #f1f1f1;
    content: '';
    position: absolute;
    width: 100%;
    display: inline-block;
    top: 38px
}

.search-result .result-item .info-box .til {
    font-size: 18px;
    color: #666;
    font-weight: 400;
    padding-bottom: 10px;
    margin-bottom: 10px;
    max-width: 700px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    padding-right: 70px;
    display: inline-block
}

.search-result .result-item .info-box .til .btn {
    line-height: 16px;
    position: absolute;
    right: 0;
    top: 3px
}

.search-result .result-item:hover .info-box .til {
    color: #ff6700
}

.search-result .result-item .info-box .info-list {
    zoom: 1;
    width: 770px
}

.search-result .result-item .info-box .info-list .info-item {
    float: left;
    width: 50%;
    font-size: 14px;
    color: #999;
    line-height: 28px
}

.search-result .result-item .info-box .info-list.w33 .info-item {
    width: 33%
}

.search-result .result-item .info-box .info-list .info-item em {
    color: #444
}

.search-result .result-item .btn-box .btn {
    width: 64px;
    display: block;
    margin-top: 10px;
    font-size: 15px
}

.search-box .template {
    margin: 20px 20px 0;
    position: relative
}

.search-box .template .spreadpop {
    top: 90px;
    width: 1140px;
    left: -3px
}

.search-box .template .spread {
    width: 70px;
    text-align: right;
    background-position: 76px 4px;
    box-shadow: none;
    color: #f9cb1a;
    float: right
}

.search-box .template .spreadpop .spreadpop_ul li {
    border-left: 0
}

.search-box .template .spreadpop .spreadpop_ul li a {
    margin: 0
}

.search-box .ser-cont {
    border-bottom: 1px solid #ececec;
    padding: 20px 40px;
    position: relative
}

.search-box .ser-cont .ser-top {
    font-size: 14px;
    line-height: 40px;
    color: #444;
    padding: 0 15px;
    margin-bottom: 5px;
    display: inline-block;
    cursor: pointer
}

.search-box .ser-cont .ser-choice {
    background: url(../images/qkreg_07.png) center 30px no-repeat;
    color: #f9cb1a;
    font-weight: 600
}

.search-box .ser-cont .ser-input {
    width: 520px;
    height: 34px;
    background-color: #fbfbfb;
    border: 1px solid #d1d1d1;
    padding: 0 10px;
    float: left;
    border-right: none
}

.search-box .ser-cont .ser-btn {
    display: inline-block;
    width: 100px;
    text-align: center;
    background-color: #428ae2;
    line-height: 34px;
    border: 1px solid #428ae2;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    margin-right: 25px
}

.search-box .ser-cont .ser-btn:hover {
    background-color: #f9cb1a;
    border: 1px solid #f9cb1a
}

.search-box .ser-cont .ser-reset {
    cursor: pointer;
    color: #2c88e9
}

.search-box .ser-cont .ser-reset:hover {
    color: #ff6700
}

.search-result .market_second {
    border: 0;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    margin-bottom: 0
}

.dts-bg {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    padding: 25px 30px
}

.img-box125 {
    width: 125px;
    height: 125px;
    text-align: center;
    line-height: 125px;
    border: 1px solid #ececec
}

.img-box125 img {
    max-width: 100%;
    max-height: 100%
}

.dts-list {
    width: 600px;
    float: left
}

.dts-list li {
    float: left;
    width: 50%;
    font-size: 16px;
    line-height: 40px
}

.dts-table .text {
    background-color: #fafafa;
    text-align: right;
    color: #888
}

.dts-table td,
.dts-table th {
    border-left: 1px solid #e9e9e9;
    font-size: 16px
}

.dts-table td:nth-child(1),
.dts-table th:nth-child(1) {
    border-left: 0
}

.dts-table.table tr:hover {
    background-color: #fff
}

.dts-table .btn.fn12 {
    padding: 0 5px
}

.recom-bg {
    background: url(../images/bg-dts.png) center no-repeat;
    width: 1078px;
    height: 153px;
    margin: 0 auto;
    text-align: center
}

.recom-bg .btn {
    display: inline-block;
    width: 160px;
    padding: 4px 0;
    margin-top: 90px;
    font-size: 14px;
    font-weight: 700
}

.tit-step {
    margin: 30px auto;
    text-align: center;
    width: 860px
}

.tit-step li {
    width: 25%;
    float: left
}

.tit-step li.on {
    color: #ff6700
}

.tit-step li.on .time {
    border-top: 6px solid #ff6700
}

.tit-step li.on .time:before {
    background: #ff6700
}

.tit-step li .time {
    border-top: 6px solid #c9c9c9;
    position: relative;
    margin-top: 5px;
    padding-top: 5px
}

.tit-step li .time:before {
    content: "";
    border: 6px solid #f5f5f5;
    background: #c9c9c9;
    width: 6px;
    height: 6px;
    position: absolute;
    left: 50%;
    margin-left: -9px;
    top: -12px
}

.top_prompt_red {
    padding: 10px 15px;
    background-color: #fff2f3;
    color: #ff3145;
    font-size: 14px;
    border: 1px solid #fbbec4;
    line-height: 30px
}

.order_suc {
    padding: 60px 145px 70px;
    background: #fff;
    line-height: 24px;
    color: #666
}

.order_suc .btn {
    min-width: 88px;
    padding: 7px 10px;
    margin: 0
}

.order_suc .top-tit {
    font-size: 24px;
    color: #f9cb1a;
    margin-bottom: 15px;
    font-weight: 400
}

.order_suc .mod-prompt {
    padding: 30px 75px
}

.com_main .pic-box {
    margin-top: -21px
}

.com_main .pic-box img {
    width: 150px;
    height: 150px
}

.new_section {
    position: relative;
    height: 400px
}

.new_section .main {
    margin: 0 auto
}

.new_section .nav_main {
    width: 780px;
    height: 80px;
    position: absolute;
    top: 308px;
    left: 50%;
    margin-left: -420px
}

.new_section .nav_main .nav_slider {
    position: absolute;
    width: 780px;
    left: 25px;
    bottom: 0;
    height: 80px;
    color: #fff
}

.new_section .nav_main .nav_slider .nav_slider_item {
    cursor: pointer;
    color: #fff
}

.new_section .nav_main .nav_slider .nav_slider_item span {
    border-bottom: 1px solid #e8e8e8;
    display: inline-block
}

.new_section .nav_main .nav_slider .nav_slider_deal,
.new_section .nav_main .nav_slider .nav_slider_regi {
    border-radius: 3px;
    margin-right: 5px;
    background-color: #000;
    filter: alpha(opacity=20);
    background-color: rgba(0, 0, 0, .2);
    width: 348px;
    padding-left: 25px;
    height: 85px;
    float: left;
    background-position: 253px 5px;
    background-repeat: no-repeat
}

.new_section .nav_main .nav_slider .nav_slider_deal>div,
.new_section .nav_main .nav_slider .nav_slider_regi>div {
    border-right: 1px solid #adacac;
    border-right: 1px solid rgba(255, 255, 255, .1);
    padding: 10px 0
}

.new_section .nav_main .nav_slider .nav_slider_deal.active,
.new_section .nav_main .nav_slider .nav_slider_regi.active {
    background-color: #fff
}

.new_section .nav_main .nav_slider .nav_slider_deal.active .tip,
.new_section .nav_main .nav_slider .nav_slider_regi.active .tip {
    color: #444
}

.new_section .nav_main .nav_slider .nav_slider_deal.active .tip:after,
.new_section .nav_main .nav_slider .nav_slider_regi.active .tip:after {
    background-image: url(../img/nav-icon8-hover.png)
}

.new_section .nav_main .nav_slider .nav_slider_deal.active .intro,
.new_section .nav_main .nav_slider .nav_slider_regi.active .intro {
    color: #666
}

.new_section .nav_main .nav_slider .nav_slider_regi {
    background-image: url(../img/nav-icon6.png)
}

.new_section .nav_main .nav_slider .nav_slider_deal {
    margin-right: 0;
    background-image: url(../img/nav-icon7.png)
}

.new_section .nav_main .nav_slider .nav_slider_deal .tip,
.new_section .nav_main .nav_slider .nav_slider_regi .tip {
    font-size: 20px;
    line-height: 35px;
    position: relative
}

.new_section .nav_main .nav_slider .nav_slider_deal .tip:after {
    content: '';
    position: absolute;
    right: 180px;
    top: 9px;
    width: 22px;
    height: 22px;
    background-image: url(../img/nav-icon8.png)
}

.new_section .nav_main .nav_slider .nav_slider_regi .tip:after {
    content: '';
    position: absolute;
    right: 169px;
    top: 9px;
    width: 22px;
    height: 22px;
    background-image: url(../img/nav-icon8.png)
}

.new_section .nav_main .nav_slider .nav_slider_deal .intro,
.new_section .nav_main .nav_slider .nav_slider_regi .intro {
    font-size: 15px;
    line-height: 25px
}

.new_section .login_box {
    height: 383px;
    margin: 10px -600px 10px 0;
    width: 240px;
    background-color: #fff;
    position: absolute;
    right: 50%
}

.new_section .login_box .login_portrait {
    width: 240px;
    height: 66px;
    text-align: center;
    padding: 30px 0 18px;
    overflow: hidden;
    position: relative
}

.new_section .login_box .login_headerbg {
    position: absolute;
    left: 0;
    top: 0;
    width: 240px;
    height: 115px
}

.new_section .login_box .login_info {
    padding: 5px 0;
    text-align: center;
    font-size: 12px;
    color: #666
}

.new_section .login_box .login_info .name {
    color: #ff6700;
    display: inline-block;
    margin-right: 59px
}

.new_section .login_box .login_info .out {
    float: right;
    margin-right: 25px;
    font-size: 12px
}

.new_section .login_box .go_manage,
.new_section .login_box .go_precent {
    display: inline-block;
    padding: 4px 25px;
    line-height: 21px;
    font-size: 12px;
    border-radius: 18px;
    color: #fff
}

.new_section .login_box .go_precent {
    background-color: #ff4800
}

.new_section .login_box .go_precent:hover {
    background-color: #ff6700
}

.new_section .login_box .go_manage {
    background-color: #428ae2
}

.new_section .login_box .go_manage:hover {
    background-color: #f9cb1a
}

.new_section .login_box .login_notice {
    margin-top: 20px;
    border-top: 1px solid #ececec
}

.new_section .login_box .login_notice .notice_til {
    line-height: 30px;
    font-weight: 400;
    padding-left: 15px
}

.new_section .login_box .login_notice .notice_til .nosee:after {
    content: "•";
    position: absolute;
    color: #ff4800;
    margin: -5px 0 0 5px
}

.new_section .login_box .login_notice .notice_til .item {
    padding: 5px 10px;
    color: #444;
    font-size: 12px;
    margin-right: 20px
}

.new_section .login_box .login_notice .notice_til .item.active,
.new_section .login_box .login_notice .notice_til .item:hover {
    border-bottom: 2px solid #55a9ff;
    font-weight: 700
}

.new_section .login_box .login_notice .notice_ul_box {
    height: 105px;
    overflow-y: auto
}

.new_section .login_box .login_notice .notdata {
    text-align: center;
    color: #66a0e7;
    line-height: 105px
}

.new_section .login_box .login_notice .notdata img {
    vertical-align: middle
}

.new_section .login_box .login_notice .notice_ul {
    list-style-type: square;
    color: #d6d6d6;
    font-size: 12px;
    margin: 15px 10px 0 35px
}

.new_section .login_box .login_notice .notice_ul li:hover {
    color: #ff6700
}

.new_section .login_box .login_notice .notice_ul li.nosee {
    color: #ff4800
}

.new_section .login_box .login_notice .notice_ul li {
    line-height: 30px
}

.new_section .login_box .login_notice .notice_ul li a {
    color: #444
}

.new_section .login_box .login_notice .notice_ul li a:hover {
    color: #ff6700
}

.new_section .login_box .login_notice .notice_ul li .time {
    float: right;
    font-size: 10px;
    color: #999
}

.inde_reg {
    background-color: #fff;
    border: 1px solid #e7e7e7;
    width: 343px;
    padding: 30px 20px;
    height: 320px;
    margin-left: 22px
}

.inde_reg.reg_consultant,
.inde_reg.reg_guarantee {
    margin-left: 0;
    background-position: right top;
    background-repeat: no-repeat
}

.inde_reg:hover {
    -webkit-box-shadow: 0 0 10px #a9a5a4;
    -moz-box-shadow: 0 0 10px #a9a5a4;
    box-shadow: 0 0 10px #a9a5a4
}

.inde_reg.reg_consultant {
    background-image: url(../images/reg_consultant_bg.png)
}

.inde_reg.reg_guarantee {
    background-image: url(../images/hot.jpg)
}

.inde_reg .reg_til {
    font-size: 24px;
    color: #333
}

.inde_reg .reg_cont {
    font-size: 14px;
    color: #777
}

.inde_reg .reg_pre {
    font-size: 16px;
    color: #444;
    vertical-align: bottom;
    height: 45px
}

.inde_reg .reg_pre .c_red {
    color: #ff3145;
    font-size: 34px
}

.inde_reg .reg_ensure {
    font-size: 12px;
    color: #ff3145
}

.inde_reg .reg_url_box {
    border-top: 1px solid #ffddcf;
    border-bottom: 1px solid #ffddcf;
    background-color: #fffbfa;
    margin-top: 10px;
    height: 40px;
    line-height: 40px
}

.inde_reg .reg_url_box .item {
    display: inline-block;
    padding-left: 20px;
    color: #ff4800;
    font-size: 12px;
    background-repeat: no-repeat;
    background-position: left center;
    margin-right: 20px
}

.inde_reg .reg_url_box .item.item_bi {
    background-image: url(../images/reg_url_bi.png)
}

.inde_reg .reg_url_box .item.item_xin {
    background-image: url(../images/reg_url_xin.png)
}

.inde_reg .reg_url_box .item.item_ren {
    background-image: url(../images/reg_url_ren.png)
}

.inde_reg .reg_url_box .item.item_bao {
    background-image: url(../images/reg_url_bao.png)
}

.inde_reg .reg_url_box .item.item_huan {
    background-image: url(../images/reg_url_huan.png)
}

.all_classicy {
    display: none;
    position: absolute;
    background-color: #0c70d5;
    padding: 20px 0;
    width: 1200px;
    height: 360px;
    left: 0;
    top: 50px;
    overflow: hidden
}

.all_classicy .all_classicy_ol>li {
    line-height: 40px;
    height: 40px;
    border-left: 1px solid #1b79d8;
    margin-left: -1px;
    width: 240px;
    float: left;
    text-align: center
}

.all_classicy .all_classicy_ol>li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 164px;
    color: #fff;
    display: inline-block;
    border-radius: 5px
}

.all_classicy .all_classicy_ol>li a:hover {
    background-color: #0063c5
}

.new {
    position: relative
}

.new_all_classicy {
    display: none;
    position: absolute;
    background-color: #1476d9;
    padding: 15px 0;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 100
}

.new_all_classicy .all_classicy_ol {
    width: 1000px;
    margin: 0 auto;
    padding-left: 200px
}

.new_all_classicy .all_classicy_ol>li {
    position: relative;
    border-left: 1px solid #1b79d8;
    margin-left: -1px;
    float: left;
    text-align: center
}

.new_all_classicy .all_classicy_ol>li:last-child a {
    border-right: 0
}

.new_all_classicy .all_classicy_ol>li a {
    padding: 0 40px;
    color: #fff;
    display: inline-block;
    border-right: 1px solid #2685e6;
    font-size: 14px;
    margin-right: 16px;
    line-height: 20px
}

.new_all_classicy .all_classicy_ol .tm-reg:before {
    content: '';
    background: url(../img/nav-icon3.png);
    position: absolute;
    left: 15px;
    top: 3px;
    width: 15px;
    height: 14px
}

.new_all_classicy .all_classicy_ol .tm-sell:before {
    content: '';
    background: url(../img/nav-icon4.png);
    position: absolute;
    left: 13px;
    top: 2px;
    width: 17px;
    height: 17px
}

.new_all_classicy .all_classicy_ol .tm-service:before {
    content: '';
    background: url(../img/nav-icon5.png);
    position: absolute;
    left: 15px;
    top: 3px;
    width: 16px;
    height: 16px
}

.new_all_classicy .all_classicy_ol .tm-name:before {
    content: '';
    background: url(../img/nav-icon11.png);
    position: absolute;
    left: 15px;
    top: 3px;
    width: 16px;
    height: 15px
}

.new_all_classicy .all_classicy_ol .tm-shop:before {
    content: '';
    background: url(../img/nav-icon12.png);
    position: absolute;
    left: 15px;
    top: 3px;
    width: 16px;
    height: 15px
}

.new_all_classicy .all_classicy_ol .tm-reg {
    margin-left: 14px
}

.new_all_classicy .all_classicy_ol .tm-sell a {
    padding: 0 36px 0 40px
}

.navbanner .flex-viewport li {
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden
}

.navbanner .flex-viewport li img {
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    position: absolute
}

.navbanner .flex-viewport li.banner1 {
    background-image: url(../images/banner1.jpg)
}

.navbanner .flex-viewport li.banner2 {
    background-image: url(../images/banner2.jpg)
}

.navbanner .flex-viewport li.banner3 {
    background-image: url(../images/banner3.jpg)
}

.navbanner .flex-viewport li.banner4 {
    background-image: url(../images/banner4.jpg)
}

.navbanner .flex-control-nav {
    bottom: 91px;
    z-index: 3;
    width: 500px;
    left: 50%;
    margin-left: -250px
}

.navbanner .flex-control-nav li {
    margin: 0 1px
}

.navbanner .flex-control-nav li a {
    background: #868686;
    height: 3px;
    width: 12px
}

.navbanner .flex-control-nav .flex-active {
    background-color: #ff823c
}

.trade_box {
    padding: 20px 0;
    border: 1px solid #ececec
}

.trade_box .trade_economic,
.trade_box .trade_manage,
.trade_box .trade_monitoring {
    width: 218px;
    height: 110px;
    border-left: 1px solid #ececec;
    padding-left: 140px;
    padding-right: 40px;
    background-position: 30px 10px;
    background-repeat: no-repeat;
    transition: all .5s ease 0s
}

.trade_box .trade_economic:hover,
.trade_box .trade_manage:hover,
.trade_box .trade_monitoring:hover {
    padding-left: 150px;
    padding-right: 30px;
    background-position: 40px 10px
}

.trade_box .trade_economic {
    border-left: none;
    background-image: url(../images/trade_economic.png)
}

.trade_box .trade_monitoring {
    background-image: url(../images/trade_monitoring.png)
}

.trade_box .trade_manage {
    background-image: url(../images/trade_manage.png)
}

.trade_box .trade_economic .trade_til,
.trade_box .trade_manage .trade_til,
.trade_box .trade_monitoring .trade_til {
    font-size: 22px;
    color: #444
}

.trade_box .trade_economic .trade_info,
.trade_box .trade_manage .trade_info,
.trade_box .trade_monitoring .trade_info {
    font-size: 14px;
    color: #777
}

.copyright-link {
    position: relative
}

.copyright-img {
    display: none;
    position: absolute;
    bottom: 20px;
    left: 68px
}

.copyright-link:hover {
    color: #fff!important
}

.copyright-link:hover .copyright-img {
    display: block
}

.btm_mark {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    filter: alpha(opacity=40);
    background-color: rgba(0, 0, 0, .4);
    z-index: 9999
}

.index_btimg {
    position: relative;
    height: 140px
}

.index_btimg .countdown {
    position: absolute;
    bottom: 44px;
    left: 650px;
    width: 370px;
    font-weight: 700;
    color: #cd0018;
    font-size: 18px;
    line-height: 40px
}

.index_btimg .link {
    float: right;
    width: 100px;
    font-weight: 400;
    text-align: center;
    line-height: 40px;
    color: #fff;
    display: inline-block
}

.page-newHome .notice-box {
    height: 200px;
    background-color: #fff
}

.notice {
    width: 1200px;
    margin: 0 auto
}

.notice li {
    display: flex;
    align-items: center;
    height: 50px;
    width: 585px
}

.notice-up {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f1f1f1
}

.sjb-box,
.tips-left {
    justify-content: center
}

.tips-left {
    display: flex;
    align-items: center
}

.nd-right>p,
.notice-down {
    justify-content: space-around
}

.tips-left>i {
    display: inline-block;
    width: 15px;
    height: 18px;
    background-image: url(../img/icon_01.png)
}

.tips-left:hover {
    cursor: pointer
}

.tips-left:hover i {
    background-image: url(../img/icon_01_hover.png)
}

.tips-left:hover span {
    color: #ff6700
}

.notice-down {
    margin-top: 40px;
    display: flex;
    align-items: center
}

.notice-tips {
    color: #71a7ea;
    padding: 0 15px 0 5px
}

.notice-title {
    display: flex;
    align-items: center
}

.notice-content {
    width: 450px;
    padding: 0 5px;
    color: #353544;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.notice-content>p {
    width: 360px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.notice-content:hover {
    cursor: pointer;
    color: #ff6700
}

.notice-date {
    width: 80px;
    text-align: center;
    display: inline-block;
    color: #6f798e
}

.sjb-box {
    display: flex;
    align-items: center;
    flex-direction: column
}

.sjb-box>p {
    width: 26px;
    height: 12px;
    display: flex;
    justify-content: center;
    align-items: center
}

.sjb-box>p:hover {
    cursor: pointer
}

.sjb-box>p:nth-child(1):hover>span {
    border-bottom: 4px solid #71a7ea
}

.sjb-box>p:nth-child(2):hover>span {
    border-top: 4px solid #71a7ea
}

.sjb-box>p:nth-child(1)>span {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #838499;
    display: inline-block
}

.sjb-box>p:nth-child(2)>span {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #838499;
    display: inline-block
}

.edit-top-color {
    border-bottom: 4px solid #71a7ea!important
}

.edit-bt-color {
    border-top: 4px solid #71a7ea!important
}

.notice-down li {
    width: 345px;
    height: 100px;
    border: 1px solid #c5d4ff;
    border-radius: 5px;
    background-color: #e0e9ff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-image: url(../img/icon_05.png);
    background-repeat: no-repeat;
    background-position: 215px 14px
}

.nd-left {
    margin: 15px 30px;
    display: flex;
    flex-direction: column;
    color: #6f798e;
    font-size: 12px
}

.nd-left>span {
    margin-bottom: 2px
}

.nd-left>span:nth-child(1) {
    font-weight: 700;
    font-size: 16px;
    color: #464f66;
    margin-bottom: 5px
}

.nd-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative
}

.nd-right>img {
    position: absolute;
    top: -66px;
    right: 10px
}

.nd-right>p {
    position: absolute;
    width: 60px;
    bottom: -45px;
    right: 11px;
    display: flex;
    align-items: center;
    color: #6290fd;
    font-size: 12px
}

.jt-right {
    width: 0;
    height: 0;
    border-top: 2px solid transparent;
    border-left: 4px solid #6f798e;
    border-bottom: 2px solid transparent
}

.notice-down>li:hover {
    cursor: pointer;
    box-shadow: 0 0 5px 2px #dedede
}

.aside-box,
.aside-box:hover,
.aside-box:hover .consult,
.aside-box:hover .mobile {
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1)
}

.notice-down>li:hover .nd-right>p>span:nth-child(1) {
    color: #437bff
}

.notice-down>li:hover .nd-right>p>span:nth-child(2) {
    border-left: 4px solid #437bff
}

.yhq-dialog .mask {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 998
}

.yhq-dialog .yhq-bgimg1 {
    background: url(../images/zt/yhq_bg1.png) no-repeat
}

.yhq-dialog .yhq-bgimg2 {
    background: url(../images/zt/yhq_bg2.png) no-repeat
}

.yhq-dialog .yhq-bg {
    position: absolute;
    width: 960px;
    height: 1154px;
    top: 120px;
    z-index: 999;
    left: 50%;
    margin-left: -480px
}

.yhq-dialog .yhq-bg .yhq-close {
    position: absolute;
    right: 0;
    cursor: pointer
}

.yhq-dialog .yhq-bg .yhq-cont {
    width: 780px;
    position: absolute;
    top: 250px;
    left: 50%;
    margin-left: -392px;
    font-size: 0
}

.yhq-dialog .yhq-bg .yhq-cont .yhq-middle {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 20px
}

.yhq-dialog .yhq-bg .yhq-cont .yhq-middle .yhq-btn {
    background: url(../images/zt/yhq_btn.png) no-repeat;
    width: 49px;
    height: 132px;
    display: inline-block
}

.yhq-dialog .yhq-bg .yhq-cont .yhq-middle .yhq-btn:hover {
    background: url(../images/zt/yhq_btn_hover.png) no-repeat
}

.yhq-dialog .yhq-bg .yhq-cont .yhq-text {
    text-align: center;
    margin-top: -2px;
    font-size: 14px
}

.yhq-dialog .yhq-bg .yhq-cont .yhq-text .yhq-em {
    margin-right: 6px;
    font-size: 18px;
    vertical-align: middle;
    color: #ff3145
}

.yhq-dialog .yhq-bg .yhq-cont .mt28 {
    margin-top: 28px
}

.yhq-dialog .yhq-bg .yhq-cont .mt-4 {
    margin-top: -4px
}

.new-dialog {
    position: fixed;
    z-index: 999;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    top: 0;
    width: 100%
}

.new-dialog>div {
    position: relative;
    width: 105%;
    height: 90%;
    top: 5%;
    bottom: 5%;
    overflow-y: auto
}

.dialog-box {
    width: 680px;
    height: 730px;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(../images/new_dl01.png);
    margin-top: 170px
}

.dialog-box>img:nth-child(1) {
    position: absolute;
    top: 200px;
    left: 165px;
    cursor: pointer
}

.dialog-box>img:nth-child(2) {
    position: absolute;
    top: 15px;
    right: 5px;
    cursor: pointer
}

.dialog-price {
    width: 650px;
    height: 120px;
    position: absolute;
    left: 15px;
    top: 286px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: wrap
}

.dialog-price>div {
    width: 320px;
    height: 120px;
    background-image: url(../images/new_dl03.png);
    display: flex;
    justify-content: space-around;
    margin-bottom: 12px
}

.dia-pr01 {
    color: #d72923;
    margin-top: 5px
}

.dia-pr01>span:nth-child(2) {
    font-size: 36px
}

.dia-pr02 {
    display: flex;
    flex-direction: column;
    width: 145px;
    align-items: flex-start;
    margin-top: 10px
}

.dia-pr02>span:nth-child(1) {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px
}

.dia-pr02>span:nth-child(2) {
    width: 125px;
    background-color: #ffe5e4;
    color: #da3630;
    border: 1px solid #ffbfbd;
    border-radius: 15px;
    text-align: center
}

.dia-pr03 {
    width: 75px;
    height: 30px;
    background-color: #d72923;
    color: #fff;
    margin-top: 40px;
    line-height: 30px;
    text-align: center;
    border-radius: 15px;
    cursor: pointer
}

.tx-font {
    background-color: #ff6700;
    border-radius: 5px;
    padding: 0 3px;
    margin-right: 5px;
    height: 20px;
    line-height: 20px;
    color: #fff
}

.banner-tab>ul {
    display: flex;
    height: 60px;
    justify-content: center;
    align-items: flex-end
}

.banner-tab>ul>li {
    height: 100%;
    width: 187px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #fff;
    margin-right: 1px;
    background-color: rgba(0, 0, 0, .5)
}

.banner-tab>ul>li.action,
.banner-tab>ul>li:hover {
    height: 70px;
    background-color: rgba(255, 114, 0, .8);
    cursor: pointer
}

.banner-tab>ul>li.action .tx-font,
.banner-tab>ul>li:hover .tx-font {
    background-color: #fff;
    color: #dd692d
}

.new-gotrack {
    position: fixed;
    right: 0;
    width: 46px;
    bottom: 17%
}

.new-aside {
    background-image: url(../img/zuiyouhui.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 100%;
    height: 100px;
    position: relative;
    float: right;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    margin-bottom: 10px;
    cursor: pointer
}

.aside-box,
.consult {
    border: 1px solid #f1f1f1
}

.aside-box {
    color: #fff;
    width: 100%;
    background-color: #fff;
    float: right;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    box-sizing: border-box
}

.aside-box .aside,
.aside-top {
    color: #2a344f;
    width: 100%;
    text-align: center;
    background-position: center 12px;
    display: inline-block;
    background-repeat: no-repeat
}

.aside-box .aside {
    background-color: #fff;
    height: 35px;
    padding: 40px 0 0;
    position: relative;
    font-size: 12px
}

.consult,
.mobile {
    position: absolute;
    top: 0;
    right: 55px;
    z-index: 100;
    background-color: #fff;
    box-sizing: border-box
}

.aside-top {
    background-color: #fff;
    height: 30px;
    padding: 30px 0 0
}

.bg-img1:hover>span,
.bg-img2:hover>span,
.bg-img4:hover {
    color: #ff6700
}

.bg-img1 {
    background-image: url(../img/as_03.png)
}

.bg-img2 {
    background-image: url(../img/as_04.png)
}

.bg-img3 {
    background-image: url(../img/as_05.png)
}

.bg-img4 {
    background-image: url(../img/as_06.png)
}

.bg-img1:hover {
    background-image: url(../img/as_03_hover.png);
    cursor: pointer
}

.bg-img2:hover {
    background-image: url(../img/as_04_hover.png);
    cursor: pointer
}

.aside:hover>ul {
    display: block!important
}

.aside:before {
    content: '';
    width: 14px;
    height: 80px;
    position: absolute;
    top: 0;
    left: -13px;
    display: inline-block
}

.bg-img3:hover {
    background-image: url(../img/as_05_hover.png);
    color: #ff6700;
    cursor: pointer
}

.bg-img4:hover {
    background-image: url(../img/as_06_hover.png);
    cursor: pointer
}

.consult {
    width: 160px;
    border-radius: 2px;
    font-size: 14px;
    padding: 15px
}

.aside-left {
    height: 40px;
    line-height: 40px
}

.aside-left>a {
    background-repeat: no-repeat;
    background-position: 0;
    display: inline-block;
    width: 80%;
    height: 100%;
    color: #2a344f;
    text-align: left;
    padding: 0 0 0 26px
}

.aside-left:hover a,
.aside-left:hover p {
    color: #ff6700!important
}

.add-style {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: unset;
    height: 40px
}

.add-style>div {
    text-align: left;
    margin-left: 8px
}

.add-style>div>p {
    height: 15px;
    line-height: 15px
}

.add-style>div>p:nth-child(2) {
    font-size: 12px;
    color: #6f798e
}

.zx-bg1 {
    background-image: url(../img/as_07.png)
}

.zx-bg2 {
    background-image: url(../img/as_08.png)
}

.zx-bg3 {
    background-image: url(../img/as_09.png)
}

.zx-bg4 {
    background-image: url(../img/as_10.png)
}

.mobile {
    width: 190px;
    border: 1px solid #f1f1f1;
    border-radius: 2px;
    font-size: 14px;
    padding: 15px
}

.mobile-up {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px
}

.mobile-up>span {
    width: 110px;
    display: inline-block;
    text-align: left;
    padding: 0 8px
}

.mobile-up>i {
    background-image: url(../img/as_down.png);
    display: inline-block;
    width: 11px;
    height: 11px;
    background-repeat: no-repeat;
    background-position: center
}

.plgmbtn,
.regbtn {
    width: 90px!important;
    line-height: 28px!important;
    box-sizing: border-box
}

.mobile-up>img:nth-child(4) {
    display: none
}

.mobile-up:active span,
.mobile-up:hover span {
    color: #ff6700
}

.mobile-up:hover i {
    background-image: url(../img/as_down_hover.png)
}

.mobile-down {
    display: none
}

.regbtn {
    background-color: #fff4ec!important;
    color: #ff6700!important;
    border: 1px solid #f8aa76;
    margin-right: 3px!important;
    border-radius: 3px!important
}

.regbtn:hover {
    background-color: #ffd9bf!important
}

.plgmbtn {
    border: 1px solid #ff6700
}

.til-right {
    float: right;
    font-size: 12px;
    line-height: 30px;
    color: #ff6700;
    margin-right: 10px
}

.til-right:hover {
    color: #ff4800;
    cursor: pointer
}

.no-desc a:hover {
    color: #ff4800!important;
    cursor: pointer
}

.no-desc:before {
    display: none
}

.cr-reg .desc .btn-box {
    margin: 20px auto!important
}

.tab-box .trademark .reg-body .tm-reg .tm-reg-right.qt {
    width: 660px
}

.tm-reg-right .qt-list li {
    float: left;
    width: 49%;
    padding: 30px 15px 40px 10px;
    border-right: 1px solid #f8f8f8;
    box-sizing: border-box;
    border-bottom: 1px solid #f8f8f8
}

.tm-reg-right .qt-list li:nth-child(2n) {
    border-right: 0;
    padding-right: 0
}

.tm-reg-right .qt-list li:nth-child(3),
.tm-reg-right .qt-list li:nth-child(4) {
    border-bottom: 0
}

.tm-reg-right .qt-list li h4 {
    font-size: 20px;
    font-weight: 400;
    color: #444;
    line-height: 30px;
    margin: 5px 0
}

.tm-reg-right .qt-list li p {
    text-align: left;
    font-size: 14px;
    color: #888
}

.tm-reg-right .qt-list li p span {
    color: #444;
    margin-right: 5px
}

.tab-box .smtitlist,
.tab-box .trademark .buy-body .buy-list,
.tm-reg>ul {
    margin: 0 auto;
    display: inline-block
}

.tab-box .reg-item {
    position: relative;
    color: #99a1a9;
    font-size: 14px;
    padding-left: 30px;
    margin-right: 56px;
    margin-bottom: 20px
}

.tab-box .reg-item:last-child {
    margin-right: 0
}

.tab-box .reg-item:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 15px;
    height: 11px;
    background-image: url(../img/hook-icon1.png)
}

.tab-box .trademark .tm-buy {
    background-color: #fff;
    padding: 10px;
    box-shadow: 1px 1px 1px 1px #e6e6e6
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-left {
    padding: 16px 10px 9px 15px;
    width: 830px;
    height: 390px
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-left .left-tit {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
    padding-left: 6px
}

.tab-box .copyright h3,
.tab-box .trademark .buy-body h2,
.tab-box .trademark .buy-body h3 {
    font-size: 20px;
    color: #878fa0;
    text-align: left;
    font-weight: 400
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-left .left-tit h3 a {
    font-size: 16px;
    color: #ff6700;
    position: relative;
    font-weight: 400;
    padding: 5px 40px 5px 15px;
    background: #fcf4ee;
    border: 1px solid #ffe2cf;
    border-radius: 20px
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-left .left-tit h3 a:hover {
    background: #ffe2ce
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-left .left-tit h3 a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 5px;
    width: 22px;
    height: 16px;
    margin-top: -8px;
    background: url(../img/tm-buy-icon1.png) center no-repeat
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-left .left-tit li {
    margin-left: 16px;
    padding: 5px 0;
    font-size: 12px;
    color: #d4cece
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-left .left-tit li span {
    color: #999;
    font-size: 14px
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-left .left-body {
    padding-left: 2px
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-left .left-body .buy-nav .buy-item {
    margin: 18px 0 24px 5px;
    padding: 1px 13px
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-left .left-body .buy-nav .buy-item.active {
    background-color: #428ae2;
    border-radius: 15px
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-left .left-body .buy-nav .buy-item.active a {
    color: #fff
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-left .left-body .buy-nav .buy-item a {
    color: #666;
    font-size: 14px
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-left .left-body .buy-nav .buy-btn button {
    margin-top: 14px;
    padding: 4px 15px 4px 35px;
    background-color: #f1f8ff;
    font-size: 15px;
    color: #2789ed;
    border: 1px solid #c7e3ff;
    border-radius: 2px;
    position: relative
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-left .left-body .buy-nav .buy-btn .nav-sell {
    cursor: pointer;
    margin-right: 10px;
    padding: 4px 14px 4px 31px
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-left .left-body .buy-nav .buy-btn .nav-sell:hover {
    background: #d1e8ff
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-left .left-body .buy-nav .buy-btn .nav-con:hover {
    background: #ffe2ce
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-left .left-body .buy-nav .buy-btn .nav-con {
    cursor: pointer;
    background-color: #fff2e9;
    color: #ff6700;
    border: 1px solid #ffd1b1
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-left .left-body .buy-nav .buy-btn .nav-sell:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 10px;
    width: 16px;
    height: 15px;
    background-image: url(../img/tm-buy-icon2.png)
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-left .left-body .buy-nav .buy-btn .nav-con:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    width: 15px;
    height: 15px;
    background-image: url(../img/tm-buy-icon3.png)
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-left .left-body .buy-content .cont-item {
    padding: 7px 25px 7px 10px;
    cursor: pointer;
    text-align: left
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-left .left-body .buy-content .cont-item:hover {
    box-shadow: 1px 1px 1px 1px #f7f7f7;
    border: 1px solid #ededed;
    margin: -1px
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-left .left-body .buy-content .cont-item:hover h3 {
    color: #ff6700
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-left .left-body .buy-content .pic-box {
    border: 1px solid #e5e5e5;
    width: 100px;
    height: 76px;
    margin-right: 18px;
    margin-left: -4px;
    position: relative
}

.left-body .buy-content .pic-box img {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    max-width: 100%
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-left .left-body .buy-content h3 {
    color: #1377dc;
    font-size: 15px;
    font-weight: 400;
    width: 124px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-left .left-body .buy-content h4 {
    color: #888;
    font-size: 14px;
    font-weight: 400
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-left .left-body .buy-content h4 span {
    color: #ff3145;
    font-size: 20px
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-left .left-body .buy-content p {
    font-size: 12px;
    color: #666;
    margin-top: -3px
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-right {
    background-color: #f1f8ff;
    padding: 10px 13px;
    width: 280px;
    height: 401px;
    position: relative;
    border: 1px solid #c7e3ff
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-right .right-tit {
    border-bottom: 1px solid #cadcee;
    padding-bottom: 10px
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-right .right-tit li {
    margin-left: 20px;
    padding: 6px 0;
    color: #8bb5e9;
    font-size: 14px
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-right h3 {
    color: #428ae2
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-right .right-body {
    font-size: 14px;
    color: #666;
    text-align: right
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-right .right-body label {
    margin-right: 20px;
    line-height: 34px
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-right .right-body input {
    width: 186px;
    padding: 5px 0 4px 8px;
    border-radius: 2px;
    border: 1px solid #cadcee;
    margin-bottom: 10px;
    height: 22px
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-right .right-body .dropdown {
    background-color: #fff;
    width: 186px;
    padding: 5px 0 4px 8px;
    border-radius: 2px;
    border: 1px solid #cadcee;
    margin-bottom: 10px;
    height: 22px;
    text-align: left
}

.tab-box .dropdown div ul {
    overflow-y: auto
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-right .right-body .dropdown .selected {
    padding: 5px 0
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-right .right-body .dropdown .carat {
    background: url(../images/icon.png) -110px -23px no-repeat #fff
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-right .right-body textarea {
    overflow: auto;
    height: 70px;
    width: 186px;
    padding: 5px 0 5px 8px;
    outline: 0;
    border-radius: 2px;
    border: 1px solid #cadcee;
    color: #999;
    font-size: 13px
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-right .right-body p {
    font-size: 12px;
    color: #ff1d00;
    margin-right: 77px;
    margin-top: 5px
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-right .right-body button {
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    background-color: #428ae2;
    border-radius: 25px;
    border: none;
    padding: 5px 35px;
    position: absolute;
    left: 50%;
    width: 135px;
    bottom: 40px;
    margin-left: -67px
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-right .right-body button:hover {
    background-color: #f9cb1a
}

.tab-box .trademark .buy-body .tm-buy .tm-buy-right .right-body .name {
    margin-top: 21px
}

.tab-box .trademark .ser-tit h3 {
    font-weight: 400;
    color: #888;
    font-size: 14px;
    margin-top: 10px
}

.tab-box .trademark .tm-ser-left {
    background-color: #fff;
    width: 590px;
    margin-top: 13px;
    box-shadow: 1px 1px 1px 1px #e6e4e4
}

.tab-box .trademark .tm-ser-left .pic-box {
    background-image: url(../images/tm-service-pic1.png);
    width: 115px;
    height: 356px;
    padding: 32px 13px
}

.tab-box .trademark .tm-ser-left .pic-box h3 {
    padding: 5px 8px 22px 15px;
    background-image: url(../images/tm-service-pic3.png);
    color: #fff;
    font-size: 16px;
    font-weight: 400
}

.tab-box .trademark .tm-ser-left .pic-box h2 {
    margin-top: 32px;
    font-size: 28px;
    color: #fff;
    font-weight: 400;
    margin-left: -2px
}

.tab-box .trademark .tm-ser-left .pic-box p {
    font-size: 19px;
    color: #fff
}

.tab-box .trademark .tm-ser-left .ser-banner {
    padding-top: 15px;
    padding-bottom: 30px
}

.tab-box .trademark .tm-ser-left .left-item {
    cursor: pointer;
    margin: 0 5px 2px 10px;
    text-align: left;
    background-position: 15px 10px;
    padding: 3px 10px 15px 17px;
    background-repeat: no-repeat;
    width: 400px;
    border-bottom: 1px dashed #ececec
}

.tab-box .trademark .tm-ser-left .left-item .item-tit {
    color: #555;
    font-size: 19px;
    margin: 11px 0 2px;
    position: relative
}

.tab-box .trademark .tm-ser-left .left-item .item-info {
    color: #666;
    font-size: 13px
}

.tab-box .trademark .tm-ser-left .left-item .item-btn {
    display: none;
    cursor: pointer;
    background-color: #ff6700;
    color: #fff;
    font-size: 15px;
    border: none;
    border-radius: 15px;
    width: 100px;
    height: 26px;
    text-align: center;
    padding-top: 4px;
    margin-top: 10px
}

.tab-box .trademark .tm-ser-left .left-item .item-btn:hover {
    background-color: #ff7b21
}

.tab-box .trademark .tm-ser-left .left-item .item-price {
    color: #888;
    font-size: 14px;
    position: absolute;
    right: 19px;
    top: -4px
}

.tab-box .trademark .tm-ser-left .left-item .item-price span {
    color: #ff3145;
    font-size: 24px;
    font-weight: 400
}

.tab-box .trademark .tm-ser-left .left-item:hover {
    box-shadow: 1px 1px 1px 1px #e6e4e4;
    border: 1px solid #ededed;
    margin: -1px 4px 2px 9px
}

.tab-box .trademark .tm-ser-left .left-item:hover .item-btn {
    display: block
}

.tab-box .trademark .tm-ser-left .left-item:hover .item-tit {
    color: #ff6700
}

.tab-box .trademark .tm-ser-left .left-item:last-child {
    border-bottom: none
}

.tab-box .trademark .flex-control-paging a {
    width: 24px;
    height: 4px;
    top: 400px;
    opacity: 1;
    background: #ddd
}

.tab-box .trademark .flex-control-paging li a.flex-active {
    background: #ff823c
}

.tab-box .trademark .flex-control-nav {
    top: 390px;
    left: 60px
}

.tab-box .trademark .tm-ser-right {
    margin-left: 20px;
    box-shadow: 1px 1px 1px 1px #e6e4e4
}

.tab-box .trademark .tm-ser-right .pic-box {
    background-image: url(../images/tm-service-pic2.png)
}

.tab-box .trademark .tm-ser-right .pic-box h3 {
    padding: 5px 21px 22px 15px
}

.tab-box .patent .pt-body .pt-apply .reg-item {
    margin-right: 32px
}

.tab-box .patent .pt-body .pt-apply .tm-reg-left {
    width: 487px;
    padding: 16px 16px 0 0
}

.tab-box .patent .pt-body .pt-apply .tm-reg-left .left-tit {
    margin: 0 14px
}

.tab-box .patent .pt-body .pt-apply .tm-reg-left .left-item {
    margin: 2px 5px 0 14px;
    padding: 10px 10px 21px 100px;
    border-bottom: 1px solid #ececec
}

.tab-box .patent .pt-body .pt-apply .tm-reg-left .left-item:hover {
    box-shadow: 0 0 0 0 #fff
}

.tab-box .patent .pt-body .pt-apply .tm-reg-left .left-item .item_tit {
    margin: 6px 0 5px 9px
}

.tab-box .patent .pt-body .pt-apply .tm-reg-left .left-item .item_info {
    margin-left: 12px;
    display: inline-block
}

.tab-box .patent .pt-body .pt-apply .tm-reg-left .invent {
    background-image: url(../images/patent-pic2.png)
}

.tab-box .patent .pt-body .pt-apply .tm-reg-left .practical {
    background-image: url(../images/patent-pic3.png)
}

.tab-box .patent .pt-body .pt-apply .tm-reg-left .design {
    background-image: url(../images/patent-pic4.png)
}

.tab-box .patent .pt-body .pt-apply .tm-reg-left .active {
    box-shadow: 0 0 0 0 #fff;
    padding: 1px 10px 10px 84px
}

.tab-box .patent .pt-body .pt-apply .tm-reg-left .active .item_tit {
    font-size: 18px;
    color: #ff6700;
    margin: 10px 0 0
}

.tab-box .patent .pt-body .pt-apply .tm-reg-left .active .item_info {
    font-size: 13px;
    margin-left: 0
}

.tab-box .patent .pt-body .pt-apply .tm-reg-left .active.invent {
    background-image: url(../images/patent-pic2-hover.png)
}

.tab-box .patent .pt-body .pt-apply .tm-reg-left .active.practical {
    background-image: url(../images/patent-pic3-hover.png)
}

.tab-box .patent .pt-body .pt-apply .tm-reg-left .active.design {
    background-image: url(../images/patent-pic4-hover.png)
}

.tab-box .patent .pt-body .pt-apply .tm-reg-left .active+.pt-box {
    visibility: visible;
    padding: 18px 0 24px;
    height: 100px
}

.tab-box .patent .pt-body .pt-apply .pt-box {
    margin-left: 15px;
    border-bottom: 1px solid #ececec;
    background-color: #fbfcfe;
    visibility: hidden;
    height: 0;
    padding: 0
}

.tab-box .patent .pt-body .pt-apply .pt-box h3 {
    font-size: 17px;
    color: #444;
    position: relative;
    text-align: left;
    padding-left: 35px;
    font-weight: 400
}

.tab-box .patent .pt-body .pt-apply .pt-box h3:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 18px;
    border: 3px solid #428ae2
}

.tab-box .patent .pt-body .pt-apply .pt-box h3 span {
    font-size: 13px;
    color: #999;
    margin-left: 20px
}

.tab-box .patent .box-body .box {
    padding-left: 32px;
    padding-top: 20px;
    display: inline-block;
    width: 200px;
    text-align: left
}

.tab-box .patent .box-body .box .pic-box {
    border: 1px solid #dcdcdc;
    width: 48px;
    height: 40px;
    background-color: #fff;
    padding-top: 4px;
    cursor: pointer
}

.tab-box .patent .box-body .box .pic-box.left {
    text-align: left
}

.tab-box .patent .box-body h4 {
    font-size: 14px;
    color: #444;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 140px
}

.tab-box .patent .box-body p {
    color: #888;
    font-size: 12px;
    margin-left: 1px
}

.tab-box .patent .box-body p span {
    font-size: 14px;
    color: #ff3145;
    font-weight: 700
}

.tab-box .patent .pt-body .pt-apply .tm-reg-right {
    padding: 16px 18px 36px;
    width: 645px;
    height: 421px
}

.tab-box .patent .pt-body .pt-apply .tm-reg-right .right-body .project {
    padding-left: 14px;
    margin-top: 30px
}

.tab-box .patent .pt-body .pt-apply .tm-reg-right .right-body .project p {
    text-align: left;
    padding-left: 35px;
    display: block;
    margin: 19px 0 0;
    line-height: 18px
}

.tab-box .patent .pt-body .pt-apply .tm-reg-right .guide-item a {
    margin-right: 12px!important
}

.tab-box .patent .pic-bd {
    border: 2px solid #428ae2!important;
    position: relative;
    margin: -1px
}

.tab-box .patent .pic-bd:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: url(../img/patent-icon2.png);
    width: 18px;
    height: 17px
}

.tab-box .pt-app {
    background-color: #fff;
    box-shadow: 1px 1px 1px 1px #e6e4e4
}

.tab-box .pt-app li {
    width: 33.33%;
    box-sizing: border-box;
    margin: 30px 0;
    color: #999;
    line-height: 30px;
    float: left;
    border-left: 1px solid #ececec
}

.tab-box .pt-app li:hover {
    border: 1px solid #f8dcc9;
    margin: 0;
    background-color: #fffbf8;
    padding: 30px 0
}

.tab-box .img-box {
    width: 75px;
    height: 75px;
    margin: 0 auto
}

.tab-box .img-box.img1 {
    background: url(../images/cr-pic_06.png) no-repeat
}

.tab-box .img-box.img2 {
    background: url(../images/cr-pic_09.png) no-repeat
}

.tab-box .img-box.img3 {
    background: url(../images/cr-pic_16.jpg) no-repeat
}

.tab-box .img-box.img4 {
    background: url(../images/cr-pic1.png) no-repeat
}

.tab-box .img-box.img5 {
    background: url(../images/cr-pic2.png) no-repeat
}

.tab-box .img-box.img6 {
    background: url(../images/cr-pic3.png) no-repeat
}

.tab-box .img-box.img7 {
    background: url(../images/cr-pic4.png) no-repeat
}

.tab-box li:hover .img-box.img1 {
    background: url(../images/cr-pic_07.png) no-repeat
}

.tab-box li:hover .img-box.img2 {
    background: url(../images/cr-pic_11.png) no-repeat
}

.tab-box li:hover .img-box.img3 {
    background: url(../images/cr-pic_13.png) no-repeat
}

.tab-box .copyright .left-ul li:hover .img-box.img4 {
    background: url(../images/cr-pic_27.png) no-repeat
}

.tab-box .copyright .left-ul li:hover .img-box.img5 {
    background: url(../images/cr-pic_24.png) no-repeat
}

.tab-box .copyright .left-ul li:hover .img-box.img6 {
    background: url(../images/cr-pic_32.png) no-repeat
}

.tab-box .copyright .left-ul li:hover .img-box.img7 {
    background: url(../images/cr-pic_31.png) no-repeat
}

.tab-box .pt-app li h4 {
    font-size: 19px;
    color: #555;
    line-height: 60px
}

.tab-box .pt-app li .bd_lblue {
    font-size: 16px;
    padding: 4px 20px;
    margin-top: 10px
}

.tab-box .pt-app li:hover .bd_lblue {
    background-color: #ff6700!important;
    border: 1px solid #ff6700!important;
    color: #fff!important
}

.tab-box .copyright .cr-body .cr-reg .cr-reg-body,
.tab-box .cr-reg-top {
    background-color: #fff;
    box-shadow: 1px 1px 1px 1px #e6e4e4
}

.tab-box .copyright {
    padding-bottom: 17px
}

.tab-box .copyright .cr-body .tm-reg .reg-item {
    margin-right: 26px
}

.tab-box .cr-reg-top {
    padding: 16px 10px 0 15px
}

.tab-box .cr-reg-top .top-tit {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
    padding-left: 6px
}

.tab-box .cr-reg-top .top-tit li {
    margin-left: 16px;
    padding: 5px 0;
    font-size: 12px;
    color: #d4cece
}

.tab-box .cr-reg-top .top-tit li span {
    color: #999;
    font-size: 14px
}

.tab-box .copyright .cr-body .cr-reg .cr-reg-body .left-ul {
    width: 706px
}

.tab-box .copyright .cr-body .cr-reg .cr-reg-body .left-ul li {
    cursor: pointer;
    height: 222px;
    width: 350px;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    padding: 45px 20px 30px;
    box-sizing: border-box
}

.tab-box .copyright .cr-body .cr-reg .cr-reg-body .left-ul li:hover {
    background-color: #fffbf8;
    border: 1px solid #f8dcc9;
    box-shadow: 0 0 5px #f8dcc9
}

.tab-box .copyright .cr-body .cr-reg .cr-reg-body .left-ul li:hover h3 {
    color: #ff6700
}

.cr-reg-body .left-ul .img-box {
    display: inline-block
}

.cr-reg-body .left-ul .text {
    width: 215px;
    text-align: left;
    font-size: 12px;
    color: #999;
    display: inline-block;
    margin-left: 10px;
    vertical-align: top;
    line-height: 17px
}

.tab-box .copyright .btns {
    width: 100%;
    text-align: center;
    margin-top: 25px
}

.tab-box .copyright .btns span {
    color: #ff3145
}

.cr-reg-body .left-ul li:hover .btn,
.cr-reg-body .right .btn {
    border: 1px solid #ff6700!important;
    color: #ff6700!important
}

.cr-reg-body .left-ul li:hover .btn span,
.cr-reg-body .right .btn span {
    color: #ff6700
}

.tab-box .copyright .btns .btn:hover {
    background: #ff6700;
    border: 1px solid #ff6700!important;
    color: #fff!important
}

.tab-box .copyright .btns .btn:hover span {
    color: #fff
}

.tab-box .copyright .btns .btn {
    width: 130px;
    display: inline-block;
    line-height: 36px;
    color: #555;
    padding: 0;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    font-size: 14px
}

.tab-box .copyright .cr-body .cr-reg .cr-reg-body .left-ul li h3 {
    font-size: 19px;
    color: #555;
    margin-bottom: 5px;
    line-height: 20px
}

.tab-box .copyright .cr-body .cr-reg .cr-reg-body .left-ul h4 {
    color: #888;
    font-weight: 400
}

.tab-box .copyright .cr-body .cr-reg .cr-reg-body .left-ul h4 span {
    color: #ff3145;
    font-size: 26px;
    font-weight: 700
}

.tab-box .copyright .cr-body .cr-reg .cr-reg-body .right-ul {
    width: 494px
}

.tab-box .copyright .cr-body .cr-reg .cr-reg-body .right-ul .right-tit {
    margin: 20px 20px 20px 24px;
    border-bottom: 1px solid #ececec;
    text-align: left;
    font-size: 18px;
    color: #666;
    padding-bottom: 16px
}

.tab-box .copyright .cr-body .cr-reg .cr-reg-body .right-ul li {
    font-size: 24px;
    padding: 0 15px;
    line-height: 30px;
    min-width: 170px;
    margin: 10px 0 10px 10px;
    box-sizing: border-box;
    text-align: left;
    border: 1px solid #fff
}

.cr-reg-body .right-ul li:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #bbd7f4;
    margin-right: 15px
}

.tab-box .copyright .cr-body .cr-reg .cr-reg-body .right-ul li a {
    color: #555;
    font-size: 15px
}

.cr-reg-body .right-ul li.active,
.tab-box .copyright .cr-body .cr-reg .cr-reg-body .right-ul li:hover {
    color: #ff6700;
    background-color: #fffbf8;
    box-shadow: 0 0 5px #ffd9c0;
    border: 1px solid #ffd9c0!important
}

.cr-reg-body .right-ul li.active a,
.tab-box .copyright .cr-body .cr-reg .cr-reg-body .right-ul li:hover a {
    color: #ff6700!important
}

.cr-reg-body .right-ul li.active:before,
.cr-reg-body .right-ul li:hover:before {
    background: #ff6700
}

.trade_que_box {
    border: 1px solid #ececec
}

.trade_que_box .trade_que {
    width: 600px;
    margin: -1px;
    background-color: #fff
}

.trade_que_box .trade_que .trade_side {
    position: relative;
    background-color: #f6faff;
    border: 1px solid #bfdcff;
    padding: 10px 20px;
    width: 170px;
    height: 201px;
    background-position: 95px 100px;
    background-repeat: no-repeat;
    transition: all .5s ease 0s
}

.askbuy,
.trade_news {
    background-color: #fff
}

.trade_que_box .trade_que .trade_side:hover {
    padding-left: 25px;
    padding-right: 15px;
    background-position: 95px 105px
}

.trade_que_box .trade_que.left .trade_side {
    background-image: url(../images/trade_san_bg.png)
}

.trade_que_box .trade_que.right .trade_side {
    background-image: url(../images/trade_quan_bg.png)
}

.trade_que_box .trade_que .trade_side .trade_side_til {
    color: #f9cb1a;
    font-size: 18px;
    border-bottom: 1px solid #d1e6ff;
    height: 40px;
    line-height: 40px
}

.trade_que_box .trade_que .trade_side .trade_side_info {
    color: #666;
    font-size: 12px;
    margin-top: 15px
}

.trade_que_box .trade_que .trade_side .trade_side_more {
    position: absolute;
    left: 20px;
    bottom: 30px;
    font-size: 12px;
    transition: all .5s ease 0s
}

.trade_que_box .trade_que .trade_side:hover .trade_side_more {
    left: 25px
}

.trade_que_box .trade_main {
    padding: 0 20px;
    width: 348px;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    transition: all .5s ease 0s
}

.trade_que_box .trade_main:hover {
    padding-left: 30px;
    padding-right: 10px
}

.trade_que_box .trade_main .trade_item {
    padding: 20px 0;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    margin-top: -1px;
    margin-bottom: -1px;
    height: 70px
}

.trade_que_box .trade_main .trade_item .trade_item_top {
    color: #444;
    font-size: 16px;
    line-height: 40px;
    font-weight: 600
}

.trade_que_box .trade_main .trade_item .trade_item_top:hover {
    color: #ff4800!important
}

.trade_que_box .trade_main .trade_item .trade_item_pre {
    color: #585858;
    font-size: 16px;
    vertical-align: bottom;
    line-height: 40px
}

.trade_que_box .trade_main .trade_item .trade_item_pre .c_red {
    font-size: 20px;
    padding-left: 5px
}

.trade_que_box .trade_main .trade_item .trade_item_intro {
    color: #777;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.trade_que_box .trade_que.trade_que2 {
    width: 1200px
}

.trade_que_box .trade_que.trade_que2 .trade_side {
    background-image: url(../images/trade_ben_bg.jpg)
}

.trade_que_box .trade_main.trade_main2 {
    width: 988px;
    margin-right: -1px;
    padding: 0;
    height: 221px;
    border-right: 1px solid #ececec;
    overflow: hidden
}

.trade_que_box .trade_main2 .trade_item_box {
    width: 454px;
    margin-right: -1px;
    padding: 0 20px;
    border-right: 1px solid #ececec;
    transition: all .5s ease 0s
}

.trade_que_box .trade_main.trade_main2 .trade_item_box:hover {
    padding-left: 25px;
    padding-right: 15px
}

.trade_que_box .trade_main.trade_main2 .trade_item {
    padding: 20px 0;
    border-top: 0;
    height: 72px;
    border-bottom: 1px solid #ececec
}

.askbuy,
.trade_news {
    border: 1px solid #ececec
}

.trade_news {
    margin-bottom: 40px
}

.trade_news .trade_news_mess {
    padding: 0 30px;
    width: 730px
}

.trade_news .trade_news_know {
    padding: 0 20px;
    width: 340px
}

.trade_news .trade_news_til {
    height: 86px;
    line-height: 86px;
    border-bottom: 1px solid #ececec;
    font-size: 28px;
    color: #444;
    font-weight: 400
}

.trade_news .trade_news_til .c_blue {
    color: #f9cb1a
}

.trade_news .trade_news_til .more {
    font-size: 12px;
    color: #666
}

.trade_news .trade_news_til .more:hover {
    color: #ff4800
}

.trade_news .trade_know_ul {
    list-style-type: circle;
    color: #f9cb1a;
    margin: 15px 0 15px 20px;
    font-size: 16px
}

.trade_news .trade_know_ul li {
    line-height: 56px;
    height: 56px
}

.trade_news .trade_know_ul li a {
    color: #666
}

.trade_news .trade_know_ul li a:hover {
    color: #ff4800
}

.trade_news .new_item_box {
    padding: 18px 0;
    border-top: 1px solid #ececec;
    margin-top: -1px
}

.trade_news .new_item_box .new_item_til {
    font-size: 22px;
    color: #444;
    line-height: 34px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 1px
}

.trade_news .new_item_box .new_item_til:hover {
    color: #ff4800
}

.trade_news .new_item_box .new_item_info {
    margin: 8px 0;
    font-size: 14px;
    color: #888;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.trade_news .new_item_box .new_item_info:hover {
    color: #f9cb1a
}

.trade_news .new_item_box .new_main {
    width: 514px
}

.trade_news .new_item_box .news_img {
    margin-top: 5px;
    width: 190px
}

.askbuy {
    width: 230px;
    height: 390px;
    padding: 0 20px
}

.askbuy .askbuy_til {
    height: 52px;
    line-height: 52px;
    border-bottom: 1px solid #ececec;
    color: #8d8d8d;
    font-size: 12px
}

.askbuy .askbuy_til .c_orange {
    color: #ff4800;
    margin-right: 15px;
    font-size: 16px
}

.askbuy .askbuy_infor {
    color: #666;
    margin-top: 20px;
    line-height: 30px;
    margin-bottom: 20px
}

.askbuy .askbuy_infor .input {
    width: 155px;
    height: 28px;
    padding: 0 5px;
    border: 1px solid #ececec
}

.askbuy .askbuy_infor .com_search_box {
    padding: 0;
    border: 0;
    background-color: transparent
}

.askbuy .askbuy_infor .com_search_box .dropdown,
.deal_mark {
    border: 1px solid #ececec
}

.askbuy .askbuy_infor .textarea {
    width: 210px;
    padding: 10px;
    color: #666;
    font-size: 14px;
    border: 1px solid #ececec;
    height: 60px;
    resize: none
}

.sucbuy_top {
    padding: 70px 0 0;
    height: 230px
}

.sucbuy_bot {
    border-top: 1px solid #ececec;
    padding: 40px 0
}

.deal_mark {
    width: 910px;
    height: 390px;
    background-color: #fff
}

.deal_mark .deal_side {
    margin: -1px;
    border: 1px solid #ffd3c1;
    width: 200px;
    height: 100%;
    background-color: #fffbfa
}

.slides_box,
.trade_scroll_main {
    margin-left: 1px;
    overflow: hidden
}

.deal_mark .deal_side .ibuy,
.deal_mark .deal_side .isell {
    padding: 0 20px;
    height: 195px;
    background-position: 100px 100px;
    background-repeat: no-repeat;
    transition: all .5s ease 0s
}

.deal_mark .deal_side .ibuy:hover,
.deal_mark .deal_side .isell:hover {
    background-position: 95px 100px
}

.deal_mark .deal_side .isell {
    margin-top: -1px;
    border-top: 1px solid #ffd3c1;
    background-image: url(../images/isell_bg.png)
}

.deal_mark .deal_side .ibuy {
    background-image: url(../images/ibuy_bg.png)
}

.deal_mark .deal_side .deal_side_til {
    line-height: 60px;
    font-size: 20px;
    border-bottom: 1px solid #ffe5db;
    background: url(../images/til_next.png) right center no-repeat;
    cursor: pointer
}

.deal_mark .deal_side .deal_side_til .right {
    font-size: 42px;
    color: #ffd3c2;
    line-height: 50px
}

.deal_mark .deal_side .deal_side_info {
    color: #666;
    font-size: 14px;
    margin-top: 10px;
    cursor: pointer
}

.trade_scroll_main {
    width: 709px;
    margin-top: 20px;
    height: 372px
}

.trade_item_ol {
    margin-top: -1px;
    text-align: center
}

.slides_box {
    width: 708px
}

.trade_item_ol li {
    position: relative;
    border-top: 1px solid #ececec;
    border-left: 1px solid #ececec;
    width: 174px;
    float: left;
    margin-left: -1px;
    padding-bottom: 10px
}

.trade_item_ol li .img_box {
    width: 160px;
    height: 100px;
    margin: 0 auto;
    overflow: hidden;
    line-height: 100px;
    background-image: url(../images/doing.gif);
    background-repeat: no-repeat;
    background-position: center center
}

.trade_item_ol li img {
    max-width: 160px;
    max-height: 100px;
    margin: 0 auto;
    vertical-align: middle
}

.trade_item_ol li .affiliation {
    position: absolute;
    font-size: 12px;
    text-align: center;
    height: 18px;
    line-height: 18px;
    width: 50px;
    right: 5px;
    top: 5px;
    background-color: #609cea;
    color: #fff;
    border-radius: 1px
}

.trade_item_ol li .affiliation.agent {
    background-color: #ff7a20
}

.trade_item_ol li .trade_name {
    color: #666;
    font-size: 14px;
    vertical-align: middle;
    line-height: 26px;
    height: 26px;
    overflow: hidden
}

.trade_item_ol li .trade_name>span {
    display: inline-block;
    padding: 0 25px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 140px
}

.trade_item_ol li .trade_name .tally {
    display: inline-block;
    position: absolute;
    top: 3px;
    right: 0;
    width: 20px;
    height: 20px;
    background-image: url(../images/icon_rtm.png);
    background-repeat: no-repeat;
    margin-bottom: -3px;
    margin-left: 3px
}

.trade_item_ol li .trade_name .tally.tally_r {
    background-position: -4px -3px
}

.trade_item_ol li .trade_name .tally.tally_tm {
    background-position: -4px -39px
}

.trade_item_ol li .trade_name .tally.tally_tj {
    background-position: -4px -76px;
    right: auto;
    left: 0
}

.trade_item_ol li .trade_price {
    color: #888;
    font-size: 14px;
    vertical-align: bottom;
    height: 28px;
    line-height: 28px
}

.trade_item_ol li .trade_price .c_red {
    font-size: 20px;
    padding-left: 5px
}

.trade_item_ol li .trade_sort {
    font-size: 12px;
    color: #999
}

.trade_item_ol li .trade_sort .more {
    background-color: #9ab7da;
    padding: 0 3px;
    color: #fff;
    line-height: 18px;
    margin-left: 5px
}

.trade_scroll_main .flex-control-nav {
    bottom: -25px
}

.rel_step {
    padding-bottom: 40px;
    border-bottom: 1px solid #e7e7e7
}

.rel_step .step {
    display: inline-block;
    margin: 0 -2px;
    width: 228px;
    background-image: url(../images/rel_steps.png);
    background-repeat: no-repeat;
    background-position: -236px 0
}

.rel_step .step.active {
    background-position: -6px 0
}

.rel_step .step .step_num {
    line-height: 48px;
    font-size: 20px;
    padding-left: 22px;
    font-weight: 400;
    color: #fff
}

.rel_step .step .step_info {
    margin-top: 5px;
    font-size: 16px;
    color: #acacac;
    padding-left: 22px
}

.rel_step .step.active .step_info {
    color: #f9cb1a
}

.import .com_input {
    padding: 8px 6px;
    background-color: #fbfbfb
}

.import .btn_import {
    border-radius: 0!important;
    margin-left: -1px;
    padding: 9px 20px
}

.screen_box {
    background-color: #fff;
    border: 1px solid #ececec;
    margin: 30px 0
}

.screen_box .screen_rside {
    width: 260px;
    margin-right: -1px;
    margin-bottom: -1px
}

.screen_box .screen_rside .screen_fast {
    cursor: pointer;
    height: 96px;
    padding: 15px;
    background-image: url(../images/buss_rbg.png);
    background-repeat: no-repeat;
    margin-top: -1px;
    background-color: #f8fbff;
    border: 1px solid #ddebff
}

.screen_box .screen_rside .screen_fast.active {
    background-color: #fff;
    border-left: 0;
    border-right: 1px solid #ececec
}

.screen_box .screen_rside .screen_fast1 {
    background-position: right 0
}

.screen_box .screen_rside .screen_fast2 {
    background-position: right -125px
}

.screen_box .screen_rside .screen_fast3 {
    background-position: right -248px
}

.screen_box .screen_rside .screen_til {
    color: #444;
    font-size: 15px;
    margin-top: 10px;
    line-height: 30px;
    font-weight: 400
}

.screen_box .screen_rside .screen_info {
    color: #999;
    font-size: 12px;
    line-height: 20px
}

.screen_box .screen_main {
    width: 905px;
    margin: 0 14px 14px
}

.screen_box .screen_main.find-list {
    width: 810px;
    margin: 0 14px 14px
}

.screen_box .screen_main .screen_fast_item {
    border-top: 1px dashed #e5e5e5;
    margin-top: -1px;
    padding: 12px 0 12px 88px;
    position: relative
}

.screen_box .screen_main .screen_fast_item .til {
    position: absolute;
    display: inline-block;
    width: 70px;
    height: 20px;
    text-align: right;
    color: #666;
    font-size: 12px;
    font-weight: 700;
    left: 0;
    top: 14px
}

.screen_box .screen_main .screen_fast_item.border0 {
    border: 0!important
}

.screen_box .screen_main .screen_fast_item .item_option {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    padding-left: 5px;
    padding-right: 25px;
    position: relative;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
    color: #fff;
    background-color: #ff6700;
    border-radius: 3px
}

.screen_box .screen_main .screen_fast_item .item_option.cancel_all {
    background-color: inherit;
    border: 1px solid #428ae2;
    border-radius: 3px
}

.screen_box .screen_main .screen_fast_item .item_option:hover {
    background-color: #ff4800
}

.screen_box .screen_main .screen_fast_item .item_option.cancel_all:hover {
    background-color: inherit
}

.screen_box .screen_main .screen_fast_item .item_option a {
    color: #fff
}

.screen_box .screen_main .screen_fast_item .item_option.cancel_all a {
    color: #f9cb1a
}

.screen_box .screen_main .screen_fast_item .item_option .option_del {
    display: inline-block;
    position: absolute;
    right: 0;
    width: 20px;
    height: 20px;
    background-color: #ff4800;
    top: 0;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    background-image: url(../images/icon_buss.png);
    background-repeat: no-repeat;
    background-position: -8px -10px
}

.screen_box .screen_main .screen_fast_item .item_option .option_del.cancel_icon {
    background-image: url(../images/icon2.png);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: -141px -7px
}

.screen_box .screen_main .screen_fast_item .options {
    color: #666;
    cursor: pointer;
    font-size: 12px;
    padding: 5px 6px;
    border-radius: 3px;
    margin-bottom: -1px;
    white-space: nowrap
}

.screen_box .screen_main .screen_fast_item a.options {
    color: #f9cb1a
}

.screen_box .screen_main .screen_fast_item .single:hover {
    background: #428ae2;
    color: #fff
}

.screen_box .screen_main .screen_fast_item span.options.active {
    background-color: #f8fbff;
    border: 1px solid #ddebff;
    border-radius: 0;
    border-bottom: none;
    color: #f9cb1a
}

.screen_box .screen_main .screen_fast_item span.options.single.active {
    background: #428ae2;
    color: #fff;
    border: 0;
    border-radius: 3px
}

.screen_box .screen_main .screen_fast_item a.options.active,
.screen_box .screen_main .screen_fast_item a.options:hover {
    background-color: #428ae2;
    color: #fff
}

.screen_box .screen_main .screen_fast_item .detailed_item {
    border: 1px solid #ddebff;
    background-color: #f8fbff;
    padding: 5px
}

.screen_box .screen_main .screen_fast_item .screen_fast_btn {
    font-size: 12px;
    border: none;
    background-color: #428ae2;
    color: #fff;
    height: 24px;
    padding: 0 10px
}

.screen_box .screen_main .screen_fast_item .verbar {
    margin-right: 9px;
    color: #cdcdcd;
    font-size: 18px;
    line-height: 24px;
    font-weight: 200
}

.screen_box .screen_main .screen_fast_item .screen_fast_input {
    text-indent: 5px;
    font-size: 12px;
    height: 22px;
    border: 1px solid #d6d6d6
}

.spread {
    font-size: 12px;
    padding: 5px 20px 5px 5px;
    z-index: 9;
    position: relative;
    line-height: 24px;
    display: inline-block
}

.spread .toggle::before {
    content: '';
    display: inline-block;
    width: 13px;
    height: 24px;
    position: absolute;
    right: 5px;
    top: 5px
}

.spread .open::before {
    background: url(../images/icon_down.png) no-repeat
}

.spread .close::before {
    background: url(../images/icon_up.png) no-repeat
}

.spread .close {
    display: none
}

.spreadpop {
    position: absolute;
    background-color: #f8fbff;
    left: 85px;
    top: 34px;
    width: 830px;
    border: 1px solid #ddebff;
    z-index: 8;
    box-shadow: 0 0 5px #ddebff
}

.spreadpop .spreadpop_ul {
    margin: 20px 15px;
    overflow: hidden
}

.spreadpop .spreadpop_ul li {
    float: left;
    width: 99px;
    line-height: 30px;
    border-left: 1px solid #e5f0ff;
    margin-left: -1px;
    text-align: left;
    padding-left: 1px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.spreadpop .spreadpop_ul li a {
    margin: 0 6px;
    cursor: pointer;
    padding: 3px 5px
}

.spreadpop .spreadpop_ul li a.result:hover,
.spreadpop .spreadpop_ul li a:hover {
    background-color: #428ae2;
    color: #fff;
    border-radius: 3px
}

.spreadpop .spreadpop_ul li a.selected,
.spreadpop .spreadpop_ul li a.selected.result {
    background-color: #428ae2;
    color: #fff;
    padding: 3px 5px;
    border-radius: 3px
}

.screen_box .screen_main .screen_fast_item a.result {
    background-color: inherit;
    color: #f9cb1a;
    border: 1px solid #428ae2;
    padding: 3px 5px;
    border-radius: 3px
}

.screen_box .select2-container .select2-choice {
    height: 25px;
    line-height: 25px
}

.screen_box .select2-container .select2-choice .select2-arrow {
    top: -8px
}

.buss_mark_box {
    background-color: #f5f5f5;
    _overflow-x: hidden
}

.buss_mark_box .askbuy {
    background-color: #fff;
    padding: 0 15px 378px
}

.buss_mark_box .buss_mark_main {
    width: 920px;
    background-color: #fff;
    margin-top: -1px;
    border-left: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    border-right: 1px solid #ececec
}

.buss_mark_box .buss_mark_main .rank_box+div {
    height: 609px
}

.buss_mark_box .buss_mark_main .trade_item_ol {
    margin-right: -1px;
    height: 609px
}

.buss_mark_box .buss_mark_main .page,
.rank_box {
    height: 30px
}

.buss_mark_main .trade_item_ol li {
    border-bottom: 1px solid #ececec;
    border-right: 1px solid #ececec;
    width: 25%;
    border-left: none;
    border-top: none
}

.buss_mark_main .trade_item_ol li .affiliation {
    right: 0;
    top: 10px
}

.buss_mark_main .none_main {
    text-align: center;
    color: #666;
    font-size: 16px;
    line-height: 30px
}

.buss_mark_main .none_main .none_tel {
    color: #66a0e7;
    font-size: 26px;
    margin: 110px 0 20px
}

.buss_mark_main .none_main img {
    vertical-align: middle;
    margin-right: 10px
}

.rank_box {
    background-color: #f3f9ff;
    padding: 10px;
    line-height: 30px;
    border-top: 2px solid #a1cbff
}

.rank_box .rank_issue {
    line-height: 20px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    margin-right: 10px;
    display: inline-block;
    padding: 2px 10px 2px 30px;
    margin-top: 3px;
    background: url(../images/icon_buss.png) -32px -9px no-repeat #428ae2
}

.rank_box .rank_item {
    display: inline-block;
    margin: 0 15px;
    padding-right: 30px;
    line-height: 30px;
    position: relative
}

.rank_box .rank_item::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/icon_buss.png) -8px -127px no-repeat;
    position: absolute;
    right: 5px;
    top: 5px
}

.rank_box .rank_item.not-sort::after {
    display: none
}

.rank_box .rank_item.up::after {
    background-position: -8px -87px
}

.rank_box .rank_item.down::after {
    background-position: -8px -47px
}

.rank_box .next,
.rank_box .pre {
    padding: 0 3px;
    background-color: #77abeb;
    line-height: 20px;
    font-size: 12px;
    margin-top: 5px;
    border-radius: 3px;
    color: #fff
}

.fail_succ {
    height: 250px;
    padding: 50px 0;
    font-size: 16px;
    color: #555
}

.fail_succ .fail,
.fail_succ .succ {
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 60px;
    font-size: 24px;
    padding-left: 60px;
    display: inline-block
}

.fail_succ .succ {
    background-image: url(../img/icon_succ.png);
    color: #0bb523
}

.fail_succ .fail {
    background-image: url(../img/icon_fail.png);
    color: #ff4800
}

.brand-name {
    width: 1200px;
    margin: 20px auto;
    background: #fff
}

.brand-name .dropdown_oth {
    background: #fbfbfb;
    width: 261px
}

.brand-name .dropdown_oth .carat {
    background: url(../images/icon.png) -110px -20px no-repeat #fbfbfb!important
}

.brand-name .dropdown_oth .selected {
    padding: 10px 3px 10px 10px
}

.brand-name input {
    border: 1px solid #d1d1d1;
    background-color: #fbfbfb;
    line-height: 26px
}

.brand-name dl dt {
    width: 100px;
    font-size: 14px;
    margin-right: 15px;
    text-align: right
}

.brand-name dl .bd_orange {
    margin: 0;
    border-radius: 0;
    float: left;
    width: 85px
}

.brand-name dl .bd_orange.active {
    background-color: #fd6601;
    border: 1px solid #fd6601;
    color: #fff!important
}

.brand-name .btn {
    padding: 7px 22px;
    font-size: 14px
}

.brand-name .btn-box {
    padding: 20px 0;
    text-align: center
}

.brand-name .number a {
    padding: 0 10px;
    color: #666
}

.brand-name .number a.active,
.brand-name .number a:hover {
    color: #fd6601
}

.brand-name .input-number {
    width: 15px;
    padding: 0 15px;
    margin-right: 5px
}

.brand-name .input-sec {
    width: 280px;
    padding: 3px 30px 3px 5px
}

.brand-name .i-serch {
    top: 8px;
    right: auto;
    left: 295px
}

.brand-name .type-btn {
    line-height: 14px;
    margin-right: 10px;
    padding: 4px 0;
    text-align: center;
    border-radius: 3px;
    min-width: 40px;
    width: 94px;
    display: inline-block;
    box-sizing: border-box
}

.brand-name .template {
    width: 880px;
    margin: 0;
    padding: 5px 100px 5px 15px;
    height: 55px;
    overflow: hidden
}

.brand-name .template .type-btn {
    font-size: 12px
}

.brand-name .template .type-btn.active,
.brand-name .template .type-btn:hover {
    background-color: #f9cb1a;
    color: #fff;
    border: 1px solid #f9cb1a
}

.brand-name .template .type-btn.on {
    border: 1px solid #f9cb1a
}

.brand-name .template .spread {
    position: absolute;
    right: 20px;
    top: 5px
}

.brand-name .temp_oth {
    height: auto;
    padding: 5px 15px 5px 100px
}

.brand-name .temp_oth .type-btn:first-child {
    position: absolute;
    left: 20px;
    top: 8px;
    width: 66px
}

.brand-name.search-result {
    padding-bottom: 30px
}

.brand-name.search-result .type {
    margin: 0 20px;
    line-height: 20px;
    border-bottom: 0
}

.brand-name.search-result .type dt {
    width: 90px
}

.brand-name.search-result .type-btn {
    font-size: 14px;
    margin-bottom: 10px;
    background-color: #f0f7ff;
    width: 115px
}

.brand-name.search-result .type-btn:hover {
    background-color: #fff4ec;
    color: #fd6601
}

.brand-name.search-result .type-btn.active {
    background-color: #fd6601;
    color: #fff
}

.brand-name.search-result .type-box {
    width: 1000px
}

.brand-name .title {
    width: 1160px
}

.brand-name .title.fixe {
    position: fixed;
    top: 0;
    box-shadow: 0 1px 10px #cfdef3;
    z-index: 11
}

.brand-name .title .btn_border:hover .i-change {
    display: inline-block;
    background-image: url(./sprite.1614672658685.png);
    background-position: -29px -236px;
    width: 15px;
    height: 17px;
    vertical-align: middle;
    margin-top: -2px
}

.brand-name .table-box {
    margin: 20px
}

.brand-name .table-box .table {
    border: 0
}

.brand-name .table-box .table td:nth-child(1),
.brand-name .table-box .table th:nth-child(1) {
    padding-left: 40px
}

.brand-name .table-box .table td {
    padding: 8px
}

.brand-name .table-box .table .btn {
    padding: 5px 11px;
    margin: 0 10px 0 0
}

.brand-name .table-box .table .btn_orange4.active {
    background-color: #ff6700!important;
    border: 1px solid #ff6700!important;
    display: block
}

.brand-name .table-box .btn-box {
    display: inline-block;
    width: 80px;
    vertical-align: top;
    border-radius: 3px;
    padding: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0
}

.brand-name .table-box .btn-box:hover {
    z-index: 10
}

.brand-name .table-box .btn-box:hover .btn {
    display: block
}

.brand-name .table-box .btn-box .btn {
    border-radius: 0;
    margin: 0;
    display: none
}

.brand-name .table-box .btn-links {
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    height: 32px;
    position: relative
}

.serve_box {
    border: 1px solid #e7e7e7;
    padding: 20px 30px;
    background-color: #fff
}

.serve_box .serve_infobox {
    margin-left: 20px
}

.serve_box .serve_infobox .serve_til {
    font-size: 24px;
    color: #333;
    margin-top: 15px;
    position: relative;
    font-weight: 400
}

.serve_box .serve_infobox .serve_intro {
    font-size: 14px;
    color: #777;
    margin-top: 10px
}

.serve_box .serve_infobox .serve_til .serve_icon {
    position: absolute;
    font-size: 12px;
    color: #fff;
    background-color: #ff4800;
    padding: 1px 8px;
    margin-left: 10px;
    line-height: 16px;
    border-radius: 8px
}

.serve_box .serve_infobox .serve_til .serve_icon:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-right: 8px solid #ff4800;
    border-bottom: 4px solid transparent;
    left: -5px;
    top: 4px
}

.serve_box .serve_infobox .serve_til .serve_icon.new_online {
    background-color: #187de3
}

.serve_box .serve_infobox .serve_til .serve_icon.new_online:before {
    border-right: 8px solid #187de3
}

.serve_box .serve_prc_box {
    text-align: right
}

.serve_box .serve_prc_box .serve_prcinfo {
    font-size: 14px;
    color: #777
}

.serve_box .serve_prc_box .serve_prc {
    font-size: 16px;
    color: #444
}

.serve_box .serve_prc_box .serve_prc .c_red {
    font-size: 34px;
    margin: 0 5px
}

.serve_box .serve_ensure {
    border-top: 1px solid #ececec;
    padding-top: 15px
}

.serve_box .ensure_btn {
    display: inline-block;
    border: 1px solid #ff4800;
    font-size: 12px;
    color: #ff4800;
    line-height: 24px;
    padding-left: 30px;
    padding-right: 15px;
    background-repeat: no-repeat;
    background-position: 8px center;
    margin: 0 5px;
    border-radius: 13px
}

.serve_box .ensure_btn1 {
    background-image: url(../images/reg_url_ren.png)
}

.serve_box .ensure_btn2 {
    background-image: url(../images/reg_url_bao.png)
}

.serve_box .ensure_btn3 {
    background-image: url(../images/reg_url_huan.png)
}

.brand_service_box {
    padding-top: 362px;
    background: url(../images/service_top.jpg) top center no-repeat
}

.brand_service {
    width: 1034px;
    margin: 0 auto
}

.brand_service .cont_box {
    margin-bottom: 34px;
    background: #fff
}

.brand_service .cont_box .nav {
    padding: 0 26px;
    font-size: 18px;
    background: #ff730d;
    color: #fff
}

.brand_service .cont_box .nav span {
    position: relative;
    display: inline-block;
    padding: 14px 20px;
    cursor: pointer
}

.brand_service .cont_box .nav .cur {
    background: #ee5a00
}

.brand_service .cont_box .nav .cur:before {
    content: '';
    position: absolute;
    left: 50px;
    bottom: -12px;
    width: 0;
    height: 0;
    z-index: 99;
    border-top: 12px solid #ee5a00;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: none
}

.brand_service .cont_box .cont1 {
    padding: 0 0 0 250px;
    background: url(../images/notpass.png) 19px 34px no-repeat
}

.brand_service .cont_box {
    padding: 40px;
    font-size: 15px
}

.brand_service .cont_box .cont_bg {
    height: 180px;
    width: 180px;
    margin: 30px 40px 0 20px;
    line-height: 180px;
    text-align: center;
    background: #fff9f3;
    border: 3px solid #ffd1af;
    font-size: 110px;
    font-family: PingFangSC-Regular, sans-serif;
    color: #ffccb1;
    border-radius: 200px;
    font-weight: lighter
}

.brand_service .cont_box .table {
    border: 0
}

.brand_service .cont_box .table tr:hover {
    background-color: inherit
}

.brand_service .cont_box .table td {
    padding: 0 12px 30px;
    border: 0;
    font-size: 15px
}

.brand_service .process_box,
.brand_service .public_box {
    padding: 40px;
    text-align: center;
    border-top: 2px solid #facdb2
}

.brand_service .cont_box .title {
    margin-right: 14px;
    color: #ff730d
}

.brand_service .cont_box .c_red {
    color: #ff3f3f;
    font-size: 30px
}

.brand_service .cont_box .btn {
    box-shadow: 0 3px 0 0 #056bd3;
    -webkit-box-shadow: 0 3px 0 0 #056bd3;
    -moz-box-shadow: 0 3px 0 0 #056bd3;
    -o-box-shadow: 0 3px 0 0 #056bd3
}

.brand_service .cont_box .btn:hover {
    box-shadow: 0 3px 0 0 #0252a3;
    -webkit-box-shadow: 0 3px 0 0 #0252a3;
    -moz-box-shadow: 0 3px 0 0 #0252a3;
    -o-box-shadow: 0 3px 0 0 #0252a3
}

.brand_service .cont_box .btn_yellow {
    background-color: #ffa526;
    box-shadow: 0 3px 0 0 #ce7900;
    -webkit-box-shadow: 0 3px 0 0 #ce7900;
    -moz-box-shadow: 0 3px 0 0 #ce7900;
    -o-box-shadow: 0 3px 0 0 #ce7900
}

.brand_service .cont_box .btn_yellow:hover {
    background-color: #ff9807;
    box-shadow: 0 3px 0 0 #cd3a00;
    -webkit-box-shadow: 0 3px 0 0 #cd3a00;
    -moz-box-shadow: 0 3px 0 0 #cd3a00;
    -o-box-shadow: 0 3px 0 0 #cd3a00
}

.brand_service .cont_box .btn_orange {
    box-shadow: 0 3px 0 0 #cd3a00;
    -webkit-box-shadow: 0 3px 0 0 #cd3a00;
    -moz-box-shadow: 0 3px 0 0 #cd3a00;
    -o-box-shadow: 0 3px 0 0 #cd3a00
}

.brand_service .cont_box .btn_orange:hover {
    background-color: #ff4800;
    box-shadow: 0 3px 0 0 #cd3a00;
    -webkit-box-shadow: 0 3px 0 0 #cd3a00;
    -moz-box-shadow: 0 3px 0 0 #cd3a00;
    -o-box-shadow: 0 3px 0 0 #cd3a00
}

.brand_service .process_box {
    margin-bottom: 34px;
    background: url(../images/process.jpg) center no-repeat #fff
}

.brand_service .process_box .title {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 240px
}

.brand_service .public_box {
    margin-bottom: 34px;
    font-size: 16px;
    background-color: #fff
}

.brand_service .public_box .title {
    font-size: 30px;
    font-weight: 400;
    border-bottom: 1px solid #eee
}

.brand_service .public_box .aim {
    width: 515px;
    text-align: left
}

.brand_service .public_box .question {
    width: 368px;
    text-align: left
}

.brand_service .public_box .aim .list {
    padding: 20px 40px
}

.brand_service .public_box .aim .list li {
    padding: 30px 0 30px 90px
}

.brand_service .public_box .aim .list .blist {
    background: url(../images/aim1.png) left center no-repeat
}

.brand_service .public_box .aim .list .rlist {
    background: url(../images/aim2.png) left center no-repeat
}

.brand_service .public_box .aim .list .glist {
    background: url(../images/aim3.png) left center no-repeat
}

.brand_service .public_box .aim .list .key {
    font-size: 22px
}

.brand_service .public_box .aim .list .blist .key {
    color: #ffa526
}

.brand_service .public_box .aim .list .rlist .key {
    color: #f26363
}

.brand_service .public_box .aim .list .glist .key {
    color: #3cb57b
}

.brand_service .public_box .question .list {
    padding-top: 32px;
    margin-left: 25px
}

.brand_service .public_box .question li {
    list-style: circle;
    color: #ff926c;
    line-height: 50px
}

.brand_service .public_box .question .list li a {
    color: #666
}

.brand_service .public_box .question .list li a:hover {
    color: #ff4800
}

.brand_service .public_box .question .more {
    font-size: 12px;
    color: #666;
    margin-top: 18px
}

.brand_service .public_box .question .more:hover {
    color: #ff4800
}

.tm-new-service button {
    border: 0;
    color: #fff;
    font-size: 16px;
    width: 140px;
    height: 37px;
    border-radius: 25px;
    cursor: pointer
}

.tm-new-service .con-btn {
    background-color: #ff8e19;
    box-shadow: 0 0 30px -5px #ff8e19;
    margin-right: 20px
}

.tm-new-service .apl-btn {
    background-color: #546cce;
    box-shadow: 0 0 30px -5px #546cce
}

.tm-new-service .advantage .advan-box,
.tm-new-service .tab {
    box-shadow: 1px 1px 30px -10px grey
}

.tm-new-service .con-btn:hover {
    background-color: #ff9b32
}

.tm-new-service .apl-btn:hover {
    background-color: #647cdb
}

.tm-new-service .pb {
    padding-bottom: 333px
}

.tm-new-service .mb56 {
    margin-bottom: 56px
}

.tm-new-service .banner {
    background-repeat: no-repeat;
    width: 100%;
    height: 385px;
    position: relative;
    overflow: hidden
}

.tm-new-service .banner .banner-img {
    background-image: url(../images/tm-ser-banner.png);
    width: 1920px;
    height: 385px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    color: #fff;
    font-size: 16px
}

.tm-new-service .banner p {
    font-size: 23px
}

.tm-new-service .banner li {
    margin: 28px 40px 0 20px
}

.tm-new-service .tab {
    margin-top: -70px;
    padding: 10px 0 0;
    border-radius: 5px;
    font-size: 16px;
    color: #444
}

.tm-new-service .tab ul {
    border-bottom: 1px solid #ededed;
    margin: 0 20px;
    position: relative
}

.tm-new-service .tab ul:last-child {
    border-bottom: 0
}

.tm-new-service .tab li {
    width: 155px;
    padding: 23px 38px 17px;
    line-height: 24px;
    position: relative;
    text-align: center;
    cursor: pointer
}

.tm-new-service .tab li:after {
    content: '';
    position: absolute;
    top: 17px;
    right: 0;
    background-color: #eaeaea;
    width: 1px;
    height: 30px
}

.tm-new-service .tab ul li:nth-child(5n):after {
    background-color: #fff
}

.tm-new-service .tab .active-ul {
    border-bottom: 0
}

.tm-new-service .tab .active-ul li {
    padding: 19px 0 21px;
    margin: 0 38px
}

.tm-new-service .tab .active-ul li:after {
    right: -37px
}

.tm-new-service .tab .active-li {
    color: #ff8019
}

.tm-new-service .tab .active-ul .tab-line {
    height: 3px;
    width: 155px;
    position: absolute;
    left: 35px;
    bottom: -2px;
    background: #ff8e19;
    z-index: 1
}

.tm-new-service .tab .tab-content {
    background-color: #f2f4f8;
    padding: 46px 0 31px 88px
}

.tm-new-service .tab .tab-content p {
    margin-bottom: 21px
}

.tm-new-service .tab .tab-content label {
    color: #888;
    display: inline-block;
    padding: 0 10px;
    vertical-align: middle
}

.tm-new-service .tab .tab-content span {
    display: inline-block;
    margin-left: 32px;
    line-height: 29px
}

.tm-new-service .tab .tab-content .price {
    color: #ff3145;
    font-size: 26px;
    margin-left: 25px;
    margin-top: 7px
}

.tm-new-service .tab .tab-content .ser-btn {
    margin: -58px 90px 0 0;
    cursor: pointer
}

.tm-new-service .advantage {
    margin-top: -278px;
    text-align: center
}

.tm-new-service .advantage h1 {
    font-weight: 400
}

.tm-new-service .advantage h2 {
    padding: 14px 0 10px
}

.tm-new-service .advantage ul {
    padding: 0 75px 0 55px;
    text-align: left
}

.tm-new-service .advantage li {
    padding: 14px 0 15px 43px;
    border-bottom: 1px solid #f4f4f4
}

.tm-new-service .advantage li:nth-child(4n) {
    border-bottom: 0
}

.tm-new-service .advantage span {
    margin-right: 30px;
    font-size: 16px
}

.tm-new-service .advantage .left {
    border-right: 1px solid #eee;
    margin-right: -1px;
    position: relative
}

.tm-new-service .advantage .left:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -39px;
    margin-top: -8px;
    width: 74px;
    height: 74px;
    background: url(../images/tm-pk.png)
}

.tm-new-service .advantage .left h2 {
    border-top: 3px solid #a3b1e6;
    background-color: #f3f6ff;
    color: #6e86e6;
    border-top-left-radius: 5px
}

.tm-new-service .advantage .left .border {
    height: 14px;
    width: 100%;
    background: url(../img/border-icon-left.png)
}

.tm-new-service .advantage .left span {
    color: #6e86e6;
    font-weight: 700
}

.tm-new-service .advantage .right h2 {
    border-top: 3px solid #ffc07f;
    background-color: #fff3e6;
    color: #ff8019;
    margin-left: 1px;
    border-top-right-radius: 5px
}

.tm-new-service .advantage .right .border {
    height: 14px;
    width: 100%;
    background: url(../images/border-icon-right.png) #fff
}

.tm-new-service .advantage .right span {
    color: #ff8019;
    font-weight: 700
}

.tm-new-service .ser-process {
    text-align: center;
    margin-top: 39px
}

.tm-new-service .ser-process .pic-box {
    position: relative;
    background-color: #fff;
    padding: 46px 66px;
    margin-left: 70px;
    margin-right: 147px;
    border: 1px solid #dadeeb;
    box-shadow: 0 0 30px 5px #dadeeb
}

.tm-new-service .ser-process .pic-box:last-child {
    margin-right: 0
}

.tm-new-service .ser-process .pic-box:last-child:after {
    background: 0 0
}

.tm-new-service .ser-process .pic-box:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: -150px;
    width: 72px;
    height: 20px;
    background: url(../images/ser-pro-arrow.png)
}

.tm-new-service .ser-process .pic-box img {
    margin-top: 6px;
    margin-right: 2px
}

.tm-new-service .question {
    padding-bottom: 40px
}

.tm-new-service .question h1 {
    font-weight: 400;
    font-size: 32px;
    color: #444;
    padding-top: 64px;
    text-align: center
}

.tm-new-service .question img {
    margin-top: 6px;
    margin-left: 19px
}

.tm-new-service .question ul {
    width: 225px;
    margin-top: 115px;
    margin-left: 23px
}

.tm-new-service .question ul li {
    list-style: disc;
    color: #b7bfe0;
    margin-bottom: 63px
}

.tm-new-service .question ul li:last-child {
    margin-bottom: 0
}

.tm-new-service .question a {
    color: #3d3d3d;
    font-size: 16px
}

.tm-new-service .question .content {
    padding-left: 47px
}

.tm-new-service .question h2 {
    text-align: center;
    color: #3d3d3d
}

.tm-new-service .question .que-btn {
    display: block;
    margin: 24px auto 0
}

.tm-new-service .question ul li:hover,
.tm-new-service .question ul li:hover a {
    color: #6e86e6
}

.pl-buy {
    background-color: #fff7f1;
    width: 180px;
    height: 34px;
    border: 1px solid #ffd8bd;
    display: inline-block;
    line-height: 34px;
    text-align: center;
    border-radius: 17px;
    float: right;
    margin: 23px 0;
    color: #ff6700
}

.pl-buy .pl-buy-mark {
    background-color: #ff6700;
    color: #fff;
    padding: 0 3px;
    border-radius: 3px;
    margin-right: 5px
}

.pl-buy:hover {
    border: 1px solid #ff6800;
    cursor: pointer
}

.service_form {
    padding: 40px 52px;
    border: 1px solid #e7e7e7;
    background: #fff;
    font-size: 16px
}

.service_form .top_prompt,
.service_form .top_prompt2 {
    padding: 15px 20px;
    background-color: #fffbfa;
    color: #ff4800;
    font-size: 14px;
    border: 1px solid #fbd4c0
}

.service_form .top_prompt_red {
    padding: 15px 20px;
    background-color: snow;
    color: #ff3145;
    font-size: 14px;
    border: 1px solid #fbbec4;
    line-height: 30px
}

.service_form .top_prompt .icon {
    display: inline-block;
    height: 28px;
    width: 38px;
    background: url(../images/icon.png) -165px -136px no-repeat
}

.service_form .cont {
    padding: 20px 0;
    position: relative
}

.service_form .cont h1 {
    margin: 0 0 20px;
    border-bottom: 1px solid #e7e7e7
}

.service_form .cont h1 span {
    display: inline-block;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 400;
    color: #f9cb1a;
    border-bottom: 2px solid #f9cb1a
}

.service_form .cont .table {
    border: 0
}

.service_form .cont .table input~.btn {
    line-height: 23px;
    margin-left: 10px
}

.service_form .cont .table td {
    border: 0;
    font-size: 16px;
    padding: 12px 0;
    position: relative
}

.service_form .cont .table tr:hover {
    background: inherit
}

.service_form .cont .inp-load,
.service_form .cont .table td input[type=text] {
    display: inline-block;
    width: 372px;
    padding: 5px;
    height: 22px;
    background: #f6f6f6;
    border: 1px solid #d1d1d1
}

.service_form .cont .table .tright {
    width: 170px;
    padding-right: 30px
}

.service_form .cont .table .register {
    height: 48px;
    line-height: 48px
}

.service_form .cont .table .add {
    padding: 0 12px
}

.service_form .cont .upload .title.pd30 {
    margin: 0;
    padding: 0 30px
}

.service_form .cont .upload {
    padding: 2px 10px;
    width: 168px;
    margin-right: 14px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #d1d1d1;
    background: #fbfbfb
}

.service_form .cont .upload2 {
    padding: 2px 13px;
    width: 185px
}

.service_form .cont .upload3 {
    width: 120px
}

.service_form .cont .upload3 .btn {
    margin: 5px auto 6px!important
}

.service_form .cont .upload4 {
    padding: 5px 0 10px!important;
    height: auto
}

.service_form .cont .upload4 .title {
    margin: 0!important;
    line-height: 22px
}

.service_form .cont .typeul .bd_blue:hover {
    border: 1px solid #f9cb1a!important;
    background: #fff;
    color: #f9cb1a!important
}

.service_form .cont .typeul .btn {
    font-size: 14px;
    padding: 6px 10px
}

.service_form .cont .typeul .btn:first-child {
    margin-left: 0
}

.service_form .cont .upload .title {
    margin: 10px 0
}

.service_form .cont .upload .img_box {
    margin: 0 auto;
    height: 100px;
    width: 134px;
    overflow: hidden
}

.service_form .cont .upload a.img_box {
    display: inline-block;
    height: 94px
}

.service_form .cont .upload .img_box img {
    width: 100%;
    height: 100%
}

.service_form .cont .upload .btn {
    padding: 4px 0;
    margin: 10px 0;
    position: relative;
    font-size: 12px;
    border-radius: 28px!important;
    outline: 0
}

.service_form .cont .purple .icon {
    background-position: -30px -4px
}

.service_form .cont .note {
    padding: 10px;
    width: 368px;
    height: 90px;
    border: 1px solid #d1d1d1;
    background: #fbfbfb
}

.service_form .order {
    padding: 15px 20px;
    background-color: #fffbfa;
    color: #666;
    border: 1px solid #fbd4c0;
    line-height: 36px
}

.service_form .gray {
    color: #c8cdd5;
    font-size: 18px;
    text-decoration: line-through
}

.service_form .red {
    color: #ff3145;
    font-size: 22px
}

.service_form .com_title {
    font-weight: 400;
    border-bottom: 1px solid #ececec
}

.service_form .com_title .til {
    font-weight: 400;
    color: #f9cb1a;
    font-size: 18px;
    padding-bottom: 10px;
    border-bottom: 2px solid #f9cb1a;
    display: inline-block
}

.service_form .form_jud {
    padding: 0 0 0 17px;
    width: 260px;
    margin-top: 8px;
    line-height: 20px
}

.service_form .order_info .service_tab {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #e9e9e9;
    color: #999
}

.service_form .scroll_top,
.service_form .service_tbody .service_tab {
    border-top: none
}

.service_form .order_info .service_tab td {
    border-bottom: none!important
}

.service_form .order_info .service_tab td .count {
    background: url(../images/jiajian.png) center no-repeat;
    height: 30px;
    line-height: 30px;
    position: relative;
    width: 100px;
    margin: 0 auto
}

.service_form .order_info .service_tab td .count .marth {
    width: 26px;
    height: 26px;
    display: inline-block;
    position: absolute;
    top: 3px
}

.service_form .order_info .service_tab td .count .add {
    background: url(../images/add.png) center no-repeat;
    right: 1px
}

.service_form .order_info .service_tab td .count .sub {
    background: url(../images/sub.png) center no-repeat;
    left: 1px
}

.service_form .order_info .service_tab td .count_sum {
    text-align: center;
    width: 44px;
    margin: 0 auto;
    overflow: hidden;
    outline: 0;
    border: none
}

.service_form .service_tbody {
    height: 190px;
    overflow-y: auto;
    border-bottom: 1px solid #e9e9e9
}

.service_form .img_box {
    height: 62px;
    width: 62px;
    margin-right: 15px;
    border: 1px solid #e9e9e9;
    overflow: hidden;
    position: relative
}

.service_form .payfor_service {
    color: #666;
    font-size: 16px;
    padding: 24px 17px;
    background-color: #fffbfa;
    border: 1px solid #fbd4c0
}

.service_form .payfor_service .payfor_info {
    border-bottom: 1px dashed #fbd4c0
}

.service_form .payfor_service .payfor_info li input {
    height: 28px;
    padding-left: 5px;
    width: 187px;
    border: 1px solid #dcdcdc;
    background-color: #fff
}

.service_form .payfor_service .payfor_total .icon_count {
    display: inline-block;
    border-right: 1px solid #e1e0e0;
    padding-right: 18px;
    margin-right: 16px
}

.service_form .sub-btn {
    background-color: #fff;
    color: #ff4800;
    font-size: 14px;
    border: 1px solid #ff4800;
    margin-right: 10px;
    width: 77px;
    height: 30px;
    padding: 0
}

.service_form.new-tm-allow,
.service_form.new-tm-change {
    padding: 30px 52px 40px 62px
}

.service_form.new-tm-change .cont h1 {
    margin-top: 0
}

.service_form.new-tm-change .radio span {
    margin-right: 42px;
    margin-left: 5px
}

.service_form.new-tm-change .radio .prompt {
    margin-right: 261px;
    margin-top: 5px
}

.service_form.new-tm-allow input::-webkit-input-placeholder {
    color: #999
}

.service_form .cancle {
    font-size: 12px;
    line-height: 28px
}

.service_form .cancle .icon {
    display: inline-block;
    height: 28px;
    width: 38px;
    background: url(../images/icon2.png) -57px 4px no-repeat
}

.posrel .icon_not,
.template .icon_not {
    position: absolute;
    top: 50%;
    right: 5px;
    display: none;
    margin-top: -12px
}

.err~.icon_not,
.err~.icon_not .tip_box {
    display: block!important
}

.market_top .tip_box,
.tip_box {
    width: 150px
}

.service_form2 .cont .template {
    position: absolute;
    width: 230px;
    right: 0;
    top: 120px;
    height: 500px
}

.service_form2 .cont .template .inp {
    border: 1px solid #c7dcf1;
    width: 100%;
    box-sizing: border-box;
    font-size: 13px
}

.service_form2 .cont .template .top {
    margin-bottom: 10px!important
}

.service_form2 .cont .template:after {
    content: '';
    background: url(../images/sbzc_08.jpg);
    width: 16px;
    height: 21px;
    display: inline-block;
    position: absolute;
    top: 45%;
    left: -12px
}

.service_form2 .h435 .warm {
    top: 350px!important
}

.service_form2 ß .cont .typeul .btn {
    font-size: 14px;
    padding: 6px 10px
}

.service_form2 .err {
    border: 1px solid #ff1a14!important
}

.service_form2 .template .warm {
    position: absolute;
    top: 430px;
    left: 0
}

.service_form2 .template .dropdown .selected {
    padding: 3px
}

.service_form2 .template .tip_box {
    left: auto;
    right: -4px
}

.service_form2 .template .tip_box:after {
    left: auto;
    right: 7px
}

.service_form2 .template .mod-blue {
    border: 1px solid #c4def8;
    line-height: 30px
}

.service_form2 .template .mod-blue .tit {
    background: #e9f4ff;
    border-bottom: 1px solid #c4def8
}

.service_form2 .template .mod-blue p {
    padding: 0 10px
}

.service_form2 .template .mod-blue .name {
    display: inline-block;
    max-width: 50px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle
}

.service_form2 .tip_box:after {
    bottom: -14px
}

.service_form2 .brand_search {
    padding: 20px 20px 10px;
    border-bottom: 1px solid #e5e5e5
}

.service_form2 .brand_search .ui-input {
    width: 180px
}

.service_form2 .brand_search .ui-btn {
    border-radius: 0 3px 3px 0
}

.service_form2 .brand_search .drop_list {
    width: 176px;
    top: 60px;
    left: 20px
}

.service_form2 .l_confirm .content {
    padding: 0 15px!important;
    font-size: 14px;
    height: auto!important
}

.service_form2 .l_confirm dd .jian a {
    background: url(../images/tuijian.png) 20px 9px no-repeat
}

.service_form2 .l_confirm .tit {
    padding: 10px 20px;
    cursor: pointer
}

.service_form2 .l_confirm .tit .tip_box {
    bottom: auto;
    left: 30px;
    width: 130px;
    top: 0
}

.service_form2 .l_confirm .tit .tip_box.qiang {
    width: 150px
}

.service_form2 .l_confirm .tit .tip_box:after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    left: -10px;
    bottom: auto;
    top: 0
}

.service_form2 .l_confirm .tit_box {
    overflow-y: auto;
    height: 500px;
    margin-bottom: 10px
}

.service_form2 .l_confirm .typeul {
    position: absolute;
    line-height: 35px
}

.service_form2 .l_confirm .typeul a {
    display: inline-block;
    width: 70px;
    background-color: #fff;
    color: #888
}

.service_form2 .l_confirm .typeul a.on {
    background-color: #ff6700;
    color: #fff
}

.service_form2 .confirmOrder .typeul {
    position: absolute;
    line-height: 35px;
    text-align: center;
    left: -68px;
    top: 110px
}

.service_form2 .confirmOrder .typeul a {
    display: inline-block;
    width: 66px;
    background-color: #fff;
    color: #888;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    margin-bottom: 1px
}

.service_form2 .confirmOrder .typeul a.on {
    background-color: #ff6700;
    color: #fff;
    border: 1px solid #ff6700
}

.service_form2 .upbtn dl {
    display: inline-block;
    padding: 8px;
    width: 240px;
    position: relative;
    line-height: 30px;
    border-radius: 5px;
    cursor: pointer
}

.service_form2 .upbtn dl:hover {
    background-color: #ff6700!important;
    color: #fff!important;
    border: 1px solid #ff6700!important
}

.service_form2 .upbtn dl:hover dt {
    color: #fff!important
}

.service_form2 .upbtn dl dt:before {
    content: '';
    display: inline-block;
    width: 38px;
    height: 28px;
    vertical-align: middle;
    margin-right: 5px
}

.service_form2 .upbtn dl.mian {
    border: 1px solid #e1e1e1;
    background-color: #fbfbfb
}

.service_form2 .upbtn dl.mian dt:before {
    background: url(../images/sbzc_24.png) no-repeat
}

.service_form2 .upbtn dl.mian:hover dt:before {
    background: url(../images/sbzc1_24.png) no-repeat
}

.service_form2 .upbtn dl.dai {
    border: 1px solid #ffd8bd;
    background-color: #fff7f1
}

.service_form2 .upbtn dl.dai dt:before {
    background: url(../images/sbzc_26.png) no-repeat
}

.service_form2 .upbtn dl.dai:hover dt:before {
    background: url(../images/sbzc1_26.png) no-repeat
}

.service_form2 .upbtn dl.kuai {
    border: 1px solid #c5e2ff;
    background-color: #f4faff
}

.service_form2 .upbtn dl.kuai dt:before {
    background: url(../images/sbzc_21.png) no-repeat
}

.service_form2 .upbtn dl.kuai:hover dt:before {
    background: url(../images/sbzc1_21.png) no-repeat
}

.batch-apply-btn .dropdown .carat,
.operate-btn-box .dropdown.open .carat {
    background-image: url(./sprite.1614672658685.png);
    background-position: -254px -186px;
    vertical-align: middle
}

.service_form2 .upbtn .tuiimg {
    position: absolute;
    top: 0;
    right: -1px
}

.apply-extend-server,
.batch-apply-btn,
.order,
.order_bg {
    position: relative
}

.demand-step {
    zoom: 1;
    border-bottom: 1px solid #e9e9e9;
    padding: 25px 30px 35px;
    width: 980px;
    margin: 0 auto
}

.demand-step:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.demand-step li {
    float: left
}

.demand-step .item {
    font-size: 14px;
    color: #999
}

.demand-step .item h3 {
    font-size: 16px;
    color: #444
}

.demand-step .item .num {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    background-color: #dcddde;
    font-size: 16px;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.demand-step .item.active .num {
    background-color: #f9cb1a
}

.demand-step .line {
    padding: 0 32px;
    color: #cfccdb;
    font-size: 24px
}

.condition-box {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px
}

.condition-box .condition {
    box-sizing: border-box;
    display: inline-block;
    flex: 1;
    background-color: #f8f8f8;
    padding-top: 6px;
    text-align: center;
    border: 1px solid #ececec
}

.fill_112,
.fill_160,
.fill_70,
.fill_84 {
    text-align: right
}

.condition-box .active,
.condition-box .condition:hover {
    border: 1px solid #c4def8;
    background-color: #f1f8ff
}

.condition-box .condition:hover .num,
.condition-box .condition:hover .title {
    color: #f9cb1a
}

.condition-box .condition .num {
    display: inline-block;
    font-size: 28px;
    color: #444
}

.condition-box .condition .title {
    color: #666;
    font-size: 12px
}

.condition-box .condition+.condition {
    margin-left: 10px
}

.condition-box .active .num,
.condition-box .active .title {
    color: #f9cb1a
}

.operate-btn-box {
    padding-top: 20px
}

.operate-btn-box .checkbox-all {
    display: inline-block;
    padding-left: 16px;
    margin: 0
}

.outter,
.outter .left_area .top,
.trade_mb20_box {
    margin-bottom: 20px
}

.my_trade .my_trade_fn14 {
    font-size: 14px
}

.my_trade .my_trade_fn12 {
    font-size: 12px
}

.my_trade .c8 {
    color: #888
}

.table .reg tr td:nth-child(2) {
    padding-left: 0
}

.operate-btn-box .dropdown:hover {
    box-shadow: none
}

.nq .nq-body .new,
.nq .nq-body .question {
    box-shadow: 1px 1px 1px 1px #e6e4e4
}

.operate-btn-box .dropdown.open .carat {
    display: inline-block;
    width: 7px;
    height: 6px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.single-sel {
    line-height: 26px;
    padding: 5px 10px;
    display: inline-block;
    width: 80px
}

.batch-apply-btn {
    display: inline-block;
    padding-left: 6px;
    vertical-align: middle
}

.batch-apply-btn .dropdown {
    background-color: #ff6700;
    vertical-align: middle;
    border: 0;
    float: left;
    height: 30px;
    width: 122px
}

.batch-apply-btn .dropdown .carat {
    display: inline-block;
    width: 7px;
    height: 6px;
    right: 11px;
    top: 13px;
    background-color: #ff6700
}

.batch-apply-btn .dropdown .selected {
    line-height: 30px;
    padding: 0 0 0 16px;
    color: #fff
}

.apply-extend-server {
    display: inline-block;
    padding-left: 6px;
    vertical-align: middle
}

.apply-extend-server .text {
    padding: 6px 16px;
    font-size: 14px;
    background-color: #ff6700;
    color: #fff
}

.batch-confirm-more-btn {
    display: inline-block;
    padding-left: 10px;
    position: relative;
    vertical-align: middle
}

.batch-confirm-more-btn .dropdown {
    background-color: #428ae2;
    vertical-align: middle;
    border: 0;
    float: left;
    height: 30px;
    width: 122px
}

.batch-confirm-more-btn .dropdown .carat,
.icon-batch_01 {
    background-image: url(./sprite.1614672658685.png);
    background-position: -254px -186px;
    width: 7px;
    height: 6px;
    vertical-align: middle;
    display: inline-block
}

.batch-confirm-more-btn .dropdown .carat {
    right: 11px;
    top: 13px;
    background-color: #428ae2
}

.batch-confirm-more-btn .dropdown .selected {
    line-height: 30px;
    padding: 0 0 0 16px;
    color: #fff
}

.addSer {
    display: inline-block;
    width: 22%
}

.icon-down,
.icon-wait_his {
    width: 18px;
    background-image: url(./sprite.1614672658685.png);
    height: 18px;
    vertical-align: middle;
    display: inline-block
}

.next {
    padding: 0 2px;
    background-color: #dedede;
    font-size: 12px
}

.mpd20 {
    padding: 20px 20px 0
}

.icon-down {
    background-position: -280px -57px
}

.icon-wait_his {
    background-position: -280px -29px
}

.icon-effect {
    display: inline-block;
    background-image: url(./sprite.1614672658685.png);
    background-position: 0 -236px;
    width: 19px;
    height: 18px;
    vertical-align: middle
}

.icon-fail {
    display: inline-block;
    background-image: url(./sprite.1614672658685.png);
    background-position: -239px -157px;
    width: 20px;
    height: 18px;
    vertical-align: middle
}

.fill_112 {
    display: inline-block;
    width: 112px
}

.fill_70 {
    display: inline-block;
    width: 70px
}

.apply-address {
    display: inline-block;
    vertical-align: top;
    width: 250px
}

.fill_160 {
    display: inline-block;
    width: 160px
}

.fill_84 {
    display: inline-block;
    width: 84px
}

.table_col_gray {
    color: #888
}

.table_col_blue {
    color: #f9cb1a
}

.table_col_red {
    color: #ff3145
}

.table_col_pr10 {
    padding-right: 10px
}

.table_col_pr5 {
    padding-right: 5px
}

.infor .com_pd30 .order tr:last-child td {
    padding-top: 0;
    padding-bottom: 0
}

.price_detail,
.server_detail {
    box-sizing: border-box;
    width: 280px;
    color: #999;
    background-color: #fffbfa;
    padding-bottom: 10px;
    padding-left: 8px;
    font-size: 12px;
    border: 1px solid #fbd4c0;
    display: inline-block
}

.server_detail {
    padding-top: 10px
}

.order tr:nth-last-child(2) {
    padding-bottom: 0
}

.order_pd {
    padding: 0
}

.order_bg {
    background-color: #f5f5f5;
    padding: 16px 20px
}

.order_bg .order_title {
    font-size: 18px;
    color: #444
}

.order_btn {
    position: absolute;
    top: 20px;
    right: 20px
}

.order_btn .mr10 {
    margin-right: 10px
}

.order_btn_pay,
.order_confirm {
    background-color: #fff;
    border: 1px solid #ff6700;
    font-size: 14px;
    color: #ff4800;
    padding: 5px 11px;
    border-radius: 4px
}

.order_btn_pay:hover,
.order_confirm:hover {
    background-color: #ff4800;
    color: #fff
}

.order_btn_check {
    background-color: #fff;
    border: 1px solid #428ae2;
    font-size: 14px;
    color: #f9cb1a;
    padding: 5px 11px;
    border-radius: 4px
}

.order_btn_check:hover {
    background-color: #f9cb1a;
    color: #fff
}

.risk_box {
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 20px
}

.risk_box ul {
    list-style-type: disc
}

.risk_box li {
    padding-bottom: 28px;
    font-size: 12px
}

.risk_box ul li:last-child {
    padding-bottom: 0
}

.risk-assess {
    height: calc(100% - 65px);
    overflow-y: auto
}

.outter {
    width: 100%;
    clear: both
}

.top_h314 {
    height: 314px
}

.top_h345 {
    height: 345px
}

.bottom_h312 {
    height: 312px
}

.h676 {
    height: 676px
}

.h646 {
    height: 646px
}

.outter .left_area {
    width: 610px;
    float: left;
    height: 100%;
    margin-right: 20px;
    box-sizing: border-box
}

.outter .left_area .bottom,
.outter .left_area .top {
    width: 100%;
    box-sizing: border-box
}

.outter .left_area .bottom .pic_list li:hover {
    cursor: pointer
}

.outter .left_area .bottom .pic_list li {
    margin-right: 9px;
    padding: 0 9px;
    border: 1px solid #e9e9e9;
    position: relative
}

.outter .left_area .bottom .pic_list li::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(../images/search-icon.png) 3px no-repeat #999;
    width: 17px;
    height: 17px
}

.outter .right_area {
    display: inline-block;
    width: calc(100% - 630px);
    height: 100%;
    box-sizing: border-box
}

.ser-detail .outter .right_area .details {
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    height: 100%;
    padding: 20px 20px 10px
}

.ser-detail .outter .right_area .details ul {
    width: 100%
}

.ser-detail .outter .right_area .details .record {
    box-sizing: border-box;
    padding-top: 40px;
    padding-left: 12px;
    padding-right: 0;
    height: calc(100% - 41px);
    overflow-y: auto
}

.ser-detail .outter .right_area .details .record .ml20 {
    margin-left: 20px
}

.ser-detail .outter .right_area .details .record .w60 {
    width: 60px
}

.ser-detail .outter .right_area .details .record .w180 {
    width: 180px
}

.ser-detail .outter .right_area .details .record li {
    padding: 0 0 30px 20px;
    position: relative
}

.ser-detail .outter .right_area .details .record li.pb0 {
    padding: 0 0 0 20px
}

.ser-detail .outter .right_area .details .record li:last-child::after {
    height: 0
}

.ser-detail .outter .right_area .details .record li::before {
    content: '';
    width: 20px;
    height: 20px;
    background: url(../img/dot3_06.png) no-repeat;
    display: inline-block;
    position: absolute;
    top: 3px;
    left: -3px
}

.ser-detail .outter .right_area .details .record li::after {
    content: '';
    background: #e8e8e8;
    position: absolute;
    width: 3px;
    height: 33px;
    z-index: 100;
    top: 22px;
    left: 3px;
    display: inline-block
}

.ser-detail .outter .right_area .details .record .suc::before {
    background: url(../img/dot_03.png) no-repeat
}

.ser-detail .outter .right_area .details .record .wait::before {
    background: url(../img/dot2_03.png) no-repeat
}

.ser-detail .outter .right_area .details .record .tui::before {
    background: url(../img/dot1_03.png) no-repeat
}

.ser-detail .outter .right_area .details .record .load::before {
    background: url(../img/dot3_03.png) no-repeat
}

.trade_sort {
    box-sizing: border-box;
    display: inline-block;
    width: 210px;
    vertical-align: top
}

.full_h {
    height: calc(100% - 20px)
}

.trade_left {
    float: left
}

.trade_pt20 {
    padding-top: 20px
}

.trade_mb20_box {
    box-sizing: border-box
}

.trade_pb20_box {
    box-sizing: border-box;
    padding-bottom: 20px;
    height: calc(100% - 41px);
    overflow-y: auto
}

.trade_info {
    height: 100%;
    overflow: auto
}

.trade_ml50 {
    margin-left: 50px
}

.trade_left .trade_img_name {
    margin-top: 10px;
    font-size: 14px;
    color: #666;
    text-align: center
}

.trade_left .trade_img {
    border: 1px solid #ededed
}

.trade_right {
    display: inline-block;
    margin-left: 10px
}

.trade_c4 {
    color: #444
}

.trade_c6 {
    color: #666
}

.trade_cblue {
    color: #f9cb1a
}

.trade_info .trade-h {
    height: calc(100% - 65px);
    overflow-y: auto
}

.nq {
    padding-bottom: 63px
}

.nq .nq-tit {
    text-align: center
}

.nq .nq-tit h1 {
    color: #444;
    font-size: 24px;
    font-weight: 400;
    display: inline-block;
    margin-top: 40px
}

.nq .nq-tit span {
    width: 50px;
    height: 1px;
    background-color: #e5e5e5;
    display: inline-block;
    margin: 0 10px 10px
}

.nq .nq-tit h3 {
    font-size: 14px;
    color: #888;
    font-weight: 400;
    margin-bottom: 28px
}

.nq .nq-body .new .new-tab {
    cursor: pointer;
    background-image: url(../images/nq-pic1.png);
    width: 67px;
    height: 347px;
    padding: 31px 40px
}

.nq .nq-body .new .new-tab li {
    color: #76abeb;
    font-size: 16px;
    margin-bottom: 20px
}

.nq .nq-body .new .new-tab li.active {
    color: #1377dc;
    position: relative
}

.nq .nq-body .new .new-tab li.active:before {
    content: '';
    border-left: 6px solid #1377dc;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    top: 8px;
    left: -15px
}

.nq .nq-body .new .new-content {
    width: 560px;
    border-top: 1px solid #eee;
    padding: 12px 22px 17px 0;
    height: 378px
}

.nq .nq-body .new .new-content li {
    border-bottom: 1px dashed #ececec;
    padding: 10px 0 12px 25px;
    position: relative;
    margin-left: 28px
}

.nq .nq-body .new .new-content li:before {
    position: absolute;
    left: 0;
    top: 20px;
    content: '';
    border: 3px solid #2789ed
}

.nq .nq-body .new .new-content li h3 {
    font-size: 16px;
    color: #555;
    font-weight: 400
}

.nq .nq-body .new .new-content li .time {
    font-size: 12px;
    color: #999;
    margin: 6px -2px
}

.nq .nq-body .new .new-content li p {
    color: #777;
    margin-bottom: 7px;
    word-break: break-all
}

.nq .nq-body .new .new-content li.active {
    padding-left: 0
}

.nq .nq-body .new .new-content li.active:before {
    border: none
}

.nq .nq-body .new .new-content li:hover h3 {
    color: #ff6700
}

.nq .nq-body .new .new-content li:last-child {
    border-bottom: none
}

.nq .nq-body .question {
    width: 450px
}

.nq .nq-body .question .question-tab {
    cursor: pointer;
    background-color: #f7faff;
    width: 127px;
    height: 347px;
    padding: 33px 15px 27px 21px;
    border: 1px solid #c7e3ff
}

.nq .nq-body .question .question-tab ul {
    border-bottom: 1px solid #eee;
    text-align: center;
    padding-bottom: 11px
}

.nq .nq-body .question .question-tab li {
    color: #76abeb;
    font-size: 14px;
    margin-bottom: 15px
}

.nq .nq-body .question .question-tab li.active {
    color: #1377dc;
    position: relative
}

.nq .nq-body .question .question-tab li.active:before {
    content: '';
    border-left: 6px solid #1377dc;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    top: 6px;
    left: 4px
}

.nq .nq-body .question .question-tab a {
    font-size: 16px;
    color: #1377dc;
    display: block;
    margin-top: 20px;
    margin-left: 28px
}

.nq .nq-body .question .question-tab a span {
    font-size: 14px;
    display: inline-block;
    margin-left: 3px;
    padding-bottom: 2px
}

.nq .nq-body .question .question-content {
    width: 257px;
    border-top: 1px solid #eee;
    padding: 19px 28px 14px 0;
    height: 375px
}

.nq .nq-body .question .question-content li {
    border-bottom: 1px dashed #ececec;
    padding: 10px 0 14px 25px;
    position: relative;
    margin-left: 3px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.nq .nq-body .question .question-content li a {
    font-size: 16px;
    color: #555
}

.nq .nq-body .question .question-content li.active {
    padding-left: 0
}

.nq .nq-body .question .question-content li:hover a {
    color: #ff6700
}

.nq .nq-body .question .question-content li:last-child {
    border-bottom: none
}

.que_need {
    border-bottom: 1px solid #e7e7e7;
    background: url(../images/uneedbg_new.png) center center no-repeat #fff
}

.need_mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #444;
    z-index: 9999;
    opacity: .7
}

.need_QRcode {
    width: 355px;
    height: 340px;
    background: url(../images/uneed_QRbg.png) center no-repeat #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -170px 0 0 -177px;
    z-index: 10000;
    border-top: #1377dc 4px solid
}

.need_QRcode .QRcode_header {
    height: 38px;
    background: #f7fbff;
    padding-left: 20px
}

.need_QRcode .QRcode_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 28px
}

.need_QRcode .QRcode_content p {
    font-size: 18px;
    color: #444
}

.need_QRcode .QRcode_content .QRcode_img {
    margin-top: 12px;
    border: 1px solid #ececec;
    width: 180px;
    height: 190px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.need_QRcode .QRcode_content .QRcode_img p {
    font-size: 12px;
    color: #666
}

.need_QRcode .QRcode_content .QRcode_img img {
    margin-top: 16px;
    width: 143px;
    height: 143px
}

.need_QRcode .QRcode_header span {
    line-height: 38px;
    color: #2789ed;
    font-size: 16px;
    float: left
}

.need_QRcode .QRcode_header .QRcode_close {
    line-height: 38px;
    font-weight: 700;
    font-size: 16px;
    float: right;
    margin-right: 10px
}

.que_need .need_main .need_til {
    line-height: 75px;
    color: #fff;
    text-align: center;
    font-size: 36px;
    font-weight: 400;
    margin-top: 0
}

.que_need .need_main .need_info {
    font-size: 16px;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #4c5d97;
    padding-bottom: 10px;
    width: 690px;
    margin: 0 auto
}

.que_need .need_main .need_func {
    width: 1200px;
    margin: 10px auto 30px
}

.que_need .need_main .need_func .need_crowd,
.que_need .need_main .need_func .need_qus,
.que_need .need_main .need_func .need_team {
    width: 300px;
    float: left;
    padding: 0 0 0 70px
}

.que_need .need_main .need_func .need_team {
    background-position: 0 -150px
}

.que_need .need_main .need_func .need_crowd {
    background-position: 0 0
}

.que_need .need_main .need_func .need_qus {
    background-position: 0 -318px
}

.que_need .need_main .need_func .need_func_til {
    color: #fff;
    font-size: 16px;
    line-height: 30px
}

.que_need .need_main .need_func .need_func_info {
    float: left;
    color: #fff;
    font-size: 14px;
    line-height: 26px
}

.que_need .need_main .need_func .need_func_btn {
    margin: -30px 0 0 15px;
    float: left;
    display: inline-block;
    line-height: 36px;
    border-radius: 3px;
    background-color: #428ae2;
    padding-left: 40px;
    padding-right: 15px;
    color: #fff;
    font-size: 14px;
    background-image: url(../images/uneed_btn_bg.png);
    background-repeat: no-repeat;
    cursor: pointer
}

.que_need .need_main .need_func .need_func_btn:hover {
    background-color: #f9cb1a
}

.que_need .need_main .need_func .need_team .need_func_btn {
    background-position: 10px -1px
}

.que_need .need_main .need_func .need_crowd .need_func_btn {
    background-position: 10px -41px
}

.que_need .need_main .need_func .need_qus .need_func_btn {
    background-position: 10px -82px
}

.answer_box {
    border: 1px solid #ececec;
    background-color: #fff;
    min-height: 1200px
}

.answer_menu {
    border-bottom: 2px solid #f9cb1a
}

.answer_box .answer_list {
    float: left;
    width: 307px
}

.answer_item {
    width: 307px;
    line-height: 57px;
    border-bottom: #ececec 1px solid
}

.answer_list .uneed_ques {
    background: url(../images/uneed_ques.png) 30px no-repeat, url(../images/uneed_list.png) 270px no-repeat;
    background-color: #f8f8f8!important
}

.answer_list .uneed_server {
    background: url(../images/uneed_server.png) 30px no-repeat;
    background-color: #f8f8f8!important;
    border-top: #ececec 1px solid;
    height: 57px
}

.answer_list .uneed_about {
    background: url(../images/uneed_about.png) 30px no-repeat;
    background-color: #f8f8f8!important;
    border-top: #ececec 1px solid;
    height: 57px
}

.answer_list .uneed_menu {
    display: none;
    z-index: 99;
    box-shadow: 0 0 4px 2px #ecececec;
    width: 100px;
    background-color: #fff;
    position: absolute;
    left: 180px;
    top: 50px;
    padding: 10px 0 10px 20px
}

.answer_list .uneed_menu ul li {
    line-height: 30px
}

.answer_list .uneed_menu ul li a {
    color: #444
}

.answer_list .uneed_menu ul li a:hover {
    color: #2789ed
}

.answer_box .answer_item .need_item_char {
    font-size: 18px;
    margin-left: 60px;
    float: left;
    line-height: 57px
}

.answer_box .answer_item .need_item_menu {
    width: 57px;
    height: 57px;
    margin-left: 250px;
    cursor: pointer
}

.ques_small_title,
.ques_table {
    width: 307px;
    background-color: #fff;
    margin-bottom: 20px;
    background-image: url(../images/uneed_smallDown.png);
    background-repeat: no-repeat;
    background-position: 276px;
    cursor: pointer
}

.ques_small_title a,
.ques_table a {
    font-size: 14px;
    margin-left: 60px;
    color: #444
}

.ques_table {
    background: 0 0!important
}

.ques_title_box::after {
    content: "";
    display: block;
    width: 267px;
    height: 1px;
    background-color: #ececec;
    margin-left: 20px
}

.ques_title_box:last-child::after {
    content: "";
    display: block;
    width: 0;
    height: 0!important
}

.ques_title_box .ques_list .ques_item {
    display: none
}

.ques_title_box .ques_big_title {
    width: 307px;
    background: url(../images/uneed_up.png) 276px no-repeat #fff;
    line-height: 57px;
    cursor: pointer
}

.ques_title_box .ques_big_title a {
    font-size: 16px;
    margin-left: 30px;
    color: #444
}

.ques_item>li {
    margin: 0 0 14px 76px
}

.ques_item>li .ques_title_p {
    cursor: pointer;
    color: #666;
    background-image: url(../images/uneed_smallDown.png);
    background-repeat: no-repeat;
    background-position: 199px;
    position: relative
}

.ques_item>li .ques_title_p a {
    font-size: 14px
}

.ques_item>li .ques_title_p::before {
    content: "";
    display: inline-block;
    height: 4px;
    width: 4px;
    background: #d2d2d2;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: -12px
}

.arrows_down,
.arrows_down2,
.arrows_up,
.arrows_up2 {
    background-repeat: no-repeat;
    background-position: 276px
}

.ques_item>li .ques_title {
    display: none
}

.ques_item>li .ques_title li {
    padding: 10px 14px 0;
    font-size: 12px;
    color: #666
}

.ques_item>li .ques_title li a {
    color: #999;
    display: inline-block;
    width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ques_item>li .ques_title li a:hover {
    color: #2789ed
}

.ques_item1 li {
    margin: 0 0 14px 76px
}

.ques_item li a,
.ques_item1 li a {
    font-size: 12px;
    color: #666
}

.arrows_up {
    background-image: url(../images/uneed_up.png)!important
}

.arrows_down {
    background-image: url(../images/uneed_down.png)!important
}

.arrows_up2 {
    background-image: url(../images/uneed_smallUp.png)!important
}

.arrows_down2 {
    background-image: url(../images/uneed_smallDown.png)!important
}

.answer_list a:hover {
    color: #2789ed
}

.answer_box .right_content {
    width: 889px;
    margin-left: 308px;
    border-left: #ececec 1px solid
}

.answer_box .right_content .content_index {
    position: fixed;
    top: 238px;
    min-width: 200px;
    display: block
}

.answer_box .right_content .content_index .index_arrows {
    position: absolute;
    right: 240px;
    z-index: 4;
    cursor: pointer;
    width: 20px;
    height: 79px;
    top: 50%;
    margin-top: -39.5px;
    background-color: #c4c4c4;
    transform: perspective(2em) rotateY(-10deg);
    border-radius: 4px 0 0 4px
}

.answer_box .right_content .content_index .index_arrows .index_littleArrows {
    width: 8px;
    height: 8px;
    background-color: #c4c4c4;
    border-top: #fff 2px solid;
    border-right: #fff 2px solid;
    transform: rotate(45deg);
    margin-left: 3px
}

.answer_box .right_content .content_index .index_box {
    position: absolute;
    right: 0;
    z-index: 3;
    width: 200px;
    box-shadow: -1px 1px 4px 2px #ecececec;
    background-color: #fff;
    padding: 20px
}

.answer_box .right_content .content_index .index_box .index_title {
    font-size: 16px;
    color: #444;
    line-height: 40px;
    padding-left: 20px
}

.answer_box .right_content .content_index .index_box ul {
    width: 200px;
    border-left: 1px solid #e1e1e1;
    max-height: 400px;
    overflow-y: auto
}

.answer_box .right_content .content_index .index_box ul li {
    line-height: 30px;
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.answer_box .right_content .content_index .index_box .is_click {
    padding-left: 18px!important;
    border-left: solid #f9cb1a 2px
}

.answer_box .right_content .content_index .index_box ul li a {
    font-size: 12px;
    color: #999
}

.answer_box .right_content .content_index .index_box ul li a:hover {
    color: #2789ed
}

.answer_box .right_content .index_open {
    cursor: pointer;
    position: absolute;
    right: 0;
    background-color: #f9cb1a;
    width: 20px;
    height: 79px;
    top: 50%;
    margin-top: -39.5px;
    transform: perspective(2em) rotateY(-10deg);
    border-radius: 4px 0 0 4px
}

.answer_box .right_content .index_open::before {
    content: "内容指引";
    display: block;
    transform: perspective(2em) rotateY(10deg);
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    margin-left: 4px
}

.answer_box .content_header {
    width: 100%;
    background: #f8f8f8;
    padding: 15px 0
}

.answer_box .content_header .search_box input {
    border: 1px solid #e7e7e7;
    margin: 0 20px 10px;
    width: 808px;
    height: 34px;
    padding: 0 0 0 40px;
    background: url(../images/uneed_search.png) 10px no-repeat #fff
}

.answer_box .content_header .isSearch {
    line-height: 26px;
    background: #ff6700;
    position: absolute;
    border-radius: 4px;
    padding: 0 5px;
    top: 20px;
    margin-left: 60px
}

.answer_box .content_header .isSearch .search_close,
.answer_box .content_header .isSearch span {
    color: #fff;
    font-size: 12px;
    cursor: pointer
}

.answer_box .content_header .bread_crumb {
    margin: 0 20px;
    font-size: 12px;
    color: #444
}

.answer_box .answer_main {
    padding: 0 0 20px
}

.answer_box .answer_main .answer_main_side {
    width: 180px;
    padding: 0 20px;
    min-height: 1000px;
    border: 1px solid #ececec
}

.answer_box .answer_main .answer_main_side .answer_side_ul,
.answer_box .answer_main .answer_main_side .answer_side_ul3 {
    margin-top: -1px;
    border-top: 1px solid #ececec;
    padding: 20px 0
}

.answer_box .answer_main .answer_main_side .answer_side_ul {
    text-align: left
}

.answer_box .answer_main .answer_main_side .answer_side_ul li {
    padding: 10px 0
}

.answer_box .answer_main .answer_main_side .answer_side_ul li .active {
    color: #ff4800;
    font-weight: 700
}

.answer_box .answer_main .answer_main_contain {
    width: 820px;
    color: #666;
    font-size: 14px;
    line-height: 45px;
    margin: 0 34.5px
}

.answer_box .answer_main .answer_about {
    line-height: 30px!important
}

.answer_box .answer_main .answer_about .answer_main_box h3 {
    margin-bottom: 20px
}

.answer_box .answer_main .answer_about .answer_main_box .card_393 {
    margin: 22px 0;
    width: 293px;
    height: 106px;
    box-shadow: 0 6px 7px 1px #ddd;
    background: url(../images/uneed_393logo.png) center no-repeat
}

.answer_box .answer_main .answer_about .answer_main_box .card_banner {
    margin: 22px 0;
    width: 302px;
    height: 224px;
    box-shadow: 0 6px 7px 1px #ddd;
    border: 9px solid #fff;
    background: url(../images/uneed_banner.png) center no-repeat
}

.answer_box .answer_main .answer_about .answer_main_box .time_line ul {
    float: left
}

.answer_box .answer_main .answer_about .answer_main_box .time_line ul li {
    line-height: 35px
}

.answer_box .answer_main .answer_about .answer_main_box .time_line .center_circle {
    margin-left: 30px;
    margin-right: 40px;
    width: 14px;
    height: 319px;
    background: url(../images/uneed_line.png) center no-repeat
}

.answer_box .answer_main .answer_main_contain .agreement {
    display: none
}

.answer_box .answer_main .answer_main_contain .agreement p {
    text-indent: 28px
}

.answer_box .answer_main .answer_main_contain .no_result {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column
}

.answer_box .answer_main .answer_main_contain .no_result .result_img {
    background: url(../images/uneed_noResult.png) center no-repeat;
    height: 200px;
    display: flex;
    align-items: flex-end;
    font-size: 16px;
    color: #9abfff
}

.answer_box .answer_main .answer_main_contain .no_result .result_btn {
    display: flex;
    width: 230px;
    justify-content: space-between;
    color: #fff;
    font-size: 16px;
    cursor: pointer
}

.answer_box .answer_main .answer_main_contain .no_result .result_btn div {
    margin-top: 10px;
    width: 110px;
    line-height: 36px;
    border-radius: 4px;
    text-align: center;
    background-color: #ff6700
}

.answer_box .answer_main .answer_main_contain .no_result .result_btn div:nth-child(2) {
    background-color: #f9cb1a
}

.answer_box .answer_main .answer_main_contain strong {
    font-weight: 400
}

.answer_box .answer_main .answer_main_contain h3 {
    font-size: 22px;
    margin-top: 20px;
    line-height: 50px;
    font-weight: 400;
    color: #444
}

.answer_box .answer_main .answer_main_contain .blue_title {
    padding: 10px 0;
    font-size: 26px;
    font-weight: 400;
    color: #1377dc;
    border-bottom: 1px solid #ececec
}

.answer_box .answer_main .answer_main_contain .main_table {
    width: 100%;
    border: 1px solid #ececec;
    margin-top: 40px
}

.answer_box .answer_main .answer_main_contain .main_table .table_content td {
    border: 1px solid #ececec;
    text-align: center;
    padding: 10px 5px;
    line-height: 20px;
    font-size: 12px;
    color: #444
}

.answer_box .answer_main .answer_main_contain .main_table .table_content tr .text_right {
    text-align: right
}

.answer_box .answer_main .answer_main_contain .main_table .table_content tr .text_left {
    text-align: left
}

.answer_box .answer_main .answer_main_contain .main_table .table_content tr .type_text {
    font-size: 14px
}

.answer_box .answer_main .answer_main_contain .main_table .table_content tr .c_gary {
    color: #999
}

.answer_box .answer_main .answer_main_contain .main_table .table_head td {
    background-color: #f5f8fa;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #ececec;
    text-align: center;
    color: #444
}

.answer_box .answer_main .answer_main_contain .main_table .table_head td:nth-child(1) {
    width: 118px;
    height: 42px
}

.answer_box .answer_main .answer_main_contain .main_table .table_head td:nth-child(2) {
    width: 180px;
    height: 42px
}

.answer_box .answer_main .answer_main_contain .main_table .table_head td:nth-child(4) {
    width: 187px;
    height: 42px
}

.answer_box .answer_main .answer_main_contain .main_table .table_head td:nth-child(3) {
    width: 152px;
    height: 42px
}

.answer_box .answer_main .answer_main_contain .main_table .table_head td:nth-child(5) {
    width: 126px;
    height: 42px
}

.answer_box .answer_main .answer_main_contain .main_table .table_head td:nth-child(6) {
    width: 160px;
    height: 42px
}

.explain_main .explain_box {
    width: 775px;
    margin-left: 49px;
    padding-bottom: 40px;
    font-weight: 400;
    color: #444
}

.explain_main .explain_box h4 {
    font-size: 26px
}

.explain_main .explain_box div {
    margin-top: 38px
}

.explain_main .explain_box div h6 {
    font-size: 18px
}

.explain_main .explain_box div ul li {
    font-size: 14px;
    line-height: 32px
}

.explain_main .explain_box div ul li a {
    color: #2789ed
}

.zt-xr {
    background: url(../images/zt/zt-xryh_03.png) top center no-repeat #3528c2;
    padding-top: 400px;
    overflow: hidden;
    width: 100%
}

.zt-xr .tab-nav {
    zoom: 1;
    background-color: #2f26b9;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100
}

.zt-xr .tab-nav:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.zt-xr .tab .btn-big,
.zt-xr .tab-nav a {
    display: inline-block;
    text-align: center
}

.zt-xr .tab-nav a {
    font-size: 14px;
    color: #c1cfff;
    width: 400px;
    padding: 7px 0;
    line-height: 28px;
    float: left
}

.zt-xr .tab-nav a h3 {
    font-size: 18px;
    color: #fff
}

.zt-xr .tab-nav a.on,
.zt-xr .tab-nav a:hover {
    color: #c1cfff;
    background-color: #5778fd
}

.zt-xr .tab .btn,
.zt-xr .tab .item {
    background-color: #fff
}

.zt-xr .tab-nav a.on h3,
.zt-xr .tab-nav a:hover h3 {
    color: #fff000
}

.zt-xr .banner {
    width: 1610px;
    margin: 0 auto
}

.zt-xr .tit {
    text-align: center;
    margin-bottom: 20px
}

.zt-xr .c-red {
    color: #f64431
}

.zt-xr .tab {
    padding-bottom: 80px
}

.zt-xr .tab .btn {
    padding: 0 10px;
    margin: 0 2px 0 0;
    line-height: 23px;
    font-size: 14px;
    vertical-align: middle;
    cursor: default
}

.zt-xr .tab .btn-big {
    width: 100%;
    font-size: 16px;
    color: #fff;
    margin-top: 30px;
    background: -webkit-linear-gradient(left, #f64431, #e03826);
    background: -moz-linear-gradient(left, #f64431, #e03826);
    background: -o-linear-gradient(left, #f64431, #e03826);
    background: -ms-linear-gradient(left, #f64431, #e03826);
    line-height: 50px
}

.zt-xr .tab .btn-red {
    color: #f64431;
    border: 1px solid #f64431
}

.zt-xr .tab .btn-yellow {
    color: #f91;
    border: 1px solid #f91;
    position: relative;
    line-height: 16px;
    padding-left: 25px
}

.zt-xr .tab .btn-yellow::before {
    content: '';
    display: inline-block;
    background-image: url(./sprite.1614672658685.png);
    background-position: 0 -210px;
    width: 22px;
    height: 16px;
    vertical-align: middle;
    position: absolute;
    left: 0
}

.zt-xr .tab .btn-blue {
    color: #5ca2ff;
    border: 1px solid #5ca2ff;
    position: relative;
    line-height: 16px;
    padding-left: 55px
}

.zt-xr .tab .btn-blue::before {
    content: '';
    display: inline-block;
    background-image: url(./sprite.1614672658685.png);
    background-position: -210px -70px;
    width: 48px;
    height: 16px;
    vertical-align: middle;
    position: absolute;
    left: 0
}

.zt-xr .contlist {
    zoom: 1
}

.zt-xr .contlist:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.zt-xr .contlist .item {
    float: left;
    width: 369px;
    margin-left: 30px;
    border: 5px solid #5f81ff
}

.zt-xr .contlist .item:first-child {
    margin-left: 0
}

.zt-xr .contlist .item .cont {
    padding: 20px 19px
}

.zt-xr .contitem {
    zoom: 1;
    border: 10px solid #5f81ff;
    position: relative
}

.zt-xr .contitem:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.zt-xr .contitem .item {
    float: right;
    padding: 0 20px 28px
}

.zt-xr .contitem .numlist {
    padding: 20px 0 10px
}

.zt-xr .contitem .numlist li {
    margin: 0 0 20px 10px
}

.trademarkreg .four li:first-child,
.zt-xr .contitem .numlist li:first-child {
    margin-left: 0
}

.zt-xr .contitem .numlist a {
    width: 158px
}

.zt-xr .contitem .btn-big {
    width: 160px
}

.zt-xr .contitem .item-img {
    position: absolute;
    left: -5px;
    top: -5px;
    box-shadow: 2px 0 8px 0 #6057c7
}

.zt-xr .ruleitem {
    background-color: rgba(64, 51, 211, .5);
    border: 5px solid #5f81ff;
    padding: 20px 50px;
    width: 1050px;
    margin: 0 auto;
    line-height: 50px;
    font-size: 16px;
    color: #fff
}

.zt-xr .numlist {
    padding: 20px 0 0;
    border-bottom: 1px solid #f2f2f2;
    zoom: 1
}

.zt-xr .numlist:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.zt-xr .numlist li {
    float: left;
    margin: 0 0 20px 20px
}

.zt-xr .numlist a {
    font-size: 16px;
    color: #4033d3;
    display: inline-block;
    width: 153px;
    text-align: center;
    line-height: 53px;
    border: 1px solid #dcd9ff;
    background-color: #f6f8ff
}

.zt-xr .numlist a.on,
.zt-xr .numlist a:hover {
    color: #fff;
    background-color: #4033d3;
    border: 1px solid #4033d3
}

.zt-cz {
    background: url(../images/zt/zt-cz.png) top center no-repeat;
    width: 100%;
    height: 2834px;
    position: relative
}

.zt-cz .bg-linear,
.zt-cz .c-border:hover {
    background-image: linear-gradient(to right, #e6a416, #af6e0d)
}

.zt-cz .yc-save {
    position: absolute;
    width: 1150px;
    top: 840px;
    left: 50%;
    margin-left: -575px
}

.zt-cz .yc-save .posi-right {
    float: left;
    position: relative
}

.zt-cz .yc-save .posi-right .posi-p {
    position: absolute;
    bottom: 25px;
    width: 100%;
    text-align: center
}

.zt-cz .cp-desc {
    position: absolute;
    top: 1440px;
    left: 50%;
    margin-left: -575px
}

.zt-cz .cp-desc .desc-box {
    background-color: #fff;
    width: 1150px;
    height: 300px;
    margin-bottom: 50px
}

.zt-cz .cp-desc .desc-box .desc-left {
    float: left;
    padding: 30px 40px
}

.zt-cz .cp-desc .desc-box .desc-left .dl-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 15px
}

.zt-cz .cp-desc .desc-box .desc-left .dl-content {
    height: 138px;
    line-height: 30px;
    font-weight: 700;
    font-size: 16px
}

.fx h2,
.fx h3 {
    font-weight: 400
}

.zt-cz .cp-desc .desc-box .desc-right {
    float: left
}

.zt-cz .btnSpan {
    height: 36px;
    line-height: 36px;
    width: 100px;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    vertical-align: middle
}

.zt-cz .c-border {
    border: 1px solid #af6e0d;
    color: #af6e0d
}

.zt-cz .c-border:hover {
    color: #fff;
    border: none
}

.midaut {
    width: 100%;
    background-color: #fbecc5;
    position: relative;
    overflow: hidden;
    height: 2050px
}

.midaut .banner {
    background: url(../images/zq_02.jpg) center no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    height: 547px
}

.midaut .banner input {
    border: transparent;
    background-color: transparent;
    height: 30px;
    line-height: 30px;
    position: absolute;
    font-size: 16px;
    top: 328px;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.midaut .banner .inp {
    width: 435px;
    left: 50%;
    margin-left: -260px
}

.midaut .banner .submit {
    width: 100px;
    color: #fff;
    left: 50%;
    margin-left: 175px;
    cursor: pointer;
    padding: 5px
}

.midaut .c_y,
.midaut .cont {
    color: #ffe587
}

.midaut .banner .submit:hover {
    background: url(../images/zq_03.png) center no-repeat
}

.midaut .lfimg {
    position: absolute;
    left: 0;
    top: 980px
}

.midaut .rigimg {
    position: absolute;
    right: 0;
    top: 1400px
}

.midaut .cont {
    text-align: center;
    margin-top: 550px;
    font-size: 14px
}

.midaut .cont h2 {
    font-size: 26px
}

.midaut .cont h3 {
    font-size: 16px;
    color: #fff
}

.midaut .box1 {
    background: url(../images/zq_08.png) center no-repeat;
    width: 1200px;
    height: 360px;
    padding-top: 30px
}

.midaut .box1 ul,
.midaut .box2 .rule,
.midaut .box2 ul {
    text-align: left
}

.midaut .box1 ul {
    margin-top: 180px;
    line-height: 28px;
    margin-left: 140px
}

.midaut .box2 {
    background: url(../images/zq_18.png) center no-repeat;
    width: 1200px;
    height: 652px;
    padding-top: 40px
}

.midaut .box2 .btn {
    display: inline-block;
    background: url(../images/zqbtn.png) center no-repeat;
    width: 155px;
    height: 50px
}

.midaut .box2 .rule {
    margin-top: 335px;
    margin-left: 140px
}

.midaut .box2 ul {
    margin-top: 75px;
    margin-left: 27px;
    font-size: 15px
}

.midaut .yuan {
    display: inline-block;
    background: url(../images/zq_yuan.png) center no-repeat;
    width: 28px;
    height: 28px;
    margin-right: 5px;
    text-align: center;
    line-height: 28px;
    font-size: 18px;
    color: #fc312f
}

.notarization {
    padding: 330px 0 20px;
    background: url(../images/zt/zt-xsgz_02.jpg) top center no-repeat #fff;
    text-align: center;
    position: relative
}

.notarization .banner {
    position: absolute;
    top: 69px;
    left: 50%;
    width: 343px;
    height: 216px;
    margin-left: 95px;
    overflow: hidden
}

.notarization .hrefbtn {
    background: url(../images/zt/zt-xsgz_btn_h.png) center no-repeat;
    background-size: cover;
    width: 228px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 190px;
    margin-left: -590px
}

.notarization .hrefbtn:hover {
    background: url(../images/zt/zt-xsgz_btn.png) center no-repeat
}

.notarization .banner .flex-control-nav,
.notarization .banner .flex-direction-nav {
    display: none
}

.notarization .advan {
    height: 466px;
    background: url(../images/zt/zt-xsgz_10.jpg) top center no-repeat
}

.notarization .tit {
    font-size: 26px;
    color: #3e4771;
    border-bottom: 20px solid #fff;
    display: inline-block;
    padding: 0 20px;
    line-height: 8px;
    margin-top: 70px
}

.notarization .tit.btgrey {
    border-bottom: 20px solid #f5f5f5
}

.notarization .tit span {
    font-size: 36px;
    color: #3856d7;
    margin-left: 5px
}

.notarization .sweepbtn {
    display: inline-block;
    width: 154px;
    height: 40px;
    background: url(../images/zt-gz_08.png) center no-repeat;
    margin-bottom: 20px
}

.notarization .sweepbtn:hover~.ewm {
    display: block
}

.notarization .ewm {
    display: none;
    position: absolute;
    right: -150px;
    top: -40px
}

.trademarkreg .bg {
    height: 453px;
    background: url(./55.png) top center no-repeat #fff
}

.trademarkreg .top {
    margin-top: -170px;
    height: 445px
}

.trademarkreg .top .left {
    padding: 30px 15px 40px;
    width: 730px;
    border-radius: 5px;
    box-shadow: 0 0 10px #b0beff;
    position: absolute;
    left: 0;
    z-index: 10;
    background: #fff
}

.trademarkreg .top .left .btn-bg,
.trademarkreg .top .left .btn-bg1 {
    width: 130px;
    padding: 5px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    font-size: 14px
}

.trademarkreg .top .left .btn-bg {
    border: 1px solid #ff6700
}

.trademarkreg .top .left .btn-bg1 {
    border: 1px solid #f9cb1a
}

.trademarkreg .top .left .white-orange {
    color: #ff6700;
    background-color: #fff!important
}

.trademarkreg .top .left .white-orange:hover {
    box-shadow: 0 0 10px rgba(255, 120, 0, .5);
    background-color: #fff9f4!important
}

.trademarkreg .top .left .white-blue {
    color: #f9cb1a;
    background-color: #fff!important
}

.trademarkreg .top .left .white-blue:hover {
    box-shadow: 0 0 10px rgba(76, 125, 255, .5);
    background-color: #f3f6ff!important
}

.trademarkreg .top .left .btn_orange3:hover {
    box-shadow: 0 0 10px rgba(255, 120, 0, .5)!important
}

.trademarkreg .top .left .btn_blue3:hover {
    box-shadow: 0 0 10px rgba(76, 125, 255, .5)!important
}

.trademarkreg .top .fiex {
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 200
}

.trademarkreg .top .right {
    background-color: #f4f6ff;
    box-shadow: 0 0 10px #f4f6ff;
    padding: 25px 0;
    height: 280px;
    margin-top: 115px;
    width: 440px;
    text-align: center
}

.trademarkreg .top .left .part1,
.trademarkreg .top .left .part2,
.trademarkreg .top .left .part3,
.trademarkreg .top .left .part4 {
    display: inline-block;
    width: 362px;
    height: 190px;
    text-align: center
}

.trademarkreg .top .left .btn {
    margin-top: 60px
}

.trademarkreg .top .left .part1 {
    background: url(./zt_zc1_06.png) center no-repeat
}

.trademarkreg .top .left .part2 {
    background: url(./zt_zc1_05.png) center no-repeat
}

.trademarkreg .top .left .part3 {
    background: url(./zt_zc1_11.png) center no-repeat
}

.trademarkreg .top .left .part4 {
    background: url(./zt_zc1_12.png) center no-repeat
}

.trademarkreg .top .left .gifimg {
    margin-top: 15px;
    margin-left: 210px
}

.trademarkreg .navbanner {
    position: relative;
    padding-top: 200px;
    padding-bottom: 80px
}

.trademarkreg .navbanner .flex-control-nav {
    bottom: 470px;
    width: 1200px;
    margin-left: -600px;
    border-bottom: 1px solid #6b6d74;
    text-align: center;
    height: 60px;
    z-index: 103
}

.trademarkreg .navbanner .flex-control-nav li {
    height: 60px;
    cursor: pointer
}

.trademarkreg .navbanner .flex-control-nav li a {
    background: 0 0;
    width: 340px;
    height: 100%;
    position: relative;
    overflow: auto;
    display: inline-block
}

.trademarkreg .navbanner .flex-control-nav li a:before {
    display: inline-block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: -webkit-linear-gradient(left, #3570fd, #9c50b2);
    background: -o-linear-gradient(left, #3570fd, #9c50b2);
    background: -moz-linear-gradient(left, #3570fd, #9c50b2);
    background: linear-gradient(to left, #f9cb1a, #dcf50dc7);
    width: 0;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    transition: 1s
}

.trademarkreg .navbanner .flex-control-nav .flex-active:before {
    width: 100%
}

.trademarkreg .navbanner .flex-viewport li {
    height: 524px
}

.trademarkreg .navbanner .flex-direction-nav a {
    width: 36px;
    height: 36px;
    top: 65%
}

.trademarkreg .navbanner .flex-direction-nav .flex-prev {
    background: url(./zt_zcnav_03.png);
    left: 50%;
    margin-left: -680px
}

.trademarkreg .navbanner .flex-direction-nav .flex-next {
    background: url(./zt_zcnav_05.png);
    right: 50%;
    margin-right: -680px
}

.trademarkreg .navbanner .tab {
    position: absolute;
    left: 50%;
    margin-left: -600px;
    top: 270px;
    z-index: 100
}

.trademarkreg .navbanner .imgs img {
    position: absolute;
    z-index: 100;
    top: 445px
}

.trademarkreg .navbanner .imgs img:hover {
    top: 440px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .3)
}

.trademarkreg .titimg {
    position: absolute;
    left: 50%;
    margin-left: -194px;
    top: 60px;
    z-index: 100
}

.trademarkreg .three {
    background: url(./zt_zc_06_02.jpg) top no-repeat #f4f6fe;
    height: 580px;
    position: relative
}

.trademarkreg .three .imgs {
    position: absolute;
    left: 50%;
    margin-left: -600px;
    bottom: 25px;
    z-index: 100
}

.trademarkreg .three .imgs img {
    box-shadow: 0 0 10px rgba(11, 63, 154, .1)
}

.trademarkreg .three .imgs img:hover {
    box-shadow: 0 0 20px #a3bcff
}

.trademarkreg .four {
    padding: 130px 0 70px
}

.trademarkreg .four li {
    width: 290px;
    height: 338px;
    float: left;
    margin-left: 10px;
    position: relative;
    color: #fff;
    font-size: 14px;
    text-align: center;
    overflow: hidden
}

.trademarkreg .four li h2 {
    font-size: 34px;
    line-height: 80px
}

.trademarkreg .four .btn {
    background: url(../images/zt/zt_zcbtn_05.png) 100px 8px no-repeat;
    width: 90px;
    line-height: 20px;
    text-align: left;
    color: #fff;
    font-size: 16px;
    padding: 8px 20px;
    border: 1px solid #fff;
    border-radius: 20px;
    position: absolute;
    bottom: -40px;
    left: 75px;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transition: .6s
}

.trademarkreg .four .mask {
    height: 100%;
    width: 100%;
    padding-top: 60px;
    box-sizing: border-box;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transition: .6s
}

.trademarkreg .four li:hover .mask {
    background: rgba(0, 0, 0, .5);
    padding-top: 30px
}

.trademarkreg .four li:hover .btn {
    bottom: 35px
}

.trademarkreg .four .btn:hover {
    background: url(../images/zt/zt_zcbtn_03.png) 100px 8px no-repeat #fff;
    color: #32333c
}

.trademarkreg .four .part1 {
    background: url(./zt_zcn_03.png) center no-repeat
}

.trademarkreg .four .part2 {
    background: url(./zt_zcn_05.png) center no-repeat
}

.trademarkreg .four .part3 {
    background: url(./zt_zcn_07.png) center no-repeat
}

.trademarkreg .four .part4 {
    background: url(./zt_zcn_09.png) center no-repeat
}

.trademarkreg .five {
    background: url(./zt_zc29.png) top no-repeat;
    height: 309px;
    padding-top: 120px
}

.trademarkreg .five .link li {
    background: url(./zt_zcicon_19.png) left top no-repeat;
    padding-left: 45px;
    line-height: 35px;
    margin-top: 20px;
    float: left;
    margin-left: 60px
}

.trademarkreg .five .link li:hover {
    background: url(./zt_zcicon_16.png) left top no-repeat
}

.trademarkreg .five .link li:hover a {
    color: #f9cb1a
}

.trademarkreg .five .link a {
    display: inline-block;
    width: 300px;
    border-bottom: 1px solid #dcdcdc;
    font-size: 16px;
    color: #515c7a;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.trademarkreg .five .btn {
    background: url(./zt_zcbtn_05.png) 100px 8px no-repeat #f9cb1a;
    width: 90px;
    line-height: 20px;
    text-align: left;
    color: #fff;
    font-size: 16px;
    border-radius: 20px
}

.trademarkreg .five .btn:hover {
    background: url(./zt_zcbtn_05.png) 100px 8px no-repeat #f9cb1a
}

.trademarkreg .five .btn:hover,
.trademarkreg .six .btn_blue3,
.trademarkreg .top .btn_blue3 {
    box-shadow: 0 0 20px rgba(143, 143, 143, .3)
}

.fx.three .treeimg,
.fx.three ul {
    box-shadow: 0 0 20px rgba(6, 16, 45, .2)
}

.trademarkreg .six {
    position: relative;
    margin: 30px auto 0;
    padding-top: 190px;
    width: 1230px
}

.trademarkreg .six ul {
    zoom: 1
}

.trademarkreg .six ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.trademarkreg .six li {
    float: left;
    position: relative
}

.trademarkreg .six .btn {
    position: absolute;
    left: 26px;
    bottom: 60px
}

.brandbanner,
.fxbanner,
.zt_brand.bottom,
.zt_brand.second {
    background-repeat: no-repeat;
    width: 100%;
    height: 493px;
    position: relative;
    overflow: hidden
}

.brandbanner .banner,
.fxbanner .banner,
.zt_brand.bottom .banner,
.zt_brand.second .banner {
    background-image: url(../images/zt/zt-fx_02.png);
    width: 1920px;
    height: 493px;
    position: absolute;
    left: 50%;
    margin-left: -960px
}

.fxbanner .btn {
    width: 130px;
    height: 24px;
    line-height: 24px;
    background-color: #313948;
    display: block;
    font-size: 22px;
    color: #fff;
    position: absolute;
    top: 350px;
    left: 50%;
    margin-left: -570px;
    border-radius: 0;
    border: 1px solid #fff
}

.fxbanner .btn:hover {
    background-color: #2753f4;
    border: 1px solid #2753f4
}

.fx .cblue {
    color: #2753f4
}

.fx h3,
.fx.three li,
.fx.top {
    color: #2a344f
}

.fx {
    text-align: center
}

.fx h2 {
    font-size: 32px;
    line-height: 110px;
    position: relative
}

.fx h2:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 60px;
    left: 50%;
    margin-left: -30px;
    border-bottom: 3px solid #2753f4;
    bottom: 0
}

.fx.top {
    font-size: 22px;
    line-height: 40px
}

.fx h3 {
    font-size: 34px;
    line-height: 120px
}

.fx.second {
    background: url(../images/zt/zt-fx_21.png) bottom no-repeat #5585e7;
    height: 410px;
    padding-top: 20px;
    margin-top: -5px
}

.fx.second li {
    margin-right: 24px;
    float: left
}

.fx.second li:last-child {
    margin-right: 0
}

.fx.four li:hover .normal,
.fx.second li:hover .normal,
.trade-one .top .left:hover .normal,
.zt_brand.top a.on .normal,
.zt_brand.top a:hover .normal {
    display: none
}

.fx.four li:hover .hover,
.fx.second li:hover .hover,
.trade-one .top .left:hover .hover {
    display: block
}

.fx.four li .hover,
.fx.second li .hover,
.trade-one .top .left .hover,
.zt_brand.top .hover {
    display: none
}

.fx ul,
.zt_brand.top a,
.zt_brand.top a.on .hover,
.zt_brand.top a:hover .hover {
    display: inline-block
}

.fx.three ul {
    width: 550px
}

.fx.three li {
    width: 272px;
    height: 182px;
    float: left;
    background: #f8f8fa;
    border: 1px solid #f8f8fa;
    padding-top: 30px;
    font-size: 20px
}

.fx.three li img {
    display: block;
    margin: 0 auto 20px
}

.fx.three li:hover {
    background-color: #3b71df;
    border: 1px solid #3b71df;
    color: #fff
}

.fx.three li:first-child {
    border-bottom: 1px solid #e1e1ef;
    border-right: 1px solid #e1e1ef
}

.fx.three li:last-child {
    border-top: 1px solid #e1e1ef;
    border-left: 1px solid #e1e1ef
}

.fx.three .treeimg {
    margin-left: -5px;
    vertical-align: middle
}

.fx.four ul {
    width: 1215px
}

.fx.four li {
    float: left;
    height: 215px
}

.fx.four .btn {
    background: url(../images/zt/zt-fx_32.png) center no-repeat;
    height: 50px;
    width: 320px;
    display: block;
    margin: 20px auto 30px
}

.fx.four .btn:hover {
    background: url(../images/zt/zt-fx_321.png) center no-repeat
}

.fx.five {
    background: url(../images/zt/zt-fx_3_03.png);
    height: 810px;
    width: 100%
}

.fx.five .img {
    width: 1121px;
    position: relative;
    margin: 0 auto
}

.fx.five .img1,
.fx.five .img2,
.fx.five .img3,
.fx.five .img4 {
    position: absolute;
    display: none
}

.fx.five .img1 {
    top: 20px;
    left: 310px
}

.fx.five .img2 {
    top: 80px;
    left: 685px
}

.fx.five .img3 {
    top: 310px;
    left: -40px
}

.fx.five .img4 {
    top: 480px;
    left: 965px
}

.fxbanner.bottom {
    height: 140px
}

.fxbanner.bottom .banner {
    background-image: url(../images/zt/zt-fx_20.png);
    height: 140px
}

.fxbanner.bottom .btn {
    font-size: 18px;
    color: #fff;
    background-color: #4f7fe2;
    width: 160px;
    top: 50px;
    margin-left: -80px
}

.fxbanner.bottom .btn:hover {
    border: 1px solid #fff;
    color: #2753f4;
    background-color: #fff
}

.trade-one {
    background: url(../images/zt/zt-sbnew_02.jpg) top center no-repeat #fff;
    padding-top: 360px
}

.trade-one .top {
    height: 200px;
    position: relative;
    background-color: #fff
}

.trade-one .top .main {
    box-shadow: 0 0 20px rgba(184, 184, 184, .5);
    padding: 20px 0 10px 60px;
    box-sizing: border-box;
    position: absolute;
    top: -75px;
    background-color: #fff;
    left: 50%;
    margin-left: -600px
}

.trade-one .top .left {
    float: left;
    width: 350px;
    height: 240px;
    background: url(../images/zt/zt-sbnew_01.png) 80px no-repeat;
    padding: 60px 0 0 300px;
    margin-right: 30px;
    margin-top: 12px;
    color: #6f798e
}

.trade-one .top .left:hover {
    box-shadow: 0 0 20px rgba(184, 184, 184, .5);
    background: url(../images/zt/zt-sbnew_011.png) 80px no-repeat
}

.trade-one .top .left.kuai {
    background: url(../images/zt/zt-sbnew_02.png) 80px no-repeat
}

.trade-one .top .left.kuai:hover {
    background: url(../images/zt/zt-sbnew_021.png) 80px no-repeat
}

.trade-one .top .bd_orange {
    border-radius: 10px;
    font-size: 12px;
    padding: 0 10px;
    margin-top: 10px
}

.trade-one .top .left:hover .btn_orange {
    display: inline-block
}

.trade-one .top .left .btn_orange {
    display: none;
    padding: 4px 17px
}

.trade-one .second {
    padding: 140px 0 70px;
    background-color: #f2f4f8;
    text-align: center
}

.trade-one .three {
    position: relative;
    height: 389px
}

.trade-one .top .left h3 {
    font-size: 22px;
    color: #2a344f;
    line-height: 40px
}

.trade-one .three img,
.zt_brand.four img,
.zt_brand.three img {
    position: absolute;
    left: 50%;
    margin-left: -960px
}

.brandbanner {
    height: 393px
}

.brandbanner .banner {
    background-image: url(../images/zt/zt_ppbh_02.png);
    height: 393px
}

.zt_brand.top {
    background-color: #fff;
    text-align: center
}

.zt_brand.top a {
    position: relative
}

.zt_brand.top a.on:before,
.zt_brand.top a:hover:before {
    border-bottom: 3px solid #ed702a;
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    display: inline-block
}

.zt_brand.second {
    height: 571px
}

.zt_brand.second .banner {
    background-image: url(../images/zt/zt_ppbh_12.png);
    height: 571px
}

.zt_brand.second .main {
    position: relative;
    margin-top: 60px
}

.zt_brand.second .cont h2 {
    color: #515c7a;
    font-size: 20px
}

.zt_brand.second .cont {
    position: absolute;
    width: 640px;
    top: 160px;
    left: 50px;
    font-size: 14px;
    color: #2a344f
}

.zt_brand.four,
.zt_brand.three {
    position: relative;
    overflow: hidden
}

.zt_brand.second .cont .btn {
    border-radius: 0;
    margin: 20px 0 0
}

.zt_brand.three {
    height: 516px
}

.zt_brand.four {
    height: 485px
}

.zt_brand.five {
    background-color: #ff7a32;
    text-align: center;
    height: 352px
}

.tab2 .zt_brand.second,
.tab2 .zt_brand.second .banner {
    height: 410px
}

.tab2 .zt_brand .cont {
    width: 850px;
    top: 80px;
    left: 300px
}

.tab2 .zt_brand.second .main {
    width: 1210px
}

.zt_brand.bottom {
    height: 115px
}

.zt_brand.bottom .banner {
    background-image: url(../images/zt/zt_ppbh_29.png);
    height: 115px
}

.zt_brand.bottom .btn {
    font-size: 20px;
    color: #fff;
    background-color: #ed702a;
    width: 160px;
    top: 35px;
    margin: 0 0 0 -101px;
    left: 50%;
    border: 1px solid #fff
}

.zt_brand.bottom .btn:hover {
    border: 1px solid #fff;
    color: #ed702a;
    background-color: #fff
}

.zt_brand.tab-nav {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    text-align: center;
    box-shadow: 0 1px 20px 0 rgba(135, 145, 160, .2);
    z-index: 100;
    display: none
}

.zt_brand.tab-nav a {
    width: 125px;
    margin: 0 80px;
    font-size: 18px;
    color: #2a344f;
    line-height: 60px;
    height: 60px;
    display: inline-block;
    position: relative
}

.zt_brand.tab-nav a.on {
    border-bottom: 2px solid #ed702a;
    color: #ed702a;
    position: relative
}

.zt_brand.tab-nav a:first-child:before {
    border-right: 1px solid #eae9ed;
    content: '';
    display: inline-block;
    height: 20px;
    position: absolute;
    right: -80px;
    top: 20px
}

.txthide {
    text-indent: -999em;
    overflow: hidden;
    line-height: 0;
    font-size: 0
}

.coupon-activity .c_red {
    color: red!important
}

.coupon-activity.con_bg {
    background: url(../images/201910zt/yend_02.png) center top no-repeat #d52c6c;
    position: relative
}

.coupon-activity .header {
    width: 1050px;
    margin: 0 auto;
    height: 532px;
    position: relative
}

.coupon-activity .countdown {
    position: absolute;
    bottom: 72px;
    left: 170px;
    width: 735px;
    font-size: 20px;
    color: #b62159
}

.coupon-activity .countdown .right {
    font-size: 18px;
    color: #333;
    margin-top: 5px
}

.coupon-activity .main {
    width: 920px;
    margin: 0 auto;
    position: relative;
    background-color: #b62159;
    padding: 30px 40px 40px
}

.coupon-activity .h_bg1 {
    height: 283px;
    background: url(../images/201910zt/yend_03.png) no-repeat
}

.coupon-activity .h_bg2 {
    height: 217px;
    background: url(../images/201910zt/yend_05.png) no-repeat
}

.coupon-activity .com_tit h3 {
    color: #fff;
    font-size: 35px;
    font-weight: 700;
    text-align: center
}

.coupon-activity .com_tit h4 {
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    margin: 30px auto 0;
    text-align: center
}

.coupon-activity .list {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 30px
}

.coupon-activity .list li {
    width: 451px;
    margin: 40px 0 30px
}

.coupon-activity .list .package,
.coupon-activity .list .surpackage {
    padding: 40px 25px 0;
    height: 125px;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    font-size: 22px;
    color: #333;
    text-align: center
}

.coupon-activity .list .package {
    background-image: url(../images/201910zt/yend_03_09.png)
}

.coupon-activity .list .surpackage {
    background-image: url(../images/201910zt/yend_03_10.png)
}

.coupon-activity .surpackage .package_type {
    line-height: 18px
}

.coupon-activity .package_num,
.coupon-activity .package_type {
    position: absolute;
    display: inline-block;
    font-size: 14px;
    color: #fff
}

.coupon-activity .package_type {
    width: 65px;
    left: 12px;
    top: 3px
}

.coupon-activity .package_num {
    width: 90px;
    right: 0;
    top: 0
}

.coupon-activity .package_num em {
    font-size: 22px
}

.coupon-activity .list .txt {
    display: block;
    line-height: 50px;
    color: #f83756;
    height: 50px;
    background-color: #fedd44;
    margin-top: 5px
}

.coupon-activity .list .operating {
    margin-top: 10px;
    height: 72px;
    background: url(../images/201910zt/yend_btnbg.png) no-repeat
}

.coupon-activity .list .operating .left {
    display: inline;
    width: 235px;
    line-height: 66px;
    font-size: 20px;
    color: #fff;
    padding-left: 20px;
    text-align: left
}

.coupon-activity .list .operating .left em {
    font-size: 28px
}

.coupon-activity .list_btn {
    background-image: url(../images/201910zt/list_btn_03.png)
}

.coupon-activity .list_btn:hover {
    background-image: url(../images/201910zt/list_btn_05.png)
}

.coupon-activity .list .none_btn {
    background-image: url(../images/201910zt/non_btn_11.png)
}

.coupon-activity .list .none_btn:hover {
    background-image: url(../images/201910zt/non_btn1_11.png)
}

.coupon-activity .list .none_btn,
.coupon-activity .list_btn {
    float: right;
    display: inline;
    width: 188px;
    height: 60px;
    margin: 6px 0 0;
    background-repeat: no-repeat;
    text-indent: -999em;
    overflow: hidden;
    line-height: 0;
    font-size: 0
}

.coupon-activity .rule_info {
    padding: 0;
    margin: 20px 0 70px;
    color: #fff;
    font-size: 18px;
    line-height: 50px
}

.coupon-activity .info_list {
    margin: 30px auto;
    width: 1000px
}

.coupon-activity .info_list ul {
    width: 500px;
    text-align: center
}

.coupon-activity .info_list .tip,
.coupon-activity .info_list ul li {
    background-color: #e03755;
    font-size: 18px;
    color: #fff;
    border-top: 1px solid #e84b67;
    line-height: 55px;
    height: 55px
}

.coupon-activity .info_list ul li:first-child {
    border-top: 0;
    font-size: 16px
}

.coupon-activity .info_list ul li:first-child span {
    color: #fff;
    font-size: 16px
}

.coupon-activity .info_list ul li span {
    display: inline-block;
    width: 84px;
    font-size: 18px;
    color: #fffd6b;
    float: right;
    background-color: #e54561;
    font-weight: 700
}

.coupon-activity .code_box {
    width: 900px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    border: 1px solid #cc648b;
    background-color: #bc3266;
    margin: 0 auto
}

.coupon-activity .code_box h3 {
    line-height: 95px;
    font-size: 35px
}

.exp_list {
    padding: 40px 0 60px
}

.exp_list li {
    width: 410px;
    padding: 20px 20px 18px;
    position: relative;
    line-height: 30px;
    background-color: #fff;
    color: #666;
    margin-bottom: 20px
}

.exp_list .ex_img {
    position: absolute;
    right: 25px;
    top: 25px
}

.exp_list .top {
    border-bottom: 1px dashed #ffd4b2;
    margin-bottom: 14px;
    padding-bottom: 10px
}

.exp_list h3 {
    font-size: 22px;
    color: #333;
    line-height: 45px
}

.calcul_box {
    float: left;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    margin-top: 12px
}

.calcul_box input,
.calcul_box span {
    display: inline-block;
    width: 40px;
    vertical-align: middle;
    line-height: 40px;
    height: 40px;
    cursor: pointer
}

.calcul_box .add {
    background: url(../images/201910zt/add_05.png) center no-repeat
}

.calcul_box .red {
    background: url(../images/201910zt/add_03.png) center no-repeat
}

.calcul_box input {
    border: 0;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    margin: -1px -5px;
    width: 30px;
    padding: 0 10px;
    outline: 0;
    font-size: 16px
}

.channel {
    display: block;
    position: fixed;
    left: 22px;
    bottom: 140px;
    z-index: 1;
    transition: bottom 1.5s;
    -moz-transition: bottom 1.5s;
    -webkit-transition: bottom 1.5s;
    -o-transition: bottom 1.5s
}

.channel .codeimg {
    display: none;
    position: fixed;
    left: 85px;
    bottom: 145px
}

.channel:hover .codeimg {
    display: block
}

.channel_mark {
    width: 555px;
    min-height: 150px;
    margin-left: -278px;
    margin-top: -133px;
    background: #fff;
    border-radius: 4px;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 92;
    overflow: hidden;
    padding-bottom: 20px;
    color: #2a344f
}

.channel_mark .title {
    height: 48px;
    line-height: 48px;
    border: 1px solid #e7e9f0;
    background: #f6f7fa;
    color: #1d5af2;
    font-size: 16px;
    padding-left: 18px;
    position: relative
}

.channel_mark .close {
    width: 14px;
    height: 14px;
    background: url(../images/201910zt/close.png) no-repeat;
    position: absolute;
    top: 16px;
    right: 20px;
    cursor: pointer
}

.channel_mark .close:hover {
    background: url(../images/201910zt/close_hover.png) no-repeat
}

.channel_mark .body {
    padding: 30px 20px
}

.channel_mark .btns {
    text-align: center
}

.channel_mark .charge_box {
    width: 170px;
    height: 55px;
    display: inline-block;
    border: 1px solid #e7e7e7;
    margin-right: 20px;
    vertical-align: top
}

.channel_mark h3 {
    font-size: 16px;
    color: #333;
    font-weight: 700;
    line-height: 50px;
    margin-top: 30px
}

.channel_mark .gray {
    font-size: 14px;
    color: #888;
    line-height: 30px
}

.cons-reg {
    padding-top: 347px;
    background: url(../images/zt/guwen_01.png) top center no-repeat #fff;
    position: relative
}

.cons-reg .bg1 {
    width: 1200px;
    position: absolute;
    top: 250px;
    left: 50%;
    margin-left: -555px
}

.cons-reg .bg1 a:nth-child(1) {
    background: url(../images/zt/guwen_02.png) top center no-repeat;
    height: 42px;
    width: 138px;
    display: inline-block
}

.cons-reg .bg1 a:nth-child(2) {
    background: url(../images/zt/guwen_08.png) top center no-repeat;
    height: 42px;
    width: 138px;
    display: inline-block;
    margin-left: 10px
}

.cons-reg .bg1 a:nth-child(1):hover {
    background: url(../images/zt/guwen_02_hover.png) top center no-repeat;
    cursor: pointer
}

.cons-reg .bg1 a:nth-child(2):hover {
    background: url(../images/zt/guwen_08_hover.png) top center no-repeat;
    cursor: pointer
}

.cons-reg .bg3 {
    height: 323px;
    background: url(../images/zt/guwen_03.png) top center no-repeat #fff
}

.cons-reg .bg4 {
    height: 623px;
    position: relative;
    background: url(../images/zt/guwen_04.png) top center no-repeat #fff
}

.cons-reg .bg4>div {
    position: absolute;
    width: 1200px;
    left: 50%;
    top: 500px;
    margin-left: -600px
}

.bg4-now {
    height: 40px;
    background-color: #737dff;
    line-height: 40px;
    font-size: 14px;
    display: inline-block;
    width: 110px;
    color: #fff;
    text-align: center;
    position: absolute
}

.bg4-btn1 {
    left: 420px
}

.bg4-btn2 {
    left: 1050px
}

.bg4-now:hover {
    background-color: #5a66ff;
    cursor: pointer;
    color: #fff
}

.cons-reg .bg5 {
    height: 731px;
    background: url(../images/zt/guwen_05.png) top center no-repeat #fff
}

.cons-reg .bg6 {
    height: 368px;
    background: url(../images/zt/guwen_06.png) top center no-repeat #fff
}

.cons-reg .bg7 {
    height: 504px;
    background: url(../images/zt/guwen_07.png) top center no-repeat #fff
}

.cons-reg .bg7 .question {
    height: 355px;
    padding-top: 138px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.ques-left {
    width: 700px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: flex-start
}

.ques-left>div {
    width: 50%;
    height: 70px;
    line-height: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px solid #eff0f4
}

.ques-i:hover {
    color: #737dff;
    cursor: pointer
}

.ques-i:hover::before {
    content: '';
    width: 5px;
    height: 5px;
    display: inline-block;
    margin: 2px 10px;
    background-color: #737dff
}

.ques-jt:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #737dff;
    margin: 0 10px;
    display: inline-block
}

.ques-i:before {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #d7d7e3;
    display: inline-block;
    margin: 2px 10px
}

.ques-right {
    width: 400px;
    height: 215px;
    background-color: #f1f2f9;
    padding: 40px 40px 30px
}

.rig-top {
    font-size: 18px;
    color: #353544;
    font-weight: bolder
}

.rig-middle {
    height: 100px;
    font-size: 14px;
    color: #838499;
    border-left: 1px solid #e1e1e1;
    margin: 25px 25px 25px 0;
    padding-left: 30px;
    line-height: 25px;
    overflow: auto
}

.rig-middle::-webkit-scrollbar {
    display: none
}

.rig-bt>span {
    width: 100px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    margin-right: 20px;
    color: #fff
}

.rig-bt>span:nth-child(1):hover {
    cursor: pointer;
    background-color: #5a66ff
}

.rig-bt>span:nth-child(2):hover {
    cursor: pointer;
    background-color: #ff9630
}

.bg-blue {
    background-color: #737dff
}

.c-blue {
    color: #737dff
}

.bg-orange {
    background-color: #ffa248
}

.quickreg_box .hide,
.quickreg_box2 .hide {
    display: none!important
}

.quickreg_top {
    background: #fff;
    height: 50px;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .08);
    position: relative;
    z-index: 20;
    padding: 12px 0
}

.quickreg_top .foot_submit {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.quickreg_top .top_content {
    width: 1200px;
    margin: 0 auto;
    height: 50px;
    line-height: 50px
}

.quickreg_top .top_content span {
    margin-left: 20px;
    font-size: 24px;
    color: #444
}

.quickreg_top .top_content .top_nav {
    margin-right: 20px;
    font-size: 13px;
    color: #444;
    padding-left: 45px;
    padding-right: 10px;
    cursor: pointer
}

.quickreg_top .top_content .nav_done {
    background: url(../images/qkreg_01.png) 10px no-repeat!important
}

.quickreg_top .top_content .nav_pre {
    background-color: #f5f7f8!important
}

.quickreg_top .top_content .nav_step1 {
    background: url(../images/qkreg_42.png) 10px no-repeat;
    border-radius: 25px
}

.quickreg_top .top_content .nav_step2 {
    background: url(../images/qkreg_02.png) 10px no-repeat;
    border-radius: 25px
}

.quickreg_top .top_content .nav_step3 {
    background: url(../images/qkreg_03.png) 10px no-repeat;
    border-radius: 25px
}

.quickreg_top .top_content .nav_line {
    position: relative;
    top: 50%;
    margin-top: -.5px;
    margin-right: 20px;
    width: 33px;
    height: 1px;
    background-color: #ececec
}

.quickreg_box {
    padding: 30px 40px;
    margin-bottom: 9px;
    border: 1px solid #e7e7e7;
    border-top: 0;
    background: #fff;
    font-size: 16px
}

.quickreg_box .icon-i {
    position: absolute;
    left: 15px;
    background: url(../images/qkreg_19.png) no-repeat!important
}

.quickreg_box .head_nav {
    height: 44px;
    background: url(../images/qkreg_04.png) 14px no-repeat #fffbfa;
    border: 1px solid #fcd4c1;
    margin-bottom: 20px
}

.quickreg_box .head_nav span {
    margin-left: 43px;
    line-height: 44px;
    font-size: 14px;
    color: #ff4707
}

.quickreg_box .head_nav+.head_nav {
    background: url(../images/qkreg_04_1.png) 14px no-repeat #fff9e7;
    border: 1px solid #ffe2a2
}

.quickreg_box .head_nav+.head_nav span {
    color: #ff891f
}

.quickreg_box .head_nav+.head_nav span strong {
    color: #ff4707
}

.quickreg_box .content {
    position: relative
}

.quickreg_box .content h1 {
    margin: 0 0 20px;
    border-bottom: 1px solid #e7e7e7
}

.quickreg_box .content h1 span {
    display: inline-block;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
    color: #f9cb1a;
    border-bottom: 2px solid #f9cb1a
}

.quickreg_box .content .cont_tab {
    margin: 30px 0 16px;
    height: 15px
}

.quickreg_box .content .cont_tab li {
    font-size: 14px;
    margin-right: 49px;
    line-height: 15px;
    cursor: pointer
}

.quickreg_box .content .cont_tab li:nth-child(1) {
    background: url(../images/qkreg_06.png) 0 -.1px no-repeat;
    padding-left: 19px
}

.quickreg_box .content .cont_tab li:first-child:hover {
    background: url(../images/qkreg_31.png) 0 -.1px no-repeat
}

.quickreg_box .content .cont_tab li:hover {
    color: #f9cb1a
}

.quickreg_box .content .cont_tab .mod-select {
    padding-bottom: 5px;
    background: url(../images/qkreg_07.png) center 15px no-repeat
}

.quickreg_box .content .cont_tab .first-select {
    padding-bottom: 5px;
    background: url(../images/qkreg_07.png) center 15px no-repeat, url(../images/qkreg_31.png) 0 -.1px no-repeat!important
}

.quickreg_box .content .cont_add {
    width: 1104px
}

.quickreg_box .content .cont_add .add_title {
    line-height: 34px;
    font-size: 12px;
    color: #888;
    padding-left: 46px;
    border: 1px solid #e5e5e5;
    border-bottom: 0;
    background: url(../images/qkreg_30.png) 20px center no-repeat #f7f7f7
}

.quickreg_box .content .cont_add .service_form {
    padding: 10px 52px
}

.quickreg_box .content .cont_add .cont .typeul .btn {
    border-radius: 0;
    margin: 0;
    color: #666;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #d1d1d1
}

.quickreg_box .content .cont_add .cont .upload {
    height: 100px;
    width: 192px;
    padding: 5px;
    margin-right: 14px;
    font-size: 12px;
    text-align: center;
    border: 1px dashed #d1d1d1;
    background: url(./qkreg_33.png) center 27px no-repeat #fbfbfb;
    position: relative
}

.quickreg_box .content .cont_add .cont .upload input {
    height: 100px;
    width: 192px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    opacity: 0
}

.content_index .index_box .qk38_hover:hover,
.pers_center .left_down .fx_img:hover {
    opacity: .8
}

.quickreg_box .content .cont_add .cont .upload:hover {
    border: 1px dashed #f9cb1a;
    background: url(./qkreg_33_1.png) center 27px no-repeat #fbfbfb
}

.quickreg_box .content .cont_add .cont .upload:hover p {
    color: #f9cb1a
}

.quickreg_box .content .cont_add .cont .upload .zindex20 {
    z-index: 19
}

.quickreg_box .content .cont_add .cont .upload .img_box {
    margin: 0;
    border: 0;
    height: auto;
    overflow: hidden
}

.quickreg_box .content .cont_add .cont .upload .img_box img {
    position: relative;
    margin: 0;
    object-fit: cover;
    width: 32px;
    height: 66px
}

.quickreg_box .content .cont_add .cont .upload .img_box .upload_img {
    width: 100px;
    height: 66px;
    display: inline-block
}

.quickreg_box .content .cont_add .cont .upload .img_a {
    height: 100%;
    margin-top: 0!important
}

.quickreg_box .content .cont_add .cont .upload p {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0
}

.quickreg_box .content .cont_add .cont .exp_box {
    height: 110px;
    width: 81px;
    margin-right: 0
}

.quickreg_box .content .cont_add .cont .exp_text {
    color: #888;
    float: left;
    width: 400px;
    height: 112px;
    padding-left: 35px;
    position: relative
}

.quickreg_box .content .cont_add .cont .exp_text .icon-i {
    position: absolute;
    left: 15px
}

.quickreg_box .content .cont_add .cont .btn {
    margin: 0;
    font-size: 14px
}

.quickreg_box .content .cont_add .cont table td input {
    background-color: #fbfbfb;
    height: 12px
}

.quickreg_box .content .cont_add .cont table td input::placeholder {
    font-size: 12px;
    color: #999
}

.quickreg_box .content .cont_add .cont table td .warn_tip {
    position: absolute;
    font-size: 12px;
    color: #ff1a14;
    margin-top: 30px
}

.quickreg_box .content .cont_add .cont table td select {
    box-sizing: content-box;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    color: #999;
    line-height: 12px;
    padding: 8px;
    font-size: 12px;
    background: url(../images/qkreg_36.png) 397px center no-repeat #fbfbfb;
    border: 1px solid #d1d1d1
}

.quickreg_box .content .cont_add .cont table td .select2-container {
    width: 416px!important
}

.quickreg_box .content .cont_add .cont table td .select2-container .select2-choice {
    height: 12px!important;
    padding: 8px!important;
    line-height: 12px!important;
    background: url(../images/qkreg_36.png) 397px center no-repeat #fbfbfb!important
}

.quickreg_box .content .cont_add .cont table td .select2-container .select2-choice .select2-chosen {
    font-size: 12px!important;
    color: #999!important
}

.quickreg_box .content .cont_add .cont table td .select2-container .select2-choice .select2-arrow {
    display: none!important
}

.quickreg_box .content .cont_add .cont table td .img_auto {
    position: relative;
    margin-left: 20px
}

@-webkit-keyframes loading {
    0% {
        transform: rotate(0)
    }
    12.5% {
        transform: rotate(45deg)
    }
    25% {
        transform: rotate(90deg)
    }
    37.5% {
        transform: rotate(135deg)
    }
    50% {
        transform: rotate(180deg)
    }
    62.5% {
        transform: rotate(225deg)
    }
    75% {
        transform: rotate(270deg)
    }
    87.5% {
        transform: rotate(315deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@-moz-keyframes loading {
    0% {
        transform: rotate(0)
    }
    12.5% {
        transform: rotate(45deg)
    }
    25% {
        transform: rotate(90deg)
    }
    37.5% {
        transform: rotate(135deg)
    }
    50% {
        transform: rotate(180deg)
    }
    62.5% {
        transform: rotate(225deg)
    }
    75% {
        transform: rotate(270deg)
    }
    87.5% {
        transform: rotate(315deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@-o-keyframes loading {
    0% {
        transform: rotate(0)
    }
    12.5% {
        transform: rotate(45deg)
    }
    25% {
        transform: rotate(90deg)
    }
    37.5% {
        transform: rotate(135deg)
    }
    50% {
        transform: rotate(180deg)
    }
    62.5% {
        transform: rotate(225deg)
    }
    75% {
        transform: rotate(270deg)
    }
    87.5% {
        transform: rotate(315deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes loading {
    0% {
        transform: rotate(0)
    }
    12.5% {
        transform: rotate(45deg)
    }
    25% {
        transform: rotate(90deg)
    }
    37.5% {
        transform: rotate(135deg)
    }
    50% {
        transform: rotate(180deg)
    }
    62.5% {
        transform: rotate(225deg)
    }
    75% {
        transform: rotate(270deg)
    }
    87.5% {
        transform: rotate(315deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.quickreg_box .content .cont_add .cont table td #img_loading img {
    position: absolute;
    top: 50%;
    left: -20px;
    margin-top: -8px;
    animation: loading .8s infinite
}

.quickreg_box .content .cont_add .cont table td #img_success img {
    position: absolute;
    top: 50%;
    left: -20px;
    margin-top: -8px
}

.quickreg_box .content .cont_add .cont table .ml41 {
    margin-left: 41px
}

.quickreg_box .content .cont_add .cont table .en-corner {
    background: url(../images/qkreg_34.png) right top no-repeat #fbfbfb
}

.quickreg_box .content .cont_add .cont table .cn-corner {
    background: url(../images/qkreg_35.png) right top no-repeat #fbfbfb
}

.quickreg_box .content .cont_add .cont .not_empty_border {
    border: 1px solid #ff1a14!important
}

.quickreg_box .content .cont_add .cont .input_warn {
    position: relative;
    width: 70px
}

.quickreg_box .content .cont_add .cont .input_warn .icon_not {
    top: 2px;
    right: 48px
}

.quickreg_box .content .cont_add .cont .input_warn .not_empty_note {
    top: 2px;
    left: 27px;
    min-width: 300px
}

.quickreg_box .content .cont_template {
    width: 1121px;
    height: 306px;
    border: 1px solid #e5e5e5;
    overflow: auto
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .l_guide .tit_box ul li,
.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .r_guide .box_1 ul li {
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.quickreg_box .content .cont_template::-webkit-scrollbar {
    width: 6px!important;
    height: 6px!important
}

.quickreg_box .content .cont_template::-webkit-scrollbar-thumb {
    border-radius: 6px!important;
    background: rgba(206, 206, 206, .8)!important
}

.quickreg_box .content .cont_template::-webkit-scrollbar-track {
    border-radius: 0!important;
    background: rgba(238, 238, 240, .5)!important
}

.quickreg_box .content .cont_template ul {
    position: relative
}

.quickreg_box .content .cont_template ul li {
    border-bottom: 1px solid #ececec;
    background: url(../images/qkreg_28.png) 23px no-repeat #fafafa;
    padding: 20px 18px 20px 58px;
    position: relative
}

.quickreg_box .content .cont_template ul li .tem_cont p:first-child {
    font-size: 14px;
    color: #444;
    padding-left: 53px;
    background: url(../images/qkreg_09.png) 0 center no-repeat
}

.quickreg_box .content .cont_template ul li .tem_cont p:last-child {
    font-size: 12px;
    color: #999
}

.quickreg_box .content .cont_template ul li .tem_btn {
    height: 22px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -11px;
    font-size: 14px;
    color: #2c88e9
}

.quickreg_box .content .cont_template ul li .tem_btn span {
    padding: 0 12px
}

.quickreg_box .content .cont_template ul li .tem_btn span:first-child {
    border-right: 2px solid #e1e1e1
}

.quickreg_box .content .cont_template ul li:hover {
    background-color: #f3f3f3
}

.quickreg_box .content .cont_template ul li:last-child {
    border-bottom: 0
}

.quickreg_box .content .cont_template ul .mod-select1 {
    background-image: url(../images/qkreg_21.png);
    background-repeat: no-repeat;
    background-position: 23px center
}

.quickreg_box .content .cont_template ul .mod-audited .tem_cont p:first-child {
    background: url(../images/qkreg_08.png) 0 center no-repeat!important
}

.quickreg_box .content .cont_template .service_form {
    padding-top: 15px
}

.quickreg_box .content .cont_template .tem_title {
    color: #ff4707;
    padding: 12px 42px;
    background: url(../images/qkreg_43.png) 16px center no-repeat #fffbfa;
    border: 1px solid #fcd4c1
}

.quickreg_box .content .cont_template .no_template {
    width: 100%;
    height: 306px;
    background: url(../images/uneed_noResult.png) center 67px no-repeat;
    text-align: center
}

.quickreg_box .content .cont_template .no_template p {
    padding-top: 185px
}

.quickreg_box .content .cont_template .service_form {
    border: none
}

.quickreg_box .content .con_tip {
    margin-top: 19px;
    color: #888;
    font-size: 12px;
    line-height: 20px
}

input::placeholder,
textarea::placeholder {
    font-size: 14px;
    color: #999
}

.exp_icon {
    background: url(../images/qkreg_14.png) center no-repeat;
    width: 20px;
    height: 20px;
    margin: 0 0 0 4px;
    position: absolute;
    z-index: 6
}

.exp_QRcode {
    padding: 20px 0 15px;
    width: 152px;
    text-align: center
}

.exp_QRcode img {
    width: 111px;
    margin: 0 auto 10px
}

.QRcode:hover+.exp_QRcode,
.exp_icon:hover+.exp_tmguide,
.exp_icon:hover+.exp_tmname {
    display: block!important
}

.QRcode .ui-btn {
    padding-left: 30px;
    padding-right: 10px;
    color: #0070e0;
    background: url(../images/qkreg_37.png) 10px center no-repeat #f1f8ff;
    border-radius: 26px;
    border: 1px solid #c4def8;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    font-weight: 400;
    cursor: pointer
}

.QRcode .ui-btn:hover {
    background-color: #e3f1ff
}

.exp_QRcode_1,
.exp_QRcode_2 {
    background: #fff;
    position: absolute;
    z-index: 1;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .08)
}

.QRcode_1 {
    position: absolute;
    top: 8px;
    left: 130px
}

.QRcode_2 {
    position: absolute;
    top: 150px;
    left: 370px
}

.exp_QRcode_1 {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    top: 0;
    left: 285px
}

.exp_QRcode_2 {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    top: 142px;
    left: 523px
}

.cont_search {
    position: relative
}

.cont_search input {
    background: url(../images/qkreg_05.png) 346px no-repeat;
    border: 1px solid #d1d1d1;
    padding: 10px;
    height: 14px;
    width: 355px
}

.cont_search input::placeholder {
    font-size: 12px;
    color: #999
}

.cont_search .search_btn {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 345px;
    width: 20px;
    height: 35px
}

.cont_search .load_ing {
    display: inline-block;
    background: url(../images/loading_01.gif) 0 no-repeat;
    width: 50px;
    padding-left: 20px
}

.quickreg_box2 {
    margin-bottom: 9px
}

.quickreg_box2 .icon-i {
    position: absolute;
    left: 15px;
    background: url(../images/qkreg_19.png) no-repeat!important
}

.quickreg_box2 .service_form {
    padding: 20px 40px;
    border-bottom: 1px solid #e7e7e7;
    background: #fff;
    font-size: 16px
}

.quickreg_box2 .service_form .cont {
    position: relative;
    padding-top: 0
}

.quickreg_box2 .service_form .cont .exp_QRcode::before,
.quickreg_box2 .service_form .cont .exp_tmguide::before,
.quickreg_box2 .service_form .cont .exp_tmname::before {
    content: "";
    width: 0;
    height: 0;
    border-right: solid 10px #fff;
    border-top: solid 10px rgba(0, 0, 0, 0);
    border-bottom: solid 10px rgba(0, 0, 0, 0);
    border-left: solid 10px rgba(0, 0, 0, 0);
    position: absolute;
    top: 11px;
    left: -20px;
    z-index: 2
}

.quickreg_box2 .service_form .cont .exp_QRcode::after,
.quickreg_box2 .service_form .cont .exp_tmguide::after,
.quickreg_box2 .service_form .cont .exp_tmname::after {
    content: "";
    width: 0;
    height: 0;
    border-right: solid 11px #e5e5e5;
    border-top: solid 11px rgba(0, 0, 0, 0);
    border-bottom: solid 11px rgba(0, 0, 0, 0);
    border-left: solid 11px rgba(0, 0, 0, 0);
    position: absolute;
    top: 10px;
    left: -22px
}

.quickreg_box2 .service_form .cont .register {
    width: 138px;
    height: 38px;
    line-height: 38px;
    border-radius: 4px;
    font-size: 14px;
    color: #666
}

.quickreg_box2 .service_form .cont .register_on {
    border: 1px solid #f9cb1a;
    background-color: #f1f8ff
}

.quickreg_box2 .service_form .cont .register_off {
    border: 1px solid #d1d1d1;
    background-color: #fff
}

.quickreg_box2 .service_form .cont .register_on:after {
    background: url(../images/qkreg_17.png) right bottom no-repeat
}

.quickreg_box2 .service_form .cont .register_off:after {
    background: 0
}

.quickreg_box2 .service_form .cont .upload {
    height: 100px;
    width: 183px;
    padding: 5px;
    margin-right: 0;
    font-size: 12px;
    text-align: center;
    border: 1px dashed #d1d1d1;
    background: url(./qkreg_33.png) center 27px no-repeat #fbfbfb;
    position: relative
}

.quickreg_box2 .service_form .cont .upload p {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0
}

.quickreg_box2 .service_form .cont .upload .img_box {
    margin: 0;
    border: 0;
    height: auto
}

.quickreg_box2 .service_form .cont .upload .img_box img {
    position: relative;
    object-fit: cover;
    margin: 0;
    width: 100px;
    height: 66px
}

.quickreg_box2 .service_form .cont .upload .img_box .upload_img {
    width: 100px;
    height: 66px;
    display: inline-block
}

.quickreg_box2 .service_form .cont .upload .img_a {
    height: 100%;
    margin-top: 0!important
}

.quickreg_box2 .service_form .cont .exp_box {
    height: 110px;
    width: 81px;
    margin-right: 0;
    margin-left: 14px
}

.quickreg_box2 .service_form .cont .exp_text {
    color: #888;
    padding: 0 0 0 35px;
    float: left;
    width: 400px;
    height: 112px;
    position: relative
}

.quickreg_box2 .service_form .cont .exp_text .icon-i {
    position: absolute;
    left: 15px;
    background: url(../images/qkreg_19.png) no-repeat!important
}

.quickreg_box2 .service_form .cont .btn {
    margin: 0;
    padding: 7px 16px;
    font-size: 14px
}

.quickreg_box2 .service_form .cont .table .tright {
    padding-right: 38px;
    width: 10%
}

.quickreg_box2 .service_form .cont .table .tleft {
    width: 89%;
    padding-right: 100px
}

.quickreg_box2 .service_form .cont .table td .note,
.quickreg_box2 .service_form .cont .table td input {
    width: 400px;
    padding: 8px;
    background: #fbfbfb;
    border: 1px solid #d1d1d1;
    display: inline-block
}

.quickreg_box2 .service_form .cont .table td input {
    height: 12px
}

.quickreg_box2 .service_form .cont .table td input::placeholder,
.quickreg_box2 .service_form .cont .table td textarea::placeholder {
    font-size: 12px;
    color: #999
}

.quickreg_box2 .service_form .cont .table td .search_btn {
    line-height: 30px;
    padding-left: 25px;
    background: url(../images/qkreg_12.png) 9px center no-repeat
}

.quickreg_box2 .service_form .cont .table td .search_btn:hover {
    background: url(../images/qkreg_12_2.png) 9px center no-repeat
}

.quickreg_box2 .service_form .cont .table td .icon-zhong {
    background: url(../images/qkreg_13.png) no-repeat
}

.quickreg_box2 .service_form .cont .table td .reused {
    padding-left: 42px;
    background: url(../images/qkreg_18.png) 0 center no-repeat
}

.quickreg_box2 .service_form .cont .table td .text-middle {
    vertical-align: text-top
}

.quickreg_box2 .service_form .cont .table td .exp_tmname {
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .08);
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    position: absolute;
    top: 2px;
    left: 108px;
    z-index: 1;
    padding: 0 13px
}

.quickreg_box2 .service_form .cont .table td .exp_tmname .tmname td {
    padding-bottom: 0
}

.quickreg_box2 .service_form .cont .table td .exp_tmname .tmname tr {
    padding-top: 0;
    padding-bottom: 0
}

.quickreg_box2 .service_form .cont .table td .exp_tmname .tmname tr .title {
    min-width: 50px;
    vertical-align: top
}

.quickreg_box2 .service_form .cont .table td .exp_tmname .tmname tr td:last-child {
    min-width: 300px
}

.quickreg_box2 .service_form .cont .table td .exp_tmname .tmname tr .logo-box {
    height: 45px;
    width: 151px;
    border: 1px solid #e8e8e8;
    text-align: center;
    margin: 10px 0
}

.quickreg_box2 .service_form .cont .innerBox {
    padding: 10px 0 0
}

.quickreg_box2 .service_form .cont .innerBox .scroll-bar::-webkit-scrollbar {
    width: 6px!important;
    height: 6px!important
}

.quickreg_box2 .service_form .cont .innerBox .scroll-bar::-webkit-scrollbar-thumb {
    border-radius: 6px!important;
    background: rgba(206, 206, 206, .8)!important
}

.quickreg_box2 .service_form .cont .innerBox .scroll-bar::-webkit-scrollbar-track {
    border-radius: 0!important;
    background: rgba(238, 238, 240, .5)!important
}

.quickreg_box2 .service_form .cont .innerBox .head_nav {
    font-size: 0
}

.quickreg_box2 .service_form .cont .innerBox .head_nav a {
    border: 1px solid #d1d1d1;
    padding: 11px 40px
}

.quickreg_box2 .service_form .cont .innerBox .head_nav a:hover {
    color: #f9cb1a
}

.quickreg_box2 .service_form .cont .innerBox .head_nav a:first-child {
    border-right: 0
}

.quickreg_box2 .service_form .cont .innerBox .head_nav a:nth-child(2) {
    border-left: 0
}

.quickreg_box2 .service_form .cont .innerBox .head_nav .nav_on {
    border: 1px solid #f9cb1a!important;
    background-color: #f1f8ff
}

.quickreg_box2 .service_form .cont .innerBox .head_nav .exp_tmguide {
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .08);
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    position: absolute;
    top: 70px;
    left: 266px;
    z-index: 1;
    padding: 10px 13px;
    width: 302px
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder {
    border: 0
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm {
    width: 372px;
    height: 523px
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .brand_search {
    padding: 20px 14px 0
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .brand_search .cont_search {
    position: relative
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .brand_search .cont_search input {
    background: url(../images/qkreg_05.png) 269px no-repeat #fff!important;
    border: 1px solid #d1d1d1;
    padding: 10px;
    height: 14px;
    width: 279px
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .brand_search .cont_search .search_btn {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 269px;
    width: 20px;
    height: 34px
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .brand_search .checkbox {
    width: 12px;
    height: 12px;
    color: #444
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .brand_search .checkbox:checked+span {
    color: #f9cb1a!important
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .vertical-nav {
    position: relative
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .vertical-nav .typeul {
    background: #f1f4f7;
    position: absolute;
    line-height: 26px;
    text-align: center;
    padding: 0 2px;
    left: -27px;
    top: -1px;
    border-radius: 4px 0 0 4px
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .vertical-nav .typeul a {
    margin-bottom: 0;
    width: 21px;
    border-radius: 0;
    border: 0;
    background: #f1f4f7;
    border-bottom: 1px solid #e7e7e7;
    font-size: 12px
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .vertical-nav .typeul li:last-child a {
    border-bottom: 0
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .vertical-nav .typeul a.chosed {
    color: #ff6700;
    font-weight: 800
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .tit_scroll_box {
    height: 350px;
    overflow-y: auto
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .tit_scroll_box::-webkit-scrollbar {
    width: 6px!important;
    height: 6px!important
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .tit_scroll_box::-webkit-scrollbar-thumb {
    border-radius: 6px!important;
    background: rgba(206, 206, 206, .8)!important
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .tit_scroll_box::-webkit-scrollbar-track {
    border-radius: 0!important;
    background: rgba(238, 238, 240, .5)!important
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .tit_box {
    position: relative;
    height: auto;
    margin: 0;
    padding: 10px 0;
    overflow-y: visible
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .tit_box li {
    cursor: pointer
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .tit_box .tit {
    line-height: 30px;
    padding: 0 34px;
    position: relative
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .tit_box .tit .applied .tit_dialog {
    position: absolute;
    z-index: 1;
    left: -120px;
    padding: 0 10px;
    width: 240px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .tit_box .tit .applied .tit_dialog .item {
    line-height: 16px;
    display: inline-block;
    position: relative;
    width: 60px;
    padding: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .tit_box .tit .applied .used_btn i {
    position: relative;
    vertical-align: text-bottom;
    cursor: pointer;
    height: 18px;
    display: inline-block
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .tit_box .tit .applied .used_btn .self_hover {
    background: url(../images/qkreg_24.png) no-repeat;
    width: 55px
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .tit_box .tit .applied .used_btn .self_hover:hover {
    background: url(../images/qkreg_24_hover.png) no-repeat
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .tit_box .tit .applied .used_btn .her_hover {
    background: url(../images/qkreg_25.png) no-repeat;
    width: 82px
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .tit_box .tit .applied .used_btn .her_hover:hover {
    background: url(../images/qkreg_25_hover.png) no-repeat
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .tit_box .tit .applied .used_btn:hover .tit_dialog {
    display: block!important
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .tit_box .tit::before {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: #b5b5b5;
    position: absolute;
    top: 50%;
    margin: -2.5px 0 0 -15px
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .tit_box .content {
    padding: 0!important;
    width: auto
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .tit_box .content .list_sec {
    padding: 0 27px;
    font-size: 13px
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .tit_box .content .list_sec dt {
    position: relative
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .tit_box .content .list_sec dt a {
    _padding-left: 22px;
    text-indent: 22px
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .tit_box .content .list_sec dt::after {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: #b5b5b5;
    position: absolute;
    _top: 50%;
    top: 14px;
    _margin: -2.5px 0 0 7px
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .tit_box .content .list_sec .cur a {
    background-color: #e9edf0;
    color: #ff6700
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .tit_box .content .list_sec dd .selected a {
    background: url(../images/qkreg_20.png) 0 28px center no-repeat;
    color: #ff6700
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .l_guide {
    box-sizing: border-box;
    width: 192px;
    background-color: #fff
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .l_guide .tit_box {
    height: 410px;
    overflow-y: auto
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .r_guide {
    width: 180px;
    background-color: #fff
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .r_guide .box_1 {
    height: 145px;
    overflow-y: auto
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .r_guide .box_2 {
    height: 196px;
    overflow-y: auto
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .r_guide .box_2 ul:last-child {
    padding-top: 20px;
    text-align: center
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .r_guide .box_2 ul:last-child p {
    font-size: 12px;
    color: #888
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .r_guide .box_2 li {
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: url(../images/qkreg_28.png) 13px 5px no-repeat;
    line-height: 28px;
    height: 28px
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .r_guide .r_chosed1 {
    background: url(../images/qkreg_20.png) 13px no-repeat!important
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .r_guide .r_chosed2 {
    background: url(../images/qkreg_21.png) 13px no-repeat!important
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .r_guide label {
    font-size: 0
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .r_guide label .btn {
    padding: 6px 9px
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .r_guide label .btn_grey {
    width: 56px;
    background-color: #939ba4;
    border: 1px solid #939ba4
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .l_guide ul li,
.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .r_guide ul li {
    padding-left: 35px;
    position: relative;
    line-height: 36px
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .l_guide ul li a,
.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .r_guide ul li a {
    color: #444
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .l_guide .box_1 li,
.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .l_guide .tit_box li,
.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .r_guide .box_1 li,
.quickreg_box2 .service_form .cont .innerBox .confirmOrder .l_confirm .r_guide .tit_box li {
    background: url(../images/qkreg_41.png) 17px no-repeat
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .r_confirm {
    margin: 0;
    width: 718px;
    height: 523px
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .r_confirm .collect {
    position: relative;
    padding: 10px 14px;
    font-size: 0;
    line-height: 32px
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .r_confirm .collect span {
    line-height: 32px;
    padding: 0 19px;
    background: url(../images/qkreg_39.png) 0 no-repeat;
    margin-right: 10px;
    float: left
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .r_confirm .collect .c_item {
    float: left;
    background: #f1f4f7;
    padding: 0 28px 0 9px;
    line-height: 24px;
    margin-left: 9px;
    cursor: pointer;
    margin-top: 3px;
    position: relative
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .r_confirm .collect .c_item .close {
    width: 26px;
    height: 26px;
    position: absolute;
    right: 0;
    top: -1px;
    text-align: center;
    font-size: 14px
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .r_confirm .collect .c_item:hover,
.quickreg_box2 .service_form .cont .innerBox .confirmOrder .r_confirm .collect .c_item:visited {
    background-color: #fff;
    border: 1px solid #ff6700;
    color: #ff6700
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .r_confirm .collect .c_item:hover .close,
.quickreg_box2 .service_form .cont .innerBox .confirmOrder .r_confirm .collect .c_item:visited .close {
    color: #fff;
    background-color: #ff6700
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .r_confirm .collect .c_more {
    position: absolute;
    right: 132.5px
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .r_confirm .collect .c_add {
    float: right
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .r_confirm .collect .more_box {
    z-index: 1;
    width: 442px;
    position: absolute;
    background: #fff;
    top: 42px;
    right: 122.5px;
    padding-bottom: 9px;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .08)
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .r_confirm .collect .more_box .c_item {
    margin-top: 9px
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .r_confirm .collect .more_box::after {
    content: "更多";
    width: 42px;
    height: 33px;
    border: 1px solid #e7e7e7;
    border-bottom: 0;
    position: absolute;
    background-color: #fff;
    top: -34px;
    right: -1px;
    border-radius: 4px 4px 0 0;
    font-size: 12px;
    color: #f9cb1a;
    text-align: center;
    cursor: pointer
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .r_confirm .box {
    padding: 0 19px;
    height: 377px;
    border-bottom: solid 1px #e7e7e7
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .r_confirm .box::-webkit-scrollbar {
    width: 6px!important;
    height: 6px!important
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .r_confirm .box::-webkit-scrollbar-thumb {
    border-radius: 6px!important;
    background: rgba(206, 206, 206, .8)!important
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .r_confirm .box::-webkit-scrollbar-track {
    border-radius: 0!important;
    background: rgba(238, 238, 240, .5)!important
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .r_confirm .box .top {
    padding: 21px 0
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .r_confirm .box .item {
    border: 0
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .r_confirm .box .item .content {
    padding: 0
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .r_confirm .box .item .content .ui-btnItem4 {
    color: #ff6700;
    background: #f4f3f2
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .r_confirm .box .item .content .ui-btnItem4:hover {
    background-color: #fff
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .r_confirm .box .item .icon-remove {
    background: url(./qkreg_40.png) center no-repeat
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .r_confirm .bottom {
    line-height: 46px;
    border: 0;
    padding: 0 20px
}

.quickreg_box2 .service_form .cont .innerBox .confirmOrder .r_confirm .bottom .pl-buy {
    height: 28px;
    line-height: 28px;
    margin: 8px 0 0
}

.quickreg_box2 .service_form .cont .add_server {
    padding: 28px 19px
}

.quickreg_box2 .service_form .cont .add_server .l_box {
    width: 50%;
    padding: 0 15px
}

.quickreg_box2 .service_form .cont .add_server .l_box .register {
    margin-top: 18px;
    display: inline-block;
    padding: 5px 28px
}

.quickreg_box2 .service_form .cont .add_server .l_box .register em {
    color: #ff4800
}

.quickreg_box2 .service_form .cont .add_server .l_box .register_on {
    color: #f9cb1a!important
}

.quickreg_box2 .service_form .cont .add_server .l_box .register_on em {
    color: #f9cb1a
}

.quickreg_box2 .service_form .cont .add_server .r_box {
    width: 480px;
    padding-left: 25px;
    border-left: 1px solid #e7e7e7
}

.foot_submit .submit_box {
    box-sizing: border-box;
    margin: 0 auto;
    width: 1200px;
    position: relative;
    padding: 24px 20px
}

.foot_submit .submit_box .sub_btn {
    padding: 10px 13px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #a2ccff;
    background: #f1f8ff;
    margin-left: 9px;
    cursor: pointer
}

.foot_submit .submit_box .sub_btn2 {
    border: 1px solid #ffc49e;
    background: url(../images/qkreg_27.png) right top no-repeat #fff7f1
}

.foot_submit .submit_box .sub_btn1:hover {
    background-color: #e0efff
}

.foot_submit .submit_box .sub_btn2:hover {
    background-color: #ffe7d7
}

.foot_submit .submit_box .pay_num {
    line-height: 66px
}

.foot_submit .submit_box .pay_num .limit-tip {
    line-height: 20px;
    border-radius: 10px;
    padding: 0 20px;
    margin: 0 0 0 10px;
    border: 1px solid #ffe7da;
    background: #fff7f1;
    display: inline-block
}

.content_index {
    position: sticky;
    position: -webkit-sticky;
    top: 50%;
    right: 0;
    display: flex;
    align-items: center;
    z-index: 3
}

.content_index .index_box {
    position: absolute;
    right: 0;
    z-index: 1;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .08);
    border: 1px solid #e5e5e5;
    border-radius: 1px;
    background-color: #fff;
    padding: 20px
}

.content_index .index_arrows,
.content_index .index_open {
    position: absolute;
    border-radius: 4px 0 0 4px;
    display: flex;
    cursor: pointer
}

.content_index .index_arrows {
    right: 222px;
    z-index: 4;
    width: 20px;
    height: 140px;
    background-color: #c4c4c4;
    transform: perspective(2em) rotateY(-10deg);
    align-items: center
}

.content_index .index_arrows .index_littleArrows {
    width: 8px;
    height: 8px;
    background-color: #c4c4c4;
    border-top: #fff 2px solid;
    border-right: #fff 2px solid;
    transform: rotate(45deg);
    margin-left: 3px
}

.content_index .index_open {
    right: 1px;
    background-color: #f9cb1a;
    width: 20px;
    height: 140px;
    transform: perspective(2em) rotateY(-10deg);
    align-items: center
}

.content_index .index_open::before {
    content: "相关热门产品推荐";
    display: block;
    transform: perspective(2em) rotateY(10deg);
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    margin-left: 4px
}

.pers_center .left_up {
    width: 570px;
    height: 565px;
    border-radius: 4px;
    border: 1px solid #e7e7e7;
    padding: 15px 20px;
    margin-bottom: 20px
}

.pers_center .left_up .order_tip {
    line-height: 36px;
    margin-bottom: 15px;
    color: #f9cb1a;
    border-left: 2px solid #add6ff;
    padding: 0 15px;
    background-color: #f1f8ff;
    font-size: 13px
}

.pers_center .left_up .order_title {
    line-height: 32px;
    background-color: #f5f5f5;
    height: 32px;
    font-size: 13px
}

.pers_center .left_up .order_title .pers_down {
    background: url(../images/pers/pers_down.png) no-repeat;
    width: 8px;
    height: 8px;
    display: inline-block;
    margin-left: 5px
}

.pers_center .left_up .order_title .prod_hover {
    position: relative;
    cursor: pointer
}

.pers_center .left_up .order_title .prod_hover:hover .prod_down {
    display: block
}

.pers_center .left_up .order_title .prod_hover:hover .order_comm {
    background-color: #f0f0f0
}

.pers_center .left_up .order_title .prod_hover .prod_down {
    position: absolute;
    background-color: #fff;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .2);
    width: 90px;
    border-radius: 4px;
    padding: 5px 10px;
    line-height: 29px;
    top: 32px;
    display: none
}

.pers_center .left_up .order_title .prod_hover .prod_down p:hover {
    color: #ff6700
}

.pers_center .left_up .order_comm {
    display: inline-block;
    padding-left: 10px;
    box-sizing: border-box
}

.pers_center .left_up .order_list {
    font-size: 13px;
    border-bottom: 1px solid #ececec;
    padding: 10px 0;
    overflow: auto;
    height: 95px
}

.pers_center .left_up .order_list .cont-middle {
    color: #444;
    cursor: pointer
}

.pers_center .left_up .order_list .cont-middle:hover {
    color: #ff6700
}

.pers_center .left_up .order_list .cont-middle:hover em {
    color: #ff6700!important
}

.pers_center .left_up .mine_list {
    margin: 0 60px 25px 0;
    width: 130px;
    float: left;
    cursor: pointer
}

.pers_center .left_up .mine_list:hover {
    color: #ff6700
}

.pers_center .left_up .mine_img {
    width: 48px;
    height: 47px;
    margin-right: 15px
}

.pers_center .left_up .img1 {
    background: url(../images/pers/pers_01.png) no-repeat
}

.pers_center .left_up .img2 {
    background: url(../images/pers/pers_02.png) no-repeat
}

.pers_center .left_up .img3 {
    background: url(../images/pers/pers_03.png) no-repeat
}

.pers_center .left_up .img4 {
    background: url(../images/pers/pers_04.png) no-repeat
}

.pers_center .left_up .img5 {
    background: url(../images/pers/pers_05.png) no-repeat
}

.pers_center .left_up .img6 {
    background: url(../images/pers/pers_06.png) no-repeat
}

.pers_center .left_up .img7 {
    background: url(../images/pers/pers_07.png) no-repeat
}

.pers_center .left_up .img8 {
    background: url(../images/pers/pers_08.png) no-repeat
}

.pers_center .left_up .img9 {
    background: url(../images/pers/pers_09.png) no-repeat
}

.pers_center .left_up .img10 {
    background: url(../images/pers/pers_10.png) no-repeat
}

.pers_center .left_up .img11 {
    background: url(../images/pers/pers_11.png) no-repeat
}

.pers_center .left_up .img12 {
    background: url(../images/pers/pers_12.png) no-repeat
}

.pers_center .left_up .img_hover1:hover .img1 {
    background: url(../images/pers/pers_01_hover.png) no-repeat
}

.pers_center .left_up .img_hover2:hover .img2 {
    background: url(../images/pers/pers_02_hover.png) no-repeat
}

.pers_center .left_up .img_hover3:hover .img3 {
    background: url(../images/pers/pers_03_hover.png) no-repeat
}

.pers_center .left_up .img_hover4:hover .img4 {
    background: url(../images/pers/pers_04_hover.png) no-repeat
}

.pers_center .left_up .img_hover5:hover .img5 {
    background: url(../images/pers/pers_05_hover.png) no-repeat
}

.pers_center .left_up .img_hover6:hover .img6 {
    background: url(../images/pers/pers_06_hover.png) no-repeat
}

.pers_center .left_up .img_hover7:hover .img7 {
    background: url(../images/pers/pers_07_hover.png) no-repeat
}

.pers_center .left_up .img_hover8:hover .img8 {
    background: url(../images/pers/pers_08_hover.png) no-repeat
}

.pers_center .left_up .img_hover9:hover .img9 {
    background: url(../images/pers/pers_09_hover.png) no-repeat
}

.pers_center .left_up .img_hover10:hover .img10 {
    background: url(../images/pers/pers_10_hover.png) no-repeat
}

.pers_center .left_up .img_hover11:hover .img11 {
    background: url(../images/pers/pers_11_hover.png) no-repeat
}

.pers_center .left_up .img_hover12:hover .img12 {
    background: url(../images/pers/pers_12_hover.png) no-repeat
}

.pers_center .left_down {
    width: 570px;
    height: 235px;
    border-radius: 4px;
    border: 1px solid #e7e7e7;
    padding: 15px 20px
}

.pers_center .left_down a:hover {
    color: #ff6700!important
}

.pers_center .left_down .fx_li {
    cursor: pointer
}

.pers_center .left_down .fx_li .fx_title {
    color: #444;
    font-weight: 700
}

.pers_center .left_down .fx_li .fx_list {
    line-height: 20px;
    font-size: 12px;
    color: #888
}

.pers_center .left_down .fx_li:hover .fx_title {
    color: #ff6700
}

.pers_center .left_down .fx_img {
    margin-bottom: 20px;
    cursor: pointer
}

.pers_center .rig_up {
    width: 300px;
    height: 180px;
    border-radius: 4px;
    border: 1px solid #e7e7e7;
    padding: 20px;
    color: #888;
    font-size: 12px;
    margin-bottom: 20px
}

.pers_center .rig_up .header_up {
    width: 100%;
    height: 80px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 15px
}

.pers_center .rig_up .header_up .pers_info {
    line-height: 33px;
    margin-left: 20px;
    font-size: 13px
}

.pers_center .rig_up .header_up .pers_info .comm_name {
    margin-left: 10px;
    border-radius: 10px;
    padding: 0 8px;
    line-height: 20px;
    display: inline-block;
    cursor: pointer
}

.pers_center .rig_up .header_up .pers_info .real_name {
    color: #f9cb1a;
    background-color: #f1f8ff
}

.pers_center .rig_up .header_up .pers_info .real_name:hover {
    background-color: #e5f2ff
}

.pers_center .rig_up .header_up .pers_info .no_real {
    color: #888;
    background-color: #f4f4f4
}

.pers_center .rig_up .header_up .pers_info .no_real:hover {
    background-color: #ebebeb
}

.pers_center .rig_up .header_up .pers_info .notice {
    width: 22px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.pers_center .rig_up .header_up .pers_info .pic1 {
    background: url(../images/pers/pers_16.png) no-repeat
}

.pers_center .rig_up .header_up .pers_info .pic1:hover {
    background: url(../images/pers/pers_16_hover.png) no-repeat
}

.pers_center .rig_up .header_up .pers_info .pic2 {
    background: url(../images/pers/pers_17.png) no-repeat
}

.pers_center .rig_up .header_up .pers_info .pic2:hover {
    background: url(../images/pers/pers_17_hover.png) no-repeat
}

.pers_center .rig_up .header_up .pers_info .pic3 {
    background: url(../images/pers/pers_18.png) no-repeat
}

.pers_center .rig_up .header_up .pers_info .pic3:hover {
    background: url(../images/pers/pers_18_hover.png) no-repeat
}

.pers_center .rig_up .header_up .pers_info .pic1_bind {
    background: url(../images/pers/pers_16_sure.png) no-repeat
}

.pers_center .rig_up .header_up .pers_info .pic1_bind:hover {
    background: url(../images/pers/pers_16_sure_h.png) no-repeat
}

.pers_center .rig_up .header_up .pers_info .pic2_bind {
    background: url(../images/pers/pers_17_sure.png) no-repeat
}

.pers_center .rig_up .header_up .pers_info .pic2_bind:hover {
    background: url(../images/pers/pers_17_sure_h.png) no-repeat
}

.pers_center .rig_up .header_up .pers_info .pic3_bind {
    background: url(../images/pers/pers_18_sure.png) no-repeat
}

.pers_center .rig_up .header_up .pers_info .pic3_bind:hover {
    background: url(../images/pers/pers_18_sure_h.png) no-repeat
}

.pers_center .rig_up .header_middle {
    width: 110px;
    border-right: 1px solid #ececec;
    margin-right: 10px;
    float: left;
    box-sizing: border-box
}

.pers_center .rig_up .header_num {
    font-size: 16px;
    color: #ff3145;
    cursor: pointer;
    display: inline-block;
    margin-top: 5px
}

.pers_center .rig_up .header_num:hover {
    color: #ff6700
}

.pers_center .rig_up .header_btn {
    border-radius: 4px;
    border: 1px solid #f9cb1a;
    line-height: 20px;
    display: inline-block;
    padding: 0 8px;
    margin: 10px 10px 0 0
}

.pers_center .rig_up .header_btn:hover {
    color: #ff6700;
    border: 1px solid #ff6700
}

.pers_center .rig_middle {
    width: 300px;
    height: 200px;
    border-radius: 4px;
    border: 1px solid #e7e7e7;
    padding: 15px 20px;
    margin-bottom: 20px;
    font-size: 12px
}

.pers_center .rig_middle .news_today {
    line-height: 38px;
    text-align: center;
    width: 34px;
    height: 38px;
    background-color: #fff1e7;
    display: inline-block;
    color: #ff9146;
    vertical-align: middle;
    margin-right: 10px;
    float: left
}

.pers_center .rig_middle .news_mouth {
    width: 34px;
    background-color: #f3f6fc;
    color: #7c848e;
    line-height: 17px;
    text-align: center;
    margin-bottom: 2px
}

.pers_center .rig_middle .news_day {
    width: 34px;
    background-color: #f3f6fc;
    line-height: 19px;
    text-align: center;
    color: #7c848e
}

.pers_center .rig_middle .news_cont {
    line-height: 19px;
    vertical-align: middle;
    color: #444;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.pers_center .rig_middle .news_cont:hover {
    color: #ff6700
}

.pers_center .rig_down {
    width: 300px;
    height: 328px;
    border-radius: 4px;
    border: 1px solid #e7e7e7;
    padding: 15px 20px;
    font-size: 12px
}

.pers_center .rig_down .pers_comm {
    margin-bottom: 10px
}

.pers_center .rig_down .pers_comm .help_tip {
    width: 145px;
    line-height: 35px;
    text-align: center;
    background-color: #f3f6fc;
    display: inline-block;
    color: #444;
    margin-bottom: 10px;
    float: left
}

.pers_center .rig_down .pers_comm .help_tip:hover {
    color: #ff6700;
    background-color: #fff1e7
}

.pers_center .rig_down .pers_comm .help_tip:hover .help_share {
    background: url(../images/pers/pers_19_hover.png) no-repeat
}

.pers_center .rig_down .pers_comm .help_tip:nth-child(odd) {
    margin-right: 10px
}

.pers_center .rig_down .pers_comm .help_tip .help_share {
    background: url(../images/pers/pers_19.png) no-repeat;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 1px;
    margin-left: 5px
}

.pers_center .rig_down .line_bb {
    border-bottom: 1px solid #ececec
}