/*通用*/
.pos_r{position:relative;} .pos_a{position:absolute;}
.fl{float:left;display:inline;} .fr{float:right;display:inline;}
.bd_none{border:none !important;}
.img_none{background-image:none !important;}
.tc {text-align:center;} .tl {text-align:left;} .tr {text-align:right;}
.none{display:none}
.clear{ clear:both;}
.nowrap{ white-space:nowrap;}
.borderbtm{ border-bottom:1px dashed #e6e6e6;}
.borderall{ border:1px dashed #eee; padding:10px;}
.borderall_s{ border:1px solid #eee;}
.border-b{ border-bottom:1px solid #eee; }
.pos_rel{ position:relative;}
.img100 img{ width:100%;}
.w100p{ width:100%;}
.img64{ min-width:80px;}
.img64 img{ width:64px; height:64px;}
.zanleft{ float:left; width:30px;}
.min-h{ min-height:550px;}
.h50{ height:50px; line-height:50px;}
.btn-pds{ padding:0px 6px 2px 6px;}

/*圆角*/
.r3 {border-radius:3px;} .r5 {border-radius:5px;} .r10 {border-radius:10px;} .r30 {border-radius:30px;}
.rt3 {border-radius: 3px 3px 0 0;} .rt5 {border-radius: 5px 5px 0 0;} .rt10 {border-radius: 10px 10px 0 0;}
.rb3 {border-radius: 0 0 3px 3px;} .rb5 {border-radius: 0 0 5px 5px;}
.rl3 {border-radius:3px 0 0 3px;} .rl5 {border-radius:5px 0 0 5px;}
.rr3 {border-radius: 0 3px 3px 0;} .rr5 {border-radius: 0 5px 5px 0;}

.box_shadow{background:#fff; box-shadow: 0 1px 3px rgba(34, 25, 25, 0.2);}

.tx-24 img{  -moz-border-radius: 12px;      /* Gecko browsers */
    -webkit-border-radius: 12px;   /* Webkit browsers */
    border-radius:12px;            /* W3C syntax */ width:24px; height:24px;}

/*间距*/
.no-margin{ margin:0} .no-padding{ padding:0}
.m0 { margin: 0 !important;}
.ml0 { margin-left: 0 !important;}
.mr0 { margin-right: 0 !important;}
.mt0 { margin-top: 0 !important;}
.mb0 { margin-bottom: 0 !important;}
.m { margin: 10px !important;}
.ml { margin-left: 10px !important;}
.mr { margin-right: 10px !important;}
.mt { margin-top: 10px !important;}
.mb { margin-bottom: 10px !important;}
.m-sm { margin: 5px !important;}
.ml-sm { margin-left: 5px !important;}
.mr-sm { margin-right: 5px !important;}
.mt-sm { margin-top: 5px !important;}
.mb-sm { margin-bottom: 5px !important;}
.m-lg { margin: 15px !important;}
.ml-lg { margin-left: 15px !important;}
.mr-lg { margin-right: 15px !important;}
.mt-lg { margin-top: 15px !important;}
.mb-lg { margin-bottom: 15px !important;}
.m-xl { margin: 30px !important;}
.ml-xl { margin-left: 30px !important;}
.mr-xl { margin-right: 30px !important;}
.mt-xl { margin-top: 30px !important;}
.mb-xl { margin-bottom: 30px !important;}
.mv {  margin-top: 10px !important; margin-bottom: 10px !important;}
.mh { margin-left: 10px !important; margin-right: 10px !important;}
.mv-lg { margin-top: 15px !important; margin-bottom: 15px !important;}
.mh-lg { margin-left: 15px !important; margin-right: 15px !important;}
.mv-sm { margin-top: 5px !important; margin-bottom: 5px !important;}
.mh-sm { margin-left: 5px !important; margin-right: 5px !important;}
.p0 { padding: 0 !important;}
.pl0 { padding-left: 0 !important;}
.pr0 { padding-right: 0 !important;}
.pt0 { padding-top: 0 !important;}
.pb0 { padding-bottom: 0 !important;}
.pv0 { padding-top: 0 !important; padding-bottom: 0 !important;}
.ph0 { padding-left: 0 !important; padding-right: 0 !important;}
.p { padding: 10px !important;}
.pl { padding-left: 10px !important;}
.pr { padding-right: 10px !important;}
.pt { padding-top: 10px !important;}
.pb { padding-bottom: 10px !important;}
.p-sm { padding: 5px !important;}
.pl-sm { padding-left: 5px !important;}
.pr-sm { padding-right: 5px !important;}
.pt-sm { padding-top: 5px !important;}
.pb-sm { padding-bottom: 5px !important;}
.p-lg { padding: 15px !important;}
.pl-lg { padding-left: 15px !important;}
.pr-lg { padding-right: 15px !important;}
.pt-lg { padding-top: 15px !important;}
.pb-lg { padding-bottom: 15px !important;}
.p-xl { padding: 30px !important;}
.pl-xl { padding-left: 30px !important;}
.pr-xl { padding-right: 30px !important;}
.pt-xl { padding-top: 30px !important;}
.pb-xl { padding-bottom: 30px !important;}
.pv { padding-top: 10px !important; padding-bottom: 10px !important;}
.ph { padding-left: 10px !important; padding-right: 10px !important;}
.pv-xl { padding-top: 30px !important; padding-bottom: 30px !important;}
.ph-xl { padding-left: 30px !important; padding-right: 30px !important;}
.pv-lg { padding-top: 15px !important; padding-bottom: 15px !important;}
.ph-lg { padding-left: 15px !important; padding-right: 15px !important;}
.pv-sm { padding-top: 5px !important; padding-bottom: 5px !important;}
.ph-sm { padding-left: 5px !important; padding-right: 5px !important;}
.b0 { border-width: 0 !important;}
.bl0 { border-left-width: 0 !important;}
.br0 { border-right-width: 0 !important;}
.bt0 { border-top-width: 0 !important;}
.bb0 { border-bottom-width: 0 !important;}
.br { border-right: 1px solid rgba(0, 0, 0, 0.12);}
.bl { border-left: 1px solid rgba(0, 0, 0, 0.12);}
.bt { border-top: 1px solid rgba(0, 0, 0, 0.12);}
.bb { border-bottom: 1px solid rgba(0, 0, 0, 0.12);}


/*文字*/
.ft10 {font-size:10px!important;} .ft12 {font-size:12px!important;} .ft13 {font-size:13px!important;} .ft14{font-size:14px!important;} .ft16{font-size:16px!important;} .ft18 { font-size:18px!important;} .ft22 { font-size:22px!important;} .ft24 { font-size:24px!important;} .ft28 { font-size:28px!important;} .ft30 { font-size:30px!important;}

.alltitlename h2{ font-size:2em; font-weight:300; margin:20px 10px;}

/*颜色*/
.bgcolor-yellow{ background-color:#f2c44a}
.bgcolor-white{ background-color:#fff}
.bgcolor-green{ background-color:#32af75}
.textpink,.textpink a{ color:#ff0066;}
.textwhite,.textwhite a{ color:#fff;}
.textred,.textred a{ color:#e86161;}
.textblue,.textblue a{ color:#2fa9ff;}
.textgreen,.textgreen a{ color:#3da09a;}
.textorange,.textorange a{ color:#eda849;}
.textgray,.textgray a{ color:#bbb;}





.overh{ overflow:hidden;}
.ftline22{ line-height:22px !important;}
.ftline24{ line-height:24px !important;}
.ftline34{ line-height:34px !important;}
.ftbold{ font-weight:bold;}
.img100 img{ display: block; max-width: 100%; height: auto; line-height: 1;}
.img100_max img{ max-width:100%;}
.line_01{ border-top:1px dashed #ddd;}
.line_02{ border-top:1px solid #ddd;}
.btn-info_selected{color: #fff !important; background:#428bca !important; border-color: #428bca !important;}
.btn-success_selected{color: #fff !important; background:#0b7f78 !important; border-color: #0b7f78 !important;}

.button-demo, .progress-demo { display:inline-block; margin-right:3px; margin-bottom:20px; font-size:14px;}
.button-demo .ladda-button{ font-size:16px;}
.button-demo .ladda-button a{ color:#fff;}


#channelList{}
#channelList dd{display:block;padding:3px 12px;float:left;}
.channelList1{width:330px;margin-left:-80px;}
.channelList2{width:305px;margin-left:35px;border-left:1px solid #ccc;padding-left:20px;}
.channelList3{width:262px;margin-left:30px;border-left:1px solid #ccc;padding-left:25px;}
.channelListA a,.channelListA a:link,.channelListA a:visited,.channelListA a:hover,.channelListA a:active{font-size:20px;color:#333;font-weight:500;}