@charset "utf-8";

/*
@Description: BAC 后台
@author: caizx2012@live.com
@update: 2013
*/

/* reset */
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
ul,ol{list-style:none;}
body{font:12px/1.5 Arial,sans-serif;color:#333}
select,input,button{vertical-align:middle;font-size:100%;}
fieldset,img{border:0 none;}
em{font-style:normal;}
.clear{clear:both;display:block;height:0;visibility:hidden;font:0/0 Arial}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0}
.clearfix{*zoom:1}

/* global */
.wrap { width:1200px; margin:0 auto;}
.content { background:#3e4f60;}
.main { float:left; width:1000px; min-height:800px; _height:800px; background:#edf2f4;}
.mt { margin-top:10px;}
.mt20 { margin-top:20px;}
a{text-decoration:none;}
a:hover{color:#f00; text-decoration:underline;}
input, textarea, select { outline: 0 none; }
textarea { resize:none;}

/* publicImage */
.header h1 { background:url(../images/logo-24.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='../images/logo-24.png',sizingMethod='scale');}
.header,
.sideItem a
{ background:url(../images/public.png) no-repeat 1000px 1000px;}
.arrClose,
.watchModule .headline .operate,
.backBtn1, .backBtn1 span, .backBtn2, .backBtn2 span, .backBtn3, .backBtn3 span, .backBtn4, .backBtn4 span,.backBtn5 ,.backBtn5 span,.backBtn7, .backBtn7 span,.backBtn8, .backBtn8 span,
.msgProgressBox .msgInfo span,
.msgProgressBox .msgStep em,
.previewBox,
.msgVerify,.msgVerify .details,
.msgReportBox .reportInfo,
.login .loginTips .tipsIco,
.APList .trouble span,
.msgPortal .previewListBox,
.placePublicity .appPreview,.placePublicity .picList li
{ background:url(../images/backstage.png) no-repeat 1000px 1000px;}

.sub-portal-tab .title-setting .pic { background:url(../images/portal-backstage-item-ico.png) no-repeat 1000px 1000px;}

.sub-portal-tab .focus-list li,.sub-portal-tab .teletext-list .pic,.sub-portal-tab .photo-list li
{ background:url(../images/portal-pic-bg.png) no-repeat center center;}

.loginBody { background:url(../images/body-bg.png) repeat 0 0;}
.login { background:url(../images/login-bg-24.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='../images/login-bg-24.png',sizingMethod='scale');}
.login .loginArea .loginBtn { background:url(../images/login-btn-24.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='../images/login-btn-24.png',sizingMethod='scale');}
.login .loginArea .loginBtn:hover { background:url(../images/login-btn-on-24.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='../images/login-btn-on-24.png',sizingMethod='scale');}
.header .logo { background:url(../images/logo-24.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='../images/logo-24.png',sizingMethod='scale');}
.loginOutArea .loginOutBtn { background:url(../images/login-out-btn-24.png) no-repeat;  _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='../images/login-out-btn-24.png',sizingMethod='scale');}
.loginOutArea .loginOutBtn:hover { background:url(../images/login-out-btn-on-24.png) no-repeat;  _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='../images/login-out-btn-on-24.png',sizingMethod='scale');}

/* header */
.header { position:relative; *zoom:1; z-index:3; min-width:1200px; _display:block; _width:100%; height:100px; background-position:0 0; background-repeat:repeat; box-shadow:0 2px 17px -5px #56595a;}
.header h1{ float:left; display:inline; width:383px; height:56px; overflow:hidden; margin:24px 0 0 50px;}
.header h1 a, .header h1 span { display:block; width:100%; height:56px; text-indent:-9999px;}
.header .loginArea{ float:right; display:inline; margin:0 40px 0 0; font:16px/100px "Microsoft Yahei",Arial; color:#fff;}
.header .loginArea a { color:#fff; margin-right:20px;}
.header .loginArea .loginBtn { color:#013c66; cursor:pointer;}

/* sideItem */
.sideItem { float:left; width:200px;}
.sideItem li{ position:relative; *zoom:1; height:57px; margin:0 20px; border-bottom:1px solid #2a3744;}
.sideItem .arr{ display:none; position:absolute; right:-20px; top:50%; z-index:3; width:0; height:0; overflow:hidden; margin-top:-9px; border:9px solid #2a3744; border-right-color:#edf2f4;}
.sideItem a{ position:relative; *zoom:1; z-index:1; display:block; padding:0 0 0 72px; margin:-1px -20px 0 -20px; font:16px/58px "Microsoft Yahei",Arial; color:#e1e1e1;}
.sideItem .sub1 { background-position:36px  -582px;}
.sideItem .sub2 { background-position:36px -642px;}
.sideItem .sub3 { background-position:36px -702px;}
.sideItem .sub4 { background-position:36px -762px;}
.sideItem .sub5 { background-position:36px -822px;}
.sideItem .sub6 { background-position:36px -882px;}
.sideItem .sub7 { background-position:36px -942px;}
.sideItem .sub8 { background-position:36px -1002px;}
.sideItem .sub9 { background-position:36px -1122px;}
.sideItem .sub10 { background-position:36px -1242px;}
.sideItem a:hover,.sideItem .act a{ z-index:2; color:#fff; text-decoration:none; background-color:#2a3744;}
.sideItem .act .arr{ display:block;}
.sideItem .act .sub1,.sideItem .sub1:hover { background-position:36px -101px;}
.sideItem .act .sub2,.sideItem .sub2:hover { background-position:36px -161px;}
.sideItem .act .sub3,.sideItem .sub3:hover { background-position:36px -221px;}
.sideItem .act .sub4,.sideItem .sub4:hover { background-position:36px -281px;}
.sideItem .act .sub5,.sideItem .sub5:hover { background-position:36px -341px;}
.sideItem .act .sub6,.sideItem .sub6:hover { background-position:36px -401px;}
.sideItem .act .sub7,.sideItem .sub7:hover { background-position:36px -461px;}
.sideItem .act .sub8,.sideItem .sub8:hover { background-position:36px -521px;}
.sideItem .act .sub9,.sideItem .sub9:hover { background-position:36px -1062px;}
.sideItem .act .sub10,.sideItem .sub10:hover { background-position:36px -1182px;}


/* portalCustom */
.portalCustom{width:620px; margin:30px auto;}
.portalSetting{float:left; width:240px;}
.portalTit{ margin:30px 0 5px 0; font:16px/26px Arial; color:#252525;}
.portalTit em{position:relative; margin:0 2px 0 -8px; color:#e32f35;}
.portalTit h3{display:inline; font:16px/26px "Microsoft Yahei",Arial;}
.portalText,.portalTextarea{display:block; width:228px; padding:5px; border:1px solid #a6a6a6; font:12px/20px Arial; color:#666; outline:0 none;}
.portalText{height:20px;}
.portalTextarea{height:80px; resize:none;}
.portalTips,.portalSubmitTips{font:12px/22px "Microsoft Yahei",Arial;  color:#898989;}
.portalTips .leftWords{float:right;}
.portalTips .tipsWords,.portalSubmitTips{color:#e32f35;}
.templateSelect label{display:block; margin-bottom:10px; cursor:pointer;}
.templateSelect input{margin:0 15px 0 0;}
.portalCustomSubmit{margin:30px 0 2px 0; text-align:center;}

.portalPreview{float:left; display:inline; width:210px; overflow:hidden; margin-left:140px;}
.previewBox{position:relative; *zoom:1; width:210px; height:394px; overflow:hidden; background-position:0 -235px;}
.previewListBox,.previewList,.previewList li{width:189px; height:316px; overflow:hidden;}
.previewListBox{position:absolute; left:11px; top:38px;}
.previewList{position:absolute; left:0; top:36px;}
.previewList li{float:left; position:relative; *zoom:1; height:256px; background-position:-11px -74px;}
.previewList .previewSub{position:absolute; left:0; top:0; width:189px; height:111px; overflow:hidden; font:12px/22px Arial; color:#fff;}
.previewList .previewSub h4{height:22px; padding-top:10px; margin:0 10px; overflow:hidden; font-size:14px; word-break:break-all;}
.previewList .previewSub p{height:72px; margin:0 10px; overflow:hidden; line-height:18px; word-break:break-all;}

.msgNumber { margin:20px 0; font:16px/26px Arial; color:#252525;}

.mainMsgStep .previewList .previewSub{top:17px;}

	/* msgPortal */
	.msgPortal .previewListBox{top:52px; height:302px; background-color:#fff; background-position:0 -822px;}
	.msgPortal .previewSub{top:5px; width:176px; background:rgba(0,0,0,0.7);}
	.msgPortal .previewList{top:0;}
	.msgPortal .previewList li{height:230px;}

/* 输入框默认浅色提示文字 */
.defaultText{color:#999;}

/* 三套模板对应背景设置 */
.portalStyle1 .previewSub{background-position:-211px 0;}
.portalStyle2 .previewSub{background-position:-211px -112px;}
.portalStyle3 .previewSub{background-position:-211px -224px;}


/* verifyOperate */
.verifyOperate { text-align:center;}


/* mainHeadline */
.mainHeadline { width:900px; padding:0 15px; margin:15px auto; border-bottom:1px solid #ccc;}
.mainHeadline .titleTab{ float:left; font:16px/38px Arial;}
.mainHeadline .titleTab span,.mainHeadline .titleTab a{ float:left; padding:0 15px 3px 15px; cursor:pointer; color:#555;}
.mainHeadline .titleTab a:hover { text-decoration:none;}
.mainHeadline .titleTab .act{ padding:0 15px; border-bottom:3px solid #57b2ed; font-weight:bold;}

/* mainCont */
.mainCont { width:900px; margin:0 auto 30px auto;}

/* msgProgressBox */
.msgProgressBox { width:444px; margin:10px auto;}
.msgProgressBox .msgStep{ display:block; position:relative; *zoom:1; width:372px; height:6px; margin:0 auto 10px auto; background:#e1e1e1;}
.msgProgressBox .msgStep .msgStepBar{display:block; width:0; height:6px; background:#0799ec;}
.msgProgressBox .msgStep em{ position:absolute; top:50%; width:20px; height:20px; overflow:hidden; margin-top:-10px; background-position:-95px 0;}
.msgProgressBox .msgStep .step1{ left:0;}
.msgProgressBox .msgStep .step2{ left:50%; margin-left:-10px;}
.msgProgressBox .msgStep .step3{ right:0;}
.msgStep1 .msgStep .step1,.msgStep2 .msgStep .step1,.msgStep2 .msgStep .step2,.msgStep3 .msgStep em{background-position:-74px 0;}
.msgProgressBox .msgInfo span{ display:inline; width:84px; height:20px; padding-top:4px; overflow:hidden; font:12px/20px Arial; color:#898989; text-align:center; background-position:-201px 0;}
.msgProgressBox .msgInfo .info1{float:left; margin-left:4px;}
.msgProgressBox .msgInfo .info2{float:left; margin-left:92px;}
.msgProgressBox .msgInfo .info3{float:right; margin-right:4px;}
.msgStep1 .msgInfo .info1,.msgStep2 .msgInfo .info2,.msgStep3 .msgInfo .info3 { color:#252525; background-position:-116px 0;}
.msgStep2 .msgStep .msgStepBar{ width:50%;}
.msgStep3 .msgStep .msgStepBar{ width:100%;}
.mainMsgStep { display:none;}

/* tipsBox */
.tipsBox { border:1px solid #a5d4f3; background:#e4f2fb;}
.tipsBox .headline{ border-bottom:1px solid #c5e4f9;}
.tipsBox .headline h3{ font:bold 14px/30px Arial; color:#000; text-align:center;}
.tipsBox .headline .arrBtn{ float:right; display:inline; width:14px; height:14px; margin:8px 8px 0 0; cursor:pointer;}
.tipsBox .tipsCont{ margin:5px 14px; font:12px/22px Arial; color:#464646;}
.tipsError { border-color:#e9e3a4; background:#f3eeb9;}
.tipsError .headline{ border-color:#e9e3a4;}
.tipsError .headline h3{ color:#a29439;}
.tipsError .tipsCont{ color:#b5a748;}



/* watchModule */
.watchModule .headline{ border:1px solid #43a5e4; border-radius:4px 4px 0 0; background:#57b2ed;}
.watchModule .headline h3{ width:60%; margin:0 auto; font:bold 16px/44px Arial; color:#fff; text-align:center;}
.watchModule .headline .arrBtn{ float:right; display:inline; width:20px; height:20px; margin:12px 12px 0 0; cursor:pointer;}
.watchModule .watchCont{ border:1px solid #ebebeb; border-top:0 none; background:#fff;}

/* homeWatch */
.homeWatch { width:930px; margin-left:-30px;}
.homeWatch .watchWifi{ margin-top:-44px;}
.homeWatch .watchModule{ float:left; display:inline; width:280px; margin-left:30px;}
.homeWatch .watchCont{ height:185px; overflow:hidden;}
.homeWatch .wifiData{ font:16px/26px Arial; color:#555; text-align:center;}

/* goDataWatch */
.goDataWatch { float:right; display:inline; height:26px; margin:10px 28px 0 0; font:12px/26px Ariakl; color:#fff; text-align:center;}
.goDataWatch:hover { text-decoration:none; color:#fff;}

/* systemBaseInfo */
.systemBaseInfo { padding:20px 34px; background:#fff; font:14px/24px Arial; color:#252525; border:1px solid #ebebeb; border-radius:4px;}

/* APList */
.APList { float:left; width:448px; margin:20px 0;}
.APList h4{ width:370px; margin:0 auto; font:16px/26px "Microsoft Yahei",Arial; color:#252525;}
.APList table{ width:370px; margin:0 auto; border-collapse: collapse; border:1px solid #ccc; text-align:center; vertical-align:middle;}
.APList table td { padding-left:15px; text-align:left; border:1px solid #ebebeb; font:12px/22px Arial; color:#555;}
.APList .tit{ width:114px;}
.APList .data{ }
.APList .normal{ color:#529743;}
.APList .trouble{  color:#d3282b;}
.APList .trouble span{ padding-left:25px; background-position:-331px -271px;}

/* APListSet */
.APListSet { float:left; width:100%; border-bottom:1px dashed #ccc;}
.APListSet h3{ padding:0 20px; margin-top:10px; font:bold 16px/26px "Microsoft Yahei",Arial; color:#333;}
.APListSet .APList{ margin:10px 0;}

/* bwListBox */
.bwListBox .headline{ position:relative; *zoom:1;}
.bwListBox .headline .backBtn4{ float:right;}
.bwListBox .headline .bwTabs{ float:left;}
.bwListBox .headline .backBtn4{margin-top:0;}
.bwListBox .bwTabs{border-left:1px solid #ccc;}
.bwListBox .bwTabs li{ float:left; padding:0 40px; cursor:pointer; font:14px/38px Arial; color:#000; border:1px solid #ccc; border-left:0 none; background:#ebebeb;}
.bwListBox .bwTabs .act { background:#fff; border-bottom-color:#fff;}
.bwListBox .bwTab {border:1px solid #ccc; background:#fff; margin-top:-1px;}
.bwListBox .bwTab .bwList { display:none; overflow:hidden;}
.bwListBox .bwTab .act { display:block;}
.bwListBox .bwList li:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;}
.bwListBox .bwList li{*zoom:1; height:39px; padding:0 15px; margin:-1px 15px 0 15px; font:14px/38px Arial; color:#000; border-top:1px solid #ebebeb;}
.bwListBox .bwList .delete{ float:right; font:14px/38px Arial; color:#2371b7;}

/* bwPopBox */
.bwPopBox { display:none; position:fixed; left:50%; top:50%; width:315px; padding:6px; margin:-90px 0 0 -163px; background:rgba(0,0,0,0.2); }
.bwPopBox .addMacAddress,.bwPopBox .deleteMacAddress{ height:143px; padding:10px 25px; background:#edf2f4;}
.bwPopBox p{ font:14px/24px Arial; color:#252525;}
.bwPopBox .addMacAddress p{padding-top:10px;}
.bwPopBox .deleteMacAddress p{padding:35px 0 20px 0;}
.bwPopBox input{ display:block; width:252px; height:20px; padding:5px; margin:10px 0; border:1px solid #a6a6a6; font:12px/20px Arial; color:#333;}
.bwPopBox .operate{ text-align:center;}
.bwPopBox .operate a{ margin:10px;}

/* behavioralList */
.behavioralList .behavioralSub{ position:relative; *zoom:1; min-height:24px; _height:24px; padding:10px 10px 10px 165px; margin-top:10px; background:#fff; border:1px solid #ebebeb; border-radius:4px; font:14px/24px Arial; color:#555;}
.behavioralList .behavioralSub label{ cursor:pointer;}
.behavioralList .title{ position:absolute; left:10px; top:10px; font-weight:bold;}
.behavioralList .title input { margin:-2px 10px 0 0;}
.behavioralList span{ display:block;}
.behavioralList select{ padding:2px; margin:0 10px 0 0;}
.behavioralList .behavioralTime{ padding:2px;}

/* behavioralList  */
.behavioralList .free-exper,.behavioralList .multi-code{ width:240px; height:100px; padding:5px; margin-top:5px; font:12px/22px Arial; color:#333; border:1px solid #ccc;}
.behavioralList .exper-time{ width:30px; height:14px; padding:2px 0; margin:0 5px; font:12px/14px Arial; color:#333; text-align:center;}
.behavioralList .multi-accounts{ font:14px/24px Arial; color:#333;}
.behavioralList .multi-accounts input{ margin:-2px 5px 0 0;}
.behavioralList .bwList{ margin-right:300px;}
.behavioralList .bwList a{ float:right;}
.behavioralList { }
.behavioralList { }

/* msgList */
.msgList { border-collapse: collapse; border:1px solid #ccc; text-align:center; vertical-align:middle;}
.msgList td { padding:5px 0; font:12px/22px Arial; color:#252525; border:1px solid #ccc;}
.msgList .time{ width:126px;}
.msgList .title{ width:229px; font:bold 14px/22px Arial;}
.msgList .details{ padding:5px 28px; text-align:left;}

/* flowSetting */
.flowSetting li { position: relative; *zoom: 1; padding-left: 135px; margin-bottom:18px;}
.flowSetting li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.flowSetting .tit { position: absolute; left: 0; top: 0; width: 135px; font: 16px/32px Arial; color: #252525; text-align: right; }
.flowSetting li input { float: left; width: 176px; height: 22px; padding: 5px; margin-right:10px; font:12px/22px Arial; color:#252525; outline:0 none; text-align:right; background:#fff; border:1px solid #a6a6a6;}
.flowSetting li .disEditor { background:#edf2f4;}
.flowSetting span { float:left; font:12px/32px Arial; color:#959595;}

/* flowDetails */
.flowDetails h4{ padding:10px; font:16px/26px Arial; color:#555;}
.flowList { width:100%; border-collapse: collapse; border:1px solid #ccc; text-align:center; vertical-align:middle; font:12px/20px Arial; color:#555;}
.flowList td{ padding:10px 0; border:1px solid #ccc; background:#fff;}
.flowList thead td{ background:#f1f1f1; font-size:14px;}
.flowList strong{ cursor:pointer; color:#017fd6;}
.flowList .col1{ font-weight:bold;}
.flowList thead .col1 { font-weight:normal;}
.flowList .col2{ width:148px;}
.flowList .col3{ width:148px;}
.flowList .col4{ width:148px;}
.flowList .col5{ width:132px;}

/* feedbackEditor */
.feedbackEditor { display:none; margin:0 30px; padding:20px 0;}
.feedbackEditor textarea{ display:block; width:826px; height:46px; padding:5px; margin-bottom:10px; font:12px/22px Arial; color:#333; background:#fbfbfb; border:1px solid #a6a6a6;}
.feedbackEditor .defaultText{ color:#acacac;}

/* feedbckList */
.feedbckList { display:none; padding:20px 30px; border-top:1px solid #e1e1e1;}
.feedbckList dt{ margin-bottom:5px; font:14px/24px Arial; color:#252525;}
.feedbckList dd{ margin-bottom:5px; font:12px/22px Arial; color:#555;}

/* QAList */
.QAList{ display:none; padding:10px 20px;}
.QAList li { padding:5px 0;}
.QAList .subTitle{ font:14px/24px Arial; color:#1c79d5;}
.QAList .act .subTitle { font-weight:bold;}
.QAList .act .subTitle:hover { color:#1c79d5!important;}
.QAList .QADetails{ display:none; position:relative; *zoom:1; margin-top:10px;}
.QAList .QADetails .trigon{ position:absolute; left:10px; top:-7px; width:13px; height:8px; overflow:hidden; background-position:-334px 0;}
.QAList .QADetails dl{ padding:0 10px 10px 10px; border:1px solid #e3e4d1; background:#f9fbe0; font:14px/24px Arial; color:#263448;}
.QAList .QADetails dt{ margin:10px 0 4px 0; font-weight:bold;}
.QAList .act .QADetails{ display:block;}

.feedbackAct{display:block;}

/* image btn */
.arrClose { background-position:-44px 0;}
.tipsError .arrClose { background-position:-59px 0;}
.watchModule .headline .operate { background-position:0 0;}


/* msgVerify */
.msgVerify{position:relative; *zoom:1; width:210px; height:394px; margin:30px auto; background-position:0 -235px;}
.msgVerify .details{position:absolute; left:-69px; top:99px; width:239px; height:140px; padding:18px 20px 0 90px; background-position:0 -630px; font:14px/24px Arial; color:#e1e1e1; word-break:break-all;}
.msgVerify .details h4{font:16px/26px Arial; color:#fff;}

/* msgReportBox */
.msgReportBox{text-align:center;}
.msgReportBox .reportInfo{display:inline-block; padding-left:50px; font:18px/34px Arial; color:#252525; background-position:-316px -294px;}
.msgReportBox .reportError{background-position:-316px -329px;}

/* passwordList */
.passwordList li{position:relative; *zoom:1; padding-left:168px; margin-bottom:18px;}
.passwordList li:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0}
.passwordList .tit{position:absolute; left:0; top:0; width:168px; font:16px/32px Arial; color:#252525; text-align:right;}
.passwordList input{float:left; width:200px; height:22px; padding:5px; margin-right:10px; border:1px solid #a6a6a6; font:12px/22px Arial; color:#333;}
.passwordList select{width:100px; height:30px; padding:5px; margin-right:10px; border:1px solid #a6a6a6; font:12px/22px Arial; color:#333;}
.passwordList span{float:left; font:12px/32px Arial; color:#959595;}

/* backBtn */
.backBtn1, .backBtn1 span, .backBtn2, .backBtn2 span, .backBtn3, .backBtn3 span, .backBtn4, .backBtn4 span,.backBtn5,.backBtn5 span,.backBtn7, .backBtn7 span,.backBtn8, .backBtn8 span { display:inline-block; color:#fff; cursor:pointer;}
.backBtn1, .backBtn2, .backBtn3, .backBtn4,.backBtn5,.backBtn7,.backBtn8 { padding-right:5px; margin:10px 10px 0 0;}
.backBtn1:hover, .backBtn2:hover, .backBtn3:hover, .backBtn4:hover,.backBtn5:hover,.backBtn7:hover,.backBtn8:hover{ text-decoration:none;}
.backBtn1 span, .backBtn2 span, .backBtn3 span, .backBtn4 span,.backBtn5 span,.backBtn7 span,.backBtn8 span {}
.backBtn1, .backBtn1 span, .backBtn2, .backBtn2 span { }
.backBtn1 span,.backBtn2 span{height:48px; font:20px/48px "Microsoft Yahei",Arial;}
.backBtn3, .backBtn3 span, .backBtn4, .backBtn4 span { height:34px; font:16px/34px "Microsoft Yahei",Arial;}
.backBtn5,.backBtn5 span{height:26px; font:12px/26px Arial;}
.backBtn7, .backBtn7 span, .backBtn8, .backBtn8 span { height:20px; font:12px/20px Arial;}
.backBtn1 { background-position:right -67px;}
.backBtn1 span{ padding:0 65px 0 70px; background-position:0 -67px;}
.backBtn2 { background-position:right -116px;}
.backBtn2 span{ padding:0 65px 0 70px; background-position:0 -116px; color:#252525;}
.backBtn3 { background-position:right -165px;}
.backBtn3 span{ padding:0 30px 0 35px; background-position:0 -165px;}
.backBtn4 { background-position:right -200px;}
.backBtn4 span{ padding:0 30px 0 35px; background-position:0 -200px; color:#252525;}
.backBtn5{ background-position:right -40px;}
.backBtn5 span{ padding:0 10px 0 15px; background-position:0 -40px;}
.backBtn7{ background-position:right -1501px;}
.backBtn7 span{ padding:0 10px 0 15px; background-position:0 -1501px;}
.backBtn8{ background-position:right -1522px;}
.backBtn8 span { padding: 0 10px 0 15px; background-position: 0 -1522px; color: #252525; }

/* login */
.loginBox { position:absolute; left:50%; top:20%; width:742px; margin:0 0 0 -370px;}
.login{ width:742px; height:169px; padding-top:244px; overflow:hidden; text-align:center;}
.login .loginArea { padding:40px 0 0 144px;}
.login .loginArea label{ float:left; position:relative; *zoom:1; margin-top:5px; cursor:pointer; font:24px/46px "Microsoft Yahei",Arial; color:#000;}
.login .loginArea input { float:left; display:inline; width:190px; height:32px; padding:5px; margin-left:10px; outline:0 none; border:2px solid #1b69cb; background:#fff; border-radius:6px;}
.login .loginArea span{ float:left; display:inline; }
.login .loginArea .loginBtn { width:120px; height:56px; overflow:hidden; margin-left:5px; cursor:pointer;}
.login .loginTips { margin-top:17px; font:14px/1.5 Arial; color:#f82442; text-align:center;}
.login .loginTips span{ position:relative; padding-left:22px;}
.login .loginTips .tipsIco{ position:absolute; left:0; top:50%; width:16px; height:16px; overflow:hidden; margin-top:-8px; background-position:-334px -365px;}
.basicInfo { font:14px/1.5 Arial; color:#fff; text-align:center;}
.loginReport{ position:absolute; left:135px; top:-30px; font:14px/30px Arial; color:red;}

/* pushMsgText */
.pushMsgText{padding-top:20px; margin:0 30px; font:12px/22px Arial; color:#555;}
.pushMsgText .highLight{font-size:14px; color:#529743;}
.pushMsgText .nowGo{margin:5px 0; font:bold 16px/26px "Simsun",Arial; color:#017fd6; text-align:center;}
.pushMsgText .nowGo a{color:#017fd6;}

/* pushMsgNum */
.pushMsgNum{ font:12px/60px Arial; color:#555; text-align:center;}
.pushMsgNum .pushMsgCount li{float:left; width:50%; margin-left:-1px; border-left:1px solid #ebebeb;}
.pushMsgNum p{ border-top:1px solid #ebebeb; }
.pushMsgNum span{vertical-align:bottom;}
.pushMsgNum span em{margin:0 4px; font-size:36px; color:#529743; vertical-align:-3px;}
.pushMsgNum a{ font-size:16px; font-family:Simsun,Arial; font-weight:bold; color:#0799ec;}

/* giftBagList */
.giftBagList{width:820px; margin:0 auto; border-collapse: collapse; border:1px solid #ccc; text-align:center; vertical-align:middle; font:12px/22px Arial; color:#555;}
.giftBagList td{ padding:3px 20px; border:1px solid #ccc; text-align:left; word-break:break-all;}
.giftBagList .tit{width:130px;}

/* pageList */
.pageList { padding:10px; text-align:right;}
.pageList a{ display:inline-block; padding:0 5px; margin:0 4px; font:12px/24px Arial; color:#fff; background:#6bc4fd;}
.pageList a:hover { text-decoration:none; background:#3bb0fc;}
.pageList .pageNo,.pageList .pageNo:hover{ background:#c8c9ca; cursor:default;}

/* popApRegister */
.popApRegister { position:fixed; left:50%; top:20%; z-index:11; padding:10px; margin-left:-130px; background:#fff; border:1px solid #ccc;}
.popApRegister .tit { float:left; width:100px; font:14px/24px Arial; color:#333; text-align:right;}
.popApRegister .text{ float:left; width:120px; height:12px; padding:5px; font:12px/12px Arial; color:#333;}
.popApRegister .clearfix{ padding:5px 0;}
.popApRegister .submitBox{ padding:10px 0; text-align:center;}
.popApRegister .submitBtn{ display:inline-block; padding:5px 10px;}

/* popShade */
.popShade { position:fixed; left:0; top:0; z-index:10; width:100%; height:100%; background:#000; opacity:0.2; filter:alpha(opacity=20);}

/* textNotAllow */
.textNotAllow { background:#ECECEC!important; cursor:default;}

/* placePublicity 20131205 caizx */
.placePublicity { position:relative; *zoom:1;}
.placePublicity h3{ margin-top:20px; font:16px/26px Arial; color:#252525;}
.placePublicity .placeSelect{ width:300px; padding:4px 2px; margin-top:10px;}
.placePublicity .picList{ padding:10px 0;}
.placePublicity .picList li{ float:left; position:relative; *zoom:1; display:inline; width:88px; height:74px; overflow:hidden; margin-right:10px; border:1px solid #bababa; background-position:-189px -788px; background-color:#fff; cursor:pointer;}
.placePublicity .picList i{ display:none; position:absolute; left:0; top:0; width:88px; height:74px; background:rgba(0,0,0,0.5); text-align:center; font:14px/74px Arial; color:#e0e0e0;}
.placePublicity .picList img{ vertical-align:top;}
.placePublicity .tips{ font:12px/22px Arial; color:#898989;}
.placePublicity .mainCrop{ }
.placePublicity .mainCrop .mainPic{ float:left; width:310px; height:205px; overflow:hidden; border:1px solid #ccc;}
.placePublicity .mainCrop .cropBtn{ float:left; display:inline; margin-left:10px;}
.placePublicity .mainCrop{ }
.placePublicity .operate{ padding:20px 0 20px 60px;}
.placePublicity .appPreview{ position:absolute; right:86px; top:40px; width:209px; height:394px; background-position:0 -1105px;}
.placePublicity .appPreview h4{ position:absolute; left:17px; top:70px; z-index:3; width:150px; padding:0 5px; background:rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#80000000,endcolorstr=#80000000,gradientType=1); font:10px/22px Arial; color:#fff;}
.placePublicity .appPreview .placePreview{ position:absolute; left:15px; top:68px; z-index:2; width:180px; height:116px; overflow:hidden;}

/* portal-set */
.portal-set { position:relative; *zoom:1;}
.portal-set-head {  border:1px solid #ccc; border-bottom:0 none; background:#fff; }
.portal-set-tabs { float:left; overflow:hidden;}
.portal-set-tabs li{ float:left; padding:5px 15px; margin-left:-1px; font:14px/24px Arial; color:#333; border-left:1px solid #ccc; cursor:pointer;}
.portal-set-tabs li:hover,.portal-set-tabs .act{ background:#e0e0e0;}
.portal-set-tabs .act { font-weight:bold;}
.portal-set-main { min-height:500px; _height:500px; padding:10px 15px; border:1px solid #ccc; background:#fff;}
.sub-portal-tab { display:none; position:relative; *zoom:1; width:500px; }
.portal-set-main .act { display:block;}
.sub-portal-tab .title-setting { position:relative; z-index:2;}
.sub-portal-tab .title-setting li{ float:left; position:relative; *zoom:1; width:100%; padding:10px 0; font:12px/22px Arial; color:#333;}
.sub-portal-tab .title-setting .tit{ float:left; width:50px; text-align:left;}
.sub-portal-tab .title-setting .text{ float:left; width:200px; height:14px; padding:2px 5px; font:12px/14px Arial; color:#333;}
.sub-portal-tab .main-operate { text-align:right;}
.sub-portal-tab .title-setting .ico-setting{ }
.sub-portal-tab .title-setting .pic{ position:relative; *zoom:1; display:inline-block; width:50px; height:46px;}
.sub-portal-tab .title-setting .pic-tit { position:absolute; left:0; bottom:2px; width:100%; font:10px/14px Arial; color:#fff; text-align:center;}
.sub-portal-tab .title-setting .pic-change { display:none; position:absolute; left:0; top:0; width:100%; height:100%; font:12px/46px Arial; text-align:center; color:#e0e0e0; background:#000; opacity:0.7; filter:alpha(opacity=70); cursor:pointer;}
.sub-portal-tab .title-setting .pic-list { display:none; position:absolute; left:34px; top:60px; z-index:5; width:361px; padding:5px 10px 10px 15px; border:1px solid #ccc; background:#fff;}
.sub-portal-tab .title-setting .close-btn{ position:absolute; right:2px; top:2px; padding:2px 5px; font:12px/14px Arial; color:#333; cursor:pointer;}
.sub-portal-tab .title-setting .close-btn:hover { background:#333; color:#fff;}
.sub-portal-tab .pic-list .pic { float:left; margin:10px 10px 0 0; cursor:pointer; opacity:0.7; filter:alpha(opacity=70);}
.sub-portal-tab .pic-list .pic:hover,.sub-portal-tab .pic-list .act{ opacity:1; filter:alpha(opacity=100);}
.sub-portal-tab .title-setting .pic1{ background-position:0 0;}
.sub-portal-tab .title-setting .pic2{ background-position:0 -47px;}
.sub-portal-tab .title-setting .pic3{ background-position:0 -94px;}
.sub-portal-tab .title-setting .pic4{ background-position:0 -141px;}
.sub-portal-tab .title-setting .pic5{ background-position:0 -188px;}
.sub-portal-tab .title-setting .pic6{ background-position:0 -235px;}
.sub-portal-tab .title-setting .pic7{ background-position:0 -282px;}
.sub-portal-tab .title-setting .pic8{ background-position:0 -329px;}
.sub-portal-tab .title-setting .pic9{ background-position:0 -376px;}
.sub-portal-tab .title-setting .pic10{ background-position:0 -423px;}
.sub-portal-tab .title-setting .pic11{ background-position:0 -470px;}
.sub-portal-tab .title-setting .pic12{ background-position:0 -517px;}
.sub-portal-tab .title-setting .pic13{ background-position:0 -564px;}
.sub-portal-tab .title-setting .pic14{ background-position:0 -611px;}

/* focus-list */
.sub-portal-tab .focus-list { }
.sub-portal-tab .focus-list li{ float:left; position:relative; *zoom:1; width:140px; height:100px;  overflow:hidden; margin:15px 24px 0 0; border:1px solid #ccc;}
.sub-portal-tab .focus-list label{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; opacity:0; filter:alpha(opacity=0);}
.sub-portal-tab .focus-list input{ position:absolute; right:0; top:0; font-size:100px; cursor:pointer; opacity:0; filter:alpha(opacity:0); }
.sub-portal-tab .focus-list img{ width:100%; height:100%; vertical-align:top;}
.sub-portal-tab .focus-list i { display:none; position:absolute; left:0; top:0; width:100%; height:100%; font:12px/100px Arial; text-align:center; color:#e0e0e0; background:#000; opacity:0.7; filter:alpha(opacity=70); cursor:pointer; }
.sub-portal-tab .focus-tips{ margin-top:10px; font:12px/22px Arial; color:#333;}

/* teletext-list */
.sub-portal-tab .teletext-list{position: relative; z-index:1;}
.sub-portal-tab .teletext-list li { position: relative; *zoom: 1; min-height: 110px; height: 110px; padding: 10px 120px; border-bottom: 1px solid #ccc; }
.sub-portal-tab .teletext-list .pic { position: absolute; left: 0; top: 16px; width: 100px; height: 90px; overflow: hidden; border: 1px solid #ccc; }
.sub-portal-tab .teletext-list .pic label { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0; filter: alpha(opacity=0); }
.sub-portal-tab .teletext-list .pic input{ width:100%; height:100%; cursor:pointer; }
.sub-portal-tab .teletext-list .pic img { width: 100%; height: 100%; vertical-align: top; }
.sub-portal-tab .teletext-list .pic i { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; font: 12px/90px Arial; text-align: center; color: #e0e0e0; background: #000; opacity: 0.7; filter: alpha(opacity=70); cursor: pointer; }
.sub-portal-tab .teletext-list .operate { position: absolute; right: 10px; top: 9px; width: 70px; }
.sub-portal-tab .teletext-list .operate a { margin-top: 5px; }
.sub-portal-tab .teletext-list .text-area, .sub-portal-tab .teletext-list .text-area-tips { position: absolute; left: 118px; top: 16px; z-index: 2; width: 270px; height: 80px; padding: 5px; cursor: text; font: 12px/20px Arial; color: #333; }
.sub-portal-tab .teletext-list .text-area { border: 1px solid #ccc; }
.sub-portal-tab .teletext-list .text-area-tips { z-index: 3; color: #999; }

/* photo-list */
.sub-portal-tab .photo-list li{ float:left; position:relative; *zoom:1; width:110px; height:110px;  overflow:hidden; margin:10px 10px 0 0; border:1px solid #ccc;}
.sub-portal-tab .photo-list label{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; opacity:0; filter:alpha(opacity=0);}
.sub-portal-tab .photo-list input{ width:100%; height:100%; cursor:pointer; }
.sub-portal-tab .photo-list img{ width:100%; height:100%; vertical-align:top;}
.sub-portal-tab .photo-list i { display:none; position:absolute; left:0; top:0; width:100%; height:100%; font:12px/110px Arial; text-align:center; color:#e0e0e0; background:#000; opacity:0.7; filter:alpha(opacity=70); cursor:pointer; }

/* portal-set-preview */
.portal-set-preview { display:none; position:absolute; right:50px; top:50px; width:320px; min-height:500px; height:500px; background:#f2f2f2; text-align:center; line-height:500px;}

.flowSettingH li{float: left; width:300px;}
