@font-face {
    font-family: 'Tiupicons';
    src:url('../../common/fonts/Tiupicons.eot');
    src:url('../../common/fonts/Tiupicons.eot?#iefix') format('embedded-opentype'),
        url('../../common/fonts/Tiupicons.ttf') format('truetype'),
        url('../../common/fonts/Tiupicons.woff') format('woff'),
        url('../../common/fonts/Tiupicons.svg#Tiupicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'Tiupicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-icon_id:before {
    content: "\e679";
}
.icon-icon_id-2:before {
    content: "\e67a";
}
.icon-icon_id-2_alt:before {
    content: "\e67b";
}
.icon-icon_id_alt:before {
    content: "\e67c";
}
.icon-icon_close_alt:before {
    content: "\e6c6";
}
.icon-icon_check_alt:before {
    content: "\e6ce";
}
.icon-icon_zoom-out_alt:before {
    content: "\e607";
}
.icon-icon_zoom-in_alt:before {
    content: "\e609";
}
.icon-icon_wallet:before {
    content: "\e60a";
}
.icon-icon_wallet_alt:before {
    content: "\e60b";
}
.icon-icon_volume-low:before {
    content: "\e60c";
}
.icon-icon_volume-low_alt:before {
    content: "\e60d";
}
.icon-icon_volume-high:before {
    content: "\e60e";
}
.icon-icon_volume-high_alt:before {
    content: "\e60f";
}
.icon-icon_vol-mute:before {
    content: "\e610";
}
.icon-icon_vol-mute_alt:before {
    content: "\e611";
}
.icon-icon_upload:before {
    content: "\e612";
}
.icon-icon_ul:before {
    content: "\e613";
}
.icon-icon_trash:before {
    content: "\e614";
}
.icon-icon_trash_alt:before {
    content: "\e615";
}
.icon-icon_tools:before {
    content: "\e616";
}
.icon-icon_toolbox:before {
    content: "\e617";
}
.icon-icon_toolbox_alt:before {
    content: "\e618";
}
.icon-icon_tool:before {
    content: "\e619";
}
.icon-icon_target:before {
    content: "\e61a";
}
.icon-icon_tags_alt:before {
    content: "\e61c";
}
.icon-icon_tag_alt:before {
    content: "\e61e";
}
.icon-icon_tablet:before {
    content: "\e61f";
}
.icon-icon_table:before {
    content: "\e620";
}
.icon-icon_stop:before {
    content: "\e621";
}
.icon-icon_stop_alt2:before {
    content: "\e622";
}
.icon-icon_stop_alt:before {
    content: "\e623";
}
.icon-icon_star:before {
    content: "\e624";
}
.icon-icon_star-half:before {
    content: "\e625";
}
.icon-icon_star-half_alt:before {
    content: "\e626";
}
.icon-icon_star_alt:before {
    content: "\e627";
}
.icon-icon_shield:before {
    content: "\e628";
}
.icon-icon_shield_alt:before {
    content: "\e629";
}
.icon-icon_search2:before {
    content: "\e62a";
}
.icon-icon_search:before {
    content: "\e62b";
}
.icon-icon_search_alt:before {
    content: "\e62c";
}
.icon-icon_rook:before {
    content: "\e62d";
}
.icon-icon_ribbon_alt:before {
    content: "\e62f";
}
.icon-icon_refresh:before {
    content: "\e630";
}
.icon-icon_quotations:before {
    content: "\e631";
}
.icon-icon_quotations_alt2:before {
    content: "\e632";
}
.icon-icon_quotations_alt:before {
    content: "\e633";
}
.icon-icon_question:before {
    content: "\e634";
}
.icon-icon_question_alt2:before {
    content: "\e635";
}
.icon-icon_question_alt:before {
    content: "\e636";
}
.icon-icon_puzzle:before {
    content: "\e637";
}
.icon-icon_puzzle_alt:before {
    content: "\e638";
}
.icon-icon_pushpin:before {
    content: "\e639";
}
.icon-icon_pushpin_alt:before {
    content: "\e63a";
}
.icon-icon_profile:before {
    content: "\e63b";
}
.icon-icon_printer:before {
    content: "\e63c";
}
.icon-icon_printer-alt:before {
    content: "\e63d";
}
.icon-icon_plus:before {
    content: "\e63e";
}
.icon-icon_plus-box:before {
    content: "\e63f";
}
.icon-icon_plus_alt2:before {
    content: "\e640";
}
.icon-icon_plus_alt:before {
    content: "\e641";
}
.icon-icon_pin:before {
    content: "\e642";
}
.icon-icon_pin_alt:before {
    content: "\e643";
}
.icon-icon_piechart:before {
    content: "\e644";
}
.icon-icon_phone:before {
    content: "\e645";
}
.icon-icon_percent:before {
    content: "\e646";
}
.icon-icon_percent_alt:before {
    content: "\e647";
}
.icon-icon_pens:before {
    content: "\e648";
}
.icon-icon_pens_alt:before {
    content: "\e649";
}
.icon-icon_pencil:before {
    content: "\e64a";
}
.icon-icon_pencil-edit:before {
    content: "\e64b";
}
.icon-icon_pencil-edit_alt:before {
    content: "\e64c";
}
.icon-icon_pencil_alt:before {
    content: "\e64d";
}
.icon-icon_pause:before {
    content: "\e64e";
}
.icon-icon_pause_alt2:before {
    content: "\e64f";
}
.icon-icon_pause_alt:before {
    content: "\e650";
}
.icon-icon_paperclip:before {
    content: "\e651";
}
.icon-icon_ol:before {
    content: "\e652";
}
.icon-icon_music:before {
    content: "\e653";
}
.icon-icon_mug:before {
    content: "\e654";
}
.icon-icon_mug_alt:before {
    content: "\e655";
}
.icon-icon_mobile:before {
    content: "\e656";
}
.icon-icon_minus-box:before {
    content: "\e657";
}
.icon-icon_minus-06:before {
    content: "\e658";
}
.icon-icon_minus_alt2:before {
    content: "\e659";
}
.icon-icon_minus_alt:before {
    content: "\e65a";
}
.icon-icon_mic:before {
    content: "\e65b";
}
.icon-icon_mic_alt:before {
    content: "\e65c";
}
.icon-icon_menu:before {
    content: "\e65d";
}
.icon-icon_menu-square_alt2:before {
    content: "\e65e";
}
.icon-icon_menu-square_alt:before {
    content: "\e65f";
}
.icon-icon_menu-circle_alt2:before {
    content: "\e660";
}
.icon-icon_menu-circle_alt:before {
    content: "\e661";
}
.icon-icon_map_alt:before {
    content: "\e663";
}
.icon-icon_mail_alt:before {
    content: "\e665";
}
.icon-icon_lock:before {
    content: "\e666";
}
.icon-icon_lock-open:before {
    content: "\e667";
}
.icon-icon_lock-open_alt:before {
    content: "\e668";
}
.icon-icon_lock_alt:before {
    content: "\e669";
}
.icon-icon_loading:before {
    content: "\e66a";
}
.icon-icon_link:before {
    content: "\e66b";
}
.icon-icon_link_alt:before {
    content: "\e66c";
}
.icon-icon_like:before {
    content: "\e66d";
}
.icon-icon_like_alt:before {
    content: "\e66e";
}
.icon-icon_lightbulb:before {
    content: "\e66f";
}
.icon-icon_lightbulb_alt:before {
    content: "\e670";
}
.icon-icon_lifesaver:before {
    content: "\e671";
}
.icon-icon_laptop:before {
    content: "\e672";
}
.icon-icon_key:before {
    content: "\e673";
}
.icon-icon_key_alt:before {
    content: "\e674";
}
.icon-icon_info_alt:before {
    content: "\e676";
}
.icon-icon_images:before {
    content: "\e677";
}
.icon-icon_image:before {
    content: "\e678";
}
.icon-icon_id:before {
    content: "\e679";
}
.icon-icon_id-2:before {
    content: "\e67a";
}
.icon-icon_id-2_alt:before {
    content: "\e67b";
}
.icon-icon_id_alt:before {
    content: "\e67c";
}
.icon-icon_house:before {
    content: "\e67d";
}
.icon-icon_house_alt:before {
    content: "\e67e";
}
.icon-icon_hourglass:before {
    content: "\e67f";
}
.icon-icon_heart:before {
    content: "\e680";
}
.icon-icon_heart_alt:before {
    content: "\e681";
}
.icon-icon_headphones:before {
    content: "\e682";
}
.icon-icon_group:before {
    content: "\e683";
}
.icon-icon_grid-3x3:before {
    content: "\e684";
}
.icon-icon_grid-2x2:before {
    content: "\e685";
}
.icon-icon_globe:before {
    content: "\e686";
}
.icon-icon_globe-2:before {
    content: "\e687";
}
.icon-icon_globe_alt:before {
    content: "\e688";
}
.icon-icon_gift_alt:before {
    content: "\e68a";
}
.icon-icon_genius:before {
    content: "\e68b";
}
.icon-icon_folder:before {
    content: "\e68c";
}
.icon-icon_folder-open:before {
    content: "\e68d";
}
.icon-icon_folder-open_alt:before {
    content: "\e68e";
}
.icon-icon_folder-alt:before {
    content: "\e68f";
}
.icon-icon_folder-add:before {
    content: "\e690";
}
.icon-icon_folder-add_alt:before {
    content: "\e691";
}
.icon-icon_folder_upload:before {
    content: "\e692";
}
.icon-icon_folder_download:before {
    content: "\e693";
}
.icon-icon_flowchart:before {
    content: "\e694";
}
.icon-icon_flowchart_alt:before {
    content: "\e695";
}
.icon-icon_floppy:before {
    content: "\e696";
}
.icon-icon_floppy_alt:before {
    content: "\e697";
}
.icon-icon_film:before {
    content: "\e698";
}
.icon-icon_error-triangle:before {
    content: "\e699";
}
.icon-icon_error-triangle_alt:before {
    content: "\e69a";
}
.icon-icon_error-oct:before {
    content: "\e69b";
}
.icon-icon_error-oct_alt:before {
    content: "\e69c";
}
.icon-icon_error-circle_alt:before {
    content: "\e69e";
}
.icon-icon_easel:before {
    content: "\e69f";
}
.icon-icon_easel_alt:before {
    content: "\e6a0";
}
.icon-icon_drive:before {
    content: "\e6a1";
}
.icon-icon_drive_alt:before {
    content: "\e6a2";
}
.icon-icon_drawer:before {
    content: "\e6a3";
}
.icon-icon_drawer_alt:before {
    content: "\e6a4";
}
.icon-icon_download:before {
    content: "\e6a5";
}
.icon-icon_documents:before {
    content: "\e6a6";
}
.icon-icon_documents_alt:before {
    content: "\e6a7";
}
.icon-icon_document_alt:before {
    content: "\e6a9";
}
.icon-icon_dislike:before {
    content: "\e6aa";
}
.icon-icon_dislike_alt:before {
    content: "\e6ab";
}
.icon-icon_desktop:before {
    content: "\e6ac";
}
.icon-icon_datareport:before {
    content: "\e6ad";
}
.icon-icon_datareport_alt:before {
    content: "\e6ae";
}
.icon-icon_cursor:before {
    content: "\e6af";
}
.icon-icon_cursor_alt:before {
    content: "\e6b0";
}
.icon-icon_currency:before {
    content: "\e6b1";
}
.icon-icon_currency_alt:before {
    content: "\e6b2";
}
.icon-icon_creditcard:before {
    content: "\e6b3";
}
.icon-icon_contacts:before {
    content: "\e6b4";
}
.icon-icon_contacts_alt:before {
    content: "\e6b5";
}
.icon-icon_cone:before {
    content: "\e6b6";
}
.icon-icon_cone_alt:before {
    content: "\e6b7";
}
.icon-icon_compass:before {
    content: "\e6b8";
}
.icon-icon_compass_alt:before {
    content: "\e6b9";
}
.icon-icon_comment:before {
    content: "\e6ba";
}
.icon-icon_comment_alt:before {
    content: "\e6bb";
}
.icon-icon_cogs:before {
    content: "\e6bc";
}
.icon-icon_cog:before {
    content: "\e6bd";
}
.icon-icon_cloud:before {
    content: "\e6be";
}
.icon-icon_cloud-upload:before {
    content: "\e6bf";
}
.icon-icon_cloud-upload_alt:before {
    content: "\e6c0";
}
.icon-icon_cloud-download:before {
    content: "\e6c1";
}
.icon-icon_cloud-download_alt:before {
    content: "\e6c2";
}
.icon-icon_cloud_alt:before {
    content: "\e6c3";
}
.icon-icon_close:before {
    content: "\e6c4";
}
.icon-icon_close_alt2:before {
    content: "\e6c5";
}
.icon-icon_close_alt:before {
    content: "\e6c6";
}
.icon-icon_clock:before {
    content: "\e6c7";
}
.icon-icon_clock_alt:before {
    content: "\e6c8";
}
.icon-icon_clipboard:before {
    content: "\e6c9";
}
.icon-icon_circle-slelected:before {
    content: "\e6ca";
}
.icon-icon_circle-empty:before {
    content: "\e6cb";
}
.icon-icon_check:before {
    content: "\e6cc";
}
.icon-icon_check_alt2:before {
    content: "\e6cd";
}
.icon-icon_check_alt:before {
    content: "\e6ce";
}
.icon-icon_chat:before {
    content: "\e6cf";
}
.icon-icon_chat_alt:before {
    content: "\e6d0";
}
.icon-icon_cart:before {
    content: "\e6d1";
}
.icon-icon_cart_alt:before {
    content: "\e6d2";
}
.icon-icon_camera:before {
    content: "\e6d3";
}
.icon-icon_camera_alt:before {
    content: "\e6d4";
}
.icon-icon_calulator:before {
    content: "\e6d5";
}
.icon-icon_calendar:before {
    content: "\e6d6";
}
.icon-icon_calculator_alt:before {
    content: "\e6d7";
}
.icon-icon_building:before {
    content: "\e6d8";
}
.icon-icon_building_alt:before {
    content: "\e6d9";
}
.icon-icon_briefcase:before {
    content: "\e6da";
}
.icon-icon_briefcase_alt:before {
    content: "\e6db";
}
.icon-icon_box-selected:before {
    content: "\e6dc";
}
.icon-icon_box-empty:before {
    content: "\e6dd";
}
.icon-icon_box-checked:before {
    content: "\e6de";
}
.icon-icon_book:before {
    content: "\e6df";
}
.icon-icon_book_alt:before {
    content: "\e6e0";
}
.icon-icon_blocked:before {
    content: "\e6e1";
}
.icon-icon_balance:before {
    content: "\e6e2";
}
.icon-icon_bag:before {
    content: "\e6e3";
}
.icon-icon_bag_alt:before {
    content: "\e6e4";
}
.icon-icon_archive:before {
    content: "\e6e5";
}
.icon-icon_archive_alt:before {
    content: "\e6e6";
}
.icon-icon_adjust-vert:before {
    content: "\e6e7";
}
.icon-icon_adjust-horiz:before {
    content: "\e6e8";
}
.icon-arrow-up-down:before {
    content: "\e6e9";
}
.icon-arrow_up:before {
    content: "\e6ea";
}
.icon-arrow_up-down_alt:before {
    content: "\e6eb";
}
.icon-arrow_up_alt:before {
    content: "\e6ec";
}
.icon-arrow_triangle-up:before {
    content: "\e6ed";
}
.icon-arrow_triangle-up_alt2:before {
    content: "\e6ee";
}
.icon-arrow_triangle-up_alt:before {
    content: "\e6ef";
}
.icon-arrow_triangle-right:before {
    content: "\e6f0";
}
.icon-arrow_triangle-right_alt2:before {
    content: "\e6f1";
}
.icon-arrow_triangle-right_alt:before {
    content: "\e6f2";
}
.icon-arrow_triangle-left:before {
    content: "\e6f3";
}
.icon-arrow_triangle-left_alt2:before {
    content: "\e6f4";
}
.icon-arrow_triangle-left_alt:before {
    content: "\e6f5";
}
.icon-arrow_triangle-down:before {
    content: "\e6f6";
}
.icon-arrow_triangle-down_alt2:before {
    content: "\e6f7";
}
.icon-arrow_triangle-down_alt:before {
    content: "\e6f8";
}
.icon-arrow_right:before {
    content: "\e6f9";
}
.icon-arrow_right-up:before {
    content: "\e6fa";
}
.icon-arrow_right-up_alt:before {
    content: "\e6fb";
}
.icon-arrow_right-down:before {
    content: "\e6fc";
}
.icon-arrow_right-down_alt:before {
    content: "\e6fd";
}
.icon-arrow_right_alt:before {
    content: "\e6fe";
}
.icon-arrow_move:before {
    content: "\e6ff";
}
.icon-arrow_left:before {
    content: "\e700";
}
.icon-arrow_left-up:before {
    content: "\e701";
}
.icon-arrow_left-up_alt:before {
    content: "\e702";
}
.icon-arrow_left-right:before {
    content: "\e703";
}
.icon-arrow_left-right_alt:before {
    content: "\e704";
}
.icon-arrow_left-down:before {
    content: "\e705";
}
.icon-arrow_left-down_alt:before {
    content: "\e706";
}
.icon-arrow_left_alt:before {
    content: "\e707";
}
.icon-arrow_expand:before {
    content: "\e708";
}
.icon-arrow_expand_alt3:before {
    content: "\e709";
}
.icon-arrow_expand_alt2:before {
    content: "\e70a";
}
.icon-arrow_expand_alt:before {
    content: "\e70b";
}
.icon-arrow_down:before {
    content: "\e70c";
}
.icon-arrow_down_alt:before {
    content: "\e70d";
}
.icon-arrow_condense:before {
    content: "\e70e";
}
.icon-arrow_condense_alt:before {
    content: "\e70f";
}
.icon-arrow_carrot-up:before {
    content: "\e710";
}
.icon-arrow_carrot-up_alt2:before {
    content: "\e711";
}
.icon-arrow_carrot-right:before {
    content: "\e712";
}
.icon-arrow_carrot-right_alt2:before {
    content: "\e713";
}
.icon-arrow_carrot-right_alt:before {
    content: "\e714";
}
.icon-arrow_carrot-left:before {
    content: "\e715";
}
.icon-arrow_carrot-left_alt2:before {
    content: "\e716";
}
.icon-arrow_carrot-left_alt:before {
    content: "\e717";
}
.icon-arrow_carrot-down:before {
    content: "\e718";
}
.icon-arrow_carrot-down_alt2:before {
    content: "\e719";
}
.icon-arrow_carrot-down_alt:before {
    content: "\e71a";
}
.icon-arrow_carrot-2up:before {
    content: "\e71b";
}
.icon-arrow_carrot-2up_alt2:before {
    content: "\e71c";
}
.icon-arrow_carrot-2up_alt:before {
    content: "\e71d";
}
.icon-arrow_carrot-2right:before {
    content: "\e71e";
}
.icon-arrow_carrot-2right_alt2:before {
    content: "\e71f";
}
.icon-arrow_carrot-2right_alt:before {
    content: "\e720";
}
.icon-arrow_carrot-2left:before {
    content: "\e721";
}
.icon-arrow_carrot-2left_alt2:before {
    content: "\e722";
}
.icon-arrow_carrot-2left_alt:before {
    content: "\e723";
}
.icon-arrow_carrot-2dwnn_alt:before {
    content: "\e724";
}
.icon-arrow_carrot-2down:before {
    content: "\e725";
}
.icon-arrow_carrot-2down_alt2:before {
    content: "\e726";
}
.icon-arrow_carrot_up_alt:before {
    content: "\e727";
}
.icon-arrow_back:before {
    content: "\e728";
}
.icon-icon_zoom-out:before {
    content: "\e606";
}
.icon-icon_zoom-in:before {
    content: "\e608";
}
.icon-icon_tags:before {
    content: "\e61b";
}
.icon-icon_tag:before {
    content: "\e61d";
}
.icon-icon_ribbon:before {
    content: "\e62e";
}
.icon-icon_mail:before {
    content: "\e664";
}
.icon-icon_map:before {
    content: "\e662";
}
.icon-icon_info:before {
    content: "\e675";
}
.icon-icon_gift:before {
    content: "\e689";
}
.icon-icon_error-circle:before {
    content: "\e69d";
}
.icon-icon_document:before {
    content: "\e6a8";
}
.icon-icon_book:before {
    content: "\e600";
}
.icon-icon_book2:before {
    content: "\e601";
}
.icon-icon_cer:before {
    content: "\e602";
}
.icon-icon_chemistry:before {
    content: "\e603";
}
.icon-icon_map:before {
    content: "\e604";
}
.icon-icon_history:before {
    content: "\e605";
}
.icon-icon_graduate:before {
    content: "\e729";
}
.icon-icon_foreign:before {
    content: "\e72a";
}
.icon-icon_earth:before {
    content: "\e72b";
}
.icon-icon_art:before {
    content: "\e72c";
}
.icon-icon_teach:before {
    content: "\e72d";
}
.icon-icon_study:before {
    content: "\e72e";
}
.icon-icon_sreen:before {
    content: "\e72f";
}
.icon-icon_sports:before {
    content: "\e730";
}
.icon-icon_space:before {
    content: "\e731";
}
.icon-icon_pen:before {
    content: "\e732";
}
.icon-icon_micro:before {
    content: "\e733";
}
.icon-icon_music:before {
    content: "\e734";
}
.icon-icon_maths:before {
    content: "\e735";
}
.icon-icon_board:before {
    content: "\e736";
}
.icon-icon_bio:before {
    content: "\e737";
}
.icon-icon_curves:before {
    content: "\e738";
}
.icon-glass2:before {
    content: "\eb38";
}
.icon-music4:before {
    content: "\eb39";
}
.icon-search4:before {
    content: "\eb3a";
}
.icon-envelope4:before {
    content: "\eb3b";
}
.icon-heart8:before {
    content: "\eb3c";
}
.icon-star6:before {
    content: "\eb3d";
}
.icon-star-empty:before {
    content: "\eb3e";
}
.icon-user8:before {
    content: "\eb3f";
}
.icon-film5:before {
    content: "\eb40";
}
.icon-th-large:before {
    content: "\eb41";
}
.icon-th:before {
    content: "\eb42";
}
.icon-th-list:before {
    content: "\eb43";
}
.icon-ok:before {
    content: "\eb44";
}
.icon-remove3:before {
    content: "\eb45";
}
.icon-zoom-in4:before {
    content: "\eb46";
}
.icon-zoom-out4:before {
    content: "\eb47";
}
.icon-off:before {
    content: "\eb48";
}
.icon-signal:before {
    content: "\eb49";
}
.icon-cog5:before {
    content: "\eb4a";
}
.icon-trash2:before {
    content: "\eb4b";
}
.icon-home5:before {
    content: "\eb4c";
}
.icon-file9:before {
    content: "\eb4d";
}
.icon-time3:before {
    content: "\eb4e";
}
.icon-road2:before {
    content: "\eb4f";
}
.icon-download-alt:before {
    content: "\eb50";
}
.icon-download8:before {
    content: "\eb51";
}
.icon-upload6:before {
    content: "\eb52";
}
.icon-inbox3:before {
    content: "\eb53";
}
.icon-play-circle:before {
    content: "\eb54";
}
.icon-repeat:before {
    content: "\eb55";
}
.icon-refresh2:before {
    content: "\eb56";
}
.icon-list-alt:before {
    content: "\eb57";
}
.icon-lock5:before {
    content: "\eb58";
}
.icon-flag3:before {
    content: "\eb59";
}
.icon-headphones3:before {
    content: "\eb5a";
}
.icon-volume-off:before {
    content: "\eb5b";
}
.icon-volume-down:before {
    content: "\eb5c";
}
.icon-volume-up:before {
    content: "\eb5d";
}
.icon-qrcode2:before {
    content: "\eb5e";
}
.icon-barcode4:before {
    content: "\eb5f";
}
.icon-tag6:before {
    content: "\eb60";
}
.icon-tags3:before {
    content: "\eb61";
}
.icon-book6:before {
    content: "\eb62";
}
.icon-bookmark5:before {
    content: "\eb63";
}
.icon-print2:before {
    content: "\eb64";
}
.icon-camera8:before {
    content: "\eb65";
}
.icon-picture2:before {
    content: "\eb73";
}
.icon-pencil5:before {
    content: "\eb74";
}
.icon-map-marker2:before {
    content: "\eb75";
}
.icon-adjust:before {
    content: "\eb76";
}
.icon-tint:before {
    content: "\eb77";
}
.icon-edit2:before {
    content: "\eb78";
}
.icon-share3:before {
    content: "\eb79";
}
.icon-check:before {
    content: "\eb7a";
}
.icon-move:before {
    content: "\eb7b";
}
.icon-plus-sign:before {
    content: "\eb88";
}
.icon-minus-sign:before {
    content: "\eb89";
}
.icon-remove-sign:before {
    content: "\eb8a";
}
.icon-ok-sign:before {
    content: "\eb8b";
}
.icon-screenshot:before {
    content: "\eb8e";
}
.icon-remove-circle:before {
    content: "\eb8f";
}
.icon-ok-circle:before {
    content: "\eb90";
}
.icon-ban-circle:before {
    content: "\eb91";
}
.icon-resize-full:before {
    content: "\eb97";
}
.icon-resize-small:before {
    content: "\eb98";
}
.icon-plus4:before {
    content: "\eb99";
}
.icon-minus5:before {
    content: "\eb9a";
}
.icon-asterisk:before {
    content: "\eb9b";
}
.icon-exclamation-sign:before {
    content: "\eb9c";
}
.icon-leaf2:before {
    content: "\eb9e";
}
.icon-fire3:before {
    content: "\eb9f";
}
.icon-eye-open:before {
    content: "\eba0";
}
.icon-eye-close:before {
    content: "\eba1";
}
.icon-warning-sign:before {
    content: "\eba2";
}
.icon-plane2:before {
    content: "\eba3";
}
.icon-calendar8:before {
    content: "\eba4";
}
.icon-random:before {
    content: "\eba5";
}
.icon-comment2:before {
    content: "\eba6";
}
.icon-magnet3:before {
    content: "\eba7";
}
.icon-chevron-up:before {
    content: "\eba8";
}
.icon-chevron-down:before {
    content: "\eba9";
}
.icon-retweet2:before {
    content: "\ebaa";
}
.icon-shopping-cart:before {
    content: "\ebab";
}
.icon-folder-close:before {
    content: "\ebac";
}
.icon-folder-open2:before {
    content: "\ebad";
}
.icon-resize-vertical:before {
    content: "\ebae";
}
.icon-resize-horizontal:before {
    content: "\ebaf";
}
.icon-bar-chart:before {
    content: "\ebb0";
}
.icon-camera-retro:before {
    content: "\ebb3";
}
.icon-key5:before {
    content: "\ebb4";
}
.icon-cogs3:before {
    content: "\ebb5";
}
.icon-comments2:before {
    content: "\ebb6";
}
.icon-thumbs-up3:before {
    content: "\ebb7";
}
.icon-thumbs-down:before {
    content: "\ebb8";
}
.icon-star-half:before {
    content: "\ebb9";
}
.icon-heart-empty:before {
    content: "\ebba";
}
.icon-signout:before {
    content: "\ebbb";
}
.icon-pushpin2:before {
    content: "\ebbd";
}
.icon-external-link:before {
    content: "\ebbe";
}
.icon-signin:before {
    content: "\ebbf";
}
.icon-trophy2:before {
    content: "\ebc0";
}
.icon-upload-alt:before {
    content: "\ebc2";
}
.icon-lemon:before {
    content: "\ebc3";
}
.icon-phone7:before {
    content: "\ebc4";
}
.icon-check-empty:before {
    content: "\ebc5";
}
.icon-bookmark-empty:before {
    content: "\ebc6";
}
.icon-phone-sign:before {
    content: "\ebc7";
}
.icon-unlock:before {
    content: "\ebcb";
}
.icon-credit2:before {
    content: "\ebcc";
}
.icon-rss:before {
    content: "\ebcd";
}
.icon-hdd:before {
    content: "\ebce";
}
.icon-bullhorn3:before {
    content: "\ebcf";
}
.icon-bell2:before {
    content: "\ebd0";
}
.icon-certificate:before {
    content: "\ebd1";
}
.icon-hand-right:before {
    content: "\ebd2";
}
.icon-hand-left:before {
    content: "\ebd3";
}
.icon-hand-up:before {
    content: "\ebd4";
}
.icon-hand-down:before {
    content: "\ebd5";
}
.icon-circle-arrow-left:before {
    content: "\ebd6";
}
.icon-circle-arrow-right:before {
    content: "\ebd7";
}
.icon-circle-arrow-up:before {
    content: "\ebd8";
}
.icon-circle-arrow-down:before {
    content: "\ebd9";
}
.icon-globe4:before {
    content: "\ebda";
}
.icon-wrench2:before {
    content: "\ebdb";
}
.icon-tasks:before {
    content: "\ebdc";
}
.icon-filter3:before {
    content: "\ebdd";
}
.icon-briefcase2:before {
    content: "\ebde";
}
.icon-fullscreen:before {
    content: "\ebdf";
}
.icon-group:before {
    content: "\ebe0";
}
.icon-link4:before {
    content: "\ebe1";
}
.icon-cloud10:before {
    content: "\ebe2";
}
.icon-beaker:before {
    content: "\ebe3";
}
.icon-cut:before {
    content: "\ebe4";
}
.icon-copy4:before {
    content: "\ebe5";
}
.icon-paper-clip:before {
    content: "\ebe6";
}
.icon-save:before {
    content: "\ebe7";
}
.icon-sign-blank:before {
    content: "\ebe8";
}
.icon-reorder:before {
    content: "\ebe9";
}
.icon-list-ul:before {
    content: "\ebea";
}
.icon-list-ol:before {
    content: "\ebeb";
}
.icon-strikethrough2:before {
    content: "\ebec";
}
.icon-underline2:before {
    content: "\ebed";
}
.icon-table3:before {
    content: "\ebee";
}
.icon-magic:before {
    content: "\ebef";
}
.icon-truck4:before {
    content: "\ebf0";
}
.icon-google-plus5:before {
    content: "\ebf4";
}
.icon-money:before {
    content: "\ebf5";
}
.icon-caret-up:before {
    content: "\ebf7";
}
.icon-caret-left:before {
    content: "\ebf8";
}
.icon-caret-right:before {
    content: "\ebf9";
}
.icon-columns:before {
    content: "\ebfa";
}
.icon-sort:before {
    content: "\ebfb";
}
.icon-sort-down:before {
    content: "\ebfc";
}
.icon-sort-up:before {
    content: "\ebfd";
}
.icon-undo3:before {
    content: "\ec00";
}
.icon-legal:before {
    content: "\ec01";
}
.icon-dashboard2:before {
    content: "\ec02";
}
.icon-comment-alt:before {
    content: "\ec03";
}
.icon-comments-alt:before {
    content: "\ec04";
}
.icon-bolt2:before {
    content: "\ec05";
}
.icon-sitemap:before {
    content: "\ec06";
}
.icon-umbrella2:before {
    content: "\ec07";
}
.icon-paste4:before {
    content: "\ec08";
}
.icon-lightbulb:before {
    content: "\ec09";
}
.icon-exchange:before {
    content: "\ec0a";
}
.icon-user-md:before {
    content: "\ec0d";
}
.icon-stethoscope:before {
    content: "\ec0e";
}
.icon-suitcase4:before {
    content: "\ec0f";
}
.icon-bell-alt:before {
    content: "\ec10";
}
.icon-coffee3:before {
    content: "\ec11";
}
.icon-food3:before {
    content: "\ec12";
}
.icon-file-alt:before {
    content: "\ec13";
}
.icon-building:before {
    content: "\ec14";
}
.icon-hospital:before {
    content: "\ec15";
}
.icon-ambulance:before {
    content: "\ec16";
}
.icon-medkit:before {
    content: "\ec17";
}
.icon-fighter-jet:before {
    content: "\ec18";
}
.icon-beer:before {
    content: "\ec19";
}
.icon-h-sign:before {
    content: "\ec1a";
}
.icon-plus-sign2:before {
    content: "\ec1b";
}
.icon-double-angle-left:before {
    content: "\ec1c";
}
.icon-double-angle-right:before {
    content: "\ec1d";
}
.icon-double-angle-up:before {
    content: "\ec1e";
}
.icon-double-angle-down:before {
    content: "\ec1f";
}
.icon-angle-left:before {
    content: "\ec20";
}
.icon-angle-right:before {
    content: "\ec21";
}
.icon-angle-up:before {
    content: "\ec22";
}
.icon-angle-down:before {
    content: "\ec23";
}
.icon-desktop:before {
    content: "\ec24";
}
.icon-laptop3:before {
    content: "\ec25";
}
.icon-tablet4:before {
    content: "\ec26";
}
.icon-mobile3:before {
    content: "\ec27";
}
.icon-circle-blank:before {
    content: "\ec28";
}
.icon-quote-left:before {
    content: "\ec29";
}
.icon-quote-right:before {
    content: "\ec2a";
}
.icon-spinner7:before {
    content: "\ec2b";
}
.icon-circle2:before {
    content: "\ec2c";
}
.icon-reply3:before {
    content: "\ec2d";
}
.icon-folder-close-alt:before {
    content: "\ec2f";
}
.icon-folder-open-alt:before {
    content: "\ec30";
}
.icon-expand-alt:before {
    content: "\ec31";
}
.icon-collapse-alt:before {
    content: "\ec32";
}
.icon-gamepad2:before {
    content: "\ec36";
}
.icon-keyboard4:before {
    content: "\ec37";
}
.icon-flag-alt:before {
    content: "\ec38";
}
.icon-flag-checkered:before {
    content: "\ec39";
}
.icon-terminal:before {
    content: "\ec3a";
}
.icon-code2:before {
    content: "\ec3b";
}
.icon-reply-all:before {
    content: "\ec3c";
}
.icon-star-half-full:before {
    content: "\ec3d";
}
.icon-location-arrow:before {
    content: "\ec3e";
}
.icon-crop4:before {
    content: "\ec3f";
}
.icon-code-fork:before {
    content: "\ec40";
}
.icon-unlink:before {
    content: "\ec41";
}
.icon-eraser:before {
    content: "\ec47";
}
.icon-puzzle:before {
    content: "\ec48";
}
.icon-microphone6:before {
    content: "\ec49";
}
.icon-microphone-off2:before {
    content: "\ec4a";
}
.icon-shield2:before {
    content: "\ec4b";
}
.icon-calendar-empty:before {
    content: "\ec4c";
}
.icon-fire-extinguisher:before {
    content: "\ec4d";
}
.icon-maxcdn:before {
    content: "\ec4f";
}
.icon-chevron-sign-left:before {
    content: "\ec50";
}
.icon-chevron-sign-right:before {
    content: "\ec51";
}
.icon-chevron-sign-up:before {
    content: "\ec52";
}
.icon-chevron-sign-down:before {
    content: "\ec53";
}
.icon-html53:before {
    content: "\ec54";
}
.icon-css32:before {
    content: "\ec55";
}
.icon-anchor2:before {
    content: "\ec56";
}
.icon-unlock-alt:before {
    content: "\ec57";
}
.icon-bullseye:before {
    content: "\ec58";
}
.icon-ellipsis-horizontal:before {
    content: "\ec59";
}
.icon-ellipsis-vertical:before {
    content: "\ec5a";
}
.icon-play-sign:before {
    content: "\ec5c";
}
.icon-ticket5:before {
    content: "\ec5d";
}
.icon-minus-sign-alt:before {
    content: "\ec5e";
}
.icon-check-minus:before {
    content: "\ec5f";
}
.icon-level-up:before {
    content: "\ec60";
}
.icon-level-down:before {
    content: "\ec61";
}
.icon-check-sign:before {
    content: "\ec62";
}
.icon-edit-sign:before {
    content: "\ec63";
}
.icon-external-link-sign:before {
    content: "\ec64";
}
.icon-share-sign:before {
    content: "\ec65";
}
.icon-compass4:before {
    content: "\ec66";
}
.icon-collapse2:before {
    content: "\ec67";
}
.icon-collapse-top:before {
    content: "\ec68";
}
.icon-expand4:before {
    content: "\ec69";
}
.icon-euro:before {
    content: "\ec6a";
}
.icon-gbp:before {
    content: "\ec6b";
}
.icon-file10:before {
    content: "\ec72";
}
.icon-file-text:before {
    content: "\ec73";
}
.icon-sort-by-alphabet:before {
    content: "\ec74";
}
.icon-sort-by-alphabet-alt:before {
    content: "\ec75";
}
.icon-sort-by-attributes:before {
    content: "\ec76";
}
.icon-sort-by-attributes-alt:before {
    content: "\ec77";
}
.icon-sort-by-order:before {
    content: "\ec78";
}
.icon-sort-by-order-alt:before {
    content: "\ec79";
}
.icon-thumbs-up4:before {
    content: "\ec7a";
}
.icon-thumbs-down2:before {
    content: "\ec7b";
}
.icon-stackexchange:before {
    content: "\ec82";
}
.icon-long-arrow-down:before {
    content: "\ec8a";
}
.icon-long-arrow-up:before {
    content: "\ec8b";
}
.icon-long-arrow-left:before {
    content: "\ec8c";
}
.icon-long-arrow-right:before {
    content: "\ec8d";
}
.icon-foursquare3:before {
    content: "\ec94";
}
.icon-trello:before {
    content: "\ec95";
}
.icon-female2:before {
    content: "\ec96";
}
.icon-male2:before {
    content: "\ec97";
}
.icon-gittip:before {
    content: "\ec98";
}
.icon-sun6:before {
    content: "\ec99";
}
.icon-moon4:before {
    content: "\ec9a";
}
.icon-archive3:before {
    content: "\ec9b";
}
.icon-bug2:before {
    content: "\ec9c";
}
.icon-weibo:before {
    content: "\ec9e";
}
.icon-caret-down:before {
    content: "\ebf6";
}
.icon-paperplane:before {
    content: "\e934";
}
.icon-aid:before {
    content: "\ea08";
}
.icon-expand2:before {
    content: "\e9f7";
}
.icon-library2:before {
    content: "\e996";
}
.icon-folder3:before {
    content: "\e9a3";
}
.icon-folder-open:before {
    content: "\e9a4";
}


.print_box {margin:0 auto;  margin-bottom: 20px; background: url(../imgs/p5_1.png) no-repeat top center; padding-top: 45px; width:486px; height:200px;background-size: 100%;}
.print_box p { width: 380px; margin: 0 auto; }
.print-info { width:500px; margin:0 auto; text-align: left; font-size:14px; }
.print-info .pd-l-tab { padding-left: 33px; }
@media (max-width: 768px){
    .print_box { width: 300px; background: url(../imgs/p5_1_sm.png) no-repeat top center; padding-top: 28px; height: 220px !important; }
    .print_box p { width: 228px; }
    .print_box h2 { font-size: 24px; line-height: 30px;}
    .print-info { width: 300px; }
    .print-info .print-sel { font-size: 22px; }
    .print-info .pd-l-tab { padding-left: 0; }
}
/* BOXY */
/*---alert 809---*/
.a-btn,a-btn:hover,a-btn:focus {text-decoration: none !important;}
.c-pop{ min-width:424px; overflow:hidden;font-family: "Microsoft YaHei"; }
@media (max-width: 768px) { .c-pop{ min-width:300px; } }
.c-pop-box{ background-color: white; border: 1px solid #b5b5b5;
box-shadow: 2.5px 5px 12px 0px rgba(0,1,1,.5);
border-radius: 5px;}

.c-pop .hd{
clear: both;
position: relative;
/*height: 57px;*/
/*line-height: 56px;*/
padding: 0 0 0 35px;
font-size: 16px;
border-bottom: 1px solid #e5e5e5;
/*overflow:hidden; */
/*overflow-x: hidden;*/
zoom:1; 
}

.c-pop .hd h2{ margin: 0; font-size: 16px; line-height: 46px;font-family: "Microsoft YaHei";}
.c-pop .hd .closed{ 
position: absolute;
top: 5px;
right: 16px;
width: 10px;
height: 10px;
color: #333;
opacity: 1;
}
.c-pop .hd .closed:hover, .c-pop .hd .closed:focus{
  opacity: 1;
}

/*---confirm---*/
.c-confirm .con{ padding: 0 20px; min-height:92px; line-height:92px; font-size: 16px; text-align:center;}
.c-pop .btn-wrap{ height: 40px; position:relative; clear:both; padding:10px 10px 0px 0; border-top:1px solid #eaede5; font-size:0; text-align:right; background-color:#fbfbfa;/* 为什么删除这个颜色？ */}
.c-pop .btn-wrap input{ margin-left:10px;}
.c-pop .btn-wrap a{ margin-left:10px;}
.c-pop .btn-delete{ display:inline-block; width:58px; height:24px; font:12px/2 SimSun; color:#ffffff; text-decoration:none; text-align:center; background:url(../img/index/btn-delete.png) no-repeat 0 0;}
.c-pop .btn-confirm{ display:inline-block; width:58px; height:24px; font:12px/2 SimSun; color:#ffffff; text-decoration:none; text-align:center; background:url(../img/index/btn-confirm.png) no-repeat 0 0;}
.c-pop .btn-confirm:hover{ background:url(../img/index/btn-confirm-hover.png) no-repeat 0 0;}
.c-pop .all_reader_btn{ float:left; width:70px;height:20px;font:12px/1.5 Helvetica,​ Arial,​ 宋体b8b\4f53, sans-serif; border:1px solid #738256; color:#738256; text-align:center; line-height:20px; text-decoration:none;}
.c-pop .all_reader_btn:hover{ background-color:#738256; color:#e3cd86;}
.c-pop .btn-cancel{ display:inline-block; width:58px; height:24px; font:12px/2 SimSun; color:#666666; text-decoration:none; text-align:center; background:url(../img/index/btn-cancel.png) no-repeat 0 0;}
.c-pop .btn-app{ display:inline-block; width:78px; height:24px; font:12px/2 SimSun; color:#ffffff; text-decoration:none; text-align:center; background:url(../img/index/btn-app.png) no-repeat 0 0;}

/* CSS Document */
.boxy-wrapper{position:absolute;}
.boxy-wrapper.fixed{position:fixed;}
/* Modal */ 
.boxy-modal-blackout{position:absolute; background-color:black; left:0; top:0;} 
/* Border */
.boxy-wrapper{empty-cells:show;}
.boxy-wrapper .title-bar.dragging{cursor:move;}
.boxy-inner{background-color:white; padding:0}

.boxy-btn1, .boxy-btn2,.boxy-btn3{color:#fff; font-family: "Microsoft YaHei"; cursor: pointer; border: 0; margin-left: 0;}
.boxy-btn1,.boxy-btn3:last-child{
    float:right;
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    color: #ffffff;
    background-color: #D75757;
    border-color: #891524;
}

.boxy-btn1:hover, .boxy-btn3:first-child:hover{
    color: #ffffff;
    background-color: #891524;
    border-color: #891524;
}
.boxy-btn2,.boxy-btn3:last-child{
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}
.boxy-btn2:hover, .boxy-btn3:last-child:hover{
    color: #333333;
    background-color: #ebebeb;
    border-color: #adadad;
};

/*Common*/
.mb0 {margin-bottom: 0px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb11 {margin-bottom: 11px !important;}
.mb16 {margin-bottom: 16px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb32 {margin-bottom: 32px !important;}
.ml-30 {margin-left: -30px !important;}
.ml0 {margin-left: 0px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml30 {margin-left: 30px !important;}
.ml50 {margin-left: 50px !important;}
.mr10 {margin-right: 10px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mr45 {margin-right: 45px !important;}
.mr60 {margin-right: 60px !important;}
.mr70 {margin-right: 70px !important;}
.mr75 {margin-right: 75px !important;}
.mt-100 {margin-top: -100px !important;}
.mt-70 {margin-top: -70px !important;}
.mt-40 {margin-top: -40px !important;}
.mt-10 {margin-top: -10px !important;}
.mt-6 {margin-top: -6px !important;}
.mt6 {margin-top: 6px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt32 {margin-top: 32px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 30px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt118 {margin-top: 118px !important;}
.pb12 {padding-bottom: 12px !important;}
.pb16 {padding-bottom: 16px !important;}
.pl35 {padding-left: 35px !important;}
.pl40 {padding-left: 40px !important;}
.pl45 {padding-left: 45px !important;}
.pl55 {padding-left: 55px !important;}
.pr35 {padding-right: 35px !important;}
.pr45 {padding-right: 45px !important;}
.pt5 {padding-top: 5px !important;}
.pt6 {padding-top: 6px !important;}
.pt9 {padding-top: 9px !important;}
.pt10 {padding-top: 10px !important;}
.pt12 {padding-top: 12px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt43 {padding-top: 43px !important;}
.pt45 {padding-top: 45px !important;}
.pt55 {padding-top: 55px !important;}
.pt60 {padding-top: 60px !important;}
.h180 { height: 180px; }
.ta-left {text-align: left !important;}
.block {display: block !important;}
.bold {font-weight: bold !important;}
.bcolor-eee {background-color: #eee !important;}
.font-size-14 {font-size: 14px !important;}
.font-size-12 {font-size: 12px !important;}
.font-size-10 {font-size: 10px !important;}
.h700 {height: 700px !important;}
.w350 {width: 350px !important;}
.w62 {width: 62px !important;}
.w940 {width: 940px !important;}
.min-w940 {min-width: 940px !important;}
.hide {visibility: hidden;}
.float_none {float: none;}
.font-yahei {font-family: "Microsoft YaHei" !important;}
.color-obvious {color: #3475B7 !important;}
.color-red {color:#F00 !important;}
.color-blue {color:#456EEF !important;}
.color-white {color: #fff !important;}
.color-333{color: #333 !important;}
.color-999{color: #999 !important;}
.color-eb8389{color: #eb8389 !important;}
.bcolor-gray1{background-color: #D9D9D9 !important;}
.bcolor-gray2 {background-color: #C8C8C8 !important;}
.bcolor-gray3 {background-color: #BFBFBF !important;}
.bcolor-gray4 {background-color: #ABABAB !important;}
.pull-right{float: right !important;}
.pull-left{float: left !important;}
.pull-middle{margin: 0 auto !important;}
.text-indent-10{text-indent: 10em !important;}
.text-indent-11{text-indent: 11em !important;}
.line-through {text-decoration: line-through !important;}
.inline-block {display: inline-block !important;}
.bigger {font-size: 18px !important;}
.txt-center { text-align: center; }
.bd-right { border-right: 1px solid #ccc; }
.bd-bottom { border-bottom: 1px solid #ccc; }
/*运营商选号基本布局*/
.operator-container {width: 940px; margin: 0 auto;}
/*提示插件*/
.tooltips{color: #333;font-size: 14px;text-align: left; text-indent: 0; padding: 5px 5px 5px 15px; border-width: 1px; border-style: solid; position: absolute; display: none; border-radius: 3px; opacity: 0; filter:alpha( opacity = 0) ; z-index: 999;width: 170px;}
.tooltips p .content{ padding:1px;text-align: left;}
.tooltips .triangle-front,.tooltips .triangle-back{ width: 0; height: 0; overflow: hidden; border-width: 8px; border-style: solid; position: absolute; border-color: transparent ; top: 50%; left: 0; margin-left: -8px;}
.tooltips .triangle-back{ margin-left: -7px;}
.white{ border-color: #666; background-color: #fff;width:240px;}
.white .triangle-front{ border-top-color: #666;}
.white .triangle-back{ border-top-color: #fff;}
.yellow{ border-color: #c7c08d; background-color: #fffac3;}
.yellow .triangle-front{ border-top-color: #c7c08d;}
.yellow .triangle-back{ border-top-color: #fffac3;}
/*运营商展示*/
.index-head-title {color: #666;line-height: 28px; font-family: "Microsoft YaHei"; font-size: 28px;font-weight: normal;text-align: center;}
.operator-table{ width: 880px;border-collapse: collapse;}
.operator-table colgroup .title-col{width: 160px;text-align: left;}
.operator-table colgroup .cmcc-col{width: 240px;text-align: left;}
.operator-table colgroup .cmcc-col:hover{cursor: pointer;border:1px #666 solid;border-radius: 4px;}
.operator-table colgroup .cucc-col{width: 240px;text-align: left;}
.operator-table colgroup .cucc-col:hover{cursor: pointer;border:1px #666 solid;border-radius: 4px;}
.operator-table colgroup .ctcc-col{width: 240px;text-align: left;}
.operator-table colgroup .ctcc-col:hover{cursor: pointer;border:1px #666 solid;border-radius: 4px;}
.operator-table tbody td{font-size: 14px;vertical-align: middle;padding: 0px;height: 108px;}
.operator-table tbody tr:nth-child(2n+1){background-color: #ddd;}
.operator-table ul{margin: 0px;margin-top: 12px;text-align: left;padding-right: 34px;padding-left: 41px;}
.operator-table .dark-row{background-color: #DDD;}
.operator-table .light-row{background-color: #FFF;}
.banner-table {font-family: "Microsoft YaHei"; margin: 0 auto; text-align: center;display: inline-block;}
.banner-table ul li:nth-child(2n+1){background-color: #eee;}
.banner-table .col {float: left; border-radius: 4px; padding: 28px 0; width: 206px; margin: 0 25px;}
.banner-table .col button {visibility: hidden;margin-bottom: -16px;}
.banner-table .col:hover {cursor: pointer; box-shadow: 0 2px 10px #999;}
.banner-table .col .title-price {line-height: 48px;}
.banner-table .col .title-price .big {font-size: 26px;font-weight: normal;width: 240px; height: 97px; text-align: center;}
.banner-table .col .title-price .normal {font-size: 14px;font-weight: normal;width: 240px; height: 97px; text-align: left;}
.banner-table .title-program {float: left;border: 1px solid transparent; border-radius: 4px;}
.banner-table .title-program .title-price {text-align: center; font-size: 18px;font-weight: normal;width: 160px;line-height: 48px; height: 97px;}
.banner-table .prompt-info {font-size: 12px;float: right;}
.title-pic-empty { width: 160px;height: 75px;background-color: #fff;}
.title-pic-nocontent {margin: 0 auto; width: 240px;height: 75px;background: url(../imgs/no_content_h.png) no-repeat center center;font-size:12px; color:#aaa; line-height:136px;}
.title-pic-cmcc { width: 206px;height: 75px;background: url(../img/cmcc_logo.png) no-repeat center center;font-size:12px; color:#aaa; line-height:136px;}
.title-pic-ctcc { width: 206px;height: 75px;background: url(../img/ctcc_logo.png) no-repeat center center;font-size:12px; color:#aaa; line-height:136px;}
.title-pic-cucc { width: 240px;height: 75px;background: url(../imgs/logo_x_cucc_160_40.jpg) no-repeat center center;font-size:12px; color:#aaa; line-height:136px;}
.title-pic-cucc-hot { width: 206px;height: 75px;background: url(../img/cucc_logo.png) no-repeat center center;font-size:12px; color:#aaa; line-height:136px;}
.banner-table .title-program ul li{width:160px;font-size:14px; color:#333; height: 50px;text-indent: 2em; text-align: left; line-height: 50px;margin: 0;}
.banner-table .col .title-item ul li{width:240px;font-size:14px; color:#333; height: 50px;text-align: center; line-height: 50px;margin: 0;position: relative;} 
.li-dark {background-color: #DDD;}
.li-light {background-color: #FFF;}
.banner {width:33%; display:inline-block; text-align: center;}
.logo_cmcc {width: 400px;height: 560px;background: url(../imgs/poster_cmcc.png) no-repeat center center; margin: 0 auto;}
.logo_ctcc {width: 300px;height: 300px;background: url(../imgs/logo_ctcc.jpg) no-repeat center center; margin: 0 auto;}
.logo_cucc {width: 400px;height: 540px;background: url(../imgs/poster_cucc.png) no-repeat center center; margin: 0 auto;}
.logo_empty {width: 300px;height: 300px;background: url(../imgs/no_content_v.png) no-repeat center center; background-color: #fff no-repeat center center; margin: 0 auto;}

.banner .poster_cmcc {width: 300px;height: 178px; background: url(../imgs/sljxsl_300_178.jpg) no-repeat center center; }
.banner .poster_ctcc {width: 300px;height: 178px; background: url(../imgs/wddxwxd_300_178.jpg) no-repeat center center; }
.banner .poster_cucc {width: 300px;height: 178px; background: url(../imgs/dxkxnds_300_178.jpg) no-repeat center center; }
.shader-box {font-family: "Microsoft YaHei"; width: 100%; height: 100%; z-index: 99999; position: fixed; background-color: black; top: 0; left: 0; opacity: 0.6; visibility: hidden; filter: alpha(opacity=60); }
.shader-dialog {font-family: "Microsoft YaHei"; width:500px;height: 410px;background: #fff;z-index: 999999; position: fixed; visibility: hidden;left: 0;top:0;border: 2px #FFF solid; border-radius: 8px;text-align: center;}
.shader-dialog .title-pic {width: 200px;height: 150px;background: url(../imgs/logo_sale_phone.jpg) no-repeat center center; background-color: #fff no-repeat center center; margin: 0 auto; }
.shader-dialog .title {display: block;text-align: left;font-size: 14px;color: #333; }
.shader-dialog .footer {display: block;text-align: center;}
/*号码展示*/
.head_title {font-size:24px;line-height:34px; font-family: "Microsoft YaHei";font-weight: normal;display: inline-block;}
.left {color: #666;}
.right {color: #d65857;}
.second_title {color: #999;font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:14px; line-height: 20px; font-weight: normal;display: inline-block;}
.nav_last {width: 10%; color:#999; height: 375px;line-height: 375px; display: inline-block; text-align: center; float: left;background: url(../imgs/left_30_30.png) no-repeat center center;}
.nav_last .left {width: 30px;height: 30px;background: url(../imgs/left_30_30.png) no-repeat center center;}
.nav_next {width: 10%; color: #999; line-height: 375px; height: 375px; display: inline-block; text-align: center; float: right;background: url(../imgs/right_30_30.png) no-repeat center center;}
.nav_next .right {width: 30px;height: 30px;background: url(../imgs/right_30_30.png) no-repeat center center;}
.num_table {width: 75%; padding-left: 30px;  height: 375px; display: inline-block; text-align: left; float: middle;}
.caption {font-size: 18px; line-height:18px; text-align: center; color: #333; font-weight: bold;}
.caption span {display: inline-block;}
.num_table .cell {padding:0 35px; font-size: 14px;line-height: 30px; border: #999 1px solid; margin-left: 5px; margin-right: 5px; margin-bottom: 15px; display: inline-block; }
.num_table .cell em{color: red}
.button-gray {cursor: pointer; padding: 5px 8px; font-size: 14px; text-decoration: underline;}
.button-gray:hover { text-decoration: underline; }
/*信息填写页*/
.logo_alipay_radio {display: inline-block; width: 165px;height: 70px;background: url(../imgs/logo_alipay_165_58.png) no-repeat center center;}
.info-banner, .info-form {font-family: "Microsoft YaHei";}
.info-banner {width: 486px;display: inline-block; float: left;text-align: center;border-right: 3px solid #7f7f7f;padding-right: 40px;}
.info-banner .title-pic {margin:0 auto;  margin-bottom: 20px; background: url(../imgs/p5_1_large.png) no-repeat center center; width:486px; height:600px;}
.info-banner .title-pic-empty {margin:0 auto;  margin-bottom: 20px; background: url() no-repeat center center; width:486px; height:600px;}
.info-form {width:400px; display: inline-block; float: right;text-align: left;position: relative;}
.info-form ul {margin-left: 50px; display: inline-block; margin-bottom: 10px; width: 360px; border-top: 2px #7f7f7f solid; color: #7f7f7f; font-size: 16px;}
.info-form ul:first-child {border-top-color: #fff;}
.info-form ul li {margin-bottom: 10px;}
.info-form ul li:last-child {margin-bottom: 8px;}
.info-form ul li:first-child {font-weight: normal;margin-bottom: 14px;margin-top: 10px;}
.info-form .price-number {font-size: 34px;font-weight: normal;}
.info-form table{width: 400px;margin-top: 30px; color: #7F7F7F; font-size: 16px;}
.info-form table tbody {border-top: 2px solid #7F7F7F; padding-left: 20px;}
.info-form table tbody:first-child {border-top: none;}
.info-form table tbody tr .sep-row-10 {height: 10px; background-color: #fff;}
.info-form table tbody tr .sep-row-15 {height: 15px;background-color: #fff;}
.info-form table tbody tr {height: 20px;font-size: 16px; line-height: 20px; font-weight: normal;}
.info-form table tbody tr:nth-child(2) {font-weight: bold;}
.info-form table tbody tr td{padding-left: 20px;}
.info-form .info-card {display: inline-block; font-weight: bold; font-size: 42px;font-weight: normal;color: #456EEF;border:2px #456EEF solid; border-radius: 8px;text-align: left;padding: 10px;}
.info-form .info-card ul li { padding: 20px 10px 10px 10px;}
.info-form .info-card .normal{color: #333;font-size: 18px;}
.info-form .btn-choose {width: 160px;text-align: center;  cursor: pointer; font-size: 14px;border: 1px solid #999;line-height: 46px; border: 1px solid #999; background-color: #fff; display: inline-block;}
.info-form .btn-choose:hover {background-color: #eee;}
.info-form .referee {width: 160px;height: 38px; font-size: 14px; color: #333;line-height: 38px;padding: 1px 12px;border: 1px solid #999; border-radius: 4px;display: inline-block;margin-right: 30px;margin-bottom: 15px;}*/
.info-form select {padding-top: 12px;padding-bottom: 12px;text-align: center; line-height: 14px;}
.info-form input::-webkit-input-placeholder{color:#999;}
.info-form input:-moz-placeholder{color: #999;}
.info-form input::-moz-placeholder{color: #999;}
.info-form input:-ms-input-placeholder{color: #999;}
.info-form .prompt-info {visibility:visible; top:245px;left:0;position: absolute;}
.info-form .prompt-info ul{list-style-type: disc; font-size: 18px;color: #333;}
.info-form .prompt-info ul li{padding: 10px 10px 0px 10px;line-height: 18px;}
.info-form .hide .upload-card {float:left; width: 156px;height: 75px; border: 2px dashed #999; border-radius: 4px;display: inline-block;text-align: center; font-size: 32px; color: #999; padding-top: 10px;background: "#FFF" no-repeat center ; filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";-moz-background-size:100% 100%;background-size:100% 100%;}
.info-form .hide .upload-card .title {font-size: 14px; color: #999;}
.info-form .hide .upload-card:hover{cursor: pointer;}
.info-form .hide span{display: block;text-align: center; margin: 5px auto;}
.info-form .hide span:last-of-type {font-size: 14px; margin-top: 5px;}
.info-form .pay-method {display: inline-block; }
.info-form .pay-radio {display: inline-block;float: left;width: 20px;}
#baidu-map {width: 360px;height: 240px;display: inline-block;float: right;margin-top: 5px;}
/*订单列表*/
.order-table{font-family: "Microsoft YaHei"; width: 880px;border-collapse: collapse;line-height: 75px;}
.order-table .operator-col{width: 240px;padding: 0px;}
.order-table .number-col{width: 160px;}
.order-table .price-col{width: 160px;}
.order-table .status-col{width: 160px;}
.order-table .operation-col{width: 160px;}
.order-table thead{background: #F5F5F5;line-height: 42px;font-size: 14px;}
.order-table tbody{border: 1px #f5f5f5 solid;}
.order-table td{vertical-align: middle;border: 1px solid #f5f5f5;font-size: 14px;}
.order-table .sep-row{height: 20px;}
.order-table .tr-th{background: #F5F5F5 no-repeat center center;height: 34px;line-height: 34px;color: #AAA;overflow: hidden;text-align: left;font-size: 14px;text-indent: 2em;}
/*订购成功*/
.success-span,.fail-span{font-size: 24px;line-height: 24px;}
.success-span{color: #5bb85c;}
.fail-span{color: #e72c2d;}
.success-icon,.fail-icon{line-height: 34px; display: inline-block;width: 34px;height: 34px; margin: 0 auto;padding: 0;}
.success-icon{background: url(../imgs/checked.png) no-repeat center center;}
.fail-icon{background: url(../imgs/y_error.png) no-repeat center center;}
.success-card{font-family: "Microsoft YaHei"; float: left; display: inline-block;width: 440px;height: 250px; border: 1px solid #999;text-align: left;}
.success-card .phone-number{font-size: 18px;text-align: left;}
.success-card .sep-row{width: 350px;color: #999;text-align: center;}
.success-card .pay-info{display: inline-block;font-size: 14px;line-height: 14px;text-align: left;}
.line-gray {width: 325px;color: #999;display: inline-block;}
.success-ads ul li {display: inline-block;float: left;width: 206px;}
.success-ads ul li .ad1 {width: 206px;height: 116px; background:url(../imgs/pic1.png) no-repeat center center;display: inline-block;}
.success-ads ul li .ad2 {width: 206px;height: 116px; background:url(../imgs/pic2.png) no-repeat center center;display: inline-block;}
.success-ads ul li .ad3 {width: 206px;height: 116px; background:url(../imgs/pic3.png) no-repeat center center;display: inline-block;}
.success-ads ul li .ad4 {width: 206px;height: 116px; background:url(../imgs/pic4.png) no-repeat center center;display: inline-block;}
.detail-info {position: relative; visibility: hidden; width: 100%;height: 100%;background-color: black; -moz-opacity: 0.7; opacity:.70; filter: alpha(opacity=70);text-align: center;line-height: 116px;}
.detail-info span{border: 2px solid white;border-radius: 2px;padding: 5px 16px;color: white;font-size: 14px;font-weight: bold;}
.detail-info a:hover{text-decoration: none;}
/* 选择运营商页面 */
.notice { background: url(../img/notice.png) no-repeat 0 3px; overflow: hidden; width: 20px; height: 20px; }
.notice-scroll { float: left; width: 920px; overflow: hidden; }
.notice-scroll ul { color: #999; width: 2920px; margin-left: 150px; }
.notice-scroll ul li { float: left; }
.title-item .txt-info { color: #999; }
.title-item .txt-phone { color: #666; padding: 5px 0 15px 0; font-size: 14px; }
.title-item .txt-school-phone { color: #666; padding: 6px 0 25px 0; font-size: 14px; }
.pay-now { background-color: #fff; border-color: #333; color: #333 !important; background: url(../img/pay.png) no-repeat 15px 8px; padding-left: 35px; }
.banner-table .col:hover .pay-now { color: #fff !important; background-color: #d75757; background-image: url(../img/payhover.png); }
.pay-now:visited,.pay-now:active { color: #666 }
.mobile-header { padding: 25px 15px; overflow: hidden; background-image: url(../img/line-bg.png); border-bottom: 1px solid #dfdfdf; }
.mobile-header .left { float: left; font-size: 26px; color: #bc3537; line-height: 34px; margin-right: 15px; }
.mobile-header .right { float: left; font-size: 12px; color: #bc3537; width: 220px; }
.mobile-body { padding: 15px; }
.card-phone { background-color: #fff; border-radius: 6px; margin-bottom: 25px; }
.bg-mobile-operator { background-color: #f7f7f7; }
.notice-scroll-mobile { width: 90%; overflow: hidden; margin: 10px 0 10px 0; }
.notice-scroll-mobile ul { color: #999; width: 2000px; margin-left: 40%; }
.mobile-body .card-img { float: left; text-align: center; width: 88px; padding-top: 15px;}
.mobile-body .card-info { float: left; padding-top: 15px; }
.mobile-body .card-txt { color: #999; margin: 0; font-size: 12px; }
.mobile-body .card-number { color: #666; margin: 4px 0 8px 0; font-size: 14px; }
.mobile-body .pay-mobile { float: right; width: 10px; padding: 40px 15px 16px 15px; background-color: #d75757; color: #fff; border-top-right-radius: 6px; border-bottom-right-radius: 6px; background-image: url(../img/payhover.png); background-repeat: no-repeat; background-position: 12px 15px; line-height: 14px; }
.mobile-body .go-next { text-align: center; padding-bottom: 60px; }
/* 新生服务 */
.btn-service,.btn-service:active,.btn-service:visited { color: #666; border: 1px solid #666; border-radius: 4px; padding: 6px 25px; }
.btn-service:hover { background-color: #e6e6e6; }
.service-img { display: block; }
.bf-book .modal_dialog { width: 468px; }
.bf-book .modal_content { height: auto; }
.bf-body { text-align: center; padding: 26px 0; }
.bf-body p { font-size: 14px; line-height: 24px; padding-top: 16px; margin: 0; }
.bf-body span { color: #d75757; }
.bf-footer { padding: 16px 0; border-top: 1px solid #ddd; overflow: hidden; }
.service-mobile-body { width: 50%; float: left; }
.service-mobile-card { text-align: center; padding: 32px 0; }
.service-mobile-card h4 { font-size: 16px; margin-top: 10px; }
.service-mobile-card p { margin: 0; }
.service-mobile-card .mobile-btn { text-decoration: underline; font-size: 12px; }
@media (max-width: 768px){
    .bf-book .modal_dialog { width: 300px; margin-left: -150px; top: 20%;}
    .bf-body p { padding-left: 32px; padding-right: 32px; }
}

.pay-box{
    margin: 5px 10px;
    cursor:pointer;
    height: 32px;
    width: 100px;
}
/* 北外代办服务提示 */
.link-img {
    position: relative;
}
.link-info {
    display: none;
    position: absolute;
    width: 240px;
    top: -68px;
    left: 50%;
    margin-left: -120px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px;
    z-index: 1000;
}


.card-letter {
    background: #FFFFFF;
    padding: 65px;
    margin-top: 300px;
    box-shadow: 0 2px 15px 0 rgba(0,0,0,0.18);
}

.letter-content {
    background: url(../img/letter-bg.png) no-repeat top center;
    background-size: cover;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 750px;
}

.middle {
    /*padding-top: 0px;*/
    position: relative;
}

.top .container {
    width: 1170px;
}

.container .eleven.columns {
    width: 900px;
}

.pub-container {
    width: 1170px;
    padding: 20px 0px;
    position: relative;
}

.pub-container ul {
    /*padding: 35px 0px;*/
    margin-bottom: 0px;
}


.width1002 {
    width: 980px;
    margin: 0 auto;
}

.pub-container li {
    width: 162px;
    float: left;
    margin-bottom: 0px;
}

.pub-container li .box {
    height: 48px;
    width: 48px;
    text-align: center;
    margin-right: 15px;
    border-radius: 100%;
    border: 1px solid #979797;
    float: left;
}

.pub-container li .box i {
    font-size: 20px;
    line-height: 48px;
    color: #891524;
}

.pub-container .active .box{
    background: #891524;
}

.pub-container li .box1 {
    background: #E2E2E2;
    border: 1px solid #E2E2E2;
}

.pub-container li .box1 i {
    color: #fff;
}

.pub-container .active .box i {
    color: #fff;
}

.pub-container li p {
    width: 73px;
    color: #333;
    font-size: 14px;
    float: left;
    margin-bottom: 0px;
    line-height: 1.5;
    margin-top: 5px;
}

.pub-container li .icon-arrow_carrot-right {
    font-size: 20px;
    position: relative;
    top: -6px;
    color: #999999;
    line-height: 60px;
}

.next-btn {
    border: none;
    color: #fff!important;
}

.btn {
    padding: 6px 20px!important;
}

.prev-btn {
    /*border: none;*/
    color: #333!important;
    cursor: pointer;
    border: 1px solid #CCCCCC!important;
    box-shadow: none;
    background: #fff!important;
    margin-right: 15px;
}

.prev-btn:hover{
    background: #f1f1f1!important;
}

.step3-content div {
    box-sizing: border-box;
}

.step3-content .box {
    margin: 0 auto;
    margin-bottom: 15px;
    display: block;
}


.step3-content h5 {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.step3-content input {
    width: 100%;
}

.step3-content .box-content {
    width: 300px;
    padding: 30px 0px;
    margin: 0 auto;
}

.step3-content .border-right {
    border-right: 1px solid #ccc;
}

.yzm-btn {
    height: 33px;
    /*padding: 0 10px;*/
    width: 100%;
    font-size: 12px;
    color: #fff!important;
}

.step3-top p {
    font-size: 14px;
    color: #666;
    width: 400px;
    line-height: 1.5;
    margin: 0 auto;
}

.step3-top {
    margin-bottom: 30px;
}

.step3-top h4 {
    font-size: 26px;
    margin-bottom: 15px;
}

.box-content1 h6 {
    font-size: 18px;
    color: #666;
    text-align: center;
    margin-bottom: 50px;
}

.box-content1 p {
    font-size: 18px;
    color: #333;
    text-align: center;
}

.visible-xs {
    display: none;
}

.mob-content {
    display: block;
}


.wrapper {
    overflow: hidden;
}

.pub-container h6 {
    text-align: center;
    font-size: 16px;
    color: #333;   
    line-height: 30px;
}

.pub-container h6 i {
    /*line-height: 20px;*/
    font-size: 28px;
    margin-right: 10px;
    position: relative;
    top: 7px;
}

.tip-content h5 {
    font-size: 32px;
    color: #333333;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 50px;
}

.tip-content p {
    font-size: 16px;
    color: #666666;
    text-align: center;
    line-height: 28px;
}

.tip-content li  {
    float: left;
    width: 162px;
    padding: 0 10px;
    position: relative;
    box-sizing: border-box;
}

.tip-content li img {
    position: absolute;
    right: -20px;
    top: 30px;
}

.tip-content .box {
    height: 64px;
    margin: 0 auto;
    margin-bottom: 15px;
    background: #891524;
    width: 64px;
    border-radius: 100%;
    text-align: center;
}

.tip-content ul {
    margin-top: 60px;
}

.tip-content .container {
    width: 1170px;
}

.tip-content li p {
    font-size: 16px;
    color: #333333;
    line-height: 1.5;
    height: 40px;
    margin-bottom: 20px;
    font-weight: bold;
}

.tip-content li span {
    font-size: 12px;
    display: block;
    color: #333333;
    text-align: center;
    line-height: 20px;
}

.tip-content .box i {
    line-height: 64px;
    color: #fff;
    font-size: 26px;
}

.letter-container1 {
    width: 900px;
}

.welcome-bg {
    background: url(../img/welcome-bg.jpg) no-repeat center center;
    background-size: cover;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

#scene {
    z-index: 100
}

#scene .left {
    position: absolute!important;
    bottom: -25px;
    width: 400px;
    left: 30px;
    top: inherit!important;
}

#scene .top {
    position: absolute!important;
    left: 50%!important;
    /*z-index: 1000;*/
    margin-left: -511px;
    top: inherit!important;
    bottom: 50px!important;
}

#scene .right {
    position: absolute!important;
    bottom: -25px!important;
    right: 0px!important;
    width: 450px;
    left: inherit!important;
    top: inherit!important;
}

.welcome-bg .btn-content {
    position: absolute;
    bottom: 0px;
    width: 200px;
    left: 50%;
    margin-left: -100px;
}

.welcome-bg .title {
    display: block;
    margin: 0 auto;
    margin-top: 100px;
}

.welcome-bg .btn {
    padding: 0px!important;
    width: 180px;
    outline: none;
    height: 54px;
    line-height: 45px;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    display: block;
    margin: 0 auto;
    color: #fff;
    background: linear-gradient(0deg, #942D2B 0%, #D15C5A 100%)!important;
    border: 4px solid #FFFFFF;
    border-radius: 8px;
    margin-bottom: 30px;
}

.welcome-bg .btn:hover {
    background: linear-gradient(0deg,#D15C5A  0%, #942D2B 100%)!important;
}

.remarks-content {
    background: url(../img/remarks-banner.png) no-repeat center 35px;
}

.card-remarks {
    box-shadow: none;
    margin-top: 50px;
}

.remarks-container {
    width: 1060px!important;
}

.remarks-top {
    background: #B5DFEF;
    opacity: 0.6;
    height: 152px;
    width: 100%;
}


@media (max-width: 768px) {
    .tip-content .container {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .remarks-content {
        position: relative;
        height: 0px;
        /*margin-top: -80px;*/
        background: none;
    }

    .remarks-top {
        background: url(../img/remarks-banner1.png) no-repeat center top;
        /*margin-bottom: 30px;*/
        background-size: 100%;
        height: 150px;
        opacity: 1;
    }

    .remarks-container {
        width: 100%!important;
    }

    .tip-content li span {
        width: 256px;
        margin: 0 auto;
    }

    .tip-content li  {
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }

    .tip-content li p {
        height: auto;
    }

    .pub-container {
        width: 100%;
        padding-top: 15px;
    }
    .middle {
        padding-top: 0px!important;
    }

    .top .container {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .welcome-bg .title {
        width: 300px;
    }

    .card-letter {
        padding: 30px;
        box-shadow: none;
        margin-top: 0px;
        /*margin-top: 550px;*/
    }

    .mob-content {
        display: none;
        height: auto;
        position: absolute;
        top: 0px;
        background: #fff;
        z-index: 100;
        width: 100%;
    }

    .tip-content li img {
        position: relative;
        top: 0px;
        right: 0px;
        display: block;
        margin: 0 auto;
        margin-top: 30px;
    }

    .pub-container li {
        width: 100%;
        float: none;
        /*height: 80px;*/
        padding: 15px;
        box-sizing: border-box;
        border-bottom: 1px solid #ccc;
    }

    #scene .left {
        width: 170px;
    }

    #scene .right {
        width: 170px;
    }

    .welcome-bg .btn-content {
        bottom: inherit!important;
        top: 170px;
    }

    #scene .top {
        width: 500px;
        margin-left: -250px;
    }

    .pub-container li .icon-arrow_carrot-right {
        display: none;
    }

    .pub-container li p {
        float: none;
        margin-top: 18px;
        display: inline-block;
        width: auto!important;
    }

    .pub-container li .box {
        display: inline-block;
        float: none;
    }

    .pub-container ul {
        padding: 0px 20px;
    }

    .visible-xs {
        display: block;
    }

    .width1002 {
        width: auto;
    }

    .letter-container {
        padding: 0px;
    }

    .step3-content .border-right {
        border: none;
        border-bottom: 1px solid #ccc;
    }
}

@media (max-width: 450px) {
    .remarks-top {
        height: 80px;
    }
}