/*     * Author: weishuheng
       * Time: 2013-12-02
       * common.css 为全局样式表，所包含的样式都为全局样式
       * common.css 包含整站所有的icon,所有btn的颜色样式
       *common.css 为网站所有页面都必须引用的icon和btn的css */
/** icon **/
.icon{ background-image:url("/web7/basic/img/ibtn.png"); background-repeat:no-repeat; display:inline-block; }

.icon_user{ width:24px; height:24px; background-position:0 0;}
.icon_arrow_down_white{ width:10px; height:6px; background-position:-40px 0;}
.icon_home{ background-position:-80px 0; width:20px; height:20px}
.icon_app{ background-position:-120px 0; width:20px; height:20px}
.icon_person{ background-position:-160px 0; width:20px; height:17px;}
.icon_report{ background-position:-200px 0; width:20px; height:20px;}
.icon_ad{ background-position:-240px 0; width:20px; height:20px;}
.icon_sdk{ background-position:-280px 0; width:20px; height:18px;}
.icon_statistics{ background-position:-320px 0; width:20px; height:20px;}
.icon_money{ background-position:-360px 0; width:20px; height:20px;}
.icon_file{ background-position:-400px 0; width:20px; height:20px;}

.icon_home_blue{ background-position:-80px -40px; width:20px; height:20px;}
.icon_app_blue{ background-position:-120px -40px; width:20px; height:20px}
.icon_person_blue{ background-position:-160px -40px; width:20px; height:17px}
.icon_report_blue{ background-position:-200px -40px; width:20px; height:20px}
.icon_ad_blue{ background-position:-240px -40px; width:20px; height:20px;}
.icon_sdk_blue{ background-position:-280px -40px; width:20px; height:18px;}
.icon_statistics_blue{ background-position:-320px -40px; width:20px; height:20px;}
.icon_money_blue{ background-position:-360px -40px; width:20px; height:20px;}
.icon_file_blue{ background-position:-400px -40px; width:20px; height:20px;}
.icon_edit_white{ background-position:-640px -160px; width:14px; height:14px; }
.icon_edit_blue{ background-position:-640px -200px; width:14px; height:14px; }
.icon_edit_orange{ background-position:-640px -240px; width:14px; height:14px; }
.icon_select_white{ background-position:-720px -160px; width:14px; height:14px; }
.icon_delete_white{ background-position:-680px -160px; width:14px; height:14px; }
.icon_prevPage{ background-position:-120px -80px; width:10px; height:18px; }
.icon_nextPage{ background-position:-160px -80px; width:10px; height:18px; }
.icon_blackarrowDown{ width: 10px; height: 6px; background-position: -440px -40px }
.icon_blackarrowTop{ width: 10px; height: 6px; background-position: -440px 0px}
.icon_delivery{ background-position:0 -200px; width:45px; height:45px;}
.icon_calculator{ background-position:-80px -200px; width:45px; height:45px;}
.icon_time{ background-position:-160px -200px; width:45px; height:45px;}
.icon_picture{ background-position:-240px -200px; width:45px; height:45px;}
.icon_orient{ background-position:-320px -200px; width:45px; height:45px;}
.icon_monitor{ background-position:-400px -200px; width:45px; height:45px;}
.icon_media{ background-position:-480px -200px; width:45px; height:45px;}
.icon_add_sml{ background-position:-80px -120px; width:16px; height:16px;}
.icon_del_sml{ background-position:-120px -120px; width:16px; height:16px;}
.icon_delete{ background-position:-40px -320px; width:17px; height:17px; }
.icon_error{ background-position:-40px -160px; width:18px; height:18px;}
.icon_close{ background-position:-200px -80px; width:14px; height:14px;}
.icon_switchOn{ width:30px; height:16px; background-position:-120px -160px; }
.icon_switchOff{ width:30px; height:16px; background-position:-80px -160px;}
.icon_checkbox_false{ width:14px; height:14px; background-position:-160px -160px}
.icon_checkbox_true{width:14px; height:14px; background-position:-200px -160px}
.icon_radio_false{ width:14px; height:14px; background-position:-280px -160px}
.icon_checkbox_mid{width:14px; height:14px; background-position:-480px -160px}
.icon_radio_true{width:14px; height:14px; background-position:-320px -160px}
.icon_account_yuan{ width: 43px; height: 37px; background-position: 0 -80px; }
.icon_account_dollar{ width: 43px; height: 37px; background-position: 0 -360px; }
.icon_more{ width: 28px; height: 6px; background-position: -80px -80px; }
.icon_balance_rmb{ width: 48px; height: 40px; background-position: 0 -120px; }
.icon_balance_usd{ width: 48px; height: 40px; background-position: 0 -400px; }
.icon_arrowDown{ width:10px; height:6px; background-position:0 -160px;}
.icon_arrowDown_gray{ width:10px; height:6px; background-position:-440px 0; }
.icon_arrowUp_gray{ width:10px; height:6px; background-position:-440px -40px; }
.icon_arrowRight{ width:6px; height:10px; background-position:-520px -160px;}
.icon_tips{ background-position:-240px -160px; width:14px; height:14px;}
.icon_add_gray{width:30px;height:30px;background-position: 0 -280px;}
.icon_del_white{width:26px;height:30px;background-position: -40px -280px;}
.icon_curreny{ background-position:0 -40px; width:28px; height:24px;}
.icon_loading{ background-position:-160px -120px; width:20px; height:20px;}
.icon_pay_wx{ background-position:-200px -120px; width:25px; height:22px;}
.icon_pay_zfb{ background-position:-240px -120px; width:63px; height:20px;}
.icon_pay_paypal{ background-position:-320px -120px; width:77px; height:20px;}
.icon_cry{ background-position:-240px -80px; width:32px; height:30px;}
.icon_smile{ background-position:-280px -80px; width:32px; height:30px;}
.icon_process{ background-position:-320px -80px; width:32px; height:32px;}
.icon_help{ background-position:-360px -80px; width:25px; height:25px;}
.icon_ios{ background-position:-400px -80px; width:12px; height:14px;}
.icon_android{ background-position:-440px -80px; width:12px; height:14px;}
.icon_sort{ width:8px;height:12px;background-position:-360px -160px; }
.icon_sortUp{ width:8px;height:12px;background-position:-400px -160px; }
.icon_sortDown{ width:8px;height:12px;background-position:-440px -160px; }
.icon_drag{ width:7px; height:17px; background-position:-80px -280px}
.dis .icon_drag{ background-position:-120px -280px}
.icon_question{ width:16px; height:16px; background-position:-560px -160px}
.icon_question:hover{background-position:-600px -160px}
.icon_arrowRight_white{ width:8px; height:13px; background-position:-480px 0px; }

.icon_ios_blue{ background-position:-400px -120px; width:12px; height:14px;}
.icon_Android_green{ background-position:-440px -120px; width:12px; height:14px;}
.icon_goolePlay{ background-position:-480px -120px; width:14px; height:14px;}
.icon_copy{ background-position:-480px -80px; width:16px; height:16px;}
.icon_ios_big{ background-position:-520px -80px; width:16px; height:18px;}
.icon_goolePlay_big{ background-position:-560px -120px; width:16px; height:18px;}
.icon_bigAndroid_green{ background-position:-520px -120px; width:16px; height:18px;}
.icon_bigIos_blue{ background-position:-560px -80px; width:16px; height:18px;}

.btn_blue{ height: 28px; font-size: 14px; color:#4da1ff; line-height: 28px; border:2px solid #4da1ff; padding: 0 25px; border-radius: 28px; display: inline-block; background-color: #fff; }
.btn_green{ height:20px; line-height:20px; border:2px solid #7dc855; color:#7dc855; background:#fff; border-radius:20px; display:inline-block; font-size:14px; padding:0 14px;}
/* 蓝色按钮 - 添加、保存 */
.btn_blove,.btn_orange,.btn_lightBlue{cursor:pointer;background-color: #6fb2fd;color:#fff;border:1px solid #6fb2fd; display:inline-block;padding:0px 30px;line-height:28px;border-radius: 4px;font-size: 14px;}
.btn_blove:hover,.btn_orange:hover,.btn_lightBlue:hover{text-decoration:none;border-color:#3f93f2;background-color: #3f93f2;}
/*橘红色*/
.btn_tangerine{cursor:pointer;background-color: #fc6e51; color:#fff;border:1px solid #fc6e51; display:inline-block;padding:0px 30px;line-height:28px;border-radius: 4px;font-size: 14px;}
/* 灰色按钮 - 取消、重置 */
.btn_gray{cursor:pointer;color:#aab2bd;border:1px solid #e6e9ed;background-color:#f5f7fa; display:inline-block;padding:0px 30px;line-height:30px;border-radius: 4px;font-size: 14px;}
.btn_gray:hover{background-color: #ccd1d9;text-decoration:none; color:#fff}
/* 红色按钮 - 添加、保存 */
.btn_red{cursor:pointer;background-color: #fa7c63;color:#fff;border:1px solid #fa7c63; display:inline-block;padding:0px 30px;line-height:28px;border-radius: 4px;font-size: 14px;}
.btn_red:hover{text-decoration:none;border-color:#ef7259;background-color: #ef7259;}
/* 置灰不可点击状态 */
.btn_orange.dis,.btn_gray.dis,.btn_red.dis,.btn_blove.dis,.btn_orange.dis,.btn_lightBlue.dis{ cursor: default; border-color:#f5f7fa;box-shadow:none; color:#ccd1d9; background: #f5f7fa;font-weight: normal;}

/*表格中操作按钮*/
.btn_operate{ cursor: pointer;font-size: 14px; border-radius: 18px; display: inline-block; line-height: 18px; height: 18px; padding: 0px 10px; text-align: center; color: #fff; text-indent: 0;}
.btn_operate_green{ background: #7dc855;}
.btn_operate_purple{ background: #9087c4;}
.btn_operate_blue{ background: #4da1ff;}
.btn_operate_blue1{ background: #006C7B;}
.btn_operate_red{ background: #fc6e51;}
.btn_operate_gray{ background: #e6e9ed;}
.btn_operate_orange{ background: #ff9900;}
.btn_operate_orange1{ background: #EC9204;}