@charset "utf-8";

html{ background-color:#fff;}
.wrapper{ position:relative;}
.search_box a:hover,.w_950 a:hover{ color:#FF6600 !important;}
.search_box{ width:100%; height:150px; background-color:#F7F7F7;}
.search_wrap{ width:950px; margin:0 auto; height:auto; overflow:hidden;}
.search_c{ width:620px; height:40px; background:#fff; border:1px solid #ff8900; margin:42px auto 0; position:relative; -moz-border-radius:2px; border-radius:2px; overflow: hidden;}
.search_c .s_text{ width:520px; height:28px; line-height:28px; border:0; position:absolute; left:7px; top:7px;}
.search_c .s_button{ width:88px; height:40px;background:url(../image/searchsort.gif) no-repeat -387px 0; border:0; float:right; cursor:pointer;}
.search_box .search_wrap p{ width:620px; height:40px; line-height:40px; margin: 0 auto; color:#999;}
.search_box .search_wrap p a{ color:#333; margin:0 10px;}
.search_box .search_wrap p .red{ color:#FF6600; font-weight:bold;}

.sort_wrap_l{ width:260px; position:absolute; left:0; top:30px; height:auto; overflow:hidden;}
.sort_wrap_l .sort_wrap_c1{ height:auto; overflow:hidden;width:260px;}
.sort_wrap_l .sort_wrap_c1 h2{ height:36px; line-height:36px; text-align:center; color:#fff; font-size:15px; font-weight:normal; background-color:#FF6600;}
.sort_wrap_l .sort_wrap_c1 h2 a{color:#fff;}
.sort_wrap_l .sort_wrap_c1 .sort_wrap_c1_box{ height:auto; overflow:hidden; border:1px solid #E5E5E5; padding-bottom:15px; background-color:#F7F7F7;}
.sort_wrap_l .sort_wrap_c1 dl{ height:auto; overflow:hidden; padding:0 0 0 12px;  display:block; clear:both;_zoom:1;}
.sort_wrap_l .sort_wrap_c1 dl dt{ margin:12px 8px 0 2px; height:32px; line-height:32px; overflow:hidden; font-size:16px;}
.sort_wrap_l .sort_wrap_c1 dl dt span{ padding:0 6px 0 6px; height:32px; line-height:32px; overflow:hidden;}
.sort_wrap_l .sort_wrap_c1 dl dt a{}
.sort_wrap_l .sort_wrap_c1 dl dt.on span{background-color:#FFF4EE; border:1px solid #FFDFC9;height:30px; line-height:30px;padding:0 5px 0 5px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.sort_wrap_l .sort_wrap_c1 dl dt.on a{color:#FF6600;}
.sort_wrap_l .sort_wrap_c1 dl dd{ height:24px; overflow:hidden; line-height:24px; float:left; display:inline;white-space:nowrap; margin:0 8px 0 2px; padding:0 6px 0 6px; font-size:14px;}
.sort_wrap_l .sort_wrap_c1 dl dd.on{ background-color:#FFF4EE; border:1px solid #FFDFC9;height:22px; overflow:hidden; line-height:22px;padding:0 5px 0 5px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.sort_wrap_l .sort_wrap_c1 dl dd.on a{ color:#FF6600;}

.sort_wrap_l .sort_wrap_c2{ margin-top:20px; border:1px solid #E5E5E5; background-color:#F7F7F7; padding-bottom:20px; height:auto; overflow:hidden;width:258px;}
.sort_wrap_l .sort_wrap_c2 h2{font-size:15px; font-weight:normal; margin-left:21px; padding-left:7px; border-left:2px solid #FF9900; height:16px; line-height:16px; margin-top:18px; color:#999; display:block; clear:both; _zoom:1;}
.sort_wrap_l .sort_wrap_c2 ul{ height:auto; overflow:hidden; padding:0 0 0 12px; margin-top:15px; display:block; clear:both;_zoom:1;}
.sort_wrap_l .sort_wrap_c2 ul li{ height:24px; line-height:24px; float:left; margin:0 8px 0 2px; padding:0 6px 0 6px; font-size:14px;}
.sort_wrap_l .sort_wrap_c2 ul li a{ white-space: nowrap;}
.sort_wrap_l .sort_wrap_c2 ul li.on{ background-color:#FFF4EE; border:1px solid #FFDFC9;height:22px; overflow:hidden; line-height:22px;padding:0 5px 0 5px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.sort_wrap_l .sort_wrap_c2 ul li.on a{ color:#FF6600;}
.sort_wrap_l .sort_wrap_c2 .more{ width:220px; height:32px; line-height:32px; text-align:center; margin:12px 0 0 19px; background-color:#EFEFEF;color:#999;}
.sort_wrap_l .sort_wrap_c2 .more a{ color:#999; margin-right:5px; font-size:13px;}

.sort_wrap_l .specialTopic{ margin-top: 24px;}
.sort_wrap_l .specialTopic h2{ font-size: 16px; font-weight: normal; height: 30px; line-height: 30px; margin-bottom: 12px; position: relative;}
.sort_wrap_l .specialTopic .more{ color: #999; font-size: 12px; position: absolute; top: 0; right: 0;}
.sort_wrap_l .specialTopic .more:hover{ color: #f60;}
.sort_wrap_l .specialTopic .img{ width: 120px; height: 90px; display: block; overflow: hidden; float: left; margin-right: 15px; _display: inline;}
.sort_wrap_l .specialTopic .img img{ width: 100%; height: 100%;}
.sort_wrap_l .specialTopic li{ height: 90px; margin-bottom: 20px;}
.sort_wrap_l .specialTopic li h3{ line-height: 18px; max-height: 36px; font-weight: normal; padding-top: 3px; margin-bottom: 6px;}
.sort_wrap_l .specialTopic li p{ color: #999; height: 24px; line-height: 24px;}
.sort_wrap_l .specialTopic li .btxt{ color: #f60; font-size: 14px; margin: 0 3px;}

.sort_wrap_r{ margin-left:298px; height:auto; overflow:hidden; padding-top:30px; min-height: 1480px;}


.crumbsbox{ clear:both; position:relative; font-size: 14px; margin-bottom: 8px;}
.crumbs{color: #bbb; height:40px; line-height:40px; width:100%;}
.crumbs strong{ color:#999; font-weight:normal;}

.sortbox{ background-color: #f7f7f7; border-bottom: 1px solid #e5e5e5; height: 39px; line-height: 40px; width: 100%; margin-bottom: 30px;}
.sortbox .sort_l{ position: relative; overflow: hidden;}
.sortbox .sort_l .sortl_c{}
.sortbox .sort_l .sortl_c li{ float: left; font-size: 14px; padding: 0 20px;}
.sortbox .sort_l .sortl_c .on a{ color: #f60;}
.sortbox .sort_l .onico{ background:url(../image/icon8.png) no-repeat bottom center; border-bottom: 2px solid #ff6501; height: 4px; line-height: 4px; overflow: hidden; position: absolute; left: 0; bottom: 0; width: 200px;}
.sortbox .sort_l .onico em{}
.sortbox .sort_r{ height:39px; line-height:40px; width:350px; float:right; padding-right:1px; padding-right: 10px;}
.sortbox .sort_r .sortr_t{ float: right; font-size: 12px;}
.sortbox .sort_r .sortr_c{ float: right;}
.sortbox .sort_r li{ height:39px; line-height:40px; text-align:center; float:right; position:relative; z-index:1; font-size:12px; padding: 0 10px;}
.sortbox .sort_r li a{ color:#777; height:39px; display:block;}
.sortbox .sort_r li a:hover{ color:#f60;}
.sortbox .sort_r li .no1{ padding-right:15px; background:url(../image/icon8.png) no-repeat right -10px;}
.sortbox .sort_r li .up{ background-position: right 14px;}
.sortbox .sort_r li.on .no1{ background-position: right -60px;}
.sortbox .sort_r li.on .up{ background-position: right -36px;}
.sortbox .sort_r li.on a{ color:#FF6600;}

.courselist{ height:auto; min-height:810px; _height:810px; width:100%;_position:relative;}
.courselist .course_c{ height:auto; overflow:hidden;width:936px; margin:0 -17px; _position:relative; }
.courselist .course_c li{ width:200px; overflow:hidden; float:left; position:relative; height:253px; margin: 0 17px; display:inline;}
.courselist .course_c .img{ width:200px; height:150px; display: block; overflow:hidden; position: relative;}
.courselist .course_c .img img{ width:100%; height: 100%; display: block; position: absolute; top: 0; left: 0;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;}
.courselist .course_c .img:hover img{
	-moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.courselist .course_c h3{ font-size:14px; height:24px; overflow:hidden; line-height:24px; width:200px; font-weight:normal; margin:6px 0 1px;}
.courselist .course_c h3 a{ color:#000; text-decoration:none !important;}
.courselist .course_c h3 a:hover{ color: #f60;}
.courselist .course_c .clist_ico{ width:200px;}
.courselist .course_c .status{ height: 24px; line-height: 24px; margin-top: 1px;}
.courselist .course_c .price{ color: #f60; font-size: 12px;}
.courselist .course_c .price em{ font-style:normal; font-size:14px; font-weight:bold; margin-left: 2px;}
.courselist .course_c .free{ color: #999; font-size: 12px;}
.courselist .course_c .diamond{ background:url(../image/icon8.png) no-repeat 0 -100px; color: #f60; font-size: 13px; padding-left: 20px;}

.courselist .loading{ height:40px; line-height:40px; text-align:center; background-color:#F8F8F8; color:#999;}
.courselist .loading span{ background:url(http://i1.umivi.net/v/static/2015/retrieval/images/loading.gif) no-repeat left top; padding-left:20px;}

.sort_no{ height:500px; line-height:76px; text-align:center; float:left; clear:both; font-size:14px; color:#333; width:100%; margin-top:230px;}
.sort_no i{ width:109px; height:76px; display:inline-block; background:url(../image/no.gif) no-repeat; margin-right:32px; vertical-align:middle;}
.sort_no span{ margin:0 auto;}
.sort_no em{ color:#FF6600;}


.search_c{ position: relative;}
.search_c .s_text{ font-weight: normal; font-size: 14px; color: #999;}
.schwords{ position: absolute; top: 0; right: 92px; height: 40px; line-height: 42px;}
.schwords a{ background-color: #f3f3f3; padding: 2px 4px; margin-left: 4px;}
.schwords a:hover{ background-color: #dfdfdf; color: #333 !important;}
.sort_wrap .bklist{ position:absolute; z-index:99; left:-22px; top:67px;}
.sort_wrap .bklist li{ width:67px; height:67px; overflow:hidden; background:url(http://i1.umivi.net/v/static/2015/retrieval/images/bk.png) no-repeat; float:left; margin-right:179px;}
.sort_wrap .bklist li.no1{}
.sort_wrap .bklist li.no2{}
.sort_wrap .bklist li.no3{}


.ico_y, .ico_n, .advclose{ background: url(../image/advpop.gif) no-repeat;}
.layerwrap{ width:100%; position:absolute; top:0; left:0; z-index:999; filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#aa000000,endcolorstr=#aa000000,gradientType=0);
background: -moz-linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,0.7));
background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0.7)), to(rgba(0,0,0,0.7))); display:none;}
.advisepop{ background: #fff; width: 480px; position: absolute; top: 200px; left: 50%; margin-left: -240px; z-index: 9991; display: none;}
.advisepop .advclose{ background-position:0 -480px; width:25px; height:25px; overflow: hidden; display: inline-block; position:absolute; top:6px; right:6px; z-index:12;}

.advisepop .adv_t, .advisepop .adv_c{ margin: 0 40px;}
.advisepop .adv_t{ height: 26px; line-height: 26px; font-size: 22px; margin-top: 22px;}
.advisepop .adv_sub{ margin-bottom: 4px;}
.adv_c dt{ height: 44px; line-height: 44px; font-size: 16px;}
.adv_c dd{ overflow: hidden; width: 400px;}
.adv_c .sub2{ display: none;}
.adv_c .ico_y, .adv_c .ico_n{ border:1px solid #e9e9e9; display: inline-block; width: 136px; height: 100px;}
.adv_c .ico_y:hover, .adv_c .ico_n:hover{ border:1px solid #ffae66;}
.adv_c .ico_y{ background-position: 0 0; margin-right: 46px;}
.adv_c .ico_n{ background-position: 0 -240px;}
.adv_c .y_on{ border:1px solid #ffae66; background-position: 0 -120px;}
.adv_c .n_on{ border:1px solid #ffae66; background-position: 0 -360px;}
.adv_c label{ color: #666; display: inline-block; font-size: 14px; height: 22px; line-height: 22px; width: 170px; float: left; margin-bottom: 8px; margin-right: 20px;}
.adv_c .rdo{ vertical-align: middle; position: relative; top: -2px; margin-right: 6px;}

.sub3 .adv_ipt{ border:1px solid #e9e9e9; width: 384px; height: 32px; padding: 0 7px; margin-bottom: 14px;}
.sub3 .adv_ipt .text{ border: 0; color: #bfbfbf; font-size: 14px; width: 380px; height: 32px; line-height: 32px;}
.sub3 .adv_txtarea{ border:1px solid #e9e9e9; color: #bfbfbf; font-size: 14px; width: 384px; height: 96px; padding: 0 7px;}
.txttip{ color: #bfbfbf; line-height: 26px; margin-top: 4px;}
.adv_btntj{ background-color: #ff7800; border: 0; color: #fff; cursor: pointer; display: block; font-size: 18px; width: 120px; height: 40px; margin: 10px auto 20px;}


@media (max-width:1279px){
	.w1200 .wrapper{ width:1000px;}	
	.w1200 .wrapper .hide{ display:none;}	

	.courselist .course_c{ width:752px; margin:0 -25px;}
	.courselist .course_c li{margin: 0 25px;}
	  
}

.w1000 .courselist .course_c{ width:752px; margin:0 -25px;}
.w1000 .courselist .course_c li{margin: 0 25px;}