*{ padding:0; margin:0;font-family: "Microsoft YaHei"}
body { color: #707070; font-size: 12px; margin: auto;  z-index: 0;}
.clearfix {display: block;*zoom:1}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size: 0}
ul,li{ list-style-type:none;}
a{ text-decoration:none;}
table {border-collapse: collapse;}
p{margin: 0 0 9px;}
/*底部  css*/
.footer{font-size: 12px;color: #707070;line-height: 18px;width: 100%; overflow: hidden; margin-top: 20px}
.footer_text {width: 950px;margin: 0 auto;}
.wrap{ width: 1200px; margin: 0px auto; position:relative}
/* 业务导航*/
.catbar { width: 25px;  color: #333; position:absolute; left:-30px; background:#f8f8f8 ; border:1px solid  #e6e6e6 ; text-align:center; cursor:pointer; top:0;}
.main-title {line-height: 20px; width:20px; padding-top:20px;font-size: 14px; text-align:center;background: url(../res_im/menu-list.png) no-repeat  left top; margin:10px auto}
.menubar{ border-bottom:4px solid #eee; height:40px}
.menubar li{ float:left}
.menubar li.item { height: 40px;  width:200px; text-align:center;  line-height:38px; position:relative}
.menubar li.item a{ color:#666; font-size:20px; line-height:40px; display:block  }
.menubar li.item a:hover{ color:#8ec31f}
.menubar li.item a.active{ color:#8ec31f;border-bottom:4px solid  #8ec31f}
.text-l{ text-align: left;}
/*业务导航banner  css*/
.currentPage{ width:100%; border-bottom:1px solid #e2e2e2; margin:10px auto; padding-bottom:10px;}
.menuLeftBanner{ position:absolute; left:0; z-index:3; display:none; top:0px}
.menuLeftBlock2014{ width: 200px; float: left;  }
.navCategory {
    position: relative;
    height: 40px;
    z-index: 200;
}
.allButton {
    line-height: 40px;
    background: #8EC31F;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-indent: 30px;
    display: block;
    width: 200px;
}
#SideCategory {
    width: 196px;
    height: 370px;
    border: 2px solid #8ec31f;
    border-top: 0;
    z-index: 997;
    background-color: #f7f7f7;
    position:relative;
}
#SideCategory .block {
    padding: 3px 14px;
    height: 65px;
    border-bottom: 1px solid #e5e5e5;
    border-top: 2px solid #f7f7f7;
    background: #f7f7f7;
}
.title18 {
    font-size: 18px;
    color: #333;
    font-family: "Microsoft YaHei",微软雅黑;
    line-height: 40px;
}
.chfImg {
    background-position: 0 -704px;
}
.MenuCommonTitle {
    display: block;
    float: left;
}
#SideCategory a {
    color: #666;
    margin: 0 3px;
    word-wrap:break-word;
    word-break:break-all;
    display: inline-block;
}
#SideCategory .block .line {
    display: none;
    position: absolute;
    background: #fff;
    height: 87px;
    top: 0;
    right: -2px;
    width: 2px;
    z-index: 9;
}
#SideCategory .block .subCategory {
    position: absolute;
    left: 188px;
    top: -2px;
    z-index: 8;
    display: none;
    border: 2px solid #8ec31f;
    border-left:none;
    min-height: 366px;
    background: #fff;
    width: 590px;
}
#SideCategory .block .subCategory table {
    margin: 7px 20px;
    width: 500px;
}

#SideCategory .block .subCategory th {
    text-align: right;
    font-size: 12px;
    color: #8ec31f;
    width: 12%;
    line-height: 35px;
    border-bottom: 1px solid #eee;
}
#SideCategory a {

    color: #666;
    margin: 0 2px;
    cursor:pointer;
}
#SideCategory .block .subCategory td {
    text-align: left;
    font-size: 12px;
    color: #8ec31f;
    width: 87%;
    padding-left: 2%;
    line-height: 35px;
    border-bottom: 1px solid #eee;
}
#SideCategory .block:hover,#SideCategory .blockHover{  background:#fff;height:64px;border-top:2px solid #8ec31f;border-bottom:2px solid #8ec31f;}

.MenuCommonImg{
    background-image: url(../res_im/wtbg20141102.png);
    height: 28px;
    width: 31px;
    float: left;
    margin: 5px 5px 0 0;
}
.MenuCommonTitle{
    display: block;
    float: left;
}
.chfImg{
    background-position: 0 -701px;
}
.xfwImg{
    background-position: 0 -742px;
}
.bywImg{
    background-position: 0 -773px;
}
.qyhImg{
    background-position: 0 -810px;
    height: 34px;
}
#SideCategory .subCategory .li{ position: relative;}
#SideCategory .subCategory .li a.menuMoreNew{ display: block; position: absolute; right: 20px; top: 7px;color: #8ec31f; }
.MenuCommonImgBroand{
    background-image: url(../res_im/icon01.png);
    height: 28px;
    width: 31px;
    float: left;
    margin: 5px 5px 0 0;
}
#SideCategory .block .subCategory{ width: 740px;}
#SideCategory .subCategory .li{ width: 590px;}
.menu2Rit{ width: 130px; float: right; background-color: #f7f7f7;min-height: 346px; padding: 10px;}
.menu2Rit p{ margin: 10px 0px; cursor: pointer;}
.menu2Rit p img{ width: 130px;}

/*业务导航banner  end*/
/*banner */
.index-left{ float: left; width: 880px}
.yx-rotaion { position:relative; z-index:1;margin: 0 auto; width:880px; overflow:hidden; text-align:center}
.rotaion_list {height:252px;  overflow: hidden; margin:0 auto; text-align:center;  }
.yx-rotaion li{ position:relative; width:100%; overflow: hidden}
.yx-rotaion li img{height:252px ; width:880px; text-align:center }
.yx-rotaion-title, .yx-rotation-focus, .yx-rotation-t {position: absolute}
.yx-rotation-title {position: absolute;width: 100%;height: 40px;line-height: 40px;left: 0;bottom: 0;z-index:2}
.yx-rotaion a.yx-rotation-t {color: #fff;font-size: 16px;font-family: microsoft yahei;z-index: 2;bottom: 0;left: 10px;line-height: 40px;font-weight: 700}
.yx-rotaion-btn span, .yx-rotation-focus span {display: block}
.yx-rotation-focus { position:absolute;height:16px; right: 50%;bottom:10px;z-index: 2; overflow:hidden}
.yx-rotation-focus span {width:22px;height:16px;line-height: 16px;float: left;position: relative;cursor: pointer;background: url(../res_im/pagination.png) no-repeat 0 0;text-align: center;text-indent: -9999px}
.yx-rotation-focus span.hover{ background-position:0 -19px}
/*base*/
.pull-left{ float: left}
.pull-right{ float: right}
.text-center{ text-align: center}
.text-r{ text-align: right}
.dis-block{ display: block}
.pos-relative{ position: relative}
a.text-unline{ text-decoration: underline}
.dis-inline{display: inline-block;*display:inline;*zoom:1}
.fs14{ font-size: 14px}
.fs16{ font-size: 16px}
.fs18{ font-size: 18px}
.fs20{ font-size: 20px}
.fs22{ font-size: 22px}
.fs24{ font-size: 24px}
.fs36{ font-size: 36px}
.font-default{ color: #008fd5}
.font-rose{ color: #e1078c}
.font-rose2{ color: #ed2668}
.font-3{ color: #333}
.font-6{ color: #666}
.font-9{ color: #999}

.font-white{ color: #fff}
.font-orange{ color: #ffa33c}
.font-orange2{ color:#ff8400 }
.font-green{color:#66c761 }
.font-red{ color: #da0d15}
.bg-blue{ background:#2aa3de }
.bg-orange{ background: #ffa33c}
.bg-green{ background: #66c761}
.bg-gray{background: #f5f5f5}
.bg-f0{ background: #f0f0f0}

.bg-f7{ background:#f7f7f7}
.bg-white{ background:#ffffff}
.w-500{width:500px}
.w-200{width:200px}
.w-211{ width: 211px}
.w-100{width:100px}
.w-360{ width: 360px}
.w-60{width:65px}
.mt10{ margin-top: 10px}
.mt20{ margin-top: 20px}
.mt25{ margin-top: 25px}
.mt5{ margin-top: 5px}
.ml20{ margin-left: 20px}
.mr20{ margin-right: 20px}
.ml80{ margin-left: 80px}
.ml10{ margin-left: 10px}
.ml40{ margin-left: 40px}
.ml50{ margin-left: 50px}
.ml232{ margin-left: 232px}
.ml100{ margin-left: 100px}
.ml150{ margin-left: 150px}
.mr10{ margin-right: 10px}
.pl20{ padding-left: 20px}
.pl30{ padding-left: 30px}
.pt10{ padding-top: 10px}
.pt20{ padding-top: 20px}
.p10{ padding: 10px}
.p20{ padding: 20px}
.pb10{ padding-bottom: 10px}
.plr20{ padding-left: 20px; padding-right: 20px}
.mb10{ margin-bottom:10px}
.pb20{ padding-bottom:20px}
.font-b{font-weight: bold}
a.btn{ line-height: 35px; padding: 0 20px; display: inline-block; border-radius: 3px; behavior: url(ie-css3.htc); background: #0093dd; color: #fff;cursor: pointer;}
a.btn-middle{ line-height: 45px; font-size: 20px}
a.btn:hover{ color: #fff; background: #ed2668}
.w-20per{ width: 20%}
.w-30per{ width: 30%}
.w-50per{ width: 50%}
.w-70per{ width: 70%}
.w-60per{ width: 60%}
.w80{ width: 80px}
.w130{ width: 130px}
.w280{ width: 280px}
.bb3{border-bottom:3px solid #0085d0;}
.hide{ display: none}
.lh20{ line-height: 20px}
.lh25{ line-height: 25px}
.lh35{ line-height: 35px}
.lh45{ line-height: 45px}
.txt-tips{ position: relative; text-align: center}
.txt-tips img { position: absolute; width: 14px; margin-left: -7px; left: 50%; top:-6px; z-index: 1   }
.txt-tips p{ color: #ff0300; background: #ffefe5; border: 1px solid #ffb688 ; padding: 0 20px; border-radius: 3px; behavior: url(ie-css3.htc); display: inline-block;*display:inline; *zoom:1; margin:0px auto; line-height: 25px}
.comm-list li{ float:left}
.comm-list-2 li{ width: 50%;}
.comm-list-4 li{ width: 25%}
.comm-list-3 li{ width: 33.3%}
.comm-inline li{ display: inline-block; *display:inline; *zoom:1 }
.comm-inline-4 li{width:236px;   float:left;   margin-right:1px;}
.comm-inline-2 li{ width: 472px; float:left;   margin-right:1px;}
.input-form { border: 1px solid #dadada;line-height: 28px;padding: 0 5px;height: 28px;}
.table-list{ border: 1px solid #dadada; width: 100%;}
.table-list tr th{ background: #f2f2f2; line-height: 30px; border-bottom: 1px solid #dadada;text-align: left;padding: 5px 10px;}
.table-list tr td{ padding: 5px 10px; border-bottom: 1px solid #dadada;}
/*index*/
.index-right{ float: left; margin-top: 20px; margin-left: 20px; position: relative}
.index-right-border{border: 1px solid #dadada;width:280px;  height: 230px}
.index-right-module{ height: 140px}
.index-right-module h2{ font-size: 16px; font-weight: normal; padding-left: 20px; color: #333; line-height: 35px}
.index-right-list{ background: #f5f5f5; border-top:1px solid #dadada; overflow: hidden;}
.index-right-list li{ float:left; width: 33.3%; text-align: center; padding:14px 0}
/*icon*/
[class*="iccon-broad"]{ background: url(../res_im/iccon-broad.png) no-repeat 85px 7px;}
.iccon-broad-order{ background-position: 45px -28px}
.iccon-broad-horn{ background-position: 0px -68px; line-height: 35px; margin-left: 10px; padding-left: 30px; float:left}
.iccon-broad-more{ background-position: 0px -224px; padding-left: 20px}
.iccon-broad-hui{ background-position: 0 -416px; display: inline-block; *display:inline;*zoom:1; padding-left: 25px}
.iccon-broad-cat{ background-position: 0 -450px; display: inline-block; *display:inline;*zoom:1; padding-left: 25px}
.iccon-broad-tv{background-position: 0 -480px; display: inline-block; *display:inline;*zoom:1; padding-left: 25px}
.iccon-broad-box{background-position: 0 -507px; display: inline-block; *display:inline;*zoom:1; padding-left: 25px}
.iccon-broad-eye{background-position: 0 -540px; display: inline-block; *display:inline;*zoom:1; padding-left: 25px}
.iccon-broad-tel{background-position: 0 -575px; display: inline-block; *display:inline;*zoom:1; padding-left: 25px}
.iccon-broad-down{ background-position: 0 -605px; display: inline-block;*display:inline;*zoom:1; width:15px; height: 20px; float:right}
.iccon-broad-up{ background-position: 0 -625px;}
.iccon-broad-time{ position: absolute;left:185px; background-position: 0 -690px; width: 30px; height: 30px}
.iccon-broad-package{ background-position: 0 -728px; padding-left: 30px}
.iccon-broad-succ{ background-position: 0 -768px; padding-left: 50px; height: 50px}
.iccon-broad-fail{background-position: 0 -840px; padding-left: 50px}
.iccon-broad-webTv{background-position: 0 -924px; display: inline-block; *display:inline;*zoom:1; padding-left: 25px}
.iccon-broad-orderi{ width:40px; height: 70px; background-position: 0 -960px; margin:0 25px; margin-bottom: 10px}
.iccon-broad-payi{width:40px; height: 70px; background-position: 0 -1030px; margin-left: 25px; margin-bottom: 10px}
.iccon-broad-payi-succ{width:40px; height: 70px; background-position: 0 -1090px; margin-left: 25px; margin-bottom: 10px}
.iccon-broad-install{width:40px; height: 70px; background-position: 0 -1170px; margin-left: 25px; margin-bottom: 10px}
.iccon-broad-install-succ{width:40px; height: 70px; background-position: 0 -1240px; margin-left: 25px; margin-bottom: 10px}
.iccon-broad-review{width:40px; height: 70px; background-position: 0 -1620px; margin-left: 25px; margin-bottom: 10px}
.iccon-broad-review-succ{width:40px; height: 70px; background-position: 0 -1700px; margin-left: 25px; margin-bottom: 10px}
.iccon-broad-finish{width:40px; height: 70px; background-position: 0 -1310px; margin-left: 25px; margin-bottom: 10px}
.iccon-broad-finish-succ{width:40px; height: 70px; background-position: 0 -1385px; margin-left: 25px; margin-bottom: 10px}

.iccon-broad-info{ height: 30px; background-position: 0 -1560px; padding-left: 25px; font-size: 14px}
.iccon-broad-info-arrow{background-position: 0 -1480px; width:15px; height: 20px;float: right}
.iccon-broad-info-arrowdown{background-position: 0 -1518px;}
.iccon-broad-title{ background-position: 0 -1595px; padding-left: 20px}
.sign-btn{ font-size: 14px; color: #666; position: absolute; right:10px; top:5px}
.top-scroll{ margin-left: 100px; height: 35px !important; overflow: hidden}
.top-scroll li{ float: left; width: 33.3%; line-height: 35px}
.index-broad-focusad li{ float:left; width: 20%;}
.index-broad-floor-title h2{ background: url(../res_im/iccon-broad.png) no-repeat 0px -105px; color: #0084cf; font-size: 32px; padding-left: 40px; line-height: 50px; float:left}
.index-broad-floor-title-txt{ line-height: 50px; margin-left: 20px; float: left;font-size: 20px; color:#333}
.index-broad-floor-border{ border: 1px solid #dadada; margin-right: 10px; overflow: hidden; height: 175px}
.index-broad-floor-border-nom{ margin-right: 0px}
.index-broad-floor-border-title{ height: 205px; width: 40px; background: #2aa3de; color: #fff; float: left; font-size: 18px; letter-spacing: 5px; text-align: center;}
.index-broad-floor-border-title span{ margin-top: 50px; display: inline-block}
.wave-bg{ background: #f5f5f5 url(../res_im/wave.png) repeat-x left top; height: 50px; text-align: center; padding-top: 10px}
.wave-bg-2{ padding-top: 20px; height: 60px}
.broadcost-search-bg{ height: 78px; background: #f5f5f5 url(../res_im/search-bg.png) no-repeat 1000px center; border: 1px solid #dadada; margin-top: 20px;}
.broadcost-search-bg-select{ float:left; line-height: 35px; overflow: hidden; margin-left: 20px; min-width: 80px}

.broadcost-search-bg-select select{ min-width: 80px;  line-height: 38px; height: 38px;border: 1px solid #dedede;}
.broadcost-search-bg-select input{ min-width: 80px;  line-height: 38px; height: 38px;border: 1px solid #dedede;}
.broadcost-search-bg-select-2{ margin-top: 10px;min-width: 180px}
.broadcost-search-bg-select-2 select{min-width: 180px}
.broadcost-search-bg-inp{float:left;  line-height: 34px; margin-left: 20px; min-width: 360px}
.broadcost-search-bg-inp input{ width: 360px; padding-left: 10px; line-height: 34px;border: 2px solid #169bd5; }
.comm-border{ border: 1px solid #dadada}
.comm-border-orange{ border-top:1px solid #ffa33c; border-left:1px solid #ffa33c; }
.comm-border-green{border-top:1px solid #66c761; border-left:1px solid #66c761;}
.comm-border-blue{border-top:1px solid #81abf7; border-left:1px solid #81abf7;}
.index-tabs{ display: inline-block}
.index-tabs li{ float:left; margin-left: 10px}
.index-tabs li a { display: inline-block; border: 1px solid #dadada; padding: 0 20px; line-height: 35px; border-radius: 3px;  behavior: url(ie-css3.htc);}
.index-tabs li.active a{ color: #fff}
.comm-border-orange  .index-tabs li.active a{ background: #ffa33c; border: 1px solid #ffa33c;}
.comm-border-green  .index-tabs li.active a{ background: #66c761; border: 1px solid #66c761;}
.comm-border-blue  .index-tabs li.active a{ background: #2aa3de; border: 1px solid #2aa3de;}
.index-tab-content{ width: 958px; height: 258px; *margin-top:10px;overflow: hidden;  position: relative;}
.index-silde{   overflow: hidden;  margin: 0 8px;}
.comm-inline{ width: 100000px;}
.comm-inline li .comm-border { margin-right:10px;}
.slide-btn{ position:absolute; height:32px; z-index:3; top:120px; width:100%; left: 0px}
.slide-btn span{ background: url(../res_im/slide-arrow-red.png) no-repeat; display: inline-block;width:32px; height:32px; cursor: pointer}
.comm-border-green  .slide-btn span{ background: url(../res_im/slide-arrow-green.png) no-repeat; }
.comm-border-blue  .slide-btn span{ background: url(../res_im/slide-arrow.png) no-repeat; }
.slide-btn span.left-btn{ position: absolute; left: 0px}
.slide-btn span.right-btn{ background-position: 0px -36px;position: absolute; right:0px}
.slide-btn span.btn-index{ width:0px; height: 0px}
.index-floor-title { background: #ffa33c}
.index-floor-txt{ color: #ffa33c}
.comm-border-orange a.btn-border{ border-color: #ffa33c; color: #ffa33c}
.my-bs-fee { border:0px}
.comm-border-orange a.btn-border:hover{color: #ffa33c}
.comm-border-green .index-floor-title { background: #66c761}
.comm-border-green .index-floor-txt{ color: #66c761}
.comm-border-green a.btn-border{ border-color: #66c761; color: #66c761}
.comm-border-green a.btn-border:hover{color: #66c761}
.comm-border-blue .index-floor-title { background: #2aa3de}
.comm-border-blue .index-floor-txt{ color: #2aa3de}
.comm-border-blue a.btn-border{ border-color: #2aa3de; color: #2aa3de}
.comm-border-blue a.btn-border:hover{color: #2aa3de}
.index-broad-floor-title2{ background: url(../res_im/bg-s.png) no-repeat; height: 74px; overflow: hidden}
.index-broad-floor-title2 h2{ background: url(../res_im/iccon-broad.png) no-repeat 0 -160px; margin-top: 10px; font-size: 20px; font-weight: normal; margin-left: 10px}
.index-other-bs{ height: 140px; overflow: hidden}
.index-other-bs-auto{ height: auto;}

.rt-fixed{ position:fixed; top:50%;right:20px; z-index:9996;}
.rt-fixed li{ margin-top:2px; cursor:pointer; position:relative; text-align:center;}
.rt-fixed .rt-round{ width:40px; height:30px; background:#f2f2f2; border-radius:5px; padding-top:10px;}
.rt-fixed .fix-icon01{ display: block; width:26px; height:20px; background-position:0px -251px;margin:0 auto;}
.rt-fixed .fix-icon02{ display: block;width:26px; height:20px; background-position:0 -301px;margin:0 auto;}
.rt-fixed .fix-icon03{display: block; width:26px; height:21px; background-position:0 -351px;margin:0 auto;}
.rt-fixed .lt-link{position:absolute;left:-95px;top:0px;width:95px; line-height:40px;border-radius:5px 0 0 5px;height:40px;background-color:#25b2fe;display:none;}
.rt-fixed .lt-link a{ color:#fff; padding-left:6px;}
.rt-fixed .lt-link a:hover{ text-decoration:underline;}
.rt-fixed li:hover .lt-link{ display:block;}
.rt-fixed li:hover .rt-round{background:#25b2fe; border-radius:0 5px 5px 0;}
.rt-fixed li:hover .fix-icon01{ background-position:0 -276px}
.rt-fixed li:hover .fix-icon02{ background-position:0 -326px;}
.rt-fixed li:hover .fix-icon03{ background-position:0 -376px;}
.lt-fixed{ position:fixed; top:50%;left:10px; z-index:9996;}
.lt-fixed li{ margin-bottom: 10px}
.lt-fixed li a{ width: 50px;padding: 0;; text-align: center}

/*滚动条*/
.box-win-address{ position: absolute; left: 0px; width: 368px;  background: #fff; border: 1px solid #0093dd; z-index: 3 }
.box-win-address2{ left: 185px}
.box-win-address3{ left: 370px}
.box-win-address ul li{ padding:5px ; line-height: 20px}
.box-win-address ul li.on{ background: #dadada}
.scrollbar-box { width: 365px; clear: both; margin: 0px 0 0px; }
.scrollbar-box .viewport { width: auto; height: 180px; overflow: hidden; position: relative; }     /****************高度可改***************/
.scrollbar-box .overview { width: auto; list-style: none; position: absolute; left: 0; top: 0; }
.scrollbar-box .thumb .end,.scrollbar-box .thumb { background-color: #0093dd; }
.scrollbar-box .scrollbar { position: relative; float: right; width: 15px; background: #f5f5f5; }
.scrollbar-box .thumb { width:15px; cursor: pointer; overflow: hidden; position: absolute; top: 0; right:0px;}
.scrollbar-box .thumb .end { overflow: hidden; height: 20px; width: 15px; }
.scrollbar-box .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

/*滚动条*/
/*宽带续费*/
/*面包屑*/
.crumbs {
    margin: 10px 0;
    font-size: 14px;
}

.crumbs li {
    float: left;
}

.crumbs li a {
    margin: 0 5px;
}

.crumbs:after {
    display: block;
    clear: both;
    content: "";
}


/**通用步骤导航**/

.stepsNav_list { margin: 10px auto; width: 460px; height: 80px}

.stepsNav_list li {
    float: left;
    text-align: center;
    padding-top: 10px;
}

.step_circle {
    width: 48px;
    height: 48px;
    background: url(../res_im/sprite_stepCircle.png)no-repeat;
    background-position: 0 -116px;
    float: left;
    text-align: center;
    position: relative;
    font: 24px;
    color: #888;
    z-index: 2;
}

.step_tit {
    width: 120px;
    position: absolute;
    top: 50px;
    left: 50%;
    height: 30px;
    line-height: 30px;
    margin-left: -60px;
    color: #333;
    font-size: 14px
}

.step_stick {
    width: 150px;
    height: 8px;
    float: left;
    margin: 17px -1px 0 -4px;
    z-index: 1;
    position: relative;
}

.step_stick i {
    display: block;
    width: 50%;
    height: 0;
    border-top: 8px solid #D1D2D2;
    float: left;
}

.step_succ .step_circle {
    background-position: 0 0;
}
.step_num{ font-style: normal; font-size: 24px ; line-height:  48px; font-weight: bold}
.step_succ .step_num {
    font: 0/0 a;
}

.step_succ .step_stick i {
    border-color: #0084CC;
}
.step_succ_half .step_circle {
    background-position: 0 0;
}

.step_succ_half .step_num {
    font: 0/0 a;
}


.step_now .step_circle {
    background-position: 0 -57px;
}
.step_now .step_num { color: #92d41b}
.step_now .step_tit {
    color: #343535;
}

.step_succ_half .step_stick .prehalf,
.step_now .step_stick .prehalf,
.step_faid .step_stick .prehalf {
    background: #0084CC;
    border-right: 8px solid #0084CC;
    border-top: 8px solid #0084CC;
    position: relative;
    margin-left: -8px;
}

.ie7 .step_now .step_stick .prehalf,
.step_faid .step_stick .prehalf {
    border-right: 5px solid #D1D2D2;
}

.step_faid .step_circle {
    background-position: 0 -177px;
}

.step_faid .step_num {
    font: 0/0 a;
}

.stepsNav_list:after {
    display: block;
    clear: both;
    content: "";
}

.order-s{border:1px solid #dadada;border-top:2px solid #0085d0;margin-bottom:15px;}
.order_s_title{background:#f2f2f2;border-bottom:1px solid #dadada;height:35px;line-height:35px;}
.order_s_title h2{font-size:14px;text-indent:15px;font-weight: normal}
.broadcast-info-list{ padding:10px 20px; width:1000px; font-size:14px;line-height:25px}
.broadcast-info-list dt{ float: left; width:100px; color:#999;  height:40px}
.broadcast-info-list dd{ float: left; width:400px; color:#333; overflow:hidden; height:40px}
.broadcast-info-list{  width:1160px;}
.broadcast-info-list-3line dd{ width:280px; }
.broadcast-info-list-3line dt{ width:100px; }
.common-tips{ border:1px solid #ed1b24; color:#ed1b24; border-radius:3px; font-size:12px; padding: 0 10px}
.sub-tab-content{margin-left:20px; }
.sub-tab-content .comm-inline{ width:auto}
.sub-tab-content .comm-inline li{ margin-bottom:20px}
.sub-tabs{ float:left; margin-left: 20px}
.sub-tabs li{ display:inline-block; *display:inline;*zoom:1; border-radius: 3px; margin-bottom: 20px; padding: 0 30px; margin-left: 10px; position: relative; }
.sub-tabs li a{color: #fff; font-size: 14px}
.tabs-arrow{ background: url(../res_im/tabs-arrow.png) no-repeat 0 0px; width: 20px; height: 9px; position: absolute; top:34px; margin-left: -10px; left: 50% ; display: none}
.bg-green .tabs-arrow{ background-position: 0 -10px}
.bg-blue .tabs-arrow{ background-position: 0 -20px}
.sub-tabs li.active .tabs-arrow{ display: block}
/*宽带详情*/
.product-list{ padding-bottom: 10px; color: #333}
.product-list dt{ float:left;width: 80px; color: #666;}
ul.fameCheck-list li {  float: left; }
ul.fameCheck-list li a {display:inline-block;*display:inline;*zoom:1;padding: 5px 15px; margin: 0 10px 10px 0;border: 1px solid #dadada;color: #333;text-align: center;cursor: pointer;white-space: nowrap; background: #fff;}
ul.fameCheck-list li a:hover {border: 1px solid #b7b2b2; text-decoration: none}
ul.fameCheck-list li.on a {background: #FFF url(../res_im/checkMark.png) bottom right no-repeat;border: 1px solid #ed2668; }

.slect-fameCheck-list{ position: relative; }
.fameCheck-list-info{ position: absolute; border: 1px solid #dadada; left: -1px; right:-1px; background: #fff;top:31px; line-height: 20px; text-align: left; padding:5px 10px; white-space: normal; z-index: 3; display: none}
.product-list-p{ padding-bottom: 5px}
.select-tel-bg{ float:right; background: #f6f6f6; border: 1px solid #dadada; border-left:0px;padding: 5px 10px; margin-left: -10px;  display: none}
.select-tel-btn{ cursor: pointer}
ul.fameCheck-list li.on .select-tel-bg{ display: block}
.product-tabs { border-bottom: 2px solid #dadada; }
.product-tabs li{ float:left; line-height: 35px; padding: 0 30px; margin-bottom: -2px; font-size: 16px}
.product-tabs li.active{ border-bottom: 2px solid #0085d0}
.product-tabs2{ border-bottom: 0px}
.product-tabs2 li.active{ border-bottom: 3px solid #0085d0}
.scrollfixedtop{ position: fixed; padding-bottom: 0px; top:-20px; background: #fff; width: 100%;}
.cont-tabs{ border:1px solid #a5b7f3; width:100%; text-align:center;}
.cont-tabs tr td{border-right:1px solid #a5b7f3;border-bottom:1px solid #a5b7f3; padding:10px 20px;}
.veiw-tabs{ width:100%;}
.veiw-tabs tr td{ border-bottom:1px solid #ccc; text-align:center; padding:10px;}
/*  分页  */
.Page{ height:25px; line-height:25px; clear:both; margin:10px 0px;}
.PageLeft{ float:left; margin-left:20px; width:200px; height:25px; line-height: 25px; margin-top:5px;}
.PageCenter{ float:left; text-align:center; width:320px; height:25px; line-height: 25px;  margin-top:5px;}
.PageRight{ float:right; margin-right:5px;overfloat:hidden; display:inline-block; width:125px;height:25px; line-height: 25px;margin-top:3px;  margin-top:5px \9;  *margin-top:0px;  _margin-top:0px;}
.Page a, .Page .go,#con_one_2 .PageCenter a{ border: 1px solid #dedede;width:25px; height:25px; display:inline-block; border-radius: 3px; text-align:center; cursor:pointer; margin-left: 5px}
.Page .go{ position:relative; top:0px; top:0px \9; *top:5px; _top:5px;}
.Page a.no{border:0px solid #0093dd}
#con_one_2 .PageCenter a.no{ background:none; border:0px solid #0093dd}
.Page .input-form{ width: 20px}
/*window*/
.mask{position:fixed; bottom:0;left:0;height:100% !important;width:100%;background:#000;opacity:0.5;filter:alpha(opacity=50); display:none;z-index:10001;}
.pop-box{position:fixed;width:740px ;background:#fff; display:none;z-index:10002; margin-left:-370px;  left: 50%; top:50px}
.pop-title{ font-size: 16px; padding: 10px 20px; border-bottom: 1px solid #e0e0e0}
.iccon-broad-close{ background-position: 0px -655px;text-indent: -999px}
a.pop-close{; display: inline-block; width: 18px; height: 18px; float:right}
.border-bottom{ border-bottom: 1px solid #e0e0e0}
.border-top{ border-top: 1px solid #e0e0e0}
.comm-phone-list span{ display: inline-block}
.comm-phonecontent-list-div{ background: #f2f2f2; padding: 5px 0px}
.comm-phonecontent-list li{ margin-bottom: 5px; line-height: 18px; cursor: pointer}
.comm-phonecontent-list li.on .comm-phonecontent-list-div{ background: #ffeedb;}
.product-img{ width: 300px; display: block}
.msnbtn{ background: none; color: #0093dd;  outline: none; cursor: pointer;border: 0px}
.secondarynum-tabs { border: 1px solid #dadada; line-height: 30px; padding:0 20px}
.secondarynum-tabs li{ float:left; width: 100px; text-align: center; padding: 10px ; overflow: hidden}
.secondarynum-tabs li a{border-right: 1px  solid #efefef; display: block; line-height: 18px}
.secondarynum-tabs li.last a{ border:0px; margin-right: 20px}
.secondarynum-tabs li.active{border-bottom:3px solid #0093dd;  }
.install-info-list{ padding-bottom: 10px; }
.install-info-list dt{ float:left; width: 100px; color: #999; font-size: 14px}
.install-info-list dd{ margin-left: 100px; color: #3333; font-size: 14px;position: relative}
.my-order-pay{border-top:1px solid #dedede;}
.third-pay{padding:0 20px;margin-top:20px;  border-top:1px solid #dedede; border-bottom:1px solid #dedede}
.third-pay  dt{color:#666;line-height:50px;padding-left:10px}
.third-pay  dd{width: 800px;}
.third-pay  div.b{cursor:pointer;display:inline;float:left;height:40px;margin-bottom:18px;margin-right:14px;padding-left:10px}
.third-pay  div.b input{float:left;height:13px;margin-top:15px;width:13px}
.third-pay label{border:1px solid #E6E6E6;cursor:pointer;display:inline;float:left;height:40px;margin-left:9px;padding:1px;width:130px;background: url(../res_im/bank/blanks.png)  0 0 no-repeat;}
.third-pay label.bank-bohai{background-position: 0 0;}
.third-pay label.bank-youzheng{background-position: 0 -40px;}
.third-pay label.bank-guangda{background-position: 0 -80px;}
.third-pay label.bank-jiaotong{background-position: 0 -120px;}
.third-pay label.bank-minsheng{background-position: 0 -160px;}
.third-pay label.bank-gongshang{background-position: 0 -200px;}
.third-pay label.bank-nongye{background-position: 0 -240px;}
.third-pay label.bank-zhongguo{background-position: 0 -280px;}
.third-pay label.bank-pufa{background-position: 0 -320px;}
.third-pay label.bank-zhaoshang{background-position: 0 -360px;}
.third-pay label.bank-zhongxin{background-position: 0 -400px;}
.third-pay label.bank-jianshe{background-position: 0 -440px;}
.third-pay label.alipay{background-position: 0 -480px;}
.third-pay label.weixin{background-position: 0 -520px;}
.third-pay label.hebao{background-position: 0 -560px;}
.third-pay div.current label{border:2px solid #ed2668;padding:0}
.newadd-order{ width: 700px; margin:  0 auto; background: #fffadc  url(../res_im/wave-yellow.png) left bottom repeat-x; padding: 20px;  border: 1px solid #eebd49; border-bottom: 0px}
.newadd-order dt{ float:left; width:100px; color: #666; text-align: right; font-size: 14px}
.newadd-order dd{ margin-bottom: 10px; font-size: 14px}
.search-bs-bg{ background: url(../res_im/search-bs-bgs.png) no-repeat; height: 241px}
.search-bs-bg-pos{ padding-left: 120px; padding-top: 130px}
.user-imgbg{ position: relative;float:left; position: relative; width: 88px; height: 88px; overflow: hidden}
.user-img-ab{ position: absolute; left: 0; top:0;}
.pro-img{width:150px }
.my-btn{ position: absolute; top:140px; right:50px}
.myorder-tab{ border-right:1px solid #dadada;; float:left; width: 120px}
.myorder-tab li{ padding-left: 20px; line-height: 30px}
.myorder-tab li.active{ background: url(../res_im/dot.png) no-repeat left center; }
.myorder-tab li a{ font-size: 14px}
.myorder-tab li.active a{ color:#0093dd }
.myoder-btn{ width: 80px; padding: 0px; text-align: center; font-size: 14px}
.tips-arrow-white{ color: #ed1b24; border: 1px solid #dadada; padding: 0 10px; line-height: 25px; display: inline-block;*display:inline;*zoom:1; position: relative; border-radius: 5px}
.tips-arrow-white img{ position: absolute; bottom:-6px; margin-left: -7px; left: 50%}
.ui-form-item { padding: 0 5px 20px 190px;}
.ui-label {float: left;width: 210px;margin-left: -220px;padding-top: 5px;text-align: right; font-size: 14px;}
.ui-form-text { display: inline-block; margin-top: 6px;}
.yzm-btn {background: #f2f2f2;  color: #333;  padding: 6px 5px;  border: 1px solid #dedede; border-radius: 3px; margin-left: 10px;}
.complaint-list{ background: #fff8ee; border: 1px solid #f1dfc4;  line-height: 25px; position:relative; margin-bottom: 20px}
.complaint-list p{ height: 150px; overflow: hidden;}
.complaint-list p.complaint-list-txt{ height: auto}
.complaint-list-more{ position:absolute;height: 20px;bottom:-20px; width:80px; line-height: 20px;background:#fff8ee; text-align:center; border: 1px solid #f1dfc4; border-top: 0px; margin-left: -40px; left:50%; cursor: pointer;}
.tslist{padding:8px 0; font-size:14px; line-height:30px; width:100%; overflow:hidden;}
.tslist dt{float:left; width:190px; text-align:right; height:30px;}
.tslist dd{float:left; height:30px;}
.tslist2 dd{height:auto; overflow:hidden; }
.my-commont-left{ float:left; width:600px; padding:10px; padding-left:20px}
.rate-box .rate-box-title {
    width: 60px;
    float:left;
    text-align: center;
    vertical-align: top;
    color: #666;
    background-color: #EFEFEF;
    border-left: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    border-right: 1px solid #e7e7e7;
}
.item-rate .rate-box-title {
    border-top: 1px solid #E7E7E7;
}
.item-rate .rate-box-title {
    line-height: 118px;
    height: 118px;
}
.text-input-box {
    margin-left:60px;
    background-color: #fff;
    position: relative;
    height:108px;
    border-top: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 10px 9px 0;
}
.text-input-box textarea {
    resize: none;
    border: 0;
    display: block;
    width: 100%;
    height: 100%;
    outline: none;
    overflow: auto;
    padding: 0;
    margin: 0;
    box-shadow:none
}
.text-input-box textarea:focus{outline: none;box-shadow:none}
.my-commont-list{ margin-left:40px; padding-bottom:20px; margin-right:20px}
.my-commont-list li{ float:left; margin-right:20px; line-height: 14px }
.my-commont-list li input{ float:left; }
.my-commont-title{ line-height:40px; margin-left:20px; font-size: 18px;border-bottom:1px solid #dedede}
.my-commont-title-info{ line-height:40px; color:#333; padding-left:40px}

.my-stars  label{ float:left; font-size: 14px}
.my-stars  .stars{ margin-bottom:10px;}
.my-commont-right{ float: left}
.stars-comment{ margin-bottom: 10px}
.stars-comment  label{ float: left; width: 110px}
.stars-comment ul,.star_result_span {
    float: left;
    display: inline;
    height: 20px;
    line-height: 20px;
}

.stars-comment ul {
    margin: 0 10px;
}

.stars-comment li {
    float: left;
    width: 24px;
    cursor: pointer;
    text-indent: -9999px;
    background: url(../res_im/star.png) no-repeat;
}

.stars-comment strong {
    padding-left: 10px;
}

.stars-comment li.on {
    background-position: 0 -28px;
}
.star-result{ float: left; width: 79px; padding-left: 10px; height: 19px; line-height: 19px; color: #dd2727}
/*uploadimg*/
.text-input-box { position: relative; padding-bottom:30px;overflow: hidden; margin-left: 0px; border: 0px}
input[type=text].hide{ display:none}
.uploader-preview{ margin-left:58px;}
.uploadertxt{ float:left; color:#999; line-height:50px; margin-left:10px; font-size:14px}
.uploader-preview-item{ position:relative; float:left; height:100px; width:100px; border:1px solid #d9d9d9; text-align:center;   margin-left:12px; margin-bottom:20px}
.uploader-preview-item-imgbg{ width:100px; height:100px; overflow:hidden}
.uploader-preview-item-img{ height:100px; width:auto}
.uplooaderimg-num{ position:absolute; bottom:10px; right:10px; color:#999; font-size:14px}
.uploader-preview-remove{ position:absolute; top:-10px; right:-10px ; background: url(../res_im/close.png) no-repeat; width: 24px; height: 23px}

.refund-btn{ border:1px solid #d9d9d9; height:100px; width:100px ; float:left; position:relative; overflow:hidden }
.refund-btn a{  top:6px; left:0px; width: 100px; height: 100px; display: block;  position:absolute;  cursor:pointer; color:#999 ; text-align: center}
.refund-btn input{  width:100px; height:100px;border: none; margin:0 ; padding:0;opacity:0; filter: alpha(opacity=0); cursor: pointer;}
.up-img{ height: 100px; margin-left: 10px}
.tips-order{ position: absolute; background: #f5f5f5; width: 240px;  right:0px;border: 1px solid #dadada; padding: 10px; top:30px; text-align: left; display: none}
.tips-order-up{ position: absolute; right:20px; top:-7px; z-index: 2; }
.modifytTime{ padding-bottom: 10px; float:left; position: relative}

.ui-dialog-titlebar-close{ display: none !important}
.ui-widget-header{ background: #fff !important; border-radius: 0 !important; border:0px !important;border-bottom: 1px solid #ddd !important;}
.ui-dialog-buttonset{ float:none !important; text-align: center; margin: 0 auto;}

body {
    background: #fff;
    font-size: 12px;
    font-family: "宋体", Arial;
    color: #707070;
    line-height: 180%;
}
* {
    margin: 0;
    padding: 0;
}

.LeftMenu .li {
    border-bottom: #DDDDDD 1px dotted;
    height: 46px;
    text-align: center;
}

a, a:visited {
    text-decoration: none;
}


.LeftSubMenu .b {
    height: 25px;
    float: left;
    width: 550px;
    text-align: left;
    margin-top: 5px;
    margin-left: 10px;
    _margin: 10px -20px 0px 10px;
    line-height: 22px;
}

.LeftMenu A:hover .LeftSubMenu {
    VISIBILITY: visible
}

.LeftSubMenu {
    Z-INDEX: 9999;
    POSITION: absolute;
    VISIBILITY: hidden;
    color: #525252;
    TOP: -10px;
    width: 550px;
    cursor: default;
    border: #DFDFDF 1px solid;
    left: 195px;
    top: 0px;
    background: none;
    BACKGROUND-COLOR: #fff;
    color: #525252;
    height: 25px;
    font-size: 12px;
    color: #007ACB;
}

.LeftSubMenu A {
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    height: 25px;
    color: #525252;
    background: none;
    padding-top: 5px;
}

.LeftSubMenu A:hover {
    BACKGROUND-COLOR: #fff;
    TEXT-DECORATION: none;;
    height: 25px;
    background: none;
    color: #007ACB;
}

.LeftSubMenu .li2 {
    BORDER-BOTTOM: #999 1px dotted;
    BORDER-RIGHT-WIDTH: 0px;
    MARGIN: 0px;
    BORDER-TOP-WIDTH: 0px;
    BORDER-LEFT-WIDTH: 0px;
    background: none;
}

.LeftSubMenu .b {
    height: 25px;
    float: left;
    width: 550px;
    text-align: left;
    margin-top: 5px;
    margin-left: 10px;
    _margin: 10px -20px 0px 10px;
    line-height: 22px;
}

.LeftSubMenu .b a {
    background: none;
    font-family: "宋体";
    font-size: 13px;
    line-height: 22px;
    font-weight: bold;
}

.LeftSubMenu .b a:hover {
    text-decoration: none;
}

.LeftSubMenu .b span {
    font-family: "宋体";
    font-size: 13px;
    line-height: 22px;
    font-weight: bold;
}

.LeftSub2Menu {
    Z-INDEX: 100;
    DISPLAY: inline;
    width: 550px;
    float: left;
    margin-left: 6px;
    _margin-left: 4px;
    _margin: 0px -20px 0px 10px;
}

.LeftSub2Menu .li3 {
    POSITION: relative;
    DISPLAY: block;
    WHITE-SPACE: nowrap;
    FONT-WEIGHT: normal;
    float: left;
    text-align: left;
    border-bottom: 0;
    margin: 0px 5px;
    line-height:23px
}

.LeftSub2Menu .li3 .c {
    PADDING-BOTTOM: 1px;
    PADDING-LEFT: 1px;
    PADDING-RIGHT: 1px;
    CURSOR: pointer;
    PADDING-TOP: 1px
}

.LeftSub2Menu A {
    background: none;
    width: auto;
    font-family: "宋体";
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    color: #525252;
}

.LeftSub2Menu A:hover {
    position: inherit;
    margin-right: 0px;
    width: auto;
    text-align: left;
    color: #007ACB;
    text-decoration: underline;
}

.LeftSub2Menu .li3 .li:hover {
    BACKGROUND-POSITION: 50% bottom
}

.LeftMenu .onCur {
    font-family: "微软雅黑";
    font-size: 18px;
    line-height: 46px;
    color: #fff;
    height: 45px;
    width: 199px;
    display: block;
    background: url(../../res_co/res_im/menu.jpg) no-repeat;
}
.left {
}

.LeftMenu {
    width: 200px;
    height: 374px;
    margin-bottom: 10px;
    background: #fff url("../../res_co/res_im/LeftMenuBg.gif") no-repeat;
    display: block;
    position: relative;
    z-index: 30;
}

.LeftMenu .li {
    border-bottom: #DDDDDD 1px dotted;
    height: 46px;
    text-align: center;
}

.LeftMenu .A {
    font-family: "微软雅黑";
    font-size: 18px;
    line-height: 46px;
    color: #313131;
    height: 45px;
    width: 199px;
    display: block;
    background: url("../../res_co/res_im/sprite.gif") no-repeat 145px -154px;
}

.LeftMenu A:hover {
    Z-INDEX: 100000;
    POSITION: relative;
    color: #fff;
    text-decoration: none;
    background: url(../../res_co/res_im/menu.jpg) no-repeat;
    height: 45px;
}
.shareto_mask {
    z-index: 9999;
    position: fixed;
    *position: absolute;
    filter: alpha(opacity=70);
    width: 100%;
    background: #666666;
    top: 0px;
    left: 0px;
    opacity: 0.7;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
}

.progress {
    width: 650px;
    z-index: 99999;
    margin: auto;
    position: fixed;
    *position: absolute;
    left: 25%;
    top: 180px;
    display: none;
}

.progress .bar {
    margin: 10px 0px 0px 20px;
    float: left;
    width: 500px;
    height: 100px;
    font-size: 14px;
    padding-left: 100px;
}

.progress .part {
    float: left;
    width: 300px;
    margin: 5px 5px 5px 20px;
}

.progress .ptitle {
    line-height: 30px;
    font-weight: bold;
    font-size: 13px;
    width: 300px;
}



.boxArea500 {
    width: 500px;
    margin-top: 180px;
    *margin-top: 180px;
    position: fixed;
    *position: absolute;
    left: 32%;
    top: 0px;
    *top: expression(eval(document.documentElement.scrollTop));
    display: none;
    z-index: 99999;
}

.boxArea500 .boxHead {
    background: url("../../res_co/res_im/cum.gif") no-repeat 0px -105px;
    display: inline-block;
    width: 100%;
    height: 35px;
    line-height: 35px;
}

.boxArea500 .boxBorder {
    width: 478px;
    background: #FFFFFF;
    border: #E6E6E6 1px solid;
    border-top: 0;
    padding: 8px 10px;
    clear: both;
    overflow: hidden;
}

.boxArea500 .title {
    font-size: 14px;
    font-weight: bold;
    float: left;
    margin-left: 15px;
    color: #4F4F4F;
    _margin-left: 8px;
}

.boxArea500 .close {
    cursor: pointer;
    background: url("../../res_co/res_im/sprite.gif") no-repeat -257px 4px;
    width: 18px;
    height: 18px;
    float: right;
    margin: 8px;
}

/*浮出层*/
#mydiv2{display:none;border:1px solid #dadada; }
#mydiv2 table{width:100%}
#mydiv2 th{background-color:#E0EDFE;}
#mydiv2 td{background-color:#fff;}
#mydiv2 th,td{padding:3px 5px;}
#t1{color:#F30;}
td {
    text-align:center;
}