.pbd { width: 1200px; margin: 0 auto; zoom: 1; padding-top: 28px; *zoom: 1; }
.pbd:before, .pbd:after { display: table; content: ""; }
.pbd:after { clear: both; }

a, a:hover { outline: none; text-decoration: none; }

.header { clear: both; }
.header .w1240 { overflow: hidden; zoom: 1; }

.partLeft { width: 245px; float: left; margin-right: 0px; position: relative; z-index: 1; }

.partRight { width: 927px; float: left; padding: 0px 0 15px;    margin-left: 28px; }

.mod-sort .mhd { background-color: #188eee; height: 41px; line-height: 41px; padding-left: 17px; font-size: 16px; }
.mod-sort .mhd h2 { font-weight: normal; color: #fff; }
.mod-sort .mhd h2 a { color: #fff; }
.mod-sort .mbd { border: 1px solid #d9d9d9; border-top: none; background-color: #fff; position: relative; }
.mod-sort .mbd .sortCon { margin: 0 0 15px 0; padding: 1px 0 1px; width: 245px; position: relative; }
.mod-sort .mbd .sortCon .bLeft {padding-left: 13px; }
.mod-sort .mbd .sortCon .bLeft .content { border-bottom: 1px solid #ededed; padding-bottom: 10px; }
.mod-sort .mbd .sortCon .bLeft .content h3 { font-size: 18px; color: #333333; font-weight: normal; }
.mod-sort .mbd .sortCon .bLeft .content h3 span { color: #999999; font-size: 14px; }
.mod-sort .mbd .sortCon .bLeft .content p { line-height: 28px; }
.mod-sort .mbd .sortCon .bLeft .content p a { color: #2796ef; font-size: 14px; margin-right: 16px;display: inline-block; white-space:normal !important;}
.mod-sort .mbd .sortCon .bRight { width: 546px; border: 1px solid #188eee; position: absolute; top: 0; right: -547px; background-color: #fff; padding: 20px 0; display: none; min-height: 37px; _height: 37px; }
.mod-sort .mbd .sortCon .bRight li { padding: 8px 0px; border-bottom: 1px dashed #ddd; overflow: hidden; zoom: 1; margin: 0 20px; }
.mod-sort .mbd .sortCon .bRight li span { float: left; width: 70px; text-align: right; padding-right: 13px; font-size: 14px; color: #188eee; }
.mod-sort .mbd .sortCon .bRight li span a { color: #188eee; }
.mod-sort .mbd .sortCon .bRight li .listCon { float: left; width: 423px; }
.mod-sort .mbd .sortCon .bRight li .listCon a { color: #666666; padding: 0 5px; line-height: 19px; margin-right: 10px; margin-bottom: 3px; float: left; }
.mod-sort .mbd .sortCon .bRight li .listCon a:hover { background-color: #188eee; color: #fff; }
.mod-sort .mbd .sortConHover { width: 246px; }
.mod-sort .mbd .sortConHover .bLeft { border: 1px solid #188eee; border-right: 1px solid #fff; margin: -1px 0 0 -1px; position: relative; z-index: 1; }
.mod-sort .mbd .sortConHover .bLeft .content { border-bottom-color: #fff; }
.mod-sort .mbd .sortConHover .bRight { display: block; }

.mod-lists .mhd { height: 40px; border-bottom: 1px solid #d1d1d1; position: relative; }
.mod-lists .mhd h3{float: right;
height: 41px;
line-height: 55px;
font-size: 18px;
color: #999;
width: 200px;
overflow: hidden;
}
.mod-lists .mhd h3 span{
	color: #ff0000;
font-weight: 700;
font-size: 20px;
}
.mod-lists .mhd h2 { height: 28px; font-size: 24px; font-weight: normal; color: #333; line-height: 28px; padding-bottom: 10px; border-bottom: 2px solid #188eee; width: 250px; float: left; position: relative; top: 1px; margin-right: 132px; }
.mod-lists .mhd .tabTop { float: left; width: 415px; }
.mod-lists .mhd .tabTop a { height: 30px; line-height: 30px; display: inline-block; padding: 0 9px; margin-right: 30px; color: #333; font-size: 18px; }
.mod-lists .mhd .tabTop a:hover, .mod-lists .mhd .tabTop a.on { background-color: #188eee; color: #fff; }
.mod-lists .mhd .selcon { width: 115px; overflow: hidden; border: 1px solid #d9d9d9; background-color: #fff; position: absolute; height: 24px; overflow: hidden; right: 0; }
.mod-lists .mhd .selcon .selOn { height: 24px; line-height: 24px; padding-left: 6px; color: #666; cursor: pointer; }
.mod-lists .mhd .selcon .selOn i { background: url(../../images/index_nex_icons.png) no-repeat -303px -39px; width: 8px; height: 4px; display: inline-block; position: absolute; right: 6px; top: 9px; cursor: pointer; }
.mod-lists .mhd .selcon li a { display: block; height: 23px; line-height: 23px; color: #666; padding-left: 6px; }
.mod-lists .mhd .selcon li a:hover { color: #fff; background-color: #188eee; }
.mod-lists .mbd .listsCon ul { overflow: hidden; zoom: 1; padding-bottom: 40px; margin-left: -19px; }
.mod-lists .mbd .listsCon li { width: 214px; height: 215px; float: left; margin-left: 20px; margin-top: 30px; display: inline; border: 1px solid #d9d9d9; background-color: #fff; overflow: hidden; }
.mod-lists .mbd .listsCon li img { width: 214px; height: 140px; }
.mod-lists .mbd .listsCon li .desc { height: 91px; padding: 7px 7px 0 9px; background-color: #fff; }
.mod-lists .mbd .listsCon li .desc h3 { font-size: 16px; font-weight: normal; color: #333; line-height: 25px; height: 25px; overflow: hidden; }
.mod-lists .mbd .listsCon li .desc h3 a { color: #333; }
.mod-lists .mbd .listsCon li .desc h4 { line-height: 29px; color: #999; font-weight: normal; font-size: 14px; height: 29px; overflow: hidden; }
.mod-lists .mbd .listsCon li .desc h4 a { color: #999; }
.mod-lists .mbd .listsCon li .desc p { line-height: 29px; color: #999; font-size: 14px; overflow: hidden; padding-top: 9px; }
.mod-lists .mbd .listsCon li .desc p span { float: left; }
.mod-lists .mbd .listsCon li .desc p .goInto { float: right; padding: 0 6px; color: #fff; display: inline-block; background-color: #ff8432; }
.mod-lists .mbd .listsCon li .desc p .freeBtn { float: right; padding: 0 20px; color: #38b552; display: inline-block; background-color: #fff; border: 1px solid #38b552; }
.mod-lists .mbd .listsCon li .desc p .orgBtn { color: #ff8432; display: inline-block; }
.mod-lists .mbd .listsCon li .desc p .tkIcon { background: url(../../images/index_nex_icons.png) no-repeat -336px -23px; display: inline-block; float: right; width: 20px; height: 20px; margin-top: 6px; }
.mod-lists .mbd .listsCon li .desc p .spLeft { float: left; width: 178px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word; }
.mod-lists .mbd .listsCon li .desc p .f999 { color: #999; }


<!--�¼ӷ�ҳ��ʽ-->
     .dede_pages{
         text-align:center;
         margin:0 auto;
         padding:14px 0 10px;
         font-family:����;
     }
.dede_pages ul{
    text-align:center; padding:20px 0; color:#8C887E;float: right;width: 100%;
}
.dede_pages ul li{
    float:left;
    font-family:Tahoma;
    line-height:25px;
    margin-right:6px;
    border:0px solid #2f2f2f;
}
.dede_pages ul li a{
    margin:0 1px; line-height:25px; padding:0 8px; display:inline-block; *display:inline; zoom:1;color:#fff; background-color:#787879;
}
.dede_pages ul li a:hover{
    color: #FFF;
    text-decoration:none;
    padding:0px 10px 0px;
    background:#188EEE;
}

.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
    background-color:#F8F8F8;
    padding:0px 5px 0px;
    font-weight:bold;
    background:#188EEE;
    border:0px solid #2f2f2f;
    color:#ffcfe0;
    text-align:center;
}
.dede_pages .pageinfo{
    line-height:25px;
    padding:12px 10px 12px 16px;
    color:#999;
}
.dede_pages .pageinfo strong{
    color:#555;
    font-weight:normal;
    margin:0px 2px;
}
.clear{clear:both; height:0; line-height:0; font-size:0;}

.pft { margin-top: 60px; background-color: #fcfcfc; border-top: 1px solid #ddd; }
.pft .foot { width: 905px; margin: 0 auto; padding-top: 33px; height: 81px; }
.pft .foot p { line-height: 25px; color: #999; text-align: center; }
.pft .foot p a { color: #999; }
.pft .foot p a:hover { color: #6fb829; }
.hidden{ display:none;}

/*...*/
.region-top, .region-bottom { overflow: hidden; zoom: 1; background-color: #fff; border: 1px solid #dedede; padding: 30px; border-bottom: 0 none; }

.region-bottom { margin-bottom: 0; padding-top: 17px; border-bottom: 1px solid #dedede; border-top: none; }

.mod-showDetail { overflow: hidden; zoom: 1; background: #fff; padding: 30px; border: 1px solid #dedede; margin-bottom: 21px; }
.mod-showDetail .picCon { width: 392px; height: 253px; padding: 3px; border: 1px solid #dddddd; float: left; margin-right: 28px; position: relative; }
.mod-showDetail .picCon .bigPic { width: 392px; height: 253px; }
.mod-showDetail .picCon p { position: absolute; left: 3px; bottom: 3px; width: 384px; height: 27px; line-height: 27px; overflow: hidden; background: url(../images/pic_bg_repeatx.png) repeat-x; color: #fff; font-size: 14px; padding-left: 8px; }
.mod-showDetail .content { float: left; width: 710px; }
.mod-showDetail .content h2 { font-size: 28px; color: #333333; font-weight: normal; height: 45px; line-height: 45px; overflow: hidden; text-overflow: ellipsis; word-wrap: normal; white-space: nowrap; }
.mod-showDetail .content .fraction { overflow: hidden; zoom: 1; font-family: "����"; padding-top: 5px; }
.mod-showDetail .content .fraction .starCon { position: relative; top: 1px; margin-right: 6px; }
.mod-showDetail .content .fraction .fs { color: #777777; margin-right: 12px; }
.mod-showDetail .content .fraction a { color: #2695ef; }
.mod-showDetail .content .xuedian { color: #ff8432; margin-top: -4px; *zoom: 1; position: relative; }
.mod-showDetail .content .xuedian:before, .mod-showDetail .content .xuedian:after { display: table; content: ""; }
.mod-showDetail .content .xuedian:after { clear: both; }
.mod-showDetail .content .xuedian .count { font-size: 42px; position: relative; top: 2px; float: left; height: 66px; padding-top: 6px; }
.mod-showDetail .content .xuedian em { font-size: 18px; float: left; }
.mod-showDetail .content .xuedian em a { color: #ff8432; }
.mod-showDetail .content .xuedian .dzCon { float: left; *zoom: 1; padding: 10px 0 0 6px; }
.mod-showDetail .content .xuedian .dzCon:before, .mod-showDetail .content .xuedian .dzCon:after { display: table; content: ""; }
.mod-showDetail .content .xuedian .dzCon:after { clear: both; }
.mod-showDetail .content .xuedian .dzCon .dz { background: url(../images/index_nex_icons.png) no-repeat 0px -66px; width: 55px; height: 25px; position: relative; top: 1px; display: inline-block; float: left; }
.mod-showDetail .content .xuedian .dzCon em { clear: both; }
.mod-showDetail .content .xuedian .endTime { float: left; color: #aaa; font-size: 14px; padding-top: 37px; padding-right: 8px; }
.mod-showDetail .content .xuedian .yx { background: url(../images/index_nex_icons.png) no-repeat -336px -23px; padding-left: 21px; float: left; color: #2695ef; margin-top: 38px; margin-left: 10px; _margin-left: 5px; }
.mod-showDetail .content .xuedian .yj { position: absolute; bottom: 3px; left: 0; color: #aaa; font-family: "����"; }
.mod-showDetail .content .xuedian .yj i { text-decoration: line-through; }
.mod-showDetail .content .xuedian .yxd { padding-top: 34px; }
.mod-showDetail .content .xuedian1 { padding-bottom: 12px; }
.mod-showDetail .content .timeCon { color: #dddddd; font-size: 15px; line-height: 26px; height: 26px; overflow: hidden; }
.mod-showDetail .content .timeCon span { color: #666; }
.mod-showDetail .content .timeCon i { position: relative; top: -2px; }
.mod-showDetail .content .applyCon { color: #888888; font-size: 14px; padding: 8px 0 20px; overflow: hidden; }
.mod-showDetail .content .applyCon em { color: #ff8432; }
.mod-showDetail .content .applyCon1 { padding: 6px 0 10px; }
.mod-showDetail .content .BtnCon .applyBtn, .mod-showDetail .content .BtnCon .disabled { width: 203px; height: 49px; text-align: center; line-height: 49px; color: #fff; background-color: #188eee; font-size: 20px; float: left; margin-right: 14px; }
.mod-showDetail .content .BtnCon .disabled { color: #999999; cursor: default; background-color: #eeeeee; }
.mod-showDetail .content .BtnCon .applyBtned { color: #fff; cursor: default; background-color: #38b552; }
.mod-showDetail .content .BtnCon .shareCon { float: left; border: 1px solid #eeeeee; background-color: #f7f7f7; width: 215px; height: 47px; margin-top: 1px; line-height: 47px; }
.mod-showDetail .content .BtnCon .shareCon .fx { float: left; padding: 0 12px; color: #aaaaaa; }
.mod-showDetail .content .BtnCon .shareCon .jiathis_style_32x32 { float: left; margin-top: 7px; }

.mod-tabCon { overflow: hidden; zoom: 1; margin-top: -15px; }
.mod-tabCon .mhd { height: 47px; line-height: 47px; border-bottom: 1px solid #eeeeee; position: relative; }
.mod-tabCon .mhd a { padding: 0 24px; float: left; height: 46px; line-height: 46px; font-size: 20px; color: #333; }
.mod-tabCon .mhd a.on { border-bottom: 2px solid #188eee; }
.mod-tabCon .mbd .tabCont { display: none; }
.mod-tabCon .mbd .tabCont img { max-width: 668px !important; }
.mod-tabCon .mbd .tabCont p { *zoom: 1; display: inline; height: expression(this.style.height>=this.scrollHeight?'176px':this.scrollHeight+'px'); }
.mod-tabCon .mbd .tabCont p:before, .mod-tabCon .mbd .tabCont p:after { display: table; content: ""; }
.mod-tabCon .mbd .tabCont p:after { clear: both; }
.mod-tabCon .mbd .tabCont p span { *zoom: 1; display: inline; }
.mod-tabCon .mbd .tabCont p span:before, .mod-tabCon .mbd .tabCont p span:after { display: table; content: ""; }
.mod-tabCon .mbd .tabCont p span:after { clear: both; }
.mod-tabCon .mbd .tabContOn { display: block; }
.mod-tabCon .mbd .course-detail-cont { *zoom: 1; padding: 0 0px; }
.mod-tabCon .mbd .course-detail-cont:before, .mod-tabCon .mbd .course-detail-cont:after { display: table; content: ""; }
.mod-tabCon .mbd .course-detail-cont:after { clear: both; }

.mod-recommend .mhd { padding-bottom: 8px; border-bottom: 1px solid #efefef; margin-bottom: 30px; font-size: 20px; color: #2e2e2e; }
.mod-recommend .mhd h2 { font-weight: normal; }
.mod-recommend .mbd ul { margin-left: -70px; }
.mod-recommend .mbd ul .box-cont-none { padding-left: 70px; }
.mod-recommend .mbd li { float: left; width: 176px; margin-left: 69px; display: inline; }
.mod-recommend .mbd li.last { margin-right: 0; }
.mod-recommend .mbd li a { color: #666; line-height: 20px; font-size: 14px; }
.mod-recommend .mbd li a h3 { padding-top: 9px; height: 20px; overflow: hidden; text-align: left; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; }
.mod-recommend .mbd li a em { color: #ff8432; }
.mod-recommend .mbd li a img { border: 1px solid #d9d9d9; }

.mod-agency .mhd { line-height: 26px; border-bottom: 1px solid #efefef; margin-bottom: 30px; padding-bottom: 8px; font-size: 20px; color: #2e2e2e; }
.mod-agency .mhd h2 { font-weight: normal; }
.mod-agency .mbd .picCon { text-align: center; padding-bottom: 12px; }
.mod-agency .mbd .picCon img { padding: 3px; border: 1px solid #ddd; }
.mod-agency .mbd h3 { line-height: 28px; color: #333; text-align: center; font-size: 16px; font-weight: normal; }
.mod-agency .mbd h3 a { color: #333; }
.mod-agency .mbd .fenshu { text-align: center; color: #7e7e7e; font-size: 14px; padding-bottom: 10px; }
.mod-agency .mbd .fenshu .starCon { position: relative; top: 1px; margin-right: 6px; }
.mod-agency .mbd p { color: #7e7e7e; font-size: 14px; margin: 0 23px; max-height: 63px; overflow: hidden; zoom: 1; }
.mod-agency .mbd p.last { text-align: center; padding: 20px 0 34px; }
.mod-agency .mbd p .orangeBtn { width: 206px; text-align: center; margin: 0 auto; height: 38px; line-height: 38px; color: #fff; display: inline-block; background-color: #ff8432; }

.mod-teacher .mhd { line-height: 26px; border-bottom: 1px solid #efefef; margin-bottom: 26px; padding-bottom: 8px; font-size: 20px; color: #2e2e2e; }
.mod-teacher .mhd h2 { font-weight: normal; }
.mod-teacher .mbd li { padding-bottom: 32px; }
.mod-teacher .mbd li .picCon { text-align: center; position: relative; }
.mod-teacher .mbd li .picCon i { background: url(../images/bg_zz.png) no-repeat; width: 100px; height: 100px; z-index: 1; display: inline-block; position: absolute; left: 50%; margin-left: -50px; }
.mod-teacher .mbd li .nameCon { text-align: center; color: #333; line-height: 40px; text-align: center; font-size: 16px; }
.mod-teacher .mbd li p { text-align: center; }
.mod-teacher .mbd li .attention { width: 66px; height: 24px; text-align: center; line-height: 24px; border: 1px solid #40b157; display: inline-block; color: #40b157; }
.mod-teacher .mbd li .sec { line-height: 24px; padding-top: 9px; font-size: 14px; color: #7e7e7e; text-align: center; margin: 0 23px; }

.rating-star0, .rating-star1, .rating-star2, .rating-star3, .rating-star4, .rating-star5 { display: inline-block; width: 60px; height: 12px; background: url(../images/all_bg_v4.png) no-repeat; }

.rating-star0 { background-position: -220px -128px; }

.rating-star1 { background-position: -208px -128px; }

.rating-star2 { background-position: -196px -128px; }

.rating-star3 { background-position: -184px -128px; }

.rating-star4 { background-position: -172px -128px; }

.rating-star5 { background-position: -160px -128px; }

.mod-tab { margin-bottom: 20px; padding-top: 10px; }

.mod-tab .tab-bd { padding: 0px; background: #fff; overflow: hidden; }

.mod-tab .course-detail-cont p { margin-top: 5px; line-height: 22px; font-size: 12px; }

.mod-tab .course-detail-cont p strong { font-weight: 700; }

.mod-tab .course-detail-cont img { max-width: 668px; _width: expression((document.documentElement.clientWidth||document.body.clientWidth)<668?"668px":""); overflow: hidden; }

.mod-tab .lecture-intro-cont .list-other-course { width: 668px; height: 142px; overflow: hidden; }

.mod-tab .lecture-intro-cont .list-other-course .scroll-bd { margin-left: -696px; width: 2088px; overflow: hidden; *zoom: 1; }

.mod-tab .lecture-intro-cont .list-other-course .scroll-bd ul { float: left; margin-right: 0; width: 696px; }

.mod-tab .lecture-intro-cont .list-other-course .scroll-bd ul li { margin-right: 32px; }

.mod-tab .course-list-cont .list-other-course { width: 868px; height: 142px; overflow: hidden; }

.mod-tab .course-list-cont .list-other-course .scroll-bd { margin-left: -876px; width: 2628px; overflow: hidden; *zoom: 1; }

.mod-tab .course-list-cont .list-other-course .scroll-bd ul { float: left; margin-right: 0; width: 876px; overflow: hidden; }

.mod-tab .course-list-cont .list-other-course .scroll-bd ul li { padding: 10px 8px; }

.mod-tab .user-cmts-cont .course-grade:after { content: ''; display: table; clear: both; }

.mod-tab .user-cmts-cont .course-grade { margin-bottom: 20px; padding-bottom: 20px; background: url(../images/dashed_line.png) left bottom repeat-x; *zoom: 1; }

.mod-tab .user-cmts-cont .course-grade h3 { font: 700 14px/24px \5B8B\4F53; }

.mod-tab .user-cmts-cont .course-grade .grade-area { margin-top: 20px; *zoom: 1; padding-left: 0px; }

.mod-tab .user-cmts-cont .course-grade .grade-area:after { content: ''; display: table; clear: both; }

.mod-tab .user-cmts-cont .course-grade .grade-area dl { float: left; width: 100px; margin-right: 5px; }

.mod-tab .user-cmts-cont .course-grade .grade-area dl dt { color: #666; font-size: 12px; text-align: center; }

.mod-tab .user-cmts-cont .course-grade .grade-area dl dt strong { margin-right: 10px; color: #fe0101; font-size: 22px; font-family: arial; }

.mod-tab .user-cmts-cont .course-grade .grade-area dl dd { line-height: 20px; color: #d5d5d5; font-size: 12px; text-align: center; }

.mod-tab .user-cmts-cont .course-grade .grade-area .grade-show { padding-top: 5px; float: left; position: relative; width: 562px; margin-top: 24px; }

.mod-tab .user-cmts-cont .course-grade .grade-area .grade-show .tips { position: absolute; top: -20px; left: -12px; width: 27px; height: 18px; background: #ee2f34; text-align: center; }

.mod-tab .user-cmts-cont .course-grade .grade-area .grade-show .tips span { display: block; line-height: 18px; color: #fff; font-size: 12px; }

.mod-tab .user-cmts-cont .course-grade .grade-area .grade-show .tips s { position: absolute; right: 10px; bottom: -8px; width: 0; height: 0; border-width: 4px; border-style: solid dashed dashed dashed; border-color: #ee2f34 transparent transparent transparent; font-size: 0; line-height: 0; -webkit-transition: -webkit-transform .2s ease-in; -webkit-backface-visibility: hidden; -moz-transition: -moz-transform 0.2s ease-in 0s; }

.mod-tab .user-cmts-cont .course-grade .grade-area .grade-show .grade-help { padding-top: 24px; background: url(../images/grade_bg.png) no-repeat; width: 550px; padding-left: 49px; }

.mod-tab .user-cmts-cont .course-grade .grade-area .grade-show .grade-help li { float: left; padding: 0 28px; width: 50px; line-height: 20px; color: #666; font-size: 12px; text-align: center; }

.mod-tab .user-cmts-cont .course-grade .actions { float: right; margin-top: 40px; padding-right: 11px; }

.mod-tab .user-cmts-cont .course-grade .actions p { float: left; margin-right: 10px; line-height: 36px; font-size: 12px; }

.mod-tab .user-cmts-cont .course-grade .actions p b { margin: 0 5px; color: #fe0101; }

.tab-s2 { height: 40px; background: url(../images/tab_bg_s2.png) 0 -45px repeat-x; border: solid #c7ced6; border-width: 0 1px; *zoom: 1; }

.tab-s2 ul:after { content: ''; display: table; line-height: 0; }

.tab-s2 ul { line-height: 37px; }

.tab-s2 ul li { float: left; margin-right: -1px; border: 1px solid #c7ced6; cursor: pointer; _display: inline; }

.tab-s2 ul li a { display: block; padding: 0 20px; line-height: 38px; border-right: 1px solid #fff; border-left: 1px solid #fff; color: #000; font-size: 14px; text-decoration: none; }

.tab-s2 ul li a:hover { text-decoration: none; }

.tab-s2 ul .selected { position: relative; margin-right: -1px; background: url(../images/tab_bg_s2_1.png) repeat-x; border-top: 5px solid #0ae; border-bottom: 0; }

.tab-s2 ul .selected a { line-height: 35px; font-weight: 700; }

.tab-s2 ul .first { border-left: 0 none; }

.tab-s2 ul .last { border-left: 1px solid #c7ced6; }

.org-index-page .mod-tab-s1 .tab-bd { width: 788px; overflow: hidden; }

.btn-s1, .btn-s1 span { background: url("../images/btn_bg.png") no-repeat scroll 0 0 transparent; }

.btn-s3 span { color: #fff; cursor: pointer; float: left; height: 36px; line-height: 36px; margin: 0 -8px 0 7px; position: relative; }

.btn-s3 span { font-size: 14px; font-weight: 700; }

.btn-s3 span { padding: 0 30px 0 22px; }

.btn-s3, .btn-s3 span { background-color: #188eee; color: #fff; }

.btn-s3, .btn-s1 { display: inline-block; margin-right: 8px; }

.mod-tab .btn-s3 { background-position: left -608px; }

.mod-tab .btn-s3 span { background-position: right -644px; }

.btn-s1 { background-position: left -168px; }

.btn-s1 span { padding: 0 15px 0 7px; }

.btn-s1 span { position: relative; float: left; margin: 0 -8px 0 7px; height: 36px; line-height: 36px; color: #fff; cursor: pointer; _display: inline; }

.btn-s1 span { height: 26px; line-height: 26px; background-position: right -194px; font-size: 12px; }

.btn-s1:hover { background-position: left -220px; }

.btn-s1:hover span { background-position: right -246px; }

.btn-s1:active { background-position: left -272px; }

.btn-s1:active span { background-position: right -298px; }

.btn-s1.disabled { background-position: left -324px; }

.btn-s1.disabled span { background-position: right -350px; color: #b2b2b3; cursor: default; }

.shareCon .jiathis_style_32x32 .jtico, .shareCon .jiathis_style_32x32 .jtico:hover { background: url(../images/index_nex_icons.png) no-repeat 0px -23px; width: 28px !important; height: 28px !important; padding: 0 !important; margin: 2px 6px 0 0; }

.shareCon .jiathis_style_32x32 .jtico_tsina, .shareCon .jiathis_style_32x32 .jtico_tsina:hover { background-position: 0 -23px; }

.shareCon .jiathis_style_32x32 .jtico_qzone, .shareCon .jiathis_style_32x32 .jtico_qzone:hover { background-position: -36px -23px; }

.shareCon .jiathis_style_32x32 .jtico_tqq, .shareCon .jiathis_style_32x32 .jtico_tqq:hover { background-position: -73px -23px; }

.shareCon .jiathis_style_32x32 .jtico_weixin, .shareCon .jiathis_style_32x32 .jtico_weixin:hover { background-position: -109px -23px; }



/*zhuti*/
.n_info_con {
    width: 800px;
    padding: 10px 15px 0 10px;
    overflow: hidden;
}
.n_info_con h1, .proinfo_h1 {
    border-bottom: 1px dashed #CCCCCC;
    color: #333;
    font-family: "����";
    font-size: 22px;
    line-height: 40px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
}
.info_con_tit {
    font-family: "����";
    line-height: 24px;
    margin-bottom: 15px;
}
.info_con_tit .n_tit {
    text-align: center;
    color: #BCBBBB;
}
.info_con_tit span {
    margin-right: 20px;
}

.art_top {
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    padding-left: 5px;
}
.art_top ul {
    width: 800px;
    text-align: center;
    float: left;
}
.art_top ul li {
    float: left;
    width: 158px;
    border: 1px solid #e0e0e0;
    height: 25px;
    line-height: 25px;
}
#cntrBody {
    font-size: 14px;
}
.right2_main .t03 {
    color: #fff;
}
.t03, .t04 {
    background: #188EEE;
}
.t03, .t04 {
    line-height: 28px;
    text-indent: 15px;
}
ul.n_rt_ul1 {
    background: 0 5px;
    width: 330px;
    margin: 8px auto;
    overflow: hidden;

}

.content1{  margin-top:10px; margin-bottom:10px;overflow:hidden;}

.left2 { width:820px; float:left; overflow:hidden;}

.lefttop { background:url(../images/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-top:10px;}
.left2top { background:url(../images/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.leftbot { background:url(../images/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { background:url(../images/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }


.right2 { width:360px;  float:right; overflow:hidden;}

.righttop { background:url(../images/right_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.right2top { background:url(../images/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.rightbot { background:url(../images/right_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { background:url(../images/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}


.right2_main { width:358px; border:solid 1px #d5d5d5; padding-bottom:15px; overflow:hidden;}
.left2_main { width:818px;  border:solid 1px #d5d5d5;  padding-bottom:15px; overflow:hidden;}

.h_nav li a:-webkit-any-link{ display:block;}

.header .link { width:308px;margin-top:0;background: url(../images/20150329143709739.png) no-repeat right;
    height: 70px;margin-top: 18px;}
.header .link a { font-size:14px; margin-top:6px; display:inline-block;}
/*shouyedianhua*/


/*zhutixiamian*/
.n_info_con .apage {
    text-align: center;
    margin-bottom: 10px;
}
.apage {
    height: 45px;
    line-height: 45px;
    background: #F9F9F9;
    padding: 0 5px;
    margin-top: 10px;
    border: solid 1px #ccc;
    text-align: right;
}
.gduo {
    height: 30px;
    line-height: 30px;
    background: #f7f7f7;
    overflow: hidden;
    margin: 15px 0px;
    padding: 0 10px;
}
.gduo span {
    float: right;
    width: 400px;
    overflow: hidden;
    height: 30px;
    display: block;
}
.gduo a {
    font-weight: bold;
}
.info_key {
    border-bottom: solid 1px #ccc;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin: 10px 0;
    width: 798px;
    overflow: hidden;
}
.info_key span {
    font-size: 14px;
    font-weight: bold;
}
.n_info_tjcp dl {
    float: left;
    overflow: hidden;
    padding: 10px 4px 0 8px;
    width: 154px;
}
.n_info_tjcp dt {
    width: 154px;
    line-height: 0;
    font-size: 0;
}

.n_info_tjcp dt img {
    width: 150px;
    padding: 1px;
    border: 1px solid #ccc;
}
.n_info_tjcp dd {
    line-height: 18px;
    overflow: hidden;
    text-align: center;
    padding-top: 5px;
    color: #ab8673;
}
.n_info_tjcp dd a {
    height: 18px;
    overflow: hidden;
    color: #333;
}
.scott {

    text-align: center;
    clear: both;
    padding: 20px 0 0 0;
}
.scott {
    text-align: center;
}
.niey_con {
    font-family: Microsoft Yahei;
    font-size: 14px;
    line-height: 30px;
}


/*�ײ�����*/
.position {
    width: 1200px;
    padding: 14px 0 10px;
    margin: auto;
    background: url(images/b_ico1.png) no-repeat left center;
    text-indent: 18px;
    color: #666666;
    font-size: 12px;
}
.box1 {
    margin: 5px auto 18px;
    background: #fff;
    box-shadow: 0 0 8px rgba(0,0,0,.1);
    padding-bottom: 20px;
    padding-top: 0px;
}
.box1 .right {
    width: 570px;
    margin-right: 30px;
    font-size:16px;
}
.box1 .right h3 {
    margin: 27px auto 0;
    color: #323232;
    font-size: 26px;
}
.box1 .right .price {
    margin: 22px auto 20px;
    padding: 5px 0 5px 20px;
    background: #f3f3f3;
    position: relative;
}
.box1 .right .price ul {
    overflow: hidden;}

.box1 .right .price li {
    clear: both;
    display: block;
    height: 32px;
    line-height: 32px;
}
.box1 .right .price li label {
    color: #666;
}
.box1 .right .price li .big {
    color: #fa4f4f;
}
.box1 .right .price li .big span {
    font-size: 22px;
    font-weight: bold;
    position: relative;
    top: 1px;
}
.box1 .right .price .appr-box {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -18px;
    color: #999;
    font-size: 12px;
}
.box1 .right .price .appr-box span {
    color: #ff7f00;
}
.box1 .right .list {
    padding: 0 15px;
    color: #666;
    font-size: 12px;
}
.box1 .right .list>li {
    line-height: 25px;
}
.box1 .right .list>li .c {
    width: 480px;
}
.box1 .right .list>li .c li.active, .box1 .right .list li .c li:hover {
    border: 1px solid #0058ab;
    color: #0058ab;
}
.box1 .right .list>li .c li.active span {
    border: 1px solid #0058ab;
}
.box1 .right .list>li .c li {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    border: 1px solid #d9d9d9;
    cursor: pointer;
    text-align: center;
    position: relative;
}
.box1 .right .list>li .c li span {
    display: block;
    height: 26px;
    line-height: 26px;
    padding: 0 20px;
    border: 1px solid #fff;
}
.box1 .right .list>li .c {
    width: 480px;
}

.box1 .right .list>li .a_link {
    display: block;
    width: 141px;
    height: 38px;
    line-height: 38px;
    float: left;
    margin: 10px 15px 0 0;
    text-align: center;
    font-size: 14px;
    color: #fff;
}
.box1 .right .list>li .a1 {
    background: #fa5655;
}
.box1 .right .list>li .a_link {
    display: block;
    width: 141px;
    height: 38px;
    line-height: 38px;
    float: right;
    margin: 10px 15px 0 0;
    text-align: center;
    font-size: 14px;
    color: #fff;
}
.box1 .right .list>li .a2 {
    background: #0058ab;
}

.xqhide {
    width: 1200px;
    margin: 0 auto;
}
.hide {
    height: 200px;
    border-bottom: 1px #d9d9d9 solid;
    border-top: 1px #d9d9d9 solid;
    padding: 15px 15px 15px 15px;
}
.pb5 {
    float: left;
    width: 100px;
    background: #ccc;
    border-radius: 77px;
    margin: 31px 88px 15px 67px;
    overflow: hidden;
    padding: 0;
}
.pb5 a img {
    height: 100px;
    width: 100px;
    display: block;
}
.ins-con {
    float: left;
    width: 500px;
    height: 200px;
    border-right: 1px #f4f4f4 solid;
}
.ins-con a {
    height: 20px;
    color: #00afd8;
    font-size: 18px;
    width: 550px;
}
.pb20 {
    line-height: 55px;
}.ins-con-sp1 i {
     height: 20px;
     line-height: 20px;
     width: 100%;
 }
.ins-con-sp1 var {
    color: #00afd8;
}
.ins-con-sp2 var {
    color: #ff636a;
}
.ins-btn {
    width: 320px;
    float: right;
    height: 200px;
}
.ins-btn .ins-btn-price {
    width: 300px;
    height: 34px;
    color: #ff626a;
    font-size: 24px;
    margin: 0 auto;
    text-align: center;
}
.ins-btn .ins-btn-cost {
    color: #999;
    font-size: 12px;
    margin: 0 auto 15px;
    text-align: center;
}.ins-btn .ins-btn-buy {
     background: #00afd8;
     color: #fff;
     cursor: pointer;
     line-height: 36px;
     margin: 0 auto 10px;
     text-align: center;
     width: 276px;
 }
.ins-btn .ins-btn-zixun {
    border: 1px solid #00afd8;
    background: #fff;
    color: #00afd8;
    margin: 0 auto;
    text-align: center;
    width: 274px;
    height: 34px;
}
.form-item-fixed {
    min-height: 30px;
    margin-left: 75px;
}
.form-item-fixed .package-con .tac {
    display: inline-block;
    width: 79px;
    padding-bottom: 10px;
    text-align: center;
    vertical-align: top;
}
.form-item-fixed .package-con .tac img {
    height: 30px;
    margin: 0 auto;
    width: 30px;
}
.show {
    display: block;
}
.form-item-fixed .package-con .tac span {
    color: #666;
    font-size: 12px;
    line-height: 18px;
    max-height: 36px;
    overflow: hidden;
}
.mt5 {
    margin-top: 5px;
}
.mt20{margin-top: 20px;}
.fonts{ font-size:16px;}
.form-item-fixed .package-con .tac em {
    color: #f66367;
    font-size: 12px;
}
.form-item-fixed .package-con .npc-add {
    background: 0 0;
    color: #666;
    display: inline-block;
    font-size: 18px;
    padding-top: 9px;
    text-align: center;
    vertical-align: top;
    width: 16px;
}
.classicXj {
    color: #f66367;
    font-size: 20px;
    font-weight: 700;
    height: 26px;
    line-height: 26px;
}
.classicYj {
    color: #999;
    font-size: 12px;
    height: 26px;
    line-height: 10px;
    padding-left: 83px;
    text-decoration: line-through;
}












