/* Generic Styling */

a {
    color: #00b3cb;
    text-decoration: none;
}

    a:hover
    {
        color: #f29600;
    }

input,
select {
    font-family: "Microsoft Yahei",SimHei,"Helvetica Neue","DejaVu Sans",Tahoma,"Hiragino Sans GB";
}

body {
    font-family: "Microsoft Yahei",SimHei,"Helvetica Neue","DejaVu Sans",Tahoma,"Hiragino Sans GB";
}



/* header */






/* content */
#content {
    overflow: hidden;
}

.content_row {
    width: 974px;
    margin: 0 auto;
}

.price_block {
    padding: 40px 0 0;
}

.price_list {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

    .price_list li {
        float: left;
        width: 33.3%;
        text-align: center;
        border-right: 1px #d3d3d3 solid;
        margin-right: -1px;
    }

        .price_list li.li_last {
            border: 0;
        }

        .price_list li .price_title {
            font-size: 18px;
            margin-bottom: 12px;
        }

        .price_list li p {
            margin-bottom: 18px;
        }

        .price_list li .price_unit {
            font-size: 32px;
        }

.content_row_full {
    background-color: #f4f4f4;
}

.content_row_inside {
    width: 974px;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 0;
}

.free_area {
    float: left;
    padding: 22px 0;
    border-right: 1px #d3d3d3 solid;
}

.single_free {
    float: left;
    width: 306px;
    margin-right: 25px;
    font-size: 14px;
}

    .single_free .free_img {
        width: 298px;
        border: 4px #d1d1d1 solid;
        margin-bottom: 5px;
        overflow: hidden;
    }

    .single_free .free_txt {
        float: left;
    }

    .single_free .free_download {
        float: right;
        padding-left: 18px;
        background: url(/images/ico_download.png) 0 3px no-repeat;
        color: #00b3cb;
    }

        .single_free .free_download:hover {
            color: #00cbe6;
        }

.hover_scale img {
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
}

.hover_scale:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
}


.signup_area {
    float: right;
    width: 275px;
    padding-top: 22px;
}

.signup_form {
    width: 100%;
}

    .signup_form .form_title {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .signup_form input.input_submit {
        font-size: 14px;
        display: block;
        width: 100%;
        border: 0;
        border-radius: 4px;
        background-color: #00b3cb;
        color: #fff;
        padding: 10px 0;
        cursor: pointer;
    }

        .signup_form input.input_submit:hover {
            background-color: #00cbe6;
        }

.item_input {
    position: relative;
    margin-bottom: 10px;
}

    .item_input input {
        display: block;
        width: 263px;
        height: 30px;
        border: 1px #d3d3d3 solid;
        padding: 0 5px;
        font-size: 14px;
    }

    .item_input span {
        position: absolute;
        left: 8px;
        top: 0;
        line-height: 32px;
        z-index: 10;
        color: #999;
        font-size: 14px;
    }

.item_check {
    margin-bottom: 12px;
}

.series_list {
    padding: 40px 0;
    overflow: hidden;
}

    .series_list li {
        float: left;
        margin: 0 4px 4px 0;
        position: relative;
    }

        .series_list li.s3 {
            float: right;
            margin-right: 0;
        }

        .series_list li .sl_img {
            overflow: hidden;
        }

        .series_list li .sl_txt {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            background-color: rgba(0,0,0,.2);
            z-index: 10;
            height: 40px;
            line-height: 40px;
            font-size: 18px;
            color: #fff;
            text-indent: 10px;
        }



/* footer */




/*========================search_result.html=======================================*/

/*result bar*/
.result_bar {
    color: #666;
    border-top: 1px #d3d3d3 solid;
    border-bottom: 1px #d3d3d3 solid;
    margin: 18px 40px 0 35px;
    height: 50px;
    line-height: 50px;
    position: relative;
    z-index: 20;
    font-size: 14px;
}

    .result_bar .result_tit li {
        float: left;
        font-size: 16px;
        margin-right: 46px;
        margin-left: 4px;
        cursor:pointer;
    }
    .result_bar .result_tit li:hover {
        color:#f29600;
    }
        .result_bar .result_tit li.on {
             color:#f29600;
            border-bottom: 3px solid #f29600;
            padding-bottom: 5px;
        }

.result_sort {
    float: left;
    margin: 10px 0 6px;
}

.sort {
    float: left;
    border-right: 1px #d3d3d3 solid;
    padding: 0 8px;
}

    .sort li {
        float: left;
        margin: 0 4px;
        cursor: pointer;
    }

        .sort li.on {
            color: #00b3cb;
        }

.sort_first {
    padding-left: 4px;
}

.display_setting {
    float: left;
    border-right: 1px #d3d3d3 solid;
    position: relative;
}

    .display_setting .ds_title {
        padding: 0 18px;
        cursor: pointer;
    }

        .display_setting .ds_title i {
            display: inline-block;
            width: 0;
            height: 0;
            border: 4px transparent solid;
            border-top: 4px #444 solid;
            margin-left: 5px;
            vertical-align: middle;
        }

    .display_setting .ds_pop {
        position: absolute;
        left: -1px;
        top: 50px;
        background-color: #fff;
        border: 1px #d3d3d3 solid;
        width: 130px;
        padding: 0 5px 10px;
        line-height: normal;
        display: none;
    }

.ds_row {
    height: 38px;
    line-height: 38px;
}

.ds_page_num {
    padding: 4px 0;
}

    .ds_page_num span {
        display: inline-block;
        height: 22px;
        line-height: 22px;
        border: 1px #d3d3d3 solid;
        padding: 0 3px;
        margin-left: 3px;
        position: relative;
        cursor: pointer;
    }

        .ds_page_num span i {
            position: absolute;
            background: #fff url(/images/ico_corner1.gif) 0 0 no-repeat;
            width: 6px;
            height: 6px;
            right: -1px;
            top: -1px;
            width: 6px;
            height: 6px;
            z-index: 10;
        }

        .ds_page_num span.on {
            border-color: #00b3cb;
        }

            .ds_page_num span.on i {
                background: #fff url(/images/ico_corner2.gif) 0 0 no-repeat;
            }

.ds_grid span {
    display: inline-block;
    margin-left: 4px;
}

.grid_mode {
    display: inline-block;
    position: relative;
    top: 3px;
}

    .grid_mode li {
        display: inline-block;
        width: 14px;
        height: 14px;
        margin-left: 7px;
        cursor: pointer;
    }

        .grid_mode li#grid-mode1 {
            background: url(/images/ico_mode1.png) 0 0 no-repeat;
        }

            .grid_mode li#grid-mode1.on {
                background: url(/images/ico_mode1_on.png) 0 0 no-repeat;
            }

        .grid_mode li#grid-mode2 {
            background: url(/images/ico_mode2.png) 0 0 no-repeat;
        }

            .grid_mode li#grid-mode2.on {
                background: url(/images/ico_mode2_on.png) 0 0 no-repeat;
            }

.checkbox {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(/images/ico_checkbox.gif) 0 0 no-repeat;
    vertical-align: middle;
    margin-left: 4px;
    position: relative;
    top: 1px;
    cursor: pointer;
}

    .checkbox.check_on {
        background-position: 0 -19px;
    }

.checkbox_label {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
}

.ds_row_last {
    border: 0;
}

/*.result_pager{ float: right;}*/
.total_num {
    display: inline-block;
    margin: 0 6px;
}

.pager {
    display: inline-block;
}

.btn_pager {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border: 1px #d3d3d3 solid;
    padding: 0 10px;
    border-radius: 3px;
}

.btn_page {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border: 1px #d3d3d3 solid;
    padding: 0 9px;
    margin: 0 2px 3px 2px;
}

.btn_page1 {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 9px;
    margin: 0 2px;
}

.page_num {
    display: inline-block;
    margin: 0 6px;
}

    .page_num span {
        color: rgb(241,141,1);
        margin: 0 2px;
    }


/*gallery list*/
.gallery_list {
    padding: 5px;
    clear: both;
}

    .gallery_list li {
        position: relative;
    }

        .gallery_list li:hover .img_bar {
            opacity: 1;
            bottom: 0;
        }

.img_bar {
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    padding: 4px 0;
    padding-top: 5px;
    overflow: hidden;
    background-color: rgba(0,0,0,.15);
    opacity: 0;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
}

    .img_bar span.img_id {
        float: left;
        margin-left: 10px;
        line-height: 28px;
        color: White;
        font-size: 12px;
    }

    .img_bar span.img_download {
        float: right;
        margin-right: 6px;
        width: 28px;
        height: 28px;
        background: url(/images/search2016/ico_download2.png?v=1) center center no-repeat;
        cursor: pointer;
    }

    .img_bar span.img_fav {
        float: right;
        margin-right: 6px;
        width: 28px;
        height: 28px;
        background: url(/images/search2016/ico_fav.png?v=1) center center no-repeat;
        cursor: pointer;
    }

    .img_bar span.fav_on {
        background: url(/images/search2016/ico_fav_on.png) center center no-repeat;
    }

.mode1 li {
    float: left;
    width: 170px;
    height: 170px;
    display: table;
    padding: 4px;
    border: 1px #d3d3d3 solid;
    margin: 0 8px 8px 0;
    position: relative;
}

    .mode1 li a {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

.row_more {
    text-align: center;
    padding: 20px 0 25px;
    clear: both;
}

.btn_comm {
    display: inline-block;
    background-color: #f29600;
    color: #fff;
    padding: 10px 50px;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
}

    .btn_comm:hover {
        background-color: #ffa511;
        color: #fff;
    }

/*tooltip*/
#tooltip {
    position: absolute;
    z-index: 3000;
    color: #333;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.5);
}

    #tooltip h3 {
        font-weight: bold;
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }

    #tooltip .body em {
        font-style: normal;
        color: #9c9c9c;
    }

    #tooltip .body img {
        max-height: 400px;
        max-width: 400px;
    }

    #tooltip.keyword_what {
        border: 0;
        width: 146px;
        height: 58px;
        padding: 20px;
        background: url(/images/sidebar_hint_bg.png);
    }

        #tooltip.keyword_what h3 {
            font-weight: normal;
            color: #999;
        }

/*pop box*/
.pop_box {
    position: absolute;
    width: 220px;
    background-color: #fff;
    left: 50%;
    margin-left: -377px;
    top: 200px;
    z-index: 1000;
    box-shadow: 0 0 12px rgba(0,0,0,0.1);
    font-size: 14px;
    display: none;
}

.pb_close {
    position: absolute;
    right: 0;
    top: 0;
    width: 28px;
    height: 28px;
    background: url(/images/ico_close.png) center center no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
}

.pb_title {
    height: 28px;
    line-height: 28px;
    text-indent: 8px;
}

.pb_title2 {
    background-color: #f1f1f1;
}

.pb_fold_list {
}

    .pb_fold_list li {
        padding: 4px 8px;
        cursor: pointer;
    }

        .pb_fold_list li.on,
        .pb_fold_list li.on:hover {
            background-color: #00b3cb;
            color: #fff;
        }

        .pb_fold_list li:hover {
            background-color: rgba(0,179,203,.5);
            color: #fff;
        }

.pb_new_fold {
    padding: 6px;
}

    .pb_new_fold b {
        display: inline-block;
        width: 46px;
        height: 27px;
        line-height: 27px;
        text-align: center;
        background-color: #00b3cb;
        color: #fff;
        vertical-align: top;
        margin-left: 3px;
        cursor: pointer;
    }

.input_item {
    position: relative;
    display: inline-block;
    width: 150px;
    vertical-align: top;
}

    .input_item input {
        display: block;
        width: 140px;
        height: 25px;
        line-height: 25px;
        border: 1px #d3d3d3 solid;
        padding: 0 5px;
        font-size: 14px;
    }

    .input_item span {
        position: absolute;
        left: 5px;
        top: 0;
        line-height: 27px;
    }

.pb_save_done {
    text-align: center;
    padding: 30px 0;
}

    .pb_save_done span {
        color: #00b3cb;
    }

.ico_success {
    display: inline-block;
    background: url(/images/ico_success.png) 0 0 no-repeat;
    width: 34px;
    height: 35px;
    vertical-align: middle;
}




/*========================preview.html=======================================*/
.preview_title {
    padding: 14px 0 8px;
}

    .preview_title strong {
        color: #00b3cb;
        font-weight: normal;
    }

    .preview_title i {
        display: inline-block;
        width: 1px;
        height: 12px;
        background-color: #868686;
        margin: 0 5px;
        position: relative;
        top: 2px;
    }

    .preview_title .photo_name {
        font-size: 14px;
    }

.preview_block {
    overflow: hidden;
}

.preview_col1 {
    float: left;
    width: 532px;
    height: 588px;
    background-color: #eaeaea;
    margin-bottom: 22px;
}

.preview_col2 {
    float: right;
    width: 427px;
    height: 588px;
    position: relative;
    background-color: #eaeaea;
}

/*left side preview*/
.preview_img {
    width: 500px;
    height: 500px;
    margin: 16px;
    display: table;
}

    .preview_img span {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
/*.preview_img span img{ width: 500px; height: auto;}*/

/*left side preview toolbar*/
.preview_toolbar {
    background-color: #ddd;
    position: relative;
    height: 55px;
    text-align: center;
}

    .preview_toolbar .btn_prev,
    .preview_toolbar .btn_next {
        position: absolute;
        width: 55px;
        height: 55px;
        top: 0;
        background: url(/images/ico_prev_next.gif) 0 0 no-repeat;
    }

    .preview_toolbar .btn_prev {
        left: 0;
        background-position: 0 0;
    }

        .preview_toolbar .btn_prev:hover {
            background-position: 0 -55px;
        }

    .preview_toolbar .btn_next {
        right: 0;
        background-position: -55px 0;
    }

        .preview_toolbar .btn_next:hover {
            background-position: -55px -55px;
        }

    .preview_toolbar .btn_sample {
        display: inline-block;
        width: 55px;
        height: 22px;
        padding-top: 33px;
        text-align: center;
        color: #868686;
        background: url(../images/btn_download.png) center 8px no-repeat;
        margin-right: 5px;
    }

        .preview_toolbar .btn_sample:hover {
            background: #00b3cb url(/images/btn_download2.png) center 8px no-repeat;
            color: #fff;
        }

    .preview_toolbar .btn_fav {
        display: inline-block;
        width: 55px;
        height: 22px;
        padding-top: 33px;
        text-align: center;
        color: #868686;
        background: url(../images/btn_fav.png) center 8px no-repeat;
    }

        .preview_toolbar .btn_fav:hover,
        .preview_toolbar .btn_fav.fav_on {
            background: #00b3cb url(/images/btn_fav2.png) center 8px no-repeat;
            color: #fff;
        }


/*right side buy*/
.preview_col_title {
    padding: 15px 13px 0;
    font-size: 18px;
    margin-bottom: -4px;
}

.buy_tab {
    width: 100%;
    overflow: hidden;
}

    .buy_tab li {
        float: left;
        width: 25%;
        height: 47px;
        line-height: 47px;
        text-align: center;
        font-size: 14px;
        cursor: pointer;
    }

        .buy_tab li.b1 {
            background-color: #eaeaea;
        }

        .buy_tab li.b2 {
            background-color: #d3d3d3;
        }

        .buy_tab li.b3 {
            background-color: #c6c6c6;
        }

        .buy_tab li.b4 {
            background-color: #b9b9b9;
        }

.buy_tab_content {
    padding: 10px;
    height: 521px;
}

.buy_tab_content2 {
    background-color: #d3d3d3;
}

.buy_tab_content3 {
    background-color: #c6c6c6;
}

.single_table {
    margin-bottom: 8px;
    position: relative;
}

    .single_table li {
        padding: 6px 0;
        border-bottom: 1px #d3d3d3 solid;
        cursor: pointer;
    }

        .single_table li.pricetitle {
            cursor: default;
        }

        .single_table li.pricebar div.t_row:hover {
            background: #00cbe6;
            color: white;
        }

        .single_table li.on .t_row {
            background: #00b3cb;
            color: #fff;
        }

            .single_table li.on .t_row .t6, .single_table li.on .t_row2 .t5 {
                font-weight: bold;
            }

        .single_table li .t_row {
            padding: 8px 0;
            overflow: hidden;
            border-radius: 4px;
        }

.t_row .t1 {
    float: left;
    width: 58px;
    text-indent: 8px;
}

.t_row .t2 {
    float: left;
    width: 70px;
}

.t_row .t3 {
    float: left;
    width: 80px;
}

.t_row .t4 {
    float: left;
    width: 55px;
    text-align: center;
}

.t_row .t5 {
    float: left;
    width: 90px;
    text-align: center;
}

.t_row .t6 {
    float: left;
    width: auto;
}

.t_row2 .t1 {
    width: 40px;
    text-align: center;
}

.t_row2 .t2 {
    width: 50px;
    margin-left: 40px;
}

.t_row2 .t3 {
    width: 60px;
    text-align: center;
}

.t_row2 .t4 {
    width: 81px;
    text-align: center;
}

.t_row2 .t5 {
    width: auto;
    margin-left: 10px;
}

.t_row2 .t6 {
    width: 70px;
    text-align: center;
}

.pricetitle > .t_row2 .t6 {
    text-align: left;
    padding-left: 15px;
}

.t_row2 .t6 span {
    text-decoration: line-through;
}

.t_row2 .t6 sup {
    vertical-align: super;
    color: #f60;
}

.buy_row {
    width: 100%;
    overflow: hidden;
}

    .buy_row .buy_note {
        float: left;
    }

    .buy_row .btn_add_cart {
        float: right;
        padding: 10px 16px;
        color: #fff;
        margin-left: 10px;
    }

    .buy_row .btn_buy {
        float: right;
        padding: 10px 16px;
        background-color: #da5338;
        color: #fff;
    }

        .buy_row .btn_buy:hover {
            background-color: #e95d41;
        }

.preview_note {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 10;
}

    .preview_note span {
        margin-right: 14px;
    }

        .preview_note span.note_tel {
            background: url(/images/ico_tel2.png) 0 0 no-repeat;
            padding-left: 20px;
        }

        .preview_note span a {
            color: #686868;
        }

            .preview_note span a:hover {
                color: #00b3cb;
            }

/*preview-free*/
.download_status {
    background-color: #d6d6d6;
    margin-top: 20px;
    padding: 17px 14px 0;
    border-radius: 5px;
    overflow: hidden;
}

    .download_status h3 {
        margin-bottom: 8px;
        font-size: 14px;
    }

    .download_status p {
        line-height: 1.6;
        margin-bottom: 14px;
    }

        .download_status p a {
            color: #686868;
            margin-right: 18px;
        }

            .download_status p a:hover {
                color: #00b3cb;
            }

/*similar*/
.relative_title {
    padding: 10px 0;
    overflow: hidden;
    border-bottom: 1px #d3d3d3 solid;
    margin-bottom: 24px;
}

    .relative_title h3 {
        float: left;
        font-size: 18px;
    }

    .relative_title a {
        float: right;
        color: #686868;
        margin-top: 5px;
        font-size: 14px;
    }

        .relative_title a:hover {
            color: #00b3cb;
        }

.similar_list {
    margin: 0 -14px;
}

    .similar_list li {
        float: left;
        width: 170px;
        height: 170px;
        border: 1px #d3d3d3 solid;
        background-color: #f5f5f5;
        margin: 0 14px 28px;
        text-align: center;
        display: table;
    }

        .similar_list li a {
            display: table-cell;
            vertical-align: middle;
        }

.keyword_list {
    margin-bottom: 10px;
}

    .keyword_list li {
        display: inline-block;
        margin: 0 10px 14px 0;
    }

        .keyword_list li.show {
            display: inline-block;
        }

        .keyword_list li.hide {
            display: none;
        }

        .keyword_list li a {
            display: inline-block;
            height: 33px;
            line-height: 33px;
            padding: 0 18px;
            border: 1px #d3d3d3 solid;
            border-radius: 4px;
            color: #686868;
        }

            .keyword_list li a:hover {
                background-color: #f5f5f5;
            }

        .keyword_list li.show_all a {
            border-color: #00b3cb;
            color: #00b3cb;
            font-size: 14px;
        }

            .keyword_list li.show_all a:hover {
                background-color: #e0f1f3;
            }

        .keyword_list li.show_all i {
            display: inline-block;
            background: url(/images/ico_arrow_down.png) 0 0 no-repeat;
            width: 14px;
            height: 10px;
            margin: 0 -3px 0 5px;
        }

        .keyword_list li.expanded i {
            background: url(/images/ico_arrow_up.png) 0 0 no-repeat;
        }


/*========================categories.html=======================================*/
.cata_view_title {
    text-align: center;
    padding: 18px 0;
}

    .cata_view_title h2 {
        font-size: 30px;
        font-weight: normal;
    }

.cata_view_list {
    overflow: hidden;
    margin: 0 -10px;
}

    .cata_view_list li {
        float: left;
        width: 307px;
        padding: 1px;
        border: 1px #d3d3d3 solid;
        margin: 0 10px 20px;
        display: none;
    }

        .cata_view_list li.init_show {
            display: block;
        }

        .cata_view_list li .cv_title {
            font-size: 18px;
            color: #0a0c0f;
            padding: 5px 10px 7px;
            background-color: #eee;
        }

.expanded li {
    display: block;
}

.btn_more {
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    margin-bottom: 25px;
}



/*========================reg.html=======================================*/
.reg_col1 {
    float: left;
    width: 376px;
    padding-top: 22px;
    margin-bottom: 30px;
}

.reg_col2 {
    float: right;
    width: 530px;
    padding-top: 22px;
    margin-bottom: 30px;
}

    .reg_col1 h2,
    .reg_col2 h2 {
        font-size: 18px;
        font-weight: normal;
        margin-bottom: 10px;
    }

/*注册区*/
.reg_box {
    background-color: #f4f4f4;
    font-size: 14px;
    padding: 18px 0;
}

.reg_item {
    width: 100%;
    position: relative;
    min-height: 55px;
}

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

    .reg_item label {
        float: left;
        width: 85px;
        text-align: right;
        line-height: 29px;
        margin-right: 12px;
    }

    .reg_item .reg_item_cont {
        float: left;
        width: 248px;
    }

    .reg_item input.input_txt {
        display: block;
        width: 236px;
        padding: 0 5px;
        height: 27px;
        line-height: 27px;
        border: 1px #d3d3d3 solid;
        font-size: 14px;
    }

    .reg_item input.input_verify_code {
        float: left;
        width: 64px;
    }

    .reg_item i {
        position: absolute;
        left: 10px;
        top: 4px;
        color: #ff9e00;
    }

    .reg_item em {
        display: block;
        font-style: normal;
        font-size: 12px;
        color: #ff9e00;
        padding: 3px 0 7px;
    }

    .reg_item select {
        float: left;
        width: 117px;
        height: 27px;
        line-height: 27px;
        border: 1px #d3d3d3 solid;
        font-size: 14px;
        margin-bottom: 10px;
    }

        .reg_item select.select_type1 {
            float: left;
        }

        .reg_item select.select_type2 {
            float: right;
        }

.verify_code {
    float: left;
    margin-left: 7px;
}

.verify_code_change {
    float: left;
    line-height: 29px;
    margin-left: 9px;
    color: #686868;
}

.pass_strength {
    overflow: hidden;
    padding-top: 4px;
}

    .pass_strength li {
        float: left;
        width: 18px;
        height: 4px;
        background-color: #b4b4b4;
        margin: 7px 6px 0 0;
    }

        .pass_strength li.on {
            background-color: #ff9e00;
        }

.gap_item {
    margin: 0 5px;
    height: 1px;
    background-color: #ccc;
    margin-bottom: 14px;
}

.reg_title {
    overflow: hidden;
    margin-bottom: 20px;
}

    .reg_title strong {
        float: left;
        font-weight: bold;
        margin-left: 10px;
    }

    .reg_title a {
        float: right;
        padding-right: 15px;
        color: #686868;
        margin-right: 10px;
        background: url(/images/ico_arrow_bottom.png) right center no-repeat;
    }

.checker {
    padding: 0 32px 20px;
}

    .checker input {
        position: relative;
        top: 1px;
    }

    .checker a {
        text-decoration: underline;
        color: #686868;
    }

.btn_create {
    padding: 10px 0;
    width: 84%;
    margin: 0 auto;
    display: block;
}


/*service list*/
.cont_box {
    margin-bottom: 20px;
}

.service_list {
    margin: 0 -25px;
    padding-top: 14px;
    overflow: hidden;
}

    .service_list li {
        float: left;
        width: 240px;
        text-align: center;
        margin: 0 25px 30px;
    }

        .service_list li h3 {
            font-size: 14px;
            margin-bottom: 6px;
        }

        .service_list li p {
            font-size: 12px;
            color: #a3a3a3;
            text-align: left;
            line-height: 1.6;
        }


.icon_download_img {
    display: inline-block;
    width: 63px;
    height: 63px;
    background: url(/images/icon_download_img.png) center center no-repeat;
}

.icon_manage_resource {
    display: inline-block;
    width: 63px;
    height: 63px;
    background: url(/images/icon_manage_resource.png) center center no-repeat;
}

.icon_get_news {
    display: inline-block;
    width: 63px;
    height: 63px;
    background: url(/images/icon_get_news.png) center center no-repeat;
}

.icon_more_support {
    display: inline-block;
    width: 63px;
    height: 63px;
    background: url(/images/icon_more_support.png) center center no-repeat;
}

.btn_login {
    display: block;
    width: 39%;
    background-color: #6ab346;
    margin: 0 auto;
}

    .btn_login:hover {
        background-color: #7ac754;
    }

/*weili login form*/
.weili_login {
    background-color: #f4f4f4;
    padding: 30px 0;
    font-size: 14px;
}

    .weili_login .login_item {
        width: 320px;
        margin: 0 auto 10px;
        overflow: hidden;
    }

        .weili_login .login_item label {
            float: left;
            width: 60px;
            text-align: right;
            line-height: 29px;
            margin-right: 10px;
        }

        .weili_login .login_item input {
            float: left;
            width: 232px;
            height: 27px;
            line-height: 27px;
            border: 1px #d3d3d3 solid;
            padding: 0 5px;
        }

    .weili_login .login_other {
        width: 315px;
        margin: 0 auto 15px;
        overflow: hidden;
    }

        .weili_login .login_other input {
            float: left;
        }

        .weili_login .login_other label {
            float: left;
        }

        .weili_login .login_other a {
            float: right;
        }



/*========================pricing.html=======================================*/
.purchase_row {
    padding: 20px 0 30px;
}

.h2_comm {
    font-size: 18px;
    margin-bottom: 20px;
}

.service_check_list {
    margin-bottom: 14px;
}

    .service_check_list li {
        float: left;
        width: 220px;
        padding: 1px 0 2px 23px;
        min-height: 23px;
        background: url(/images/ico_has.png) 0 0 no-repeat;
    }

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

    .inline_tooltip_holder:hover .tooltip_box {
        display: block;
    }

.tooltip_box {
    position: absolute;
    left: -80px;
    top: 18px;
    width: 182px;
    padding: 8px 12px;
    border: 1px #ff9e00 solid;
    border-radius: 3px;
    display: none;
    z-index: 10;
    background-color: #fff;
    line-height: 1.5;
    text-align: justify;
}

    .tooltip_box a {
        color: #686868;
    }

.ico_tooltip_info {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(/images/ico_info.png) 0 0 no-repeat;
    vertical-align: top;
}

.note_help {
    margin-bottom: 30px;
}

.authorize_list {
}

    .authorize_list li {
        overflow: hidden;
        display: table;
    }

        .authorize_list li div {
            display: table-cell;
            padding: 10px 11px;
            border-right: 1px #d3d3d3 solid;
            border-bottom: 1px #d3d3d3 solid;
        }

        .authorize_list li.list_header div {
            text-align: center;
            font-size: 14px;
            border-top: 1px #d3d3d3 solid;
        }

        .authorize_list li .col1 {
            width: 82px;
            font-size: 14px;
            border-left: 1px #d3d3d3 solid;
            text-align: center;
            font-weight: bold;
        }

        .authorize_list li .col2 {
            width: 85px;
        }

        .authorize_list li .col3 {
            width: 85px;
        }

        .authorize_list li .col4 {
            width: 85px;
        }

        .authorize_list li .col5 {
            width: 85px;
        }

        .authorize_list li .col6 {
            width: 85px;
        }

        .authorize_list li .col7 {
            width: 85px;
        }

        .authorize_list li .col8 {
            width: 85px;
        }

        .authorize_list li .col9 {
            width: 85px;
        }

.ico_has {
    background: url(/images/ico_has2.png) 0 0 no-repeat;
    width: 24px;
    height: 17px;
    display: block;
    margin: 0 auto;
}

.content_row_full2 {
    background-color: #eee;
}

.purchase_holder {
    background: url(/images/pricing_bg.jpg) 0 0 no-repeat;
    width: 984px;
    height: 680px;
    text-align: center;
    overflow: hidden;
}

.purchase_col1 {
    float: left;
    width: 285px;
    margin: 108px 0 0 29px;
}

.purchase_col2 {
    float: left;
    width: 285px;
    margin: 42px 0 0 36px;
}

.purchase_col3 {
    float: left;
    width: 285px;
    margin: 108px 0 0 36px;
}

.pur_title {
    font-size: 28px;
    color: #3d4140;
    font-weight: bold;
    letter-spacing: 1px;
    text-shadow: 2px 2px 1px rgba(255,255,255,.8);
}

.pur_subtitle {
    color: #3d4140;
    margin-bottom: 20px;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.9);
}

.pur_price {
    display: inline-block;
    width: 147px;
    height: 112px;
    color: #606669;
    padding-top: 35px;
    text-align: left;
    text-indent: 8px;
}

    .pur_price sup {
        font-size: 36px;
        margin-right: -12px;
        position: relative;
        top: -16px;
    }

    .pur_price strong {
        font-size: 60px;
    }

    .pur_price span {
        font-size: 14px;
    }


.pur_meal_table {
    font-size: 14px;
    margin-bottom: 14px;
}

    .pur_meal_table li {
        overflow: hidden;
        padding: 1px 0;
        border-bottom: 1px #d3d3d3 solid;
        text-align: left;
        cursor: pointer;
    }

        .pur_meal_table li.table_header {
            cursor: default;
        }

        .pur_meal_table li .row {
            border-radius: 4px;
            overflow: hidden;
        }

        .pur_meal_table li .col1,
        .pur_meal_table li .col2,
        .pur_meal_table li .col3,
        .pur_meal_table li .col4,
        .pur_meal_table li .col5 {
            float: left;
            padding: 8px 0 4px;
        }

        .pur_meal_table li .col1 {
            width: 36px;
            text-align: center;
        }

        .pur_meal_table li .col2 {
            width: 65px;
        }

        .pur_meal_table li .col3 {
            width: 56px;
        }

        .pur_meal_table li .col4 {
            width: 64px;
        }

        .pur_meal_table li .col5 {
            width: auto;
        }

        .pur_meal_table li.on .row {
            background-color: #73d5e2;
        }

        .pur_meal_table li.on .ico_radio {
            background-position: 0 -18px;
        }

.ico_radio {
    display: inline-block;
    background: url(/images/ico_radio.png) 0 0 no-repeat;
    width: 18px;
    height: 18px;
    position: relative;
    top: 1px;
}

.pur_meal_table2 li .col2 {
    width: 85px;
}

.pur_meal_table2 li .col3 {
    width: 96px;
}

.pur_meal_table3 li {
    cursor: default;
}

    .pur_meal_table3 li .col1 {
        width: 72px;
        margin-left: 32px;
        text-align: left;
    }

    .pur_meal_table3 li .col2 {
        width: 118px;
    }

    .pur_meal_table3 li .col3 {
        width: auto;
    }


.help_txt {
    font-size: 14px;
}

    .help_txt dt {
        font-size: 16px;
    }

    .help_txt dd {
        display: block;
        margin-bottom: 14px;
    }

    .help_txt a {
        text-decoration: underline;
        color: #686868;
    }


/*========================down.html=======================================*/
.down_page {
    padding: 40px 0;
    font-size: 14px;
}

    .down_page .down_title {
        background-color: #f1f1f1;
        font-size: 18px;
        text-indent: 25px;
        padding: 5px 0;
    }

.down_cont {
    padding: 24px;
    width: 380px;
    overflow: hidden;
}

    .down_cont .down_img {
        float: left;
        width: 170px;
        height: 170px;
        background-color: #f5f5f5;
        border: 1px #d3d3d3 solid;
        display: table;
        margin-bottom: 20px;
    }

        .down_cont .down_img span {
            display: table-cell;
            vertical-align: middle;
        }

    .down_cont .down_txt {
        float: left;
        padding: 64px 0 0 15px;
    }

.down_input_title {
    clear: both;
    margin-bottom: 10px;
}

.down_input {
    position: relative;
    margin-bottom: 20px;
}

    .down_input input {
        width: 370px;
        padding: 0 5px;
        height: 27px;
        line-height: 27px;
        border: 1px #d3d3d3 solid;
    }

    .down_input span {
        position: absolute;
        left: 5px;
        top: 0;
        line-height: 29px;
        z-index: 10;
        color: #ccc;
    }

.btn_down {
    display: block;
    margin: 0 auto;
    width: 120px;
    padding: 10px 0;
}


/*result bar*/
.result_bar {
    border-top: 1px #d3d3d3 solid;
    border-bottom: 1px #d3d3d3 solid;
    margin: 0;
    padding: 0 8px;
    height: 40px;
    line-height: 40px;
    position: relative;
    z-index: 20;
    font-family: "Microsoft Yahei",SimHei, Arial, Helvetica, sans-serif,"Lucida Grande",Verdana,Corbel,"Bitstream Vera Sans","DejaVu Sans",sans-serif;
}

.result_sort {
    float: left;
}

.sort {
    float: left;
    border-right: 1px #d3d3d3 solid;
    padding: 0 8px;
    font-family: "Microsoft Yahei",SimHei, Arial, Helvetica, sans-serif,"Lucida Grande",Verdana,Corbel,"Bitstream Vera Sans","DejaVu Sans",sans-serif;
}

    .sort li {
        float: left;
        margin: 0;
        margin-right: 24px;
        cursor: pointer;
    }

        .sort li.on, .eb_result_sort > div li.on {
            color: #f29600;
        }

.sort_first {
    padding-left: 4px;
}

.display_setting {
    float: left;
    border-right: 1px #d3d3d3 solid;
    position: relative;
}

    .display_setting .ds_title {
        padding: 0 18px;
        cursor: pointer;
    }

        .display_setting .ds_title i {
            display: inline-block;
            width: 0;
            height: 0;
            border: 4px transparent solid;
            border-top: 4px #444 solid;
            margin-left: 5px;
            vertical-align: middle;
        }

    .display_setting .ds_pop {
        position: absolute;
        left: -1px;
        top: 50px;
        background-color: #fff;
        border: 1px #d3d3d3 solid;
        width: 130px;
        padding: 0 5px 10px;
        line-height: normal;
        text-align: left;
        display: none;
    }

.ds_row {
    height: 38px;
    line-height: 38px;
}

.ds_page_num {
    padding: 12px 0 0 0;
}

    .ds_page_num span {
        display: inline-block;
        height: 22px;
        line-height: 22px;
        border: 1px #d3d3d3 solid;
        padding: 0 3px;
        margin-left: 3px;
        position: relative;
        cursor: pointer;
    }

        .ds_page_num span i {
            position: absolute;
            background: #fff url(/images/ico_corner1.gif) 0 0 no-repeat;
            width: 6px;
            height: 6px;
            right: -1px;
            top: -1px;
            width: 6px;
            height: 6px;
            z-index: 10;
        }

        .ds_page_num span.on {
            border-color: #f29600;
        }

            .ds_page_num span.on i {
                background: #fff url(/images/ico_corner2.gif) 0 0 no-repeat;
            }

.ds_grid span {
    display: inline-block;
    margin-left: 4px;
}

.grid_mode {
    display: inline-block;
    position: relative;
    top: 3px;
}

    .grid_mode li {
        display: inline-block;
        width: 14px;
        height: 14px;
        margin-left: 7px;
        cursor: pointer;
    }

        .grid_mode li#grid-mode1 {
            background: url(/images/search2016/ico_mode1.png) 0 0 no-repeat;
        }

            .grid_mode li#grid-mode1.on {
                background: url(/images/search2016/ico_mode1_on.png) 0 0 no-repeat;
            }

        .grid_mode li#grid-mode2 {
            background: url(/images/search2016/ico_mode2.png) 0 0 no-repeat;
        }

            .grid_mode li#grid-mode2.on {
                background: url(/images/search2016/ico_mode2_on.png) 0 0 no-repeat;
            }

.checkbox {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(/images/ico_checkbox.gif) 0 0 no-repeat;
    vertical-align: middle;
    margin-left: 4px;
    position: relative;
    top: 1px;
    cursor: pointer;
}

    .checkbox.check_on {
        background-position: 0 -19px;
    }

.checkbox_label {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
}

.ds_row_last {
    border: 0;
}

.result_pager {
    float: right;
}

.total_num {
    display: inline-block;
    margin: 0 6px;
}

.pager {
    display: inline-block;
}

.btn_pager {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border: 1px #d3d3d3 solid;
    padding: 0 10px;
    border-radius: 3px;
    cursor: pointer;
}

    .btn_pager:hover {
        background-color: #f5f5f5;
    }

.btn_page {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border: 1px #d3d3d3 solid;
    padding: 0 9px;
    margin: 0 2px 3px 2px;
}

.btn_page1 {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 9px;
    margin: 0 2px;
}

.page_num {
    display: inline-block;
    margin: 0 6px;
}

    .page_num span {
        color: #f29600;
        margin: 0 2px;
    }


/*pop box*/
.pop_box a {
    color: #f29600;
    float: left;
    margin: 8px;
}

.pop_box {
    position: absolute;
    width: 235px;
    background-color: #fff;
    left: 48%;
    top: 200px;
    z-index: 9999;
    box-shadow: 2px 2px 6px 2px rgb(255 158 0 / 60%);
    font-size: 14px;
    display: none;
}

.pb_close {
    position: absolute;
    right: 0;
    top: 0;
    width: 37px;
    height: 37px;
    background: url(/images/ico_close.png) center center no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
}

.pb_title {
    height: 37px;
    line-height: 37px;
    text-indent: 8px;
    background-color: #f1f1f1;
    text-align: left;
}

.pb_title2 {
    background-color: #f1f1f1;
}

.pb_fold_list {
    text-align: left;
}

    .pb_fold_list li {
        padding: 10px 30px 10px 8px;
        cursor: pointer;
    }

        .pb_fold_list li.on,
        .pb_fold_list li.on:hover
        {
            background: url(/images/search2016/search_41.png) no-repeat 210px 9px #f29600;
            color: #fff;
        }

        .pb_fold_list li:hover {
            background: url(/images/search2016/search_44.png) no-repeat 210px 9px rgba(242,150,0,.5);
            color: #fff;
        }

/*18/11/29 修改    类以eb_   月底开始*/

.ed_total_num {
    /*padding-left: 10px;*/
    font-size: 14px;
    color: #777;
}

    .ed_total_num span {
        margin-right: 10px;
        font-size: 16px;
        color: #333;
    }

.eb_nav {
    height: 40px;
    line-height:1.4;
    border-top: none;
}



.eb_sort {
    border-right: none;
}

#sort {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}



/*#sort .on {
        border-bottom: 1px solid #f29600;
        padding-bottom: 11px; 
    }*/

.result_bar .lineimg {
    border-right: 1px solid #999;
    height: 16px;
    margin-top: 2px;
    margin-right: 0px;
}

.eb_sort li {
    float: none;
}

    .eb_sort li:hover, #sort li:hover, .eb_result_sort > div li:hover
    {
        color: #f29600;
        cursor: pointer;
    }

.eb_result_sort > div {
    float: left;
    height: 20px;
    text-align: center;
    position: relative;
    margin-left: 20px;
}

    .eb_result_sort > div p {
        background: url(/image/2018image/public/gd.png) no-repeat 100%;
        cursor: pointer;
    }

    .eb_result_sort > div ul.eb_sort {
        display: none;
        position: absolute;
        top: 30px;
        left: 4px;
        z-index: 1;
        width: 85px;
        text-align: center;
        padding: 0;
        background: #fff;
        box-shadow: rgba(0,0,0,0.16) 0px 1px 6px 1px;
    }

        .eb_result_sort > div ul.eb_sort li {
            margin: 0;
            line-height: 41px;
        }

    .eb_result_sort > div ul li, .eb_result_sort > div:last-child ul li:nth-child(3) {
        float: left;
        width: max-content;
        margin-right: 24px;
    }

        .eb_result_sort > div ul li:nth-child(3) {
            /*margin-right: 15px;*/
        }

.result_pager .grid_mode {
    display: inline-block;
    position: relative;
    margin-left: 0px;
    top: 5px;
    right: 9px;
}

#btn_pager_prev, #btn_pager_next, #eb_btn_page {
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
}

#btn_pager_prev, #btn_pager_next {
    padding: 0;
    width: 21px;
    vertical-align: bottom;
    border: 1px solid #dedede;
}

#btn_pager_prev {
    background: url('/image/2018image/public/qyy.png') no-repeat center;
    background-size: 30%;
}

    #btn_pager_prev:hover {
        background: url('/image/2018image/public/qyy-h.png') no-repeat center;
        background-size: 30%;
    }

#btn_pager_next {
    background: url('/image/2018image/public/xyy.png') no-repeat center;
    background-size: 30%;
}

    #btn_pager_next:hover {
        background: url('/image/2018image/public/hyy-h.png') no-repeat center;
        background-size: 30%;
    }

#eb_btn_page {
    width: 50px;
    box-sizing: border-box;
    text-align: center;
    margin: 0 3px;
    height: 22px;
    vertical-align: baseline;
    border-radius: 3px;
}

#grid-mode li {
    margin-right: 0px;
}

.eb_nav .result_pager {
    margin: 10px 10px 6px 0;
}

.recommend {
    min-width: 1186px;
    overflow: hidden;
    display: inline-flex;
}

    .recommend div {
        display: inline-block;
        width: 250px;
        height: 56px;
        margin: 10px 10px;
    }

        .recommend div a {
            display: block;
            width: 100%;
            height: 100%;
            position: relative;
        }

            .recommend div a span {
                display: table;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background: rgba(0,0,0,0.2);
            }

        .recommend div:hover a span {
            display: table;
            background: rgba(0,0,0,0.3);
        }

        .recommend div li {
            float: left;
            margin-right: 2px;
            width: 82px;
            height: 56px;
        }

            .recommend div li:last-child {
                margin-right: 0;
            }

            .recommend div li img {
                width: 100%;
                height: 100%;
            }

        .recommend div b {
            font-size: 12px;
            color: #fff;
            line-height: 1;
            width: 230px;
            margin: 0 auto;
            vertical-align: middle;
            display: table-cell;
            text-align: center;
        }