.gj-icon-right::before {
    content: "\e61d"
}


#right_content {
    width: 1280px;
    margin: 70px auto 0
}

#right_content::after {
    content: '';
    height: 0;
    line-height: 0;
    display: block;
    clear: both
}

#page_content .b_bUploadTop {
    position: absolute;
    cursor: pointer;
    display: none
}

#page_content .b_bUploadTop i {
    position: absolute;
    right: 5px;
    top: 5px;
    color: rgba(255, 255, 255, .8);
    cursor: pointer
}

#page_content .b_bUploadTop img {
    width: 940px;
    height: 80px
}

#page_content::after {
    content: '';
    height: 0;
    line-height: 0;
    display: block;
    clear: both
}

.content_left {
    float: left;
    width: 940px;
    background: #fff;
    border-radius: 6px;
    padding: 25px 46px 50px;
    position: relative;
    box-sizing: border-box
}

.content_left .paper_notice {
    width: 848px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #fcedc3;
    font-size: 16px;
    color: #1f1f1f;
    border-radius: 6px;
    position: relative;
    display: none
}

.content_left .paper_notice em {
    color: #ff5231
}

.content_left .paper_notice i {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 16px;
    color: #999;
    cursor: pointer
}

.content_left .paper_notice i:hover {
    color: #000
}

.content_left form.upload {
    margin-top: 25px
}

.content_left .form_item {
    margin-bottom: 18px;
}

.content_left .from_input {
    margin-bottom: 18px;
    height: 60px;
}

.content_left .form_item .form_label {
    float: left;
    width: 90px;
    font-size: 14px;
}

.content_left .form_item .form_label i.red {
    color: #ff5231;
    margin-right: 4px;
    line-height: 18px
}

.content_left .form_item .form_label i.gj-icon-notification {
    margin-left: 2px;
    color: #9B9B9B;
    cursor: pointer;
    font-size: 10px
}

.content_left .form_item .form_input {
    float: left;
    width: 730px;
    position: relative
}

.content_left .form_item .form_input input {
    height: 46px;
    font-size: 14px;
    padding: 16px 60px 16px 20px;
    width: 100%;
    border: 1px solid #E7E7E7;
    border-radius: 6px;
    box-sizing: border-box
}

.content_left .form_item .form_input .form_input_notice {
    padding-top: 5px;
    font-size: 12px;
    color: #ff5231;
    display: none;
    box-sizing: border-box
}

.content_left .form_item .form_input span {
    position: absolute;
    right: 10px;
    font-size: 12px;
    color: #999;
    top: 12px
}

.content_left .form_item .form_input ul {
    position: absolute;
    z-index: 999;
    background: #fff;
    border: 1px solid #e7e7e7;
    width: 100%;
    max-height: 300px;
    overflow: scroll;
    border-radius: 6px;
    display: none;
    top: 46px
}

.content_left .form_item .form_input ul li {
    padding: 5px 60px 5px 20px;
    cursor: pointer;
    box-sizing: border-box
}

.content_left .form_item .form_input ul li:hover {
    background: #f8f8f8
}

.content_left .form_item .form_input ul li:hover span {
    color: #4f6ef2
}

.content_left .form_item .form_input:hover input {
    border: 1px solid #4f6ef2
}

.content_left .form_item .form_input_warning {
}

.content_left .form_item .form_input_warning input {
    border: 1px solid #E32834 !important
}

.content_left .form_item .form_input_warning .form_input_notice {
    display: block
}

.content_left .form_item .form_select_version {
    float: left;
    width: 730px;
    position: relative
}

.content_left .form_item .form_select_version .select_wrapper .select_item {
    float: left;
    padding: 8px 18px;
    height: 30px;
    line-height: 16px;
    font-size: 14px;
    border-radius: 15px;
    background: #f5f5f5;
    color: #333;
    cursor: pointer;
    box-sizing: border-box;
    margin: 4px 14px 7px 1px;
}

.content_left .form_item .form_select_version .select_wrapper .select_item:hover {
    background: #5059FF;
    color: #fff
}

.content_left .form_item .form_select_version .select_wrapper .select_item_active {
    background: #4f6ef2;
    color: #fff
}

.content_left .form_item .form_select_version .select_wrapper::after {
    content: '';
    height: 0;
    line-height: 0;
    display: block;
    clear: both
}

.content_left .form_item .form_select_version p.select_wrapper_notice {
    font-size: 12px;
    line-height: 20px;
    background: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .15);
    padding: 13px 9px 12px;
    box-sizing: border-box;
    width: 730px;
    position: absolute;
    left: 2px;
    top: -15px;
    color: #666;
    display: none;
    border-radius: 6px
}

.content_left .form_item .form_select_version p.select_wrapper_notice::before {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    left: -20px;
    top: 20px;
    border: 10px solid;
    border-color: transparent #fff transparent transparent;
    z-index: 10
}

.content_left .form_item .form_select_version p.select_wrapper_notice::after {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    left: -24px;
    top: 18px;
    border: 12px solid;
    border-color: transparent #eee transparent transparent;
    z-index: 9
}

.content_left .form_item .form_select_version p.select_wrapper_notice em {
    color: #ff5231
}

.content_left .form_item .form_select_version.no_wanfang .select_wrapper .uncheck {
    cursor: default;
    background: #ccc;
    color: #fff
}

.content_left .form_item .form_select_brand {
    float: right;
    width: 757px;
    position: relative
}

.content_left .form_item .form_select_brand .select_wrapper div.select_wrapper_title h2 {
    position: relative;
    float: left
}

.content_left .form_item .form_select_brand .select_wrapper div.select_wrapper_title h2 span.select_wrapper_h {
    float: left;
    font-size: 18px;
    color: #333;;
    line-height: 18px
}

.content_left .form_item .form_select_brand .select_wrapper div.select_wrapper_title h2 span.select_wrapper_qw {
    margin-left: 6px;
    margin-top: 1px;;
    font-size: 14px;
    color: #4f6ef2;
    letter-spacing: 0;
    line-height: 14px;
    float: left
}

.content_left .form_item .form_select_brand .select_wrapper div.select_wrapper_title h2 span.select_wrapper_qw img {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right: 3px
}

.content_left .form_item .form_select_brand .select_wrapper div.select_wrapper_title h2 span.select_wrapper_activity {
    margin-left: 4px;
    font-weight: 400;
    color: #f5544d;
    font-size: 13px;
    float: left
}

.content_left .form_item .form_select_brand .select_wrapper div.select_wrapper_title h2 span.select_wrapper_activity em {
    display: inline-block;
    color: #fff;
    padding: 0 3px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    background-image: linear-gradient(137deg, #fb6f53 0, #f44c4c 56%);
    border-radius: 3px;
    margin-right: 5px;
    box-sizing: border-box
}

.content_left .form_item .form_select_brand .select_wrapper div.select_wrapper_title h2 span.select_wrapper_rule {
    color: #666;
    font-size: 13px;
    line-height: 13px;
    font-weight: 400;
    text-decoration: underline;
    margin-left: 6px;
    cursor: pointer;
    position: relative;;
    float: left
}

.content_left .form_item .form_select_brand .select_wrapper div.select_wrapper_title h2 span.select_wrapper_rule em.select_wrapper_rule_content {
    position: absolute;
    font-size: 13px;
    font-weight: 400;
    display: none;
    width: 380px;
    z-index: 99;
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .15);
    border-radius: 3px;
    left: 70px;
    top: -20px;
    line-height: 15px;
    box-sizing: border-box
}

.content_left .form_item .form_select_brand .select_wrapper div.select_wrapper_title h2 span.select_wrapper_rule em.select_wrapper_rule_content::before {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    left: -20px;
    top: 15px;
    border: 10px solid;
    border-color: transparent #fff transparent transparent;
    z-index: 10
}

.content_left .form_item .form_select_brand .select_wrapper div.select_wrapper_title h2 span.select_wrapper_rule em.select_wrapper_rule_content::after {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    left: -24px;
    top: 13px;
    border: 12px solid;
    border-color: transparent #eee transparent transparent;
    z-index: 9
}

.content_left .form_item .form_select_brand .select_wrapper div.select_wrapper_title h2 span.select_wrapper_rule:hover em.select_wrapper_rule_content {
    display: block
}

.content_left .form_item .form_select_brand .select_wrapper div.select_wrapper_title h2::after {
    content: '';
    height: 0;
    line-height: 0;
    display: block;
    clear: both
}

.content_left .form_item .form_select_brand .select_wrapper div.select_wrapper_title div.right_bottom_list {
    display: inline-block;
    height: 28px;
    overflow: hidden;
    float: left;
    margin-top: -5px;
    margin-left: 20px;
    width: 300px
}

.content_left .form_item .form_select_brand .select_wrapper div.select_wrapper_title div.right_bottom_list .right_bottom_wrapper p {
    background: #f5f5f5;
    text-align: left;
    line-height: 28px;
    color: #666;
    font-size: 14px;
    overflow: hidden;
    word-wrap: normal;
    height: 28px;
    border-radius: 14px;
    padding: 0 9px 0 6px;
    margin-bottom: 7px;
    float: left;
    box-sizing: border-box
}

.content_left .form_item .form_select_brand .select_wrapper div.select_wrapper_title div.right_bottom_list .right_bottom_wrapper p img {
    height: 20px;
    width: 20px;
    border-radius: 20px;
    vertical-align: middle;
    margin-right: 4px
}

.content_left .form_item .form_select_brand .select_wrapper div.select_wrapper_title div.right_bottom_list .right_bottom_wrapper::after {
    content: '';
    height: 0;
    line-height: 0;
    display: block;
    clear: both
}

.content_left .form_item .form_select_brand .select_wrapper div.select_wrapper_title::after {
    content: '';
    height: 0;
    line-height: 0;
    display: block;
    clear: both
}

.content_left .form_item .form_select_brand .select_wrapper .select_wrapper_list {
    height: 120px;
    overflow: hidden;
    position: relative
}

.content_left .form_item .form_select_brand .select_wrapper .select_wrapper_list .select_wrapper_content {
    width: 2000px;
    padding-left: 2px;
    transition: transform .5s;
    box-sizing: border-box
}

.content_left .form_item .form_select_brand .select_wrapper .select_wrapper_list .select_wrapper_content .select_item {
    float: left;
    width: 175px;
    height: 95px;
    position: relative;
    background: #fff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12);
    border-radius: 6px;
    padding: 14px;
    margin: 20px 17px 0 0;
    cursor: pointer;
    box-sizing: border-box
}

.content_left .form_item .form_select_brand .select_wrapper .select_wrapper_list .select_wrapper_content .select_item .select_item_tag {
    position: absolute;
    top: -11px;
    left: -1px;
    background-image: linear-gradient(133deg, #fb6f53 0, #f44c4c 56%);
    border-radius: 10px 1px;
    font-size: 12px;
    line-height: 22px;
    padding: 0 12px;
    color: #fff;
    box-sizing: border-box
}

.content_left .form_item .form_select_brand .select_wrapper .select_wrapper_list .select_wrapper_content .select_item .select_item_logo {
    margin: 4px 0 6px
}

.content_left .form_item .form_select_brand .select_wrapper .select_wrapper_list .select_wrapper_content .select_item .select_item_logo img {
    height: 20px
}

.content_left .form_item .form_select_brand .select_wrapper .select_wrapper_list .select_wrapper_content .select_item .select_item_text {
    border-top: 1px dotted #DADADA;
    padding-top: 17px;
    box-sizing: border-box
}

.content_left .form_item .form_select_brand .select_wrapper .select_wrapper_list .select_wrapper_content .select_item .select_item_text .select_item_price {
    float: left;
    font-size: 12px;
    color: #333;

}

.content_left .form_item .form_select_brand .select_wrapper .select_wrapper_list .select_wrapper_content .select_item .select_item_text .select_item_price span {
    font-size: 24px;
    color: #ff5231;;
    margin: 0 4px
}

.content_left .form_item .form_select_brand .select_wrapper .select_wrapper_list .select_wrapper_content .select_item .select_item_text .select_item_unit {
    color: #333;
    float: left;
    font-size: 14px;
    line-height: 1
}

.content_left .form_item .form_select_brand .select_wrapper .select_wrapper_list .select_wrapper_content .select_item .select_item_text .select_item_unit em {
    color: #ff5231;
    line-height: 1;
    font-weight: 700
}

.content_left .form_item .form_select_brand .select_wrapper .select_wrapper_list .select_wrapper_content .select_item .select_item_text::after {
    content: '';
    height: 0;
    line-height: 0;
    display: block;
    clear: both
}

.content_left .form_item .form_select_brand .select_wrapper .select_wrapper_list .select_wrapper_content .select_item .out_off {
    position: absolute;
    height: 100%;;
    font-size: 16px;
    line-height: 95px;
    width: 100%;
    color: #fff;
    text-align: center;
    display: none;
    top: 0;
    left: 0;
    opacity: .4;
    background: #2F2F2F;
    border: 1px solid #CFCFCF;
    border-radius: 6px
}

.content_left .form_item .form_select_brand .select_wrapper .select_wrapper_list .select_wrapper_content .select_item .out_off p {
    margin-top: 11px;
    font-size: 16px
}

.content_left .form_item .form_select_brand .select_wrapper .select_wrapper_list .select_wrapper_content .select_item .selected_icon {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 25px solid #4f6ef2;
    border-left: 25px solid transparent;
    display: none
}

.content_left .form_item .form_select_brand .select_wrapper .select_wrapper_list .select_wrapper_content .select_item .selected_icon span {
    position: absolute;
    left: -15px;
    top: 13px;
    font-weight: 700;
    color: #fff
}

.gj-icon-confirm::before {
    content: "\e620";
}

.content_left .form_item .form_select_brand .select_wrapper .select_wrapper_list .select_wrapper_content .select_item .select_item_bg {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 30px;
    bottom: 0;
    left: 0;
    overflow: hidden;
    border-radius: 4px
}

.content_left .form_item .form_select_brand .select_wrapper .select_wrapper_list .select_wrapper_content .select_item.disable {
    cursor: default
}

.content_left .form_item .form_select_brand .select_wrapper .select_wrapper_list .select_wrapper_content .select_item:not(.disable):hover {
    border: 1px solid #4f6ef2;
    border-radius: 6px
}

.content_left .form_item .form_select_brand .select_wrapper .select_wrapper_list .select_wrapper_content .selected {
    border: 1px solid #4f6ef2;
    border-radius: 6px
}

.content_left .form_item .form_select_brand .select_wrapper .select_wrapper_list .select_wrapper_content .selected .selected_icon {
    display: block
}

.content_left .form_item .form_select_brand .select_wrapper .select_wrapper_list .select_wrapper_content .disable .out_off {
    display: block
}

.content_left .form_item .form_select_brand .select_wrapper .select_wrapper_list .select_wrapper_content::after {
    content: '';
    height: 0;
    line-height: 0;
    display: block;
    clear: both
}

.content_left .form_item .form_select_brand .select_wrapper .select_wrapper_list .select_left_arrow {
    display: none;
    width: 28px;
    height: 36px;
    background: rgba(57, 57, 57, .3);
    text-align: center;
    line-height: 36px;
    font-size: 16px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    border-radius: 0 5px 5px 0;
    cursor: pointer
}


.content_left .form_item .form_select_brand .select_wrapper .select_wrapper_list .select_right_arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 36px;
    background: rgba(57, 57, 57, .3);
    text-align: center;
    line-height: 36px;
    font-size: 16px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    border-radius: 5px 0 0 5px;
    cursor: pointer
}

.content_left .form_item .form_select_brand .select_wrapper .select_wrapper_list .select_left_arrow:hover, .content_left .form_item .form_select_brand .select_wrapper .select_wrapper_list .select_right_arrow:hover {
    background: rgba(57, 57, 57, .7)
}

.content_left .form_item .form_select_brand .select_wrapper:nth-of-type(3) {
    margin-bottom: 0
}

.content_left .form_item .form_select_brand .select_more {
    position: absolute;
    right: 0;
    top: -4px;
    color: #333;
    text-align: right;
    font-size: 12px
}

.content_left .form_item .form_select_brand .select_more:hover {
    color: #4f6ef2
}

.content_left .form_item .form_upload {
    float: left;
    width: 730px;
    height: 296px;
    border-radius: 6px;
    background: #f8f8f8;
    position: relative
}

.content_left .form_item .form_upload .form_upload_tab {
    height: 50px;
    text-align: center
}

.content_left .form_item .form_upload .form_upload_tab span {
    margin: 0 30px;
    display: inline-block;
    line-height: 50px;
    cursor: pointer;
    position: relative
}

.content_left .form_item .form_upload .form_upload_tab span:hover {
    color: #4f6ef2
}

.content_left .form_item .form_upload .form_upload_tab span.form_upload_tab_active {
    color: #4f6ef2
}

.content_left .form_item .form_upload .form_upload_tab span.form_upload_tab_active:after {
    content: '';
    position: absolute;
    width: 30px;
    bottom: 0;
    left: 50%;
    border-bottom: 3px solid #4f6ef2;
    box-shadow: 0 1px 3px 0 rgba(79, 110, 242, .45);
    transform: translateX(-50%)
}

.content_left .form_item .form_upload .form_upload_wrapper {
    width: 670px;
    height: 214px;
    border: 1px dotted #B6B6B6;
    background: #fff;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box
}

.content_left .form_item .form_upload .form_upload_wrapper .progress_title {
    margin: 20px auto;
    height: 65px;
    border-radius: 40px;
    text-align: center;
    box-sizing: border-box
}

.content_left .form_item .form_upload .form_upload_wrapper .progress_title .re_upload {
    margin: 0 auto;
    height: 30px;
    line-height: 30px;
    width: 105px;
    border: 2px solid #4f6ef2;
    border-radius: 45px;
    text-align: center;
    box-sizing: border-box;
    display:block;
}

.content_left .form_item .form_upload .form_upload_wrapper .progress_title span {
    font-size: 18px;
    line-height: 41px;
}

.content_left .form_item .form_upload .form_upload_wrapper .form_upload_icon {
    margin: 25px auto;
    height: 45px;
    width: 45px;
    border: 2px solid #4f6ef2;
    border-radius: 45px;
    text-align: center;
    box-sizing: border-box
}

.content_left .form_item .form_upload .form_upload_wrapper .form_upload_icon span {
    font-size: 20px;
    line-height: 41px;
    color: #4f6ef2
}

.content_left .form_item .form_upload .form_upload_wrapper .form_upload_icon img {
    width: 20px;
    height: 20px;
    margin: 10px auto
}

.content_left .form_item .form_upload .form_upload_wrapper .form_upload_icon:hover {
    background: #f3f5ff
}

.content_left .form_item .form_upload .form_upload_wrapper .form_upload_icon:hover span {
    font-size: 20px;
    line-height: 41px;
    color: #4f6ef2
}

.content_left .form_item .form_upload .form_upload_wrapper .form_upload_text {
    margin-bottom: 16px
}

.content_left .form_item .form_upload .form_upload_wrapper .form_upload_notice p {
    line-height: 20px;
    font-size: 12px;
    color: #999
}

.content_left .form_item .form_upload .form_upload_wrapper:hover {
    border: 1px solid #4f6ef2
}

.content_left .form_item .form_upload .form_paste_wrapper {
    display: none;
    width: 670px;
    height: 214px;
    border: 1px dotted #B6B6B6;
    background: #fff;
    padding: 12px;
    position: absolute;
    z-index: 9;
    left: 50%;
    top: 50px;
    transform: translate(-335px, 0);
    box-sizing: border-box
}

.content_left .form_item .form_upload .form_paste_wrapper textarea {;
    color: #333;
    width: 100%;
    height: 175px;
    resize: none
}

.content_left .form_item .form_upload .form_paste_wrapper p {
    font-size: 12px
}

.content_left .form_item .form_upload .form_paste_wrapper p span {
    display: block
}

.content_left .form_item .form_upload .form_paste_wrapper p span.form_paste_notice {
    float: left;
    color: #ff5231;
    display: none
}

.content_left .form_item .form_upload .form_paste_wrapper p span.form_paste_count {
    float: right;
    color: #666
}

.content_left .form_item .form_upload .form_paste_wrapper p::after {
    content: '';
    height: 0;
    line-height: 0;
    display: block;
    clear: both
}

.content_left .form_item .form_upload .form_paste_wrapper:hover {
    border: 1px solid #4f6ef2
}

.content_left .form_item .form_upload .form_paste_warning {
    border: 1px solid #ff5231
}

.content_left .form_item .form_upload .form_paste_warning p span.form_paste_notice {
    display: block
}

.content_left .form_item .form_upload .form_upload_progress {
    width: 670px;
    height: 214px;
    border: 1px dotted #B6B6B6;
    background: #fff;
    margin: 0 auto;
    padding: 12px;
    display: none;
    box-sizing: border-box
}

.content_left .form_item .form_upload .form_upload_progress .progress_status {
    text-align: center;
    margin-top: 35px;
    margin-bottom: 17px;
    font-size: 16px
}

.content_left .form_item .form_upload .form_upload_progress .progress_status span {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border: 2px solid #22AB8D;
    color: #22AB8D;
    font-size: 16px;
    border-radius: 24px;
    display: inline-block;
    margin-right: 2px;
    font-weight: 700;
    box-sizing: border-box
}

.content_left .form_item .form_upload .form_upload_progress .progress_status em {
    color: #333;

}

.content_left .form_item .form_upload .form_upload_progress .progress_bar {
    width: 550px;
    margin: 0 auto 10px;
    display: none
}

.content_left .form_item .form_upload .form_upload_progress .progress_bar p {
    width: 410px;
    height: 10px;
    border-radius: 8px;
    background: rgba(0, 0, 0, .04);
    display: inline-block
}

.content_left .form_item .form_upload .form_upload_progress .progress_bar span.progress_bar_num {
    margin-right: 20px;
    color: #666;
    font-size: 14px;
    display: inline-block
}

.content_left .form_item .form_upload .form_upload_progress .progress_bar span.progress_bar_btn {
    width: 76px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border: 1px solid #999;
    border-radius: 14px;
    font-size: 12px;
    color: #222;
    display: inline-block;
    cursor: pointer;
    box-sizing: border-box
}

.content_left .form_item .form_upload .form_upload_progress .progress_bar span.progress_bar_btn:hover {
    color: #333;
    border-color: #999
}

.content_left .form_item .form_upload .form_upload_progress .progress_size, .content_left .form_item .form_upload .form_upload_progress .progress_count, .content_left .form_item .form_upload .form_upload_progress .progress_notice {
    width: 520px;
    margin: 0 auto;
    color: #666
}

.content_left .form_item .form_upload .form_upload_progress .progress_size span, .content_left .form_item .form_upload .form_upload_progress .progress_count span, .content_left .form_item .form_upload .form_upload_progress .progress_notice span {;
    font-size: 12px;
    color: #4f6ef2;
    border: 1px solid #4f6ef2;
    border-radius: 14px;
    display: inline-block;
    width: 76px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box
}

.content_left .form_item .form_upload .form_upload_progress .progress_size span:hover, .content_left .form_item .form_upload .form_upload_progress .progress_count span:hover, .content_left .form_item .form_upload .form_upload_progress .progress_title span:hover, .content_left .form_item .form_upload .form_upload_progress .progress_notice span:hover {
    border-color: #4f64f2;
    color: #4f6ef2;
    background: #f3f5ff
}

.content_left .form_item .form_upload .form_upload_progress .progress_size b, .content_left .form_item .form_upload .form_upload_progress .progress_count b, .content_left .form_item .form_upload .form_upload_progress .progress_title b, .content_left .form_item .form_upload .form_upload_progress .progress_notice b {
    font-weight: 400;
    color: rgba(0, 0, 0, .8);

}

.content_left .form_item .form_upload .form_upload_progress .progress_notice em {
    font-size: 12px;
    color: #ff5231
}

.content_left .form_item .form_upload .form_upload_progress .progress_size, .content_left .form_item .form_upload .form_upload_progress .progress_count {
    margin-top: -1px
}

.content_left .form_item .form_upload .form_upload_progress .progress_tips {
    text-align: right;
    margin-top: 10px;
    font-family: PingFang-SC-Regular, serif;
    font-size: 12px;
    color: #222;
    cursor: pointer
}

.content_left .form_item .form_upload .form_upload_progress .progress_tips span {
    margin-right: 5px;
    color: #9B9B9B;
    font-size: 10px
}

.content_left .form_item .form_upload .form_upload_progress .progress_tips:hover {
    color: #4f6ef2
}

.content_left .form_item .form_upload .form_upload_progress .progress_tips:hover span {
    color: #4f6ef2
}

.content_left .form_item .form_upload .form_upload_ing {
    display: none;
    width: 670px;
    height: 214px;
    border: 1px dotted #B6B6B6;
    background: #fff;
    margin: 0 auto;
    padding: 12px;
    box-sizing: border-box
}

.content_left .form_item .form_upload .form_upload_ing .progress_status {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: 16px
}

.content_left .form_item .form_upload .form_upload_ing .progress_status span {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 16px;
    border-radius: 24px;
    display: inline-block;
    margin-right: 5px;
    font-weight: 700
}

.content_left .form_item .form_upload .form_upload_ing .progress_status span.gj-icon-confirm {
    border: 2px solid #22AB8D;
    color: #22AB8D
}

.content_left .form_item .form_upload .form_upload_ing .progress_status span.gj-icon-x {
    border: 2px solid #ff5231;
    color: #ff5231
}

.content_left .form_item .form_upload .form_upload_ing .progress_bar {
    width: 550px;
    margin: 0 auto 10px
}

.content_left .form_item .form_upload .form_upload_ing .progress_bar p {
    width: 410px;
    height: 10px;
    border-radius: 8px;
    background: rgba(0, 0, 0, .04);
    display: inline-block
}

.content_left .form_item .form_upload .form_upload_ing .progress_bar p span {
    display: block;
    width: 0;
    height: 10px;
    background: #4f6ef2;
    border-radius: 6px
}

.content_left .form_item .form_upload .form_upload_ing .progress_bar span.progress_bar_num {
    margin-right: 20px;
    color: #666;
    font-size: 14px;
    display: inline-block
}

.content_left .form_item .form_upload .form_upload_ing .progress_bar span.progress_bar_btn {
    width: 76px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 14px;
    font-size: 12px;
    color: #666;
    display: inline-block;
    cursor: pointer;
    box-sizing: border-box
}

.content_left .form_item .form_upload .form_upload_ing .progress_bar span.progress_bar_btn:hover {
    color: #333 !important;
    border-color: #999 !important
}

.content_left .form_item .form_upload .form_upload_ing .progress_bar span.progress_bar_btn_reload {
    border-color: #4f6ef2;
    color: #4f6ef2
}

.content_left .form_item .form_select_coupons {
    float: left;
    width: 730px;
    min-height: 200px
}

.content_left .form_item .form_select_coupons .no_coupons {
    margin: 20px auto;
    text-align: center
}

.content_left .form_item .form_select_coupons .no_coupons p {
    text-align: center;
    margin-top: 30px;
    font-size: 16px;
    color: #222
}

.content_left .form_item .form_select_coupons .no_coupons p a:hover {
    text-decoration: underline !important
}

.content_left .form_item .form_select_coupons .no_coupons img {
    text-align: center;
    width: 100px
}

.content_left .form_item .form_select_coupons .coupons_item {
    position: relative;
    cursor: pointer;
    width: 234px;
    height: 76px;
    background-size: cover;
    background: url(/static/img/coupons_uncheck.png) no-repeat;
    margin: 0 14px 20px 0;
    float: left
}

.content_left .form_item .form_select_coupons .coupons_item .coupons_item_text {
    width: 200px;
    float: left;
    height: 72px;
    padding: 25px 0 15px;
    box-sizing: border-box
}

.content_left .form_item .form_select_coupons .coupons_item .coupons_item_text .text_left {
    float: left;
    width: 60px;
    text-align: center;
    position: relative;
    top: 50%;
    transform: translate(0, -50%)
}

.content_left .form_item .form_select_coupons .coupons_item .coupons_item_text .text_left p:nth-of-type(1) {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 2px;

}

.content_left .form_item .form_select_coupons .coupons_item .coupons_item_text .text_left p:nth-of-type(2) {
    font-size: 8px;
    color: #999
}

.content_left .form_item .form_select_coupons .coupons_item .coupons_item_text .text_left p.coupons_overlay {
    font-size: 10px;
    color: #f86050;
    letter-spacing: 0;
    line-height: 10px
}

.content_left .form_item .form_select_coupons .coupons_item .coupons_item_text .text_left p.text_decimal {
    padding-left: 8px;
    width: 62px;
    box-sizing: border-box
}

.content_left .form_item .form_select_coupons .coupons_item .coupons_item_text .text_left em {
    font-size: 12px;
    margin-right: 2px
}

.content_left .form_item .form_select_coupons .coupons_item .coupons_item_text .text_right {
    float: right;
    width: 138px;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0 5px;
    box-sizing: border-box
}

.content_left .form_item .form_select_coupons .coupons_item .coupons_item_text .text_right p:nth-of-type(1) {
    max-height: 24px;
    line-height: 12px;
    font-size: 12px;
    color: #333;
    overflow: hidden;
    margin-bottom: 7px;
    word-break: break-all;

}

.content_left .form_item .form_select_coupons .coupons_item .coupons_item_text .text_right p:nth-of-type(2) {
    font-size: 12px;
    line-height: 1;
    color: #999;
    margin-bottom: 5px
}

.content_left .form_item .form_select_coupons .coupons_item .coupons_item_text .text_right p:nth-of-type(3) {
    font-size: 12px;
    line-height: 1;
    color: #999
}

.content_left .form_item .form_select_coupons .coupons_item .coupons_item_text .text_right p:nth-of-type(3) i {
    margin-right: 5px;
    cursor: pointer
}

.content_left .form_item .form_select_coupons .coupons_item .coupons_item_text .text_right p.text_small {
    font-size: 10px
}

.content_left .form_item .form_select_coupons .coupons_item .coupons_item_text .text_right p.expired_warning {
    color: #ff5231
}

.content_left .form_item .form_select_coupons .coupons_item .coupons_item_text .text_right p.coupon_notice:hover {
    color: #4f6ef2
}

.content_left .form_item .form_select_coupons .coupons_item .coupons_item_text .text_right p.coupon_notice:hover i {
    color: #999
}

.content_left .form_item .form_select_coupons .coupons_item .coupons_item_btn {
    width: 34px;
    float: right;
    height: 72px
}

.content_left .form_item .form_select_coupons .coupons_item .coupons_item_btn span {
    line-height: 14px;
    position: relative;
    color: #ff5231;
    font-size: 12px;
    cursor: pointer;
    display: block;
    width: 14px;
    margin: 15px auto
}

.content_left .form_item .form_select_coupons .coupons_item .coupons_item_tag {
    position: absolute;
    top: -10px;
    left: 3px;
    height: 22px;
    line-height: 22px;
    padding: 0 6px;
    border-radius: 10px 1px;
    background-image: linear-gradient(129deg, #fb6f53 0, #f44c4c 89%);
    text-align: center;
    color: #fff;
    font-size: 12px;
    box-sizing: border-box
}

.content_left .form_item .form_select_coupons .coupons_item .meg2020_tag {
    background-image: linear-gradient(129deg, #fec174 0, #faa232 89%)
}

.content_left .form_item .form_select_coupons .coupons_item .wenku_tag {
    background-image: linear-gradient(129deg, #606468 0, #4b4e5f 89%)
}

.content_left .form_item .form_select_coupons .coupons_item .coupon_remerk {
    position: absolute;
    z-index: 1;
    border: 1px solid #DAE0E6;
    background: #fff;
    padding: 6px 10px;
    left: 0;
    top: 76px;
    width: 234px;
    border-radius: 6px;
    display: none;
    box-sizing: border-box
}

.content_left .form_item .form_select_coupons .coupons_item .coupon_remerk .angle {
    position: absolute;
    left: 60px;
    top: -20px;
    width: 10px;
    height: 10px
}

.content_left .form_item .form_select_coupons .coupons_item .coupon_remerk .top-arrow1, .content_left .form_item .form_select_coupons .coupons_item .coupon_remerk .top-arrow2 {
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    border-top: 10px transparent dashed;
    border-left: 10px transparent dashed;
    border-right: 10px transparent dashed;
    border-bottom: 10px #fff solid;
    overflow: hidden
}

.content_left .form_item .form_select_coupons .coupons_item .coupon_remerk .top-arrow1 {
    border-bottom: 10px #DAE0E6 solid
}

.content_left .form_item .form_select_coupons .coupons_item .coupon_remerk .top-arrow2 {
    top: 1px;
    border-bottom: 10px #fff solid
}

.content_left .form_item .form_select_coupons .coupons_item .coupon_remerk p {
    height: 18px !important;
    line-height: 18px !important;
    color: #999;
    margin-bottom: 0;
    font-size: 10px
}

.content_left .form_item .form_select_coupons .coupons_item .coupon_remerk .title {
    color: #505961
}

.content_left .form_item .form_select_coupons .coupons_item.checked {
    background-size: cover;
}

.content_left .form_item .form_select_coupons .coupons_item.chover {
    background-size: cover;
}

.content_left .form_item .form_select_coupons .coupons_item.nocheck {
    background: url(/static/img/coupons_uncheck.png) !important;
    background-size: cover;
    background-repeat: no-repeat
}

.content_left .form_item .form_select_coupons .coupons_item:nth-of-type(3n) {
    margin-right: 0
}

.content_left .form_item .form_select_coupons .coupons_item_mj {
    position: relative;
    width: 234px;
    height: 76px;
    background-size: contain;
    float: left;
    box-shadow: 3px 3px 3px #efefef;
    cursor: pointer
}

.content_left .form_item .form_select_coupons .coupons_item_mj .coupons_item_text {
    width: 194px;
    float: left;
    height: 72px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0
}

.content_left .form_item .form_select_coupons .coupons_item_mj .coupons_item_text .text_left {
    float: left;
    width: 75px;
    text-align: center;
    position: relative;
    padding-top: 24px;
    font-family: FZLTHJW, serif;
    top: 0;
    transform: none
}

.content_left .form_item .form_select_coupons .coupons_item_mj .coupons_item_text .text_left p:nth-of-type(1) {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 4px;
    font-weight: 700;
    color: #fff
}

.content_left .form_item .form_select_coupons .coupons_item_mj .coupons_item_text .text_left p:nth-of-type(1) em {
    line-height: 13px;
    font-size: 12px;
    vertical-align: bottom
}

.content_left .form_item .form_select_coupons .coupons_item_mj .coupons_item_text .text_left p:nth-of-type(2) {
    line-height: 1;
    font-size: 12px;
    width: 100px;
    margin-left: -13px;
    transform: scale(0.6);
    color: #fff
}

.content_left .form_item .form_select_coupons .coupons_item_mj .coupons_item_text .text_right {
    float: right;
    width: 110px;
    position: relative;
    padding: 14px 0 0;
    font-family: FZLTHJW, serif;
    top: 0;
    transform: none
}

.content_left .form_item .form_select_coupons .coupons_item_mj .coupons_item_text .text_right p:nth-of-type(1) {
    line-height: 1;
    font-size: 15px;
    color: #333;
    overflow: hidden;
    margin-bottom: 4px;
    word-break: break-all
}

.content_left .form_item .form_select_coupons .coupons_item_mj .coupons_item_text .text_right p:nth-of-type(2) {
    font-size: 12px;
    line-height: 1;
    color: #999;
    margin-bottom: 4px;
    word-break: break-all;
    transform: scale(0.8);
    transform-origin: left;
    width: 150px
}

.content_left .form_item .form_select_coupons .coupons_item_mj .coupons_item_text .text_right p:nth-of-type(3) {
    font-size: 12px;
    line-height: 1;
    color: #999;
    word-break: break-all;
    transform: scale(0.8);
    transform-origin: left;
    width: 150px
}

.content_left .form_item .form_select_coupons .coupons_item_mj .coupons_item_text .text_right p.expired_warning {
    color: #ff5231
}

.content_left .form_item .form_select_coupons .coupons_item_mj .coupons_item_btn {
    width: 36px;
    float: right;
    height: 72px
}

.content_left .form_item .form_select_coupons .coupons_item_mj .coupons_item_btn span {
    display: block;
    width: 23px;
    line-height: 1;
    color: #fff;
    padding: 10px 5px;
    cursor: pointer;
    border-radius: 18px;
    font-size: 13px;
    background: #ff4c25;
    margin: 7px auto;
    transform: scale(0.9);
    box-sizing: border-box;
    top: 0;
    left: 0
}

.content_left .form_item .form_select_coupons .coupons_item_mj .coupons_item_tag {
    position: absolute;
    width: 50px;
    height: 20px;
    text-align: center;
    color: #ff4723;
    top: 2px;
    left: 0;
    background: #fff;
    font-family: FZLTZHJW, serif;
    font-weight: 700;
    transform: scale(0.6);
    transform-origin: top center
}

.content_left .form_item .form_select_coupons .coupons_item_mj.checked {
    background-size: 100% 100%
}

.content_left .form_item .form_select_coupons .coupons_item_mj.chover {
    background-size: 100% 100%
}

.content_left .form_item .form_select_coupons .coupons_item_mj.nocheck {
    background-size: contain
}

.content_left .form_item .form_select_coupons .coupons_item_mj:nth-of-type(3n) {
    margin-right: 0
}

.content_left .form_item .form_select_coupons .coupons_item_hide {
    display: none
}

.content_left .form_item .form_select_coupons .coupons_item_show {
    display: block
}

.content_left .form_item .form_select_coupons .coupons_item.coupons_item_general {
    cursor: default
}

.content_left .form_item .form_select_coupons .coupons_item_mj.coupons_item_general {
}

.content_left .form_item .form_select_coupons .coupons_item_more {
    display: block;
    width: 100%;
    text-align: right;
    margin-top: -6px;
    font-size: 12px;
    color: #222;
    cursor: pointer;
    float: left
}

.content_left .form_item .form_select_coupons .coupons_item_more span {
    margin-left: 5px
}

.content_left .form_item .form_select_coupons .coupons_item_more:hover {
    color: #4f6ef2
}

.content_left .form_item .form_select_coupons::after {
    content: '';
    height: 0;
    line-height: 0;
    display: block;
    clear: both
}

.content_left .form_item .form_time_content {
    display: inline-block;
    background: #fff;
    width: 205px;
    border: 1px solid #e8e8e8;
    height: 46px;;
    font-size: 14px;
    border-radius: 4px;
    position: relative;
    box-sizing: border-box
}

.content_left .form_item .form_time_content input {
    width: 160px;
    font-size: 14px;
    color: #666;
    float: left;
    margin-left: 3px;
    padding-left: 7px;
    line-height: 44px;
    cursor: pointer;
    box-sizing: border-box
}

.content_left .form_item .form_time_content i {
    float: right;
    line-height: 44px;
    padding-right: 5px;
    font-size: 14px;
    color: #9d9d9d;
    box-sizing: border-box
}

.content_left .form_item .form_time_content .layout-txt {
    position: absolute;
    top: -150px;
    left: 200px;
    width: 420px;
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .15);
    z-index: 1000;
    padding: 10px 16px;
    line-height: 16px;
    border-radius: 6px;
    display: none;
    cursor: default;
    box-sizing: border-box
}

.content_left .form_item .form_time_content .layout-txt h6 {
    font-size: 12px;
    color: #4f6ef2;
    margin: 0 0 5px
}

.content_left .form_item .form_time_content .layout-txt p {
    font-size: 12px;
    color: #999;
    text-indent: 2em
}

.content_left .form_item .form_input_email p.email_wrapper_notice {
    font-size: 12px;
    line-height: 20px;
    background: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .15);
    padding: 13px 9px 12px;
    width: 730px;
    position: absolute;
    left: 0;
    top: -11px;
    color: #666;
    display: none;
    border-radius: 6px;
    box-sizing: border-box
}

.content_left .form_item .form_input_email p.email_wrapper_notice::before {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    left: -20px;
    top: 20px;
    border: 10px solid;
    border-color: transparent #fff transparent transparent;
    z-index: 10
}

.content_left .form_item .form_input_email p.email_wrapper_notice::after {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    left: -24px;
    top: 18px;
    border: 12px solid;
    border-color: transparent #eee transparent transparent;
    z-index: 9
}

.content_left .form_item .form_input_email p.email_wrapper_notice em {
    color: #ff5231
}

.content_left .form_item .form_input_email input {
    padding: 16px 20px
}

.content_left .form_item::after {
    content: '';
    height: 0;
    line-height: 0;
    display: block;
    clear: both
}

.content_left .form_item_group {
    width: 820px
}

.content_left .form_item_group::after {
    content: '';
    height: 0;
    line-height: 0;
    display: block;
    clear: both
}

.content_left .form_item_author {
    float: left;
    margin-bottom: 11px
}

.content_left .form_item_author .form_input {
    width: 313px
}

.content_left .form_item_email {
    float: right;
    margin-bottom: 11px
}

.content_left .form_item_email .form_input {
    width: 313px
}

.content_left .form_item_email .form_label {
    line-height: 40px
}

.content_left .form_item_version {
    height: 60px;
    line-height: 60px;
    margin-bottom: 30px
}

.content_left .template_item {
    display: none;
}

.content_left .form_item_version .form_label {
    cursor: pointer
}

.content_left .form_item_version:hover span {
    color: #4f6ef2
}

.content_left .form_item_text {
    height: 300px;
    margin-bottom: 40px
}

.content_left .form_item_coupon {
    height: auto
}

.content_left .form_item_brand {
    margin-bottom: 30px;
    height: auto
}

.content_left .form_item_date {
    display: none
}

.content_left .form_item_date .form_label {
    line-height: 46px;
    height: 46px
}

.content_right {
    float: right;
    width: 320px;
    min-height: 600px;
    position: relative
}

.content_right .content_right_brand {
    position: fixed;
    width: 320px;
    height: 250px;
    background: #fff;
    padding: 0 30px;
    border-radius: 6px;
    box-sizing: border-box
}

.content_right .content_right_brand .right_top {
    height: 60px;
    width: 100%;
    border-bottom: 1px solid #ddd;
    line-height: 48px;
    padding-top: 12px;
    box-sizing: border-box
}

.content_right .content_right_brand .right_top .right_top_l {
    display: inline-block;;
    font-size: 14px;
    color: #000;
    letter-spacing: 0;
    line-height: 16px
}

.content_right .content_right_brand .right_top .right_top_r {
    background-image: linear-gradient(129deg, #fec174 0, #faa232 89%);
    height: 20px;
    text-align: center;
    line-height: 22px;
    border-radius: 13px;;
    font-size: 12px;
    color: #fff;
    padding: 0 5px;
    display: none;
    box-sizing: border-box
}

.content_right .content_right_brand .right_mid {
    height: 330px;
    width: 100%;
    padding: 16px 0 8px;
    font-size: 14px;
    box-sizing: border-box
}

.content_right .content_right_brand .right_mid p {
    line-height: 22px;
    margin-bottom: 12px;
    color: #151515;

}

.content_right .content_right_brand .right_mid p b {;
    color: #000
}

.content_right .content_right_brand .right_mid p.text_limit_five {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
    height: 88px
}

.content_right .content_right_brand .right_mid p.text_limit_five em {;
    color: #151515
}

.content_right .content_right_brand .right_mid p.text_limit_three {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
    height: 66px
}

.content_right .content_right_brand .right_mid p.text_limit_three em {;
    color: #151515
}

.content_right .content_right_brand .right_mid .right_mid_lang em {
    color: #ff5231
}

.content_right .content_right_brand .right_mid .right_mid_version em {
    color: #ff5231
}

.content_right .content_right_brand .right_bottom {
    height: 126px;
    padding: 20px 0;
    position: relative;
    box-sizing: border-box
}

.content_right .content_right_brand .right_bottom .right_bottom_mask {
    position: absolute;
    height: 50px;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .2);
    background-image: linear-gradient(to bottom, #fff 0, rgba(255, 255, 255, .9) 40%, rgba(255, 255, 255, .8) 60%, rgba(255, 255, 255, .4) 80%, rgba(255, 255, 255, 0) 100%)
}

.content_right .content_right_brand .right_bottom .right_bottom_list {
    height: 92px;
    overflow: hidden
}

.content_right .content_right_brand .right_bottom .right_bottom_list .right_bottom_wrapper {
    margin-top: 0
}

.content_right .content_right_brand .right_bottom .right_bottom_list .right_bottom_wrapper p {
    text-align: left;
    margin-bottom: 10px;
    line-height: 24px;
    color: #666
}

.content_right .content_right_brand .right_bottom .right_bottom_list .right_bottom_wrapper p img {
    height: 24px;
    width: 24px;
    border-radius: 24px;
    vertical-align: top;
    margin-right: 8px
}

.content_right .content_right_brand .see_example {
    cursor: pointer
}

.content_right .content_right_brand .see_example em {
    color: #4f6ef2
}

.content_right .content_right_brand .see_example em:hover {
    border-bottom: 1px solid #4f6ef2
}

.content_right .content_right_brand .see_example span {
    color: #ff5231;
    margin-left: 5px
}

.content_right .content_right_code {
    width: 320px;
    background: #fff;
    padding: 20px 30px;
    border-radius: 6px;
    position: fixed;
    height: 120px;
    top: 360px;
    cursor: pointer;
    box-sizing: border-box
}

.content_right .content_right_code .right_bottom_code img {
    width: 64px;
    height: 64px;
    vertical-align: middle;
    float: left
}

.content_right .content_right_code .right_bottom_code p {
    float: right;
    width: 160px;
    margin-top: 8px;;
    font-size: 14px;
    line-height: 18px;
    color: #666
}

.content_right .content_right_code .right_bottom_code::after {
    content: '';
    height: 0;
    line-height: 0;
    display: block;
    clear: both
}


.content_right .content_right_brand_fixed {
    top: 30px
}

.content_right .content_right_code_fixed {
    top: 570px
}

.content_pay {
    position: relative;
    margin-top: 30px;
    float: left;
    width: 940px;
    height: 79px;
    background: #fff;
    box-shadow: 0 -2px 5px 1px rgba(0, 0, 0, .07);
    bottom: 0
}

.content_pay .paper_check_protocol {
    float: left;
    height: 26px;
    margin: 25px 0 25px 56px;
    position: relative;
    color: rgba(0, 0, 0, .65)
}

.content_pay .paper_check_protocol a {
    color: #4f6ef2
}

.content_pay .paper_check_protocol a:hover {
    text-decoration: underline !important
}

.content_pay .paper_check_protocol #paper_protocol_check {
    visibility: hidden
}

.content_pay .paper_check_protocol #paper_protocol_check + label {
    display: block;
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: absolute;
    top: 3px;
    left: -5px;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 1px 1px 1px #efefef;
    border-radius: 2px;
    box-sizing: border-box
}

.content_pay .paper_check_protocol #paper_protocol_check:checked + label {
    border: 0;
    box-shadow: 0 0 0 #fff;
    background-color: #4f6ef2;
    border-radius: 2px
}

.content_pay .paper_check_protocol #paper_protocol_check:checked + label::before {
    box-sizing: content-box;
    content: "";
    border: 2px solid #fff;
    border-left: 0;
    border-top: 0;
    height: .5rem;
    width: .25rem;
    position: absolute;
    left: .3125rem;
    top: .125rem;
    -webkit-transform: rotate(45deg) scaleY(1);
    transform: rotate(45deg) scaleY(1);
    transition: -webkit-transform .15s cubic-bezier(0.71, -.46, .88, .6) .05s;
    transition: transform .15s cubic-bezier(0.71, -.46, .88, .6) .05s, -webkit-transform .15s cubic-bezier(0.71, -.46, .88, .6) .05s;
    -webkit-transform-origin: center;
    transform-origin: center
}

.content_pay .paper_check_order {
    float: right;
    width: 545px
}

.content_pay .paper_check_order .paper_check_pay_notice {
    position: absolute;
    display: none;
    top: -20px;
    right: 50px;
    height: 30px;
    padding: 0 10px;
    line-height: 30px;
    background: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .15);
    border-radius: 3px;
    font-size: 12px;
    box-sizing: border-box
}

.content_pay .paper_check_order .paper_check_pay_notice p {
    display: none
}

.content_pay .paper_check_order .paper_check_pay_notice p span {
    color: #4f64f2;
    cursor: pointer
}

.content_pay .paper_check_order .paper_check_pay_notice p span:hover {
    text-decoration: underline
}

.content_pay .paper_check_order .paper_check_pay_notice p i {
    font-size: 10px;
    color: #999;
    font-weight: 400;
    margin-left: 10px;
    cursor: pointer
}

.content_pay .paper_check_order .paper_check_pay_notice p em {
    color: #ff5231;
    font-size: 14px;
}

.content_pay .paper_check_order .paper_check_money {
    float: right;
    margin: 16px 18px 16px 0;
    text-align: right
}

.content_pay .paper_check_order .paper_check_money .pay_money {
    font-size: 24px;
    color: #ff5231;
}

.content_pay .paper_check_order .paper_check_money .origin_money {
    color: #999;
    text-decoration: line-through;;
    margin-left: 7px
}

.content_pay .paper_check_order .paper_check_money .discount_money {
    color: #666;
}

.content_pay .paper_check_order .paper_check_pay_btn {
    float: right
}

.content_pay .paper_check_order .paper_check_pay_btn span {
    margin: 16px 40px 16px 0;
    width: 124px;
    display: block;
    color: #fff;
    height: 44px;
    text-align: center;
    line-height: 44px;
    background-image: linear-gradient(165deg, #ff311c 0, #ff311c 99%);
    border-radius: 24px;
    cursor: pointer
}

.content_pay .paper_check_order .paper_check_pay_time {
    float: right;
    margin: 21px 10px 0 0;
    background: rgba(255, 82, 49, .15);
    border-radius: 10px;
    padding: 3px 8px;;
    font-size: 12px;
    color: #ff5231;
    line-height: 14px;
    display: none;
    box-sizing: border-box
}

.content_pay .paper_check_order .paper_check_pay_btn:not(.disabled):hover span {
    background: #ff6f4c
}

.content_pay .paper_check_order .disabled span {
    cursor: default;
    background: #ccc
}

.content_pay .paper_check_order::after {
    content: '';
    height: 0;
    line-height: 0;
    display: block;
    clear: both
}

.content_pay .content_bottom_dot {
    position: absolute;
    background: #fff;
    box-shadow: 0 6px 18px 0 rgba(0, 0, 0, .1);
    height: 50px;
    width: 50px;
    border-radius: 50px;
    line-height: 50px;
    text-align: center;
    color: #666;
    font-size: 18px;
    left: 50%;
    margin-left: -25px;
    top: -70px;
    display: none;
    cursor: pointer
}

.content_fixed {
    position: fixed;
    float: none;
    margin-top: 0;
    z-index: 10
}



.content_fixed .content_bottom_dot {
    display: none
}

.gj-icon-expand-more::before {
    content: "\e60c"
}

.content_pay_hidden {
    position: relative;
    margin-top: 30px;
    float: left;
    width: 940px;
    height: 79px;
    background: rgba(0, 0, 0, 0)
}

.b_bUploadToast {
    position: fixed;
    cursor: pointer;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 600;
    width: 610px;
    height: 410px
}

.b_bUploadToast i {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    color: rgba(255, 255, 255, .8);
    cursor: pointer
}

.b_bUploadToast img {
    width: 610px;
    height: 410px
}

.b_bUploadPao {
    position: fixed;
    cursor: pointer;
    display: none;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 50px;
    height: 80px;
    z-index: 600
}

.b_bUploadPao img {
    width: 50px;
    height: 80px
}

.payDialog {
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    background: rgba(0, 0, 0, .3)
}

.payDialog .dialog-full-close {
    position: absolute;
    right: -67px;
    top: -67px;
    background: rgba(0, 0, 0, .6);
    font-size: 19px;
    width: 135px;
    height: 135px;
    border-radius: 135px;
    color: rgba(255, 255, 255, .6);
    padding-left: 30px;
    line-height: 170px;
    cursor: pointer;
    box-sizing: border-box
}

.paper_check_cashier {
    width: 820px;
    height: 580px;
    overflow: hidden;
    padding: 24px 30px 30px;
    position: relative;
    background: #fff;
    box-sizing: border-box;
    margin: 0 auto 0;
}

.paper_check_cashier .dialog-title-close {
    display: block;
    text-align: right;
    color: #ccc;
    position: absolute;
    right: 23px
}

.paper_check_cashier .dialog-title-close:hover {
    color: #333
}

.paper_check_cashier h1 {
    width: 100%;
    height: 38px;
    line-height: 1;
    text-align: left;
    font-size: 24px;
    margin: 0;
    padding: 0;;
    font-weight: 400;
    box-sizing: border-box
}

.paper_check_cashier hr {
    border: 0;
    height: 1px;
    width: 100%;
    background: #F5F5F5;
    margin: 0 0 20px
}

.paper_check_cashier .paper_check_cashier_info {
    height: 230px;
    box-sizing: border-box
}

.paper_check_cashier .paper_check_cashier_info p {
    font-size: 14px;
    line-height: 1;
    height: 14px;
    margin-bottom: 20px;
    text-align: left;
    color: #333;

}

.paper_check_cashier .paper_check_cashier_info p b {;
    color: #000;
    font-weight: 400
}

.paper_check_cashier .paper_check_cashier_info p span.red {
    color: #FF5231;

}

.paper_check_cashier .paper_check_cashier_info p em {;
    color: #3F3F3F
}

.paper_check_cashier .paper_check_cashier_info p.paper_check_cashier_price {
    margin-bottom: 10px;
    height: 24px
}

.paper_check_cashier .paper_check_cashier_info p.pay_method {
    height: 60px;
    position: relative
}

.paper_check_cashier .paper_check_cashier_info p.pay_method span {
    width: 160px;
    height: 52px;
    border-radius: 6px;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    border: 1px solid #ddd;
    position: relative;
    top: 8px;
    cursor: pointer;
    margin-right: 12px;
    overflow: hidden;
    vertical-align: middle
}

.paper_check_cashier .paper_check_cashier_info p.pay_method i.selected_icon {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 25px solid #4F6EF2;
    border-left: 25px solid transparent;
    display: none
}

.paper_check_cashier .paper_check_cashier_info p.pay_method i.selected_icon em {
    position: absolute;
    left: -15px;
    top: 10px;
    font-weight: 700;
    color: #fff
}

.paper_check_cashier .paper_check_cashier_info p.pay_method span:hover {
    border: 1px solid #4F6EF2;
    border-radius: 6px
}

.paper_check_cashier .paper_check_cashier_info p.pay_method span.active {
    border: 1px solid #4F6EF2;
    border-radius: 6px
}

.paper_check_cashier .paper_check_cashier_info p.pay_method span.active .selected_icon {
    display: block
}

.paper_check_cashier .paper_check_cashier_wrapper {
    margin-top: 30px;
    height: 200px;
    background-color: #F8F8F8;
    border-radius: 6px;
    width: 100%;
    padding: 24px 30px;
    box-sizing: border-box
}

.paper_check_cashier .paper_check_cashier_wrapper h2 {
    font-size: 18px;
    margin-bottom: 12px;
    font-weight: 400
}

.paper_check_cashier .paper_check_cashier_wrapper h2 em {
    font-size: 14px;
    color: #999;
    margin-left: 15px;
    font-weight: 400
}

.paper_check_cashier .paper_check_cashier_wrapper .paper_check_cashier_code .paper_check_cashier_left {
    float: left;
    width: 120px
}

.paper_check_cashier .paper_check_cashier_wrapper .paper_check_cashier_code .paper_check_cashier_left img {
    width: 120px;
    height: 120px
}

.paper_check_cashier .paper_check_cashier_wrapper .paper_check_cashier_code .paper_check_cashier_left img.hasDone {
    cursor: pointer
}

.paper_check_cashier .paper_check_cashier_wrapper .paper_check_cashier_code .paper_check_cashier_right {
    float: left;
    text-align: left;
    margin-left: 20px
}

.paper_check_cashier .paper_check_cashier_wrapper .paper_check_cashier_code .paper_check_cashier_right p {
    font-size: 14px;
    line-height: 1;
    height: 14px;
    text-align: left
}

.paper_check_cashier .paper_check_cashier_wrapper .paper_check_cashier_code .paper_check_cashier_right p.paper_check_remain_time {
    background-image: url(/static/img/timetips.png);
    color: #f7603e;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 12px;
    width: 200px;
    padding-left: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    box-sizing: border-box
}

.paper_check_cashier .paper_check_cashier_wrapper .paper_check_cashier_code .paper_check_cashier_right p.paper_check_pay_money {
    font-size: 14px;
    color: #222;
    margin-bottom: 8px;

}

.paper_check_cashier .paper_check_cashier_wrapper .paper_check_cashier_code .paper_check_cashier_right .paper_check_yh_money {
    color: #f7603e;
    height: 36px;

}

.paper_check_cashier .paper_check_cashier_wrapper .paper_check_cashier_code .paper_check_cashier_right .paper_check_yh_money .real_unit {
    font-size: 22px;
}

.paper_check_cashier .paper_check_cashier_wrapper .paper_check_cashier_code .paper_check_cashier_right .paper_check_yh_money .real_money {
    font-size: 36px;
}

.paper_check_cashier .paper_check_cashier_wrapper .paper_check_cashier_code .paper_check_cashier_carousel {
    float: right;
    text-align: left;
    margin-right: 20px;
    height: 72px;
    overflow: hidden
}

.paper_check_cashier .paper_check_cashier_wrapper .paper_check_cashier_code .paper_check_cashier_carousel .carousel_wrapper {
    margin-top: 0
}

.paper_check_cashier .paper_check_cashier_wrapper .paper_check_cashier_code .paper_check_cashier_carousel .carousel_wrapper p {
    text-align: left;
    margin-bottom: 10px;
    line-height: 24px;
    color: #666;
    width: 280px;
    overflow: hidden
}

.paper_check_cashier .paper_check_cashier_wrapper .paper_check_cashier_code .paper_check_cashier_carousel .carousel_wrapper p img {
    height: 24px;
    width: 24px;
    border-radius: 24px;
    vertical-align: top;
    margin-right: 8px
}

.paper_check_cashier .paper_check_cashier_wrapper .paper_check_cashier_code::after {
    content: '';
    height: 0;
    line-height: 0;
    display: block;
    clear: both
}

@media screen and (max-height: 700px) {
    .paper_check_cashier {
        margin: 50px auto 0
    }
}

.alipay,.alipay_pc {
    background: url(/static/img/zhifubao-icon.png) no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 10px
}

.wechat {
    background: url(/static/img/weixin-icon.png) no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 10px
}

.paper_check_preview {
    width: 740px;
    height: 660px;
    background: #fff;
    overflow: hidden;
    border-radius: 6px;
    position: relative
}

.paper_check_preview .dialog-title-close {
    position: absolute;
    right: 20px;
    top: 16px;
    line-height: 1;
    color: #999
}

.paper_check_preview .dialog-title-close i {
    font-size: 11px;
    color: #fff
}

.paper_check_preview .dialog-title-close i:hover {
    color: #999
}

.paper_check_preview h1 {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #4f6ef2;
    padding: 0;
    border-radius: 10px 10px 0 0;
    margin: -3px 0 0;
    font-weight: 400;;
    box-sizing: border-box
}

.paper_check_preview div {
    height: 600px;
    margin: 30px 20px;
    overflow: auto;
    box-sizing: border-box
}


.paper_check_max_len {
    width: 450px;
    height: 224px;
    overflow: hidden;
    position: relative
}

.paper_check_max_len h1 {
    color: #222;
    font-size: 18px;;
    font-weight: 400;
    text-align: center;
    margin-top: 60px
}

.paper_check_max_len h2 {
    color: #ff5231;
    font-size: 18px;
    margin-bottom: 20px;;
    font-weight: 400;
    text-align: center
}

.paper_check_max_len div.cancle_wrapper {
    margin-top: 30px;
    text-align: center
}

.paper_check_max_len div.cancle_wrapper span {
    display: inline-block;
    width: 120px;
    height: 42px;
    border: 1px solid #ccc;
    border-radius: 21px;
    color: #666;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box
}

.paper_check_max_len div.cancle_wrapper span.dialog_close {
    background: #4f6ef2;
    border-radius: 21px;
    color: #fff;
    border: 0
}

.paper_check_max_len div.cancle_wrapper span.dialog_close:hover {
    background: #5059ff
}

.fullDialog {
    display: none;
    position: absolute;
    z-index: 10001;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3)
}

.fullDialog .dialog-full-close {
    position: absolute;
    right: -67px;
    top: -67px;
    background: rgba(0, 0, 0, .6);
    font-size: 19px;
    width: 135px;
    height: 135px;
    border-radius: 135px;
    color: rgba(255, 255, 255, .6);
    padding-left: 34px;
    padding-top: 60px;
    line-height: 67px;
    cursor: pointer;
    box-sizing: border-box
}

.fullDialog .dialog-full-close:hover i {
    color: #fff
}

.paper_check_example {
    width: 891px;
    height: 700px;
    padding: 20px 40px;
    background: #fff;
    overflow: auto;
    margin: 50px auto 0;
    box-sizing: border-box
}

.paper_check_example img {
    width: 100%
}

@media screen and (max-height: 730px) {
    .paper_check_example {
        height: 650px
    }
}

.dialog .dialog-title-close {
    position: absolute;
    right: 23px;
    top: 23px;
    color: #999;
    font-size: 11px
}