/*     * Author: weishuheng
       * Time: 2013-12-02
       * common.css 为全局样式表，所包含的样式都为全局样式
       * common.css 包含整站所有的icon,所有btn的颜色样式
       *common.css 为网站所有页面都必须引用的icon和btn的css */
/** icon **/
.icon{ background-image:url("/web4/basic/img/icon.png"); background-repeat:no-repeat; display:inline-block; }
.icon_nav{width:16px; height:12px; background-position: 0 -80px;}
.on .icon_nav{ background-position: 0 -120px;}
.icon_user{width: 13px; height: 14px; background-position: 0 0px; }
.icon_pass{width: 12px; height: 15px; background-position: 0 -40px; }
.icon_username{ width:16px; height:16px; background-position:-120px 0;}
.icon_password{ width:14px; height:16px; background-position:-120px -40px}
.icon_validate{ width:12px; height:16px; background-position:-120px -80px}
.icon_refresh{ width:13px; height:15px; background-position:-120px -120px}
.icon_dev{width:58px;height:58px;background-position: -40px 0; }
.icon_dev:hover{width:58px;height:58px;background-position: -280px -320px; }
.icon_ad{width:58px;height:58px;background-position: -40px -80px; }
.icon_count{width:58px;height:58px;background-position: -40px -160px; }
.icon_advertisers{width:58px;height:58px;background-position: -200px 0;}
.icon_advertisers:hover{width:58px;height:58px;background-position: -280px 0;}
.icon_juhe{width:58px;height:58px;background-position: -200px -80px;}
.icon_juhe:hover{width:58px;height:58px;background-position: -280px -80px;}
.icon_dsp{width:58px;height:58px;background-position: -200px -160px;}
.icon_dsp:hover{width:58px;height:58px;background-position: -280px -160px;}
.icon_pmp{width:58px;height:58px;background-position: -200px -240px;}
.icon_pmp:hover{width:58px;height:58px;background-position: -280px -240px;}
.icon_manage{width:58px;height:58px;background-position: -40px -240px; }
.icon_arrowDown{ width: 7px; height: 4px; background-position: 0 -160px; }
.dis .icon_arrowDown {  background-position: 0 -200px; }
.icon_sort{ width:8px;height:12px;background-position:-360px -320px; }
.icon_sortUp{ width:8px;height:12px;background-position:-360px -360px; }
.icon_sortDown{ width:8px;height:12px;background-position:-360px -400px; }
.icon_add{width:9px;height:9px;background-position: 0 -280px;}
.icon_add_gray{width:16px;height:16px;background-position: -200px -600px;}
.icon_whiteAdd{width:9px;height:9px;background-position: -40px -800px;}
.icon_help{width:13px;height:13px;background-position: 0 -360px;}
.icon_search{width:15px;height:15px;background-position: 0 -320px;}
/*.icon_addAd{width:9px;height:9px;background-position: 0 -440px; }*/
.icon_right{width: 13px;height: 13px; background-position:-0px -440px; }
.icon_viewDown{width:11px;height:11px;background-position: 0 -480px;}
.icon_viewUp{width:11px;height:11px;background-position: 0 -520px;}
.icon_prevPage{ width:9px; height: 14px; background-position: 0 -560px;}
.dis .icon_prevPage{ background-position:-40px -560px;}
.icon_nextPage{ width:9px; height: 14px; background-position: 0 -600px;}
.dis .icon_nextPage{ background-position:-40px -600px;}
.icon_error{ width: 16px; height: 16px; background-position: -40px -320px; }
.icon_tip{ width: 16px; height: 16px; background-position: -40px -400px; }
.icon_arrowLeft{ width: 14px; height: 14px; background-position: 0 -560px;}
.icon_arrowRight{ width: 14px; height: 14px; background-position: 0 -600px;}
.icon_grayarrowLeft{ width:4px; height:7px; background-position:0 -640px;}
.icon_blackarrowLeft{ width:4px; height:10px; background-position:0 -680px;}
.icon_blackarrowDown{ width:8px; height: 6px; background-position:0 -720px;}
.icon_triangle{ width:20px; height:10px; background-position:0 -760px;}
.icon_blackarrowTop{ width:8px; height:4px; background-position:0 -800px;}
.icon_greenDot{ width:7px; height:8px; background-position:-40px -480px;}
.icon_modify{ width:16px; height:17px; background-position:-40px -520px;}
.icon_close{ width:21px; height:21px; background-position:-40px -440px; }
.icon_selected{ width: 10px; height: 10px; background-position:-40px -640px; }
.icon_blackAdd{width:12px;height:12px;background-position: -40px -680px;}
.icon_arrowDownWhite{ width: 13px; height: 7px; background-position: -40px -760px; }
.icon_whiteArrowDown{ width:8px; height:5px; background-position: -40px -720px; }
.icon_suc{ width:26px; height:26px; background-position:-160px 0}
.icon_stepBgYellow{ width:20px; height:20px; background-position:-160px -40px; }
.icon_stepBgGray{ width:20px; height:20px; background-position:-160px -80px; }
.icon_stepSuc{ width:20px; height:20px; background-position:-160px -120px; }
.icon_bigWarning{ width:26px; height:26px; background-position:-120px -160px; }
.icon_bigError{ width:26px; height:26px; background-position:-120px -200px; }
.icon_switchOn{ width:40px; height:24px; background-position:-440px 0}
.icon_switchBtn{ width:40px; height:24px; background-position:-440px -40px}
.icon_switchOff{ width:40px; height:24px; background-position:-440px -80px}
.icon_tab{ width:16px; height:12px; background-position:-40px -800px}
.icon_addBtn{ width:20px; height:20px; background-position:-120px -240px}
.icon_delete{ width:10px; height:8px; background-position:-120px -280px}
.icon_drag{ width:7px; height:17px; background-position:-120px -320px}
.icon_more{ width:17px; height:11px; background-position:-120px -360px}
.icon_curTip{ width:8px; height:4px; background-position:0 -840px; overflow:hidden; }
.icon_question{ width:14px; height:14px; background-position: -80px -400px;}
.icon_boxArrow{ width:18px; height:10px; background-position: -120px -400px;}
.icon_switchCN {width:21px; height:21px; background-position: -80px -440px;}
.icon_switchCN:hover {width:21px; height:21px; background-position: -80px -480px;}
.icon_switchCN:active {width:21px; height:21px; background-position: -80px -520px;}
.icon_switchEN {width:21px; height:21px; background-position: -120px -440px;}
.icon_switchEN:hover {width:21px; height:21px; background-position: -120px -480px;}
.icon_switchEN:active {width:21px; height:21px; background-position: -120px -520px;}
.icon_double_arrowUp{background-position: -160px -440px;width:16px;height:16px;}
.icon_double_arrowDown{background-position: -178px -440px;width:16px;height:16px;}
.icon_returnBack { background-position: -200px -400px; width:50px; height:50px;}
.icon_returnBack:hover { background-position: -280px -400px;}
.icon_guide_gray{ background-position: -160px -800px; width:16px; height: 18px;}
.icon_Android_gray{ background-position: -160px  -840px; width: 13px; height: 15px; }
.icon_IOS_gray{ background-position: -200px -480px; width: 12px; height: 14px; }
.icon_logs_gray{ background-position: -200px -520px; width: 12px; height: 16px; }
.icon_unity{ background-position:-160px -680px; width:14px; height:14px; }
.icon_ask{ background-position:-160px -760px; width:14px; height:14px; }
.icon_phone{ background-position:-160px -640px; width:13px; height:20px; }
.icon_data{ background-position:-160px -720px; width:18px; height:18px; }
.icon_qq{width:28px;height:28px;background-position: -120px -760px;}
.icon_email{width:28px;height:28px;background-position: -120px -800px;}
.icon_weibo{width:28px;height:28px;background-position: -120px -840px;}
.icon_close_l{width:58px;height: 58px;background-position: -200px -320px;}
.icon_arrowDownSmall {width:9px; height:6px; background-position:-80px -640px;}
.icon_arrowRightSmall{ width:9px; height:7px; background-position:-80px -680px;}
.icon_grayarrowRight {width:8px; height:10px; background-position:-80px -720px;}
.icon_grayarrowLeft2 {width:8px; height:10px; background-position:-80px -800px;}
.icon_grayarrowDown {width:12px; height:8px; background-position:-80px -760px;}
.icon_rightBtn{width:20px; height:16px; background-position: -80px -560px;}
.icon_errorBtn { width:16px; height:16px; background-position: -80px -600px; }
.icon_guide{width:12px;height:14px;background-position: -120px -560px;}
.icon_Android{width:13px;height:15px;background-position: -120px -600px;}
.icon_IOS{width:12px;height:14px;background-position: -120px -640px;}
.icon_logs{width:12px;height:16px;background-position: -120px -680px;}
.icon_technical{width:9px;height:20px;background-position: -120px -720px;}
.icon_api{width:8px;height:18px;background-position: -40px -840px;}
.icon_tips{ background-position:-160px -400px; width:13px; height:13px;}
.icon_folder{ background-position:-160px -200px; width:30px; height:40px;}
.icon_file{ background-position:-160px -240px; width:30px; height:40px;}
.icon_reduceNum{ background-position:-160px -280px; width:26px; height:26px;}
.icon_addNum{ background-position:-160px -320px; width:26px; height:26px;}
.icon_right{ background-position:-160px -560px; width:19px;height:13px;}
.icon_AndroidGreen {background-position:-160px -600px; width:15px; height:17px;}
.icon_day{ background-position: -360px 0; width: 50px; height: 50px; }
.icon_week{ background-position: -360px -80px; width: 50px; height: 50px; }
.icon_month{ background-position: -360px -160px; width: 50px; height: 50px; }
.icon_revenue{ background-position: -360px -240px; width: 50px; height: 50px; }
.icon_correct{ background-position:-240px -640px; width:50px; height:50px;}
.icon_error_red{ background-position:-240px -720px; width:50px; height:50px;}
.icon_sweep{ background-position:-200px -640px; width:32px; height:32px;}
.icon_ios{ background-position:-200px -680px; width:12px; height:14px;}
.icon_android{ background-position:-200px -720px; width:12px; height:14px;}

.icon_checkbox_true{width:14px; height:14px; background-position:-40px -880px}
.icon_checkbox_false{ width:14px; height:14px; background-position:0 -880px}
.icon_checkbox_mid{width:14px; height:14px; background-position:-80px -880px}
/* btn */
.btn{ cursor:pointer; height:38px; text-align:center; font:14px/38px "宋体"; }
.btn span,.btn font{ background:url("/web3/basic/img/btn.png") no-repeat;  text-decoration:none; display:inline-block; *display:inline; *zoom:1; }
.btn font{ margin-right:20px; padding-left:20px; font-size:14px; }
.btn:hover{ text-decoration:none; }
.btn i{ font-style:normal; padding:0 16px; }
/* 蓝色按钮 - 登录 */
.btn_a{ color:#fff; }
.btn_a span{ background-position:right -40px; }
.btn_a font{ background-position:0 0; }
.btn_a:hover span{ background-position:right -120px; }
.btn_a:hover font{ background-position:0 -80px; }
/* 黄色按钮 - 添加、保存 */
.btn_orange{cursor:pointer;background-color: #ff9008;color:#fff;border:1px solid #e78105; display:inline-block;padding:0px 15px;line-height:30px;height:30px;font-weight: bold;border-radius: 3px;font-size: 12px;}
.btn_orange:hover{text-decoration:none;border:1px solid #e78105;color:#fff;background-color: #ed8607;}
.btn_orange:active{color:#fff;background-color: #ed8607;border: 1px solid #b96c0f;}
/* 灰色按钮 - 取消、重置 */
.btn_gray{cursor:pointer;color:#444;border:1px solid #dcdcdc;background-color:#f2f2f2; display:inline-block;padding:0px 16px;line-height:30px;font-weight: bold;border-radius: 3px;font-size: 12px;}
.btn_gray:active{background-color: #f1f1f1;border:1px solid #c6c6c6; text-decoration:none;}
/* 深灰按钮 - 导出 */
.btn_darkGray{cursor:pointer;color:#444;border:1px solid #bbb;background-color:#e5e5e5; display:inline-block;padding:0px 16px;line-height:30px;font-weight: bold;border-radius: 3px;font-size: 12px;}
.btn_darkGray:hover{background-color: #ccc;border:1px solid #bbb; text-decoration:none;}
/* 深灰按钮 - 向上*/
.btn_e{background: #eee; border:1px solid #ddd; cursor: pointer;display:inline-block; line-height: 13px; width:60px;height:18px;border-bottom: none;}
.btn_e:hover{ background: #ddd;border-color: #ccc;text-decoration:none; }
/* 深灰按钮 - 正常*/
.btn_f{color:#eee;border:1px solid #555;background-color:#666; cursor: pointer;display:inline-block; line-height: 13px; height:18px;border-bottom: none;border-radius: 3px;}
.btn_f:hover{background-color: #444;border:1px solid #333; text-decoration:none;}

/* 置灰不可点击状态 */
.btn_orange.dis,.btn_gray.dis,.btn_darkGray.dis{ cursor: default; border:1px solid #e1e1e1;box-shadow:none; color:#b1b1b1; background: #f9f9f9;font-weight: normal;}

/*插件中的保存，添加，重置按钮*/
.selectBox_bot .btn_orange, .selectBox_bot .btn_gray, .selectCheckBox_bot .btn_gray {
  line-height: 20px;
  height:20px;
  padding: 0 10px;
}