/*weixin*/
.mgt15 { margin-top: 15px;}
.mgt20 { margin-top: 20px !important;}
.pd10 { padding: 10px !important;}
.mt10 { margin-top: 10px;}
.mb10 { margin-bottom: 10px;}
.mgl90 { margin-left: 90px;}
.mgb10 { margin-bottom: 10px;}
.pd5_0 { padding: 5px 0 !important;}
.tc { text-align: center;}
#diy-phone { float: left; width: 345px; border: 1px solid #ccc; border-radius: 15px;background: #fff;}
.diy-phone-receiver, .diy-phone-title, .diy-phone-footer { display: block; margin: 0 auto; background: url(diy_phone_modules.png) no-repeat;}
.diy-phone-receiver { margin: 13px auto;width: 98px;height: 34px;background-position: 0 -74px;}
.diy-phone-title { width: 320px;height: 32px;padding-top: 32px;background-position: 0 0;color: #fff;font-size: 18px;text-align: center;overflow: hidden;border: 1px solid #22292C;border-bottom: 0;cursor: pointer;}
.diy-phone-title.pt0{padding-top:0;}
.diy-phone-footer { margin: 10px auto; width: 62px;height: 61px; background-position: -253px -70px;}
.diy-phone-contain { margin: 0 auto; width: 320px;min-height: 400px;background-color: #F9F9F9;border: 1px solid #ccc;overflow: hidden;}
#diy-ctrl { width:554px;float:left;margin-left:40px; border: 1px solid #e7e7eb;background-color: #f4f5f9;padding: 30px 4px 16px 12px;border-radius: 4px;}
.clearfix:after,.formitems:after{content:" ";clear:both;visibility:hidden;}
.fi-help-text,.fi-name,.formitems{display:block;}
.formitems{line-height:20px;padding:0 0 8px;}
.clearfix:after,.fi-imgslist:after,.formitems:after{display:block;height:0;}
.fi-name{line-height:28px;font-weight:700;}
.formitems .fi-name{width:110px;text-align:left;color:#333;}
.fi-text{margin-right:5px;}
.formitems legend{padding:20px 0 10px 10px;font-weight:700;}
.checkbox-group,.radio-group{display:inline-block;margin-right:5px;padding-top:5px;}
.checkbox-group label,.radio-group label{line-height:20px;margin-right:20px;cursor:pointer;}
.checkbox-group input,.formitems input[type=radio],.formitems input[type=checkbox],.radio-group input,.tables-form input[type=radio],.tables-form input[type=checkbox],.tables-searchbox input[type=radio],.tables-searchbox input[type=checkbox],.wxtables input[type=radio],.wxtables input[type=checkbox],input.checkbox,input.radio{width:auto;border:none;box-shadow:none;background:0 0;margin:0 2px 0 0;cursor:pointer}
.checkbox-group input,.radio-group input,input.checkbox,input.radio{vertical-align:-2px;}
.radio-group a{background:#fff;}
.fi-requisite{color:red;}
.fi-help-text{font-size:12px;color:#666;}
.ptrd_box input{ display:inline-block; margin-top:-10px; display:none;}
.ptrd_box span{ width:60px; min-height:44px; display:inline-block; text-align:center;}
.ptrd_box .pt_ico{width:50px; height:44px; background:url(icon_big.png) no-repeat; display:inline-block; margin-bottom:-6px;}
.ptrd_box .wenb{background-position: -210px -46px;}
.ptrd_box .wenb.act{background-position: -210px 0 !important;}
.ptrd_box .wenb:hover{background-position: -210px 0;}
.ptrd_box .onewenb{background-position: -260px -46px;}
.ptrd_box .onewenb.act{background-position: -260px 0 !important;}
.ptrd_box .onewenb:hover{background-position: -260px 0;}
.ptrd_box .morewenb{background-position: -310px -46px;}
.ptrd_box .morewenb.act{background-position: -310px 0 !important;}
.ptrd_box .morewenb:hover{background-position: -310px 0;}

.panel_border{border: 1px solid #ddd;}
.materialPrePanel { margin-left: auto; margin-right: auto; width: 290px; overflow: hidden;}
.border { border: 1px solid #ddd;}
.bgcfff { background-color: #fff;}
.materialPrePanel li { padding: 0px; background-color: #fff;}
.single-summary { padding: 10px 0;line-height: 18px;color: #666;text-align:left;word-break: break-word;border: 1px solid #E7E7EB;font-size: 14px;}

.materialPrePanel li>a{ display: block; position: relative; min-height: 32px; text-align: center;}
.single-title { font-size: 16px; line-height: 22px;max-height: 46px;overflow: hidden;word-wrap: break-word;word-break: break-all;font-weight: normal;padding-top: 10px;color: #666;}
.single-datetime { padding: 10px 0;color: #999;}
.cover-wrap { width: 262px; height: 110px; overflow: hidden; border: 1px solid #ddd; margin: 0 auto;}
.materialPrePanel li .cover-wrap img { width: 262px; height: auto;}
.single-link { display: block; padding-top: 10px; border-top: 1px solid #ddd; color: #666!important; font-size: 14px;}
.single-link .symbol { font-family: simsun;}
.materialPrePanel li .first-p { width: 262px; height: auto; margin: 0 auto; border: 0; padding: 10px 5px;}
.materialPrePanel li .first-a { width: 262px; margin: 0 auto; padding: 10px 8px;}
.materialPrePanel li h2{position: absolute; bottom: 0; left: 0; display: block; width: 248px; color: #fff; background: rgba(0,0,0,.8);}
.materialPrePanel .dd h3{font-size: 15px; letter-spacing: 1px; padding-left: 0px; width: 200px; float: left; height: 46px; line-height: 21px; padding: 30px 0 0 5px; word-break: break-word; color: #8d8d8d; font-family: "微软雅黑"; overflow: hidden;}
.materialPrePanel li.dt .w262{width: 262px; left: 13px; padding-left: 2px;}
.materialPrePanel .dd{height: 112px; padding: 0; margin: 0; border-top: 1px solid #ddd; border: 0; position: relative; background-color: #fff;}
.materialPrePanel .dd:last-child{border-bottom: 0;}
.materialPrePanel .newWidth.dd{width: 262px; margin: 0 auto; padding: 0 13px 0; border-top: 1px solid #ddd;}
.materialPrePanel .newWidth.dd a{width: 100%; border: 0;}
.materialPrePanel .newWidth.dd h3{width: 175px; padding-left: 2px;}
.materialPrePanel .pic{overflow: hidden; width: 78px; height: 78px; float: right; padding-top: 13px;}
.materialPrePanel .dd img{width: 78px; height: 78px;}
.first-t, .first-d { margin: 0 auto; width: 262px;}
.ftsize{ width: 90%; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.form-controls input.xxlarge { width: 95%; margin-bottom: 6px; border-radius: 4px;}

.ng{width: 250px;border-radius: 5px;border: 1px solid #eee;background-color: #fff;margin-bottom: 5px;overflow: hidden;}
.ng .ng_item{border-bottom: 1px solid #eee;padding: 5px 9px;}
.ng .ng_item:first-child{padding-top: 14px;padding-bottom: 14px;}
.ng .ng_item .td_cont{margin-bottom: 0px;}
.ng .ng_item .td_cont.with_label{position: relative;padding-left: 46px;}
.ng .ng_item .td_cont > .label{position: absolute;top: 0px;left: 0px;}
.label{display: inline-block;margin: 3px 3px 3px 0;background: #333;padding: 1px 4px 2px;font-size: 10.998px;font-weight: bold;line-height: 13px;color: #ffffff;vertical-align: middle;
white-space: nowrap;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);background-color: #999999;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.label-success{background-color: #468847;}
.ng .ng_item .text{display: block !important;overflow: hidden !important;white-space: nowrap !important;text-overflow: ellipsis !important;line-height: 16px;min-height: 16px;}
.ng .ng_item .text a{color: #1C89D5;}
.ng .ng_item{border-bottom: 1px solid #eee;padding: 5px 9px;}
.ng .ng_item.view_more, .ng .ng_item.view_more a{color: #666;}
.ng .ng_item:last-child{margin-bottom: 0px;border-bottom: none;}
.ng .ng_item .td_cont{margin-bottom: 0px;}
.ng .ng_item.view_more, .ng .ng_item.view_more a{color: #666!important;}

.menu_notes { padding: 30px 80px;}
.frm_label { display: block; width: auto; margin-top: .3em; margin-right: 1em; font-size: 14px; margin-bottom: .5em;color:#000;}
.frm_input_box{display: inline-block; position: relative; height: 30px; line-height: 30px; vertical-align: middle; width: 278px; font-size: 14px; padding: 0 10px; border: 1px solid #e7e7eb; box-shadow: none; -moz-box-shadow: none; 
-webkit-box-shadow: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background-color: #fff;}
.frm_input{width: 100%;background-color: transparent;border: 0;outline: 0;height: 22px;margin: 4px 0;color: #222;font-family: inherit;font-size: 100%;padding: 0;}
.mask-area{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;filter: alpha(opacity = 75);-moz-opacity: .75;-khtml-opacity: .75;opacity: .75;background-color: #000;z-index: 9998;}
.mobile_preview{position: fixed;display: none;top: 50%;left: 50%;width: 327px;margin-top: -425px;margin-left: -161px;z-index: 9999;background: transparent url(bg_mobile.png) no-repeat 0 0;}
.mobile_preview_hd{height: 150px;text-align: center;}
.mobile_preview_hd .nickname{display: inline-block; font-weight: 400; padding-top: 120px; width: 122px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; font-size: 14px; color: #fff;}
.mobile_preview_bd{position: relative; height: 393px; margin-left: 40px; margin-right: 28px; overflow-y: scroll;}
.show_list{padding-right: 1em;}
.mobile_preview_ft{height: 152px;}
.size1of3{width: 33.33%;}
.pre_menu_list { margin-left: 65px; margin-right: 36px;}
.pre_menu_item{position: relative;float: left;line-height: 38px;text-align: center;background: transparent url(bg_menu_split.png) no-repeat 5px 17px;}
.pre_menu_item a{ display: block;width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;font-size:14px;color: #616161;text-decoration: none; border-left: 1px solid #e7e7eb;}
.sub_pre_menu_box{ display:none;position: absolute;bottom: 50px;left: 0;width: 100%; border: 1px solid #d0d0d0;background-color: #fff;}
.sub_pre_menu_list li{line-height: 30px;}
.sub_pre_menu_list li a{padding: 0 .5em;}
.sub_pre_menu_box .arrows{position: absolute;left: 50%;margin-left: -6px;}
.sub_pre_menu_box .arrows_in, .sub_pre_menu_box .arrows_out{display: inline-block;width: 0;height: 0;border-width: 6px;border-style: dashed;border-color: transparent;border-bottom-width: 0;border-top-style: solid;}
.sub_pre_menu_box .arrows_in { bottom: -5px; border-top-color: #fafafa;}
.sub_pre_menu_box .arrows_out{bottom: -6px; border-top-color: #d0d0d0;}
.sub_pre_menu_box.cur { display: block;}
.sub_pre_menu_list li a:hover { color: #333;}
.mobile_preview_closed{position: absolute; left: 112px; min-width: 60px; background-color: #fff; border-color: #e7e7eb; color: #222!important;display: inline-block; overflow: visible; padding: 0 22px; height: 30px; line-height: 30px; vertical-align: middle; 
text-align: center; text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 14px; border-width: 1px; border-style: solid; cursor: pointer; outline: 0;}
.mobile_preview_closed:hover{ background-color: #e7e7eb; border-color: #dadbe0;box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;color: #222; text-decoration: none;}

.tooltips{position:absolute;top:20px;left:20px;padding:6px 10px 5px;line-height:16px;color:#000;font-size:12px;background-color:#fff;border:2px solid #1C89D5;border-radius:4px;z-index:11;box-shadow:0 0 7px 2px rgba(0,0,0,.2)}
.tooltips-arrow{position:absolute;overflow:hidden;font-family:simsun;font-size:12px;text-shadow:0 0 2px #ccc;}
.tooltips-arrow em,.tooltips-arrow i{position:absolute;left:0;top:0;font-style:normal;}
.tooltips-arrow em{color:#1C89D5;}
.tooltips-arrow i{color:#fff;text-shadow:none;}
.tooltips-arrow-bottom,.tooltips-arrow-top{height:7px;width:12px;left:12px;margin-left:-6px;}
.tooltips-arrow-left,.tooltips-arrow-right{height:12px;width:7px;top:12px;margin-top:-6px;}
.tooltips-arrow-top{top:-6px;}
.tooltips-arrow-top em{top:-3px;}
.tooltips-arrow-top i{top:0;}
.tooltips-arrow-bottom{bottom:-6px;}
.tooltips-arrow-bottom em{top:-6px;}
.tooltips-arrow-bottom i{top:-9px;}
.tooltips-arrow-left{left:-6px;}
.tooltips-arrow-left em{left:-1px;}
.tooltips-arrow-left i{left:2px;}
.tooltips-arrow-right{right:-6px;}
.tooltips-arrow-right em{left:-4px;}
.tooltips-arrow-right i{left:-7px;}

.content-right { border: 1px solid #E7E7EB;padding: 20px;overflow: hidden; font: 400 12px/1 "Microsoft YaHei",Arial,sans-serif!important;}
.guideitem{position: relative; line-height: 20px;}
.guideitem .title{background-color: #eee; border-left: 3px solid #becfdd; color: #333; font-size: 14px; font-weight: 700; line-height: 35px; padding: 0 15px; margin-bottom: 25px;}
.guideitem-nums{top: 0; left: 0; color: #fff; display: inline-block; width: 20px; height: 20px; line-height: 20px; background-color: #4B0; border-radius: 3px; text-align: center;}
.a_hover, .a_hover:hover{color: #1C89D5;}
.txtCenter { text-align: center;}
.mgt5 { margin-top: 5px;}
.mgt10 { margin-top: 10px;}
.mgt30 { margin-top: 30px;}
.emoj{ position:relative;}
.emoj .ico{ background: url(emotion.png) 0 0 no-repeat;width: 20px;height: 20px;margin-right:5px;vertical-align: middle;display: inline-block;line-height: 999em;overflow: hidden;}
.emoj a:hover .ico{ background: url(emotion.png) 0 -30px no-repeat;}
.Jfastbtn { color: #1C89D5; height: 30px;line-height: 30px;margin-right: 10px;cursor: pointer;}
.Jfastbtn:hover { color: #FFA21E;}
.emoj a:hover{ text-decoration:none;}

/*emoj*/
.emotion_wrp {display: none; position: absolute;width: 421px;top: 115%;left: -19px;z-index: 5;}
.hook{position: absolute; left: 21px; top: 0;}
.hook .hook_dec{position: absolute; left: 0; width: 0; height: 0; border-style: solid; border-width: 8px;}
.hook .hook_top{top: -16px; border-color: transparent transparent #c0bfc5;}
.hook .hook_btm{top: -15px; border-color: transparent transparent #f6f6f6;}
.emotions{-moz-user-select: none; overflow: hidden; border-top: 1px solid #c0bfc5; border-right: 1px solid #c0bfc5; background-color: #e7e7eb;}
.emotions_item{float: left; line-height: 27px; height: 27px; font-size: 0; text-align: center; width: 27px; border-bottom: 1px solid #c0bfc5; border-left: 1px solid #c0bfc5; background-color: #fff;}
.emotions_item i{display: inline-block; cursor: pointer; width: 24px; height: 24px; vertical-align: middle; background: transparent url(emotion.gif) no-repeat 0 0;}
.emotions_preview{position: absolute; top: 0; right: -81px; display: block; width: 80px; height: 80px; line-height: 42px; font-size: 12px; color: #000; text-align: center; border: 1px solid #c0bfc5; background-color: #fff;font-family: Arial;}
.emotions_preview img{position:absolute;top:50%;left:50%;margin-left:-12px;margin-top:-12px;}

/*sucai*/
.new-tit{height: 40px; line-height: 40px; font-size: 14px;color:#000; }
#main-water { position: relative;}
.new-lst { width: 990px; height: auto;padding: 10px 0;overflow: hidden;}
.new-lst .new-first{width: 293px;height: 80px;border: 2px dotted #D9DADC;}
.new-first a{display: block;width: 100%;height: 100%;position: relative;z-index: 2;}
.new-first s{display: block;width: 35px;height: 35px;background: url(icon-i.png) 0 -97px no-repeat;position: absolute;left:129px;top:34px;}
.hover s{display: none;}
.new-lst-item{width: 295px;height: auto;overflow: hidden;border: 1px solid #E7E7EB;float: left;margin-right: 25px;margin-bottom: 20px;}
.moudle-more, .moudle-one{width: 90px;height: 66px;overflow: hidden;display: none;}
.moudle-more>a, .moudle-one>a{display: block;width: 100%;height: 100%;position: relative;z-index: 5;}
.moudle-one-img, .moudle-more-img{display: block;width: 38px;height: 38px;margin: 0 auto;background: url(icon-img.png) 0 0 no-repeat;}
.moudle-more-img{background-position: 0 -96px;}
.moudle-one p, .moudle-more p{text-align: center;line-height: 20px;color: #DCDCE3;}
.moudle-one>a p, .moudle-more>a p{color: #DCDCE3;}
.moudle-one{padding: 14px 0 0 50px;}
.moudle-more { padding: 14px 50px 0 0;}
.moudle-one>a:hover p,.moudle-more>a:hover p{ color: #B3B3B3; text-decoration: underline;}
.moudle-one>a:hover .moudle-one-img{ background-position: 0 -48px;}
.moudle-more>a:hover .moudle-more-img{ background-position: 0 -144px;}
.hover .moudle-one,.hover .moudle-more{ display: block;}
.new-lst-item{width: 295px; height: auto; overflow: hidden; border: 1px solid #E7E7EB; float: left; margin-right:18px; margin-bottom: 20px;}
.lst-item-infos{padding: 14px 14px 0; border:0; position: relative; z-index: 2;}
.lst-item-info h3{font-weight: 400; font-style: normal; font-size: 16px; padding-top: 10px; line-height: 28px; max-height: 56px; overflow: hidden; word-wrap: break-word; word-break: break-all;}
.img-show { width: 267px; height: 148px;overflow: hidden; margin-bottom: 14px;}
.single-summary { padding: 10px 0;line-height: 18px;color: #666;word-break: break-word; border: 1px solid #E7E7EB;font-size: 14px;}
a.single-link:hover{text-decoration: underline;}
p.text-wrap{height: auto; overflow: hidden; word-wrap: break-word;}
.lst-else-con { height: 50px; border-top: 1px solid #ddd; padding: 14px;}
.lst-else-left{height: 50px; width: 176px; line-height: 22px; overflow: hidden;}
.lst-else-left h5{padding: 15px 0; word-break: break-word; color: #666; font-weight: normal;}
.lst-else-img{width: 50px; height: 50px;}
.lst-else-img img{display: block; width: 50px; height: 50px;}
.lst-edit-btn{height: 44px; line-height: 44px; border-top: 1px solid #E7E7EB; background-color: #F4F4F4;}
.lst-edit-btn a{display: block; width: 49%; height: 100%; text-align: center; float: left; position: relative; z-index: 2;}
.lst-edit-btn a i.btn-text{display: block; width: 16px; height: 17px; position: absolute; left:68px; top:14px; background-image: url(icon-i.png); background-repeat: no-repeat; background-position: 0 -50px; overflow: hidden; text-indent: -999px;}
.lst-edit-btn a:hover i.btn-text{background-position: 0 -78px;}
.lst-edit-btn a.single-l i.btn-text{background-position: 0 0;}
.lst-edit-btn a.single-l:hover i.btn-text{background-position: 0 -29px ;}
.single-l{border-right: 1px solid #E7E7EB;}
.absolute { position: absolute;bottom: 14px;left: 13px;background: rgba(0,0,0,.6);color: #fff;width: 255px;padding: 10px 5px;}
.w257 { width: 257px;}
.bottom0 { bottom: 0;}
.border-top_0 { border-top: 0;}
.txtRight{text-align:right;}
.materialPanel { position: relative;height: auto;overflow: hidden;padding-bottom: 30px;}
.material-item{position: relative; padding-top: 30px; padding-left: 24px; width: 570px; border: 1px solid #e7e7eb; background-color: #f4f5f9; padding-bottom: 20px; border-radius: 2px;}
.form-controls .input{border: 1px solid #ccc;}
.form-controls .j-texterea{ width: 526px; height: 60px;}
.edit_content { position: relative;}
.edit_html{min-height: 300px;width: 375px;border: solid 1px #ceced3;background: #fff;padding: 10px;margin-right: 22px;}
.edit_tip{position: absolute;top: 0;left: 0;height: 300px;width: 396px;text-align: center;line-height: 300px;color: #ccc;font-size: 20px;}
.fx-links{height: 30px;line-height: 30px;margin-bottom: 10px;}
.fx-links .fi-name{display: inline-block;float: left;height: 30px;line-height: 30px;width: auto;margin: 0;padding-right: 20px;padding-left: 10px;position: relative;z-index: 2;background-color: #ECECEC;color: #0077DD;}
.formitems .j-show-btn a{margin-top: 5px;float: left;}
.formitems .j-show-btn b{display: inline-block; float: left; font-weight: normal; padding-right: 4px;}
.formitems .j-show-btn em{display: inline-block; float: left; font-style: normal; max-width: 260px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;}
.caret-up{display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-bottom: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;border-bottom-color: #000;position: absolute;right: 5px;top: 12px;}
.badge{min-width: 10px;padding: 3px 7px;font-size: 12px;line-height: 1;color: #fff;vertical-align: baseline;background-color: #777;border-radius: 10px;}
.badge.badge-success{color: #fff;background-color: #5cb85c;}
.fx-links .fx-reset, #getLinks span.fx-reset{float: right;display: inline-block;position: relative;z-index: 200;padding-left: 10px;}
.disi { display: inline-block;padding-left: 20px;color: #999;}
.arrows{position: absolute;z-index: 2;}
.arrow_in{display: inline-block;width: 0;height: 0;border-width: 12px;border-style: dashed;border-color: transparent;border-left-width: 0;border-right-color: #f4f5f9;border-right-style: solid;margin-top: 0px;left: -12px;top: 50px;}
.arrow_out{display: inline-block;width: 0;height: 0;border-width: 12px;border-style: dashed;border-color: transparent;border-left-width: 0;border-right-color: #e7e7eb;border-right-style: solid;margin-top: 0px;left: -13px;top: 50px;}
#materialPre{position: absolute; top: 0; left: 0; width: 318px; border: 1px solid #E7E7EB;}
.new-mater { border: 0;}
.new-contain{min-height:200px;width:auto;border:0;background:#fff;}
.materialPrePanel .dt { padding: 0px; background-color: #fff;}
.cor8d { color: #8d8d8d;}
.b0 { border: 0;}
.w1000{width:1000px;}
.border-top_1 { border-top: 1px solid #ddd;}
.materialActions { width: 600px; padding-top: 15px;}
.w_all { width: 100%;}
.coer_img { width: 290px;height: 160px; overflow: hidden;}
.materialPrePanel .dt .coer_img img { display: block; width: 290px; border: 0;}
.add_moudle_top{width: 290px;margin: 0 auto 14px;}
.materialPrePanel .dt{padding: 0px; background-color: #fff;}
.materialPrePanel .dt img{width: 290px;}
.materialPrePanel .dt h2 { position: absolute;bottom: 0;left: 0;display: block;width: 248px;color: #fff; background: rgba(0,0,0,.8);}
.materialPrePanel .dt h2, .materialPrePanel .dd h3 { width: 290px; min-height: 22px; font-weight: normal;line-height: 22px;font-size: 14px;margin: 0px;
padding: 5px 0px 5px 5px;letter-spacing: 1px;text-align: left; max-height: 42px;overflow: hidden;}
.text-mark{display: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 200; background: rgba(229,229,229,0.85); text-align: center;}
.text-mark a{width: 18px; height: 18px; vertical-align: middle; display: inline-block; line-height: 100px; overflow: hidden; margin-left: 8px; margin-right: 8px; background: url(icon-i.png) 0 9px no-repeat; position: absolute; left: 134px; top: 60px;}

.diy-phone-contain:hover .text-mark { display: block;}
.text-mark a:hover { background-position: 0 -18px;}

.add_moudle{height: 112px; padding: 4px 14px; margin: 0px auto 0; border-top: 1px solid #ddd; border: 0; position: relative; background-color: #fff;}
.materialPrePanel .dd h3{font-size: 15px; letter-spacing: 1px; padding-left: 0px; width: 200px; float: left; height: 46px; line-height: 21px; padding: 30px 0 0 5px; word-break: break-word; color: #8d8d8d; overflow: hidden;}
.materialPrePanel .dd img{width: 78px; height: 78px;}
.edit-item{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(229,229,229,0.85); display: none;}
.materialPrePanel .dd .edit-item a{display: block; width: 17px; min-height: 17px; background-image: url(icon-i.png); background-repeat: no-repeat; position: absolute; top: 46px;}
.j_del_btn{background-position: 0 -50px; left: 170px;}
.j_del_btn:hover { background-position: 0 -78px;}
.j_edit_btn{background-position: 0 0px; left: 130px;}
.j_edit_btn:hover { background-position: 0 -28px;}
.materialPrePanel .dd:hover .edit-item{display: block;}
.material-item-add{display: block; width: 266px; border: 2px dotted #d9dadc; font: bold 40px/1 "arial"; color: #999!important; padding: 10px; text-align: center; margin-top: 10px; margin-bottom: 0px; cursor: pointer; background-color: #fff; position: absolute; bottom: 20px; left: 14px;}
.material-item-add:hover{color: #666!important; border: 2px dotted #999;text-decoration:none;}
.uploadstyle{display: inline-block;width:68px;}

/*App*/
.alert { position: relative; padding: 7px 10px;margin-bottom: 10px;border: 1px solid transparent;font-size:12px;line-height: 20px;}
.alert-info { background-color: #d9edf7; border-color: #bce8f1;color: #31708f;}
.alert h4 { font-size: 14px; margin-top: 0; margin-bottom: 5px;color: inherit;}
.red { color: red;}
.alert .alert-delete { position: absolute;right: 5px;top: 9px;}
[class*=" gicon-"], [class^=gicon-] { display: inline-block; width: 14px; height: 14px;margin-right: .3em;line-height: 14px;vertical-align: -2px;background-image: url(gicon_black.png);background-position: 14px 14px;background-repeat: no-repeat;}
.alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442;text-align:center;}
#tipLowFree, #tipLowIEVer { border-radius: 0; margin: 0;line-height: 1.8em;}
#tipLowFree a, #tipLowIEVer a { font-size:12px;color: #0279CB; margin: 0 3px; font-weight: 700;}
.gicon-remove { background-position: -312px 0;}
.wxtables { width: 100%; margin-left: auto; margin-right: auto; border: 1px solid #e7e7eb;}
.wxtables td { padding: 8px 10px; font-size: 12px;line-height: 1.5em;border-bottom: 1px solid #eee;color: #333;}
.wxtables td.tdborder { border-right: 1px solid #e7e7e7;}
.wxtables thead td { font-weight: 700; background: #eee;color: #555;border-left: none;border-right: none;}
.wxtables thead tr td:first-child { border-left: 1px solid #e7e7eb;}
.wxtables .app_dow_tr td.tdborder i { width: 200px; height: 194px; display: block;}
.wxtables .app_dow_tr .android .remo { background: url(android.png) no-repeat;}
.wxtables .app_dow_tr .android .hed { background: url(android_on.png) no-repeat;}
.wxtables .app_dow_tr .iphone .remo { background: url(iosapp.png) no-repeat;}
.wxtables .app_dow_tr .iphone .hed { background: url(iosapp_on.png) no-repeat;}
.fl{ float: left;}
.fr{ float: right;}
.codeimg { display: inline-block; width: auto;}
.linkadd { width: 710px; padding-left: 20px;}
.linkadd p { height: 30px;line-height: 30px;font-size: 15px;color: #000;}
.btnlst { margin-top: 35px;}
.btn-primary { position: relative;display: inline-block;padding: 0 12px;height: 22px;line-height: 22px;font-size: 12px;cursor: pointer;color: #fff!important;background-color: #5cb85c;border-radius: 2px;border: 1px solid #4cae4c;vertical-align: baseline;margin-top: -5px;margin-left: 5px;margin-bottom: 2px;}
.btn-primary:hover{background-color:#449d44;border-color:#398439;text-decoration:none;}
.btn-primary.appload { border: 1px solid #357ebd;background-color: #428bca; }
.btn-primary.appload:hover { background-color: #3071a9; border-color: #285e8e;}

/*WeixinMenu*/
.inner_container_box{background-color: #fff;border: 1px solid #e7e7eb;width: 1060px;overflow: hidden;}
.inner_container_box .inner_side { width: 250px;}
.inner_container_box .bd { min-height: 530px;}
.inner_container_box .sub_title_bar{height: 36px;line-height: 36px; padding: 0 12px;}
.sub_title_bar.light{background-color: #f4f5f9; border-bottom: 1px solid #e7e7eb;}
.sub_title_bar h4{float: left;font-weight: 400;font-style: normal;font-size: 14px;color:#000;}
.inner_container_box .sub_title_bar .opr_wrp{text-align: right;}
.icon16_common{width: 16px;height: 16px;vertical-align: middle;display: inline-block;line-height: 100px;overflow: hidden;background-image: url(icon-btn-meta.png);background-repeat: no-repeat;color: #494949 !important;}
.icon16_common.add_gray{background-position: 0 -51px;}
.icon16_common.sort_gray{background-position: 0 2px;}
.inner_container_box .sub_title_bar .opr_wrp .opr_meta{margin-left: 14px;}
.inner_menu{border-top: 1px solid #e7e7eb;position: relative;line-height: 32px;}
.inner_menu:first-child{border-top-width: 0;}
.inner_menu_item{position: relative; line-height: 32px;}
.inner_menu_link{display: block; color: #222 !important; padding-left: 1em; text-decoration: none;}
.inner_menu_box .inner_menu .inner_menu_link{padding-left: 20px;}
.inner_menu_link strong{display: inline-block; margin-top: -2px; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; max-width: 80px; font-weight: 400; font-style: normal; vertical-align: middle; cursor: pointer; font-size: 14px;}
.inner_menu .menu_opr{display: none; position: absolute; top: 10px; right: 16px;}
.icon14_common{width: 14px; height: 14px; vertical-align: middle; display: inline-block; line-height: 100px; overflow: hidden; background-image: url(icon-btn-meta.png); background-repeat: no-repeat; color: #494949 !important;}
.icon14_common.jsAddBt{background-position: 0 -93px;}
.icon14_common.jsEditBt{background-position: 0 -140px;}
.icon14_common.jsDelBt{background-position: 0 -188px;}
.inner_menu .menu_opr .jsSortup{background-position: 0 -278px;}
.inner_menu .menu_opr .jsSortdown{background-position: 0 -297px;}
.inner_menu .menu_opr .edit_gray { background-position: 0 -140px;}
.inner_menu .menu_opr .del_gray { background-position: 0 -188px;}
.inner_menu .menu_opr a{display: inline-block; margin-left: 5px; margin-top: -2px;}
.icon_dot{display: inline-block; font-weight: 400; font-style: normal; vertical-align: middle; font-size: 8px; color: #d5d5d5;}
.inner_menu_box.with_switch .icon_dot{position: absolute; top: 50%; left: 25px; margin-top: -14px; -webkit-transform: scale(0.8); font-size: 10px;}
.inner_menu_box.with_switch .dd .inner_menu_link{padding-left: 36px;}
.inner_menu_box.gray .inner_menu_item:hover .menu_opr{display: block;}
.inner_menu_box.gray .inner_menu_item.selected, .inner_menu_box.gray .inner_menu_item:hover { background-color: #f4f5f9;}
.inner_container_box .inner_main { width: 809px; border-left: 1px solid #e7e7eb;}
.action_content.default .action_tips { padding-top: 200px; text-align: center; font-size: 14px;color: #222;}
.action_content.init { padding: 20px; text-align: center;}
.action_content.init .action_tips { padding-top: 40px; text-align: center; padding-bottom: 60px; font-size: 14px;color:#000;}
.action_content.init a{color: #222; text-decoration: none; display: inline-block; margin-left: 15px; margin-right: 15px;}
.action_content.init a strong{display: block; font-weight: 400; font-style: normal; padding-top: 5px; font-size: 14px; line-height: 24px;}
.icon_menu_action{width: 114px; height: 114px; vertical-align: middle; display: inline-block; background-image: url(icon-big-btn.png); background-repeat: no-repeat;}
.icon_menu_action.send{background-position: 0 -248px;}
.icon_menu_action.url{background-position: 0 -496px;}
.action_content.url { padding: 64px 86px;}
.action_content.url .action_tips{padding: 0 0 20px;color:#000;}
#getLinks{width: 166px; height: 26px; line-height: 24px; position: relative; z-index: 100; background-color: #F8F8F8; color: #0077DD; margin-bottom: 20px; font-size: 14px; text-indent: 8px; cursor: default;}
#getLinks span{display: block; width: 10px; height: 10px; position: absolute; right: 8px; top: 11px;}
.caret-down{display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top-color: #000; position: absolute; top: 0; right: 0;}
.setLinks{display: none; width: 116px; height: auto; overflow: hidden; box-shadow: 0 0 3px rgba(0,0,0,.4); position: absolute; left: 0; top: 26px; background-color: #fff; border: 1px solid #C7C7C7; border-radius: 4px;}
.setLinks ul{display: block;}
.setLinks ul li a{display: block; height: 26px; line-height: 26px; padding: 0 10px; color: #494949;}
.setLinks ul li a:hover{color: #fff;background-image: linear-gradient(to bottom, #648bf5,#2866f2);-webkit-box-shadow: #5a82eb 0px 1px 0px inset,#1758e7 0px -1px 0px inset;-moz-box-shadow: #5a82eb 0px 1px 0px inset,#1758e7 0px -1px 0px inset;box-shadow: #5a82eb 0px 1px 0px inset,#1758e7 0px -1px 0px inset;}
.frm_control_group{padding-bottom: 25px;}
.frm_input_box{display: inline-block;position: relative;height: 30px;line-height: 30px;vertical-align: middle;width: 278px;font-size: 14px;padding: 0 10px;border: 1px solid #e7e7eb;box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;background-color: #fff;}
.action_content.url .frm_input_box{width: 340px;}
.frm_input{width: 100%;background-color: transparent;border: 0;outline: 0;height: 22px;margin: 4px 0;color: #222;font-family: inherit;font-size: 100%;padding: 0;}
.tool_bar { padding-bottom: 50px; padding-top: 20px;}
.btns{position: relative; display: inline-block; padding: 0 12px; height: 26px;line-height: 26px; font-size: 12px; text-align: center; cursor: pointer; color: #333!important;
 background-color: #fff; border-radius: 2px; border: 1px solid #ccc; vertical-align: baseline; margin-top: 1px; margin-bottom: 2px;}
.btns.btn-primarys,.btns.cblue { color: #fff!important;background-color: #428bca; border-color: #357ebd;}
.btns.btn-primarys:hover,.btns.cblue:hover { background-color: #3071a9; border-color: #285e8e; text-decoration:none;}
.btns:hover { background-color: #e6e6e6; border-color: #adadad;text-decoration:none;}
.btns.cgreen { color: #fff!important;background-color: #5cb85c; border-color: #4cae4c;}
.btns.cgreen:hover { background-color: #449d44; border-color: #398439;}
.action_content.send .action_tips { padding: 20px; font-size: 14px;color:#000;}
.msg_sender{border: 1px solid #e7e7eb;width: 766px;margin: 0 auto 20px;}
.tab_navs{text-align: center;height: 38px;line-height: 38px;background-color: #fff;border-bottom: 1px solid #e7e7eb;box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5);-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5);-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5);}
.tab_nav{float: left;font-size: 14px;height: 38px;}
.icon_msg_sender { margin-right: 3px; margin-top: -2px;width: 20px;height: 20px; vertical-align: middle;display: inline-block;  background-image: url(icon-img.png);background-repeat: no-repeat;}
.tab_navs .tab_nav a{display: block;text-decoration: none;color: #222;outline: 0;padding: 0 10px;}
.tab_text .icon_msg_sender{background: url(icon-i.png) 0 1px no-repeat;}
.tab_img .icon_msg_sender { background-position: 0 -384px;}
.tab_appmsg .icon_msg_sender { background-position: 0 -440px;}
.tab_navs .imgnav .audio { background: url(auto.png) 0 -180px no-repeat;}
.tab_navs .imgnav .video { background: url(auto.png) 0 -120px no-repeat;}
.imgnav-select { background-image: url(icon-img1.png);}
.tab_img a:hover .icon_msg_sender, .tab_img.selected .icon_msg_sender { background-position: 0 -412px;}
.tab_appmsg a:hover .icon_msg_sender, .tab_appmsg.selected .icon_msg_sender { background-position: 0 -468px;}
.selected .imgnav .audio, .tab_navs .imgnav:hover .audio { background-position: 0 -210px;}
.selected .imgnav .video, .tab_navs .imgnav:hover .video { background-position: 0 -150px;}
.msg_sender .tab_content{display: none;padding: 0;}
.msg_sender .selected{display: block;}
.tab_navs .tab_nav.selected{background-color: #fff;}
.tab_text.selected .icon_msg_sender{background-position: 0 -27px;}
.action_content.send .tool_bar{padding-top: 0;padding-left: 20px;margin-top: 0;border-top-width: 0;text-align: left;}
.tab_content .inner { width: 100%; padding: 14px 20px;  border: 1px solid #c6c6c6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.tab_content .inner.no_extra { padding: 0; border-width: 0;}
.msg_sender .tab_content .inner{border-width: 0;}
#menuhtml{display:none;}
.mbtns{display: inline-block; overflow: visible;padding: 0 22px;height: 30px;line-height: 30px;vertical-align: middle;text-align: center;outline:0;text-decoration: none;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;font-size: 14px;background:#fff; border-color: #e7e7eb;color:#222!important;border-width: 1px;border-style: solid;cursor: pointer;}
.mbtns.btn-save { background-color: #428bca; border-color: #428bca; color: #fff!important;}
.mbtns:hover { text-decoration: none;background-color: #e7e7eb;border-color: #dadbe0;box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;}
.mbtns.btn-save:hover{background-color: #3071a9; border-color: #285e8e;}
.btn-default{height:32px;}
.tool_bar.tc .mbtns { margin-left: .5em; margin-right: .5em;}

/*素材样式*/
.albums-cr-actions{position: relative; padding: 7px 10px 0; height: 38px;overflow:hidden;}
.albums-cl-actions, .albums-cr-actions, .albums-title{border-bottom: 1px solid #e5e5e5;}
#albums .uploadify-queue,#yinpin .uploadify-queue{width: 360px!important; right: 10px!important; top: 50px!important; left: auto!important; z-index: 999;}
.uploadify-button { background-color: transparent;border: none;border-radius:0;padding: 0; } 
.uploadify:hover .uploadify-button { background-color: transparent; }
#albums .uploadify-button, #yinpin .uploadify-button{text-indent:0px!important; background: #5cb85c!important; border: 1px solid #4cae4c!important; border-radius: 2px!important;}
.btns.btn-danger{background-color: #d9534f; border-color: #d43f3a;color:#fff!important;}
.mgl10{margin-left: 10px;}
.albums-cr-imgs{overflow:hidden;}
.albums-cr-imgs ul { padding: 10px;}
.albums-cr-imgs li{position: relative;width: 100px;height: 120px;padding: 2px;margin: 0 25px 10px 0;border: 1px solid #e5e5e5;cursor: pointer;overflow: hidden;background: #fafafa;}
.albums-cr-imgs img{width: 100px;height: auto;margin: 0;padding: 0;border: 0;}
.albums-cr-imgs-selected{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;background: rgba(0,0,0,.5);}
.albums-cr-imgs-selected i{position: absolute;width: 30px;height: 30px;line-height: 30px;left: 50%;top: 50%;margin: -15px 0 0 -15px;background: url(icon_xz.png) center center no-repeat #1C89D5;border-radius: 30px;z-index: 999;}
.albums-cr-imgs li.selected .albums-cr-imgs-selected { display: block;}
.albums-edit{width: 100px;height: 22px;background-color: #fff;position: absolute;z-index: 99;left: 2px;bottom: 0;}
.albums-edit span{display: none;height: 100%;left: 0;background-color: #ccc;}
.albums-edit span, .img-name-edit{width: 100%;position: absolute;bottom: 0;}
.albums-edit i{display: block;margin: 4px auto 0;}
.gicon-pencil{background-position: 0 -72px;}
.albums-edit p{font-size: 12px;height: 22px;line-height: 22px;overflow: hidden;text-align: center;color: #666;}
.albums-cr-imgs-noPic{position:absolute;padding-top:100px;top:50%;left:50%;margin:-70px 0 0 -45px;width:90px;height:90px;text-align:center;font-size:14px;color:#D8D8D8;background:url(no-pic.jpg) no-repeat;}
.audio-flag { height: 66px; position: relative; overflow:hidden;}
#js_audio .audio i,.imgpicker-list li div.audio-flag i { display: block; width: 48px; height: 48px; position: absolute; left: 50%; top: 50%; margin-left: -24px; margin-top: -24px;}
#js_audio .audio i, .imgpicker-list li div.audio-flag i { background: url(audio.png) no-repeat 0 -42px;}
#js_audio .audio, #js_video .video { width: 60px; height: 60px; position: relative;}
#js_audio .audio i{cursor:pointer;}
.audio-list li{height: 88px; text-align: center; background-color: #fff;}
.audio-name { font-size:12px;height: 24px;line-height: 24px;overflow: hidden;position: relative;z-index: 11;}
.audio-name b{font-weight:normal;}