@charset "utf-8";
@import url("/admin/skin/icon/iconfont.css");
@import url("icon/iconfont.css");
/*全局样式
---------------------------------------------*/
body{ margin:0 auto; padding:0; width:100%; color:#333; font:14px/1.5 Arial,"Microsoft Yahei"; text-align:center; background:#f8f8f8; -webkit-font-smoothing:antialiased; }
input,button,select,textarea,img,p,h1,h2,h3,h4,h5{ margin:0; padding:0; border:0; font-family:'Microsoft YaHei','微软雅黑'; }
a{ color:#333; text-decoration:none; }
a:hover{ color:#21aee8; text-decoration:none; -webkit-transition: all 0.2s linear;transition: all 0.2s linear; }
ol,ul,li,dl,dd{ margin:0 auto; padding:0; list-style-type:none; }
i,em{ font-style:normal; }
table { border-collapse:collapse; border-spacing:0; }
.red {color:#e65050;}

/*Clear Fix*/ 
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; } 
.clearfix { display:block; } 

.clear{ clear:both; font-size:0px; height:0px; overflow:hidden; }
.line5{ clear:both; font-size:0px; height:5px; overflow:hidden; }
.line10{ clear:both; font-size:0px; height:10px; overflow:hidden; }
.line15{ clear:both; font-size:0px; height:15px; overflow:hidden; }

/*页面布局
----------------------------------------------*/
.section{ position:relative; margin:0 auto; width:1160px; min-width:925px; max-width:1160px; text-align:left; }
.wrapper{ position:relative; margin:0 auto; padding:0; width:100%; height:auto; text-align:left; overflow:hidden; }
	.wrapper:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.wrapperauto{ position:relative; margin:0 auto; padding:0; width:100%; height:auto; text-align:left; }
	.wrapperauto:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.wrap-box{ width:1160px; }
.left-925{ position:relative; float:left; margin:0; padding:0; width:925px; }
.left-705{ position:relative; float:left; margin:0; padding:0; width:705px; }
.left-690{ position:relative; float:left; margin:0 0 0 15px; padding:0; width:690px; }
.left-455{ position:relative; float:left; margin:0 0 0 15px; padding:0; width:455px; }
.left-260{ position:relative; display:block; float:left; width:260px; overflow:hidden; }
.left-220{ position:relative; display:block; float:left; margin:0 0 0 15px; padding:0; width:220px; _overflow:hidden; }
.left-auto{ position:relative; display:block; margin:0 275px 0 0; overflow:hidden; _zoom:1; }
.right-260{ position:relative; display:block; float:right; width:260px; overflow:hidden; }
.right-auto{ position:relative; display:block; margin:0 0 0 275px; overflow:hidden; _zoom:1; }
.bg-wrap{ margin:0; padding:0; background:#fff; }
    .bg-wrap:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .bg-wrap.nobg{ background:none; }
.pad-15{ position:relative; padding:15px; }

/*页面标题
----------------------------------------------*/
.location{ padding:5px 0; width:100%; height:40px; line-height:40px; color:#999; font-size:12px; text-align:left; }
    .location a{ margin:0 5px; }
    .location span{ color:#666; }
.main-tit{ padding-top:14px; height:54px; line-height:54px; text-align:left; }
    .main-tit h2{ display:block; margin:0; padding:0; float:left; color:#333; font-size:20px; font-weight:normal; }
    .main-tit h2 span{color:#999;margin-left:10px;font-style:italic;font-size:16px;}
    .main-tit p{ display:block; float:right; color:#555; font-size:14px; }
    .main-tit p a{ margin-left:10px; }
    .main-tit p a i{ font-style:normal; font-size:13px;}
.slide-tit{ border-bottom:1px solid #f0f0f0; color:#21aee8; line-height:1em; font-size:16px; font-weight:normal; }
    .slide-tit strong{ padding:10px 0; float:right; color:#999; font-size:12px; font-weight:normal; }
	.slide-tit span{ position:relative; top:1px; display:inline-block; padding:10px 0; border-bottom:1px solid #21aee8; }
.nav-tit{ margin:0 auto 50px; padding:30px 0; text-align:center; color:#333; font-size:16px; line-height:1em; border-bottom:1px solid #e0e0e0; }
    .nav-tit.short{ padding-bottom:0; border-bottom:0; }
    .nav-tit a{ margin-left:10px; color:#333;  }
    .nav-tit a:hover,.nav-tit a.selected{ color:#21aee8; }
    .nav-tit i{ margin-left:10px; color:#e0e0e0; }
.sub-tit{ margin:0 50px 10px; padding-top:35px; height:42px; border-bottom:1px solid #e0e0e0; font-size:16px; }
    .sub-tit a.add{ display:block; margin-right:10px; float:right; color:#21a3fb; font-size:14px; line-height:42px; }
    .sub-tit a.add i{ display:inline-block; margin-right:5px; color:#21a3fb; font-size:14px; }
    .sub-tit ul{ display:inline-block; }
    .sub-tit ul li{ margin:0; padding:0; display:inline-block; *display:inline; *zoom:1; }
    .sub-tit ul li a{ display:inline-block; padding:0 15px; line-height:42px; }
    .sub-tit ul li.selected a{ border-bottom:2px solid #21a3fb; color:#21a3fb; }
.search-tit{ display:block; margin:0 30px; padding-top:15px; line-height:38px; border-bottom:1px solid #f0f0f0; }
    .search-tit h3{ display:inline-block; color:#333; font-size:16px; font-weight:normal; }
    .search-tit span{ margin-left:15px; color:#999; font-size:14px; }
    .search-tit span strong{ margin:0 2px; color:#1e7bb3; font-weight:600; }
.tk-tit {padding:14px 0 10px 0; text-align:center;position:relative;}
.tk-tit h2{ margin:0; padding:0; color:#000; font-size:30px; font-weight:bold;}
.tk-tit p{margin:0; padding:0;color:#555;font-size:12px; text-align:center;height:20px;line-height:20px;}
.tk-tit div.line{position:absolute;width:80px;height:3px;background:#21a3fb;overflow:hidden;left:50%;margin-left:-40px;bottom:0;}
/*页面头部
----------------------------------------------*/
/*顶部样式*/
.header .head-top{ height:34px; background:#f6f6f6; font-size:12px; }
    .header .head-top .left-box{ display:block; float:left; line-height:34px; }
    .header .head-top .left-box span{ color:#eee; font-size:10px;}
    .header .head-top .left-box a{ margin:auto 3px; font-size:12px;}
    .header .head-top .left-box a:hover{ color:#090909; }
    .header .head-top .left-box a i { font-size:12px;}
    .header .head-top .right-box{ float:right; margin-right:-8px; line-height:34px; }
    .header .head-top .right-box a{ margin:auto 8px;  _display:inline; *zoom:1; }
    .header .head-top .right-box a:hover{ color:#090909; }
    .header .head-top .right-box a i{ margin-right:2px; font-size:12px; }
    .header .head-top .right-box strong{ font-size:12px; font-weight:700; }
.header .head-nav{ position:relative; height:140px; background:#fff;}
.header .head-nav .logo { position: absolute; top: 25px; left: 0; width: 340px; height: 50px; }
.header .head-nav .logo .approve { display: inline-block; width: 85px; text-align: center; line-height: 0px; font-size: 12px; color: #E49F10; position: relative; top: 10px; left: 10px; }
.header .head-nav .logo .approve span { display: inline-block; width: 85px; font-size: 10px; margin-top: 12px; }
    .header .head-nav .logo .links{ display:block;height:50px;font-size:22px;line-height:50px;}
    .header .head-nav .nav-box{ position:absolute; top:100px; left:28%; right:0; line-height:40px; height:40px; }
    .header .head-nav .nav-box li{ float:left; margin:auto 1.8%; }
    .header .head-nav .nav-box li a{ color:#333; font-size:16px; line-height:40px; }
    .header .head-nav .nav-box li a:hover{ color:#21aee8; }
    #index .index a,#news .news a,#goods .goods a,#video .video a,#photo .photo a,#down .down a,#tiku .tiku a,#chapter .chapter a,#chouti .chouti a,#course .course a,#ebook .ebook a,#course .courseindex a,#live .liveindex a,#live .live a,
    .header .head-nav .nav-box li a:hover,.header .head-nav .nav-box li a.selected{ color:#21aee8; }
    .header .head-nav .textbook-box{ position:absolute; top:19px; right:0; width:15%; height:42px; overflow:hidden; _height:43px; }
    .header .head-nav .search-box{ position:absolute; top:29px; left:380px; width:600px; height:42px; overflow:hidden; _height:43px; }
    .header .head-nav .search-box .input-box{ position:absolute; top:0; left:0; right:65px; bottom:0; }
    .header .head-nav .search-box .input-box input{ display:block; margin:0; padding:5px 12px; width:100%; height:30px; line-height:30px; background:#fff; border:1px solid #21aee8; color:#333; font-size:12px; transform:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
    .header .head-nav .search-box .input-box input::-moz-placeholder{ color:#b3b3b3; opacity:1; }
    .header .head-nav .search-box .input-box input:focus{border-color:#1f9fd4;}
    .header .head-nav .search-box a{ display:block; position:absolute; top:0; right:0; bottom:0; padding:5px; width:30px; height:30px; line-height:30px; color:#fff; font-size:16px; text-align:center; background:#21aee8; border:1px solid #21aee8; border-radius:0; cursor:pointer; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; *top:1px; }
    .header .head-nav .search-box a:hover{ background:#1f9fd4; border-color:#1f9fd4; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; }
    .header .head-nav .search-box a:hover i{ color:#fff !important; }
    .header .head-nav .phone-box{position:absolute; top:25px; right:0;font-size:20px;text-align:right;}
    .header .head-nav .phone-box span{font-size:14px;color:#999;display:block;}
    .header .head-nav .phone-box i{margin-right:5px;font-size:20px;}
    .header .global-subnav{position:absolute;left:0;top:100px;background:#0288d1;width:220px;height:40px;}
    .header .global-subnav a.show-nav{display:block;width:190px;height:40px;line-height:40px;color:#fff;padding-left:30px;font-size:16px;}
    .header .global-subnav a.show-nav i{margin-right:10px;}
    .header .global-subnav .sub-nav{width:220px;max-height:454px;min-height:454px;background:#fff;position:absolute;left:0;top:40px;z-index:99;box-shadow: 0 0 10px rgba(153, 153, 153, .5);display:none;overflow:hidden;}
    .header .global-subnav .sub-nav li{width:220px;height:49px;position:relative;}
    .header .global-subnav .sub-nav li a[gob]{display:block;width:200px;height:48px;border-bottom:1px #eee solid;padding-left:20px;line-height:48px;position:relative;font-size:16px;}
    .header .global-subnav .sub-nav li a[gob] i{position:absolute;right:10px;top:0;font-size:13px;}
    .header .global-subnav .sub-nav li a[gob]:hover,.header .global-subnav .sub-nav li a.selected{background:#eee;color:#21aee8;}
    .header .global-subnav .sub-nav li .child-nav{position:absolute;left:220px;width:600px;top:0;background:#fff;box-shadow: 0 0 10px rgba(153, 153, 153, .5);padding:20px;}
    .header .global-subnav .sub-nav li .child-nav .child-nav-top{font-size:16px;padding:10px 0;}
    .header .global-subnav .sub-nav li .child-nav .child-nav-next{line-height:28px;}
    .header .global-subnav .sub-nav li .child-nav .child-nav-next a{font-size:14px;padding:12px 0;}
    .header .global-subnav .sub-nav li .child-nav .child-nav-next span{margin:0 8px;color:#999;}
/*顶部快速导航*/
.quickNav {width:100px;font-size:12px;padding:5px 0;}
.quickNav li a{width:80px;padding:0 10px;height:26px;line-height:26px;display:block;}
.quickNav li a:hover {background:#21aee8;color:#fff;}
/*科目教材导航*/
.header .head-nav .textbook-box{text-align:right;}
.header .head-nav .textbook-box a {display:inline-block;height:40px;line-height:40px;padding:0 8px;text-align:center;}
.header .head-nav .textbook-box a:hover,.header .head-nav .textbook-box a.selected {border-bottom:2px #21aee8 solid;color:#21aee8;}
/*Banner样式*/
.slide-box{ position:relative; margin:0; width:100%; height:454px; text-align:center; overflow:hidden; }
    .slide-box .list-box{ position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; height:100%; background:#fff; }
    .slide-box .list-box li{ position:absolute; left:0; top:0; display:block; width:100%; height:100%; opacity:0; filter:alpha:opacity(0); }
    .slide-box .list-box li a{ display:block; width:100%; height:100%; }
    .slide-box .list-box li a img{ position:absolute; top:0; left:0; width:100%; height:100%; }
    .slide-box .speed-box{ position:absolute; left:0; bottom:20px; width:100%; height:10px; text-align:center; z-index:999; }
    .slide-box .speed-btn{ display:inline-block; margin:auto 0; }
    .slide-box .speed-btn a{ display:block; float:left; margin:0 5px; width:10px; height:10px; background:url(../images/slide_btns.png) 0 -166px no-repeat; overflow:hidden; *float:none; *display:inline-block; }
    .slide-box .speed-btn a.selected{ background-position:0 -176px; }
    .slide-box .prev-btn,.slide-box .next-btn{ position:absolute; top:50%; display:block; margin-top:-41px; width:42px; height:82px; z-index:999; opacity:0.5; filter:alpha:opacity(50); background:url(../images/slide_btns.png) no-repeat; display:none; overflow:hidden; }
    .slide-box .prev-btn{ left:31px; background-position:0 0; }
    .slide-box .next-btn{ right:31px; background-position:0 -82px; }
/*幻灯片样式*/
.focus-box{ position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; _position:relative; }
	.focus-box .slides{ position:relative; display:block; width:100%; height:100%; zoom:1; overflow:hidden; }
	.focus-box .slides:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.focus-box .slides li{ width:100%; height:100%; overflow:hidden; }
	.focus-box .slides li img{ min-width:100%; min-height:100%; _width:100%; _height:100%;}
	.focus-box .slides li .note-bg{ position:absolute; left:0; right:0; bottom:0; width:100%; height:50px; background:#000; filter:alpha(Opacity=30); -moz-opacity:0.3;opacity:0.3; background:linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0)); _background:url(none) 0 0 repeat #000; }
	.focus-box .slides li .note-txt{ position:absolute; left:0; right:0; bottom:0; display:block; padding:10px; height:24px; line-height:24px; color:#fff; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	
	.focus-box .flex-control-nav{ position:absolute; right:5px; bottom:10px; display:block; z-index:4; }
	.focus-box .flex-control-nav li{ margin:0 5px 0 0; display:inline-block; zoom:1; *display:inline; }
	.focus-box .flex-control-nav li a{ display:block; width:8px; height:8px; text-indent:-9999px; border:1px solid #fafafa; border-radius:8px; cursor:pointer; overflow:hidden; }
	.focus-box .flex-control-paging li a:hover { background:#333; }
	.focus-box .flex-control-paging li a.flex-active { background:#c81623; border-color:#c81623; cursor:default; }

/*内容样式
----------------------------------------------*/
/*文字列表样式*/
.side-txt-list{ padding:6px 15px 15px; text-align:left; background:#fff; }
    .side-txt-list li{ line-height:28px; font-size:12px; }
    .side-txt-list li span{ float:right; color:#999; }
    .side-txt-list li.tit a{ color:#108cee; font-size:18px; line-height:48px; }

/*图文列表样式*/
.side-img-box{ position:relative; width:455px; height:455px; background:#fff; overflow:hidden; }
    .side-img-box em{ position:absolute; margin:-30px auto auto -30px; top:50%; left:50%; width:60px; height:60px; font-style:normal; filter:alpha(Opacity=80); -moz-opacity:0.8;opacity:0.8; }
    .side-img-box em i{ color:#fff; font-size:60px; line-height:60px; }
    .side-img-box a:hover em{ filter:alpha(Opacity=100); -moz-opacity:1;opacity:1;}
    .side-img-box .abs-bg{ position:absolute; left:0; bottom:0; width:100%; height:60px; background:#000; filter:alpha(Opacity=30); -moz-opacity:0.3;opacity:0.3; background:linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0)); }
    .side-img-box .info{ position:absolute; left:0; bottom:0; right:0; width:100%; height:60px; line-height:20px; text-align:left; }
    .side-img-box .info h3{ padding:5px 15px 0; color:#fff; font-size:16px; font-weight:normal; text-shadow: 1px 1px 1px #333;}
    .side-img-box .info p{ padding:5px 15px 0 15px; color:#eee; font-size:12px; position:relative;}
    .side-img-box .info p b{color:#f40;font-size:16px;}
    .side-img-box .info p del{margin-left:10px;}
    .side-img-box .info p font{position:absolute;right:15px;top:8px;}
    .side-img-box img{ min-width:100%; min-height:100%; _width:100%; _height:100%; }

    /*课程列表样式*/
.side-course-box{ position:relative; width:455px; background:#fff; overflow:hidden; }
    .side-course-box em{ position:absolute; margin:-55px auto auto -30px; top:50%; left:50%; width:60px; height:60px; font-style:normal; filter:alpha(Opacity=80); -moz-opacity:0.8;opacity:0.8; }
    .side-course-box em i{ color:#fff; font-size:60px; line-height:60px; }
    .side-course-box a:hover em{ filter:alpha(Opacity=100); -moz-opacity:1;opacity:1;}
    .side-course-box .img-box{ display:block; width:455px; height:256px; overflow:hidden; }
    .side-course-box .img-box img{ width:100%; height:100%;}
    .side-course-box .info{ width:100%; height:60px; line-height:20px; text-align:left; }
    .side-course-box .info h3{ padding:5px 15px 0; font-size:16px; font-weight:normal; }
    .side-course-box .info p{ padding:5px 15px 0 15px; color:#999; font-size:12px; position:relative;}
    .side-course-box .info p b{color:#f40;font-size:16px;}
    .side-course-box .info p b.free{color:#5fb41b;}
    .side-course-box .info p del{margin-left:10px;}
    .side-course-box .info p font{position:absolute;right:15px;top:8px;}
    .side-course-box img{ min-width:100%; min-height:100%; _width:100%; _height:100%; }

.side-img-list{ text-align:left; padding:10px 0 11px 0; background:#fff; }
    .side-img-list li{ display:block; padding:10px 15px; }
    .side-img-list li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .side-img-list li .img-box{ position:relative; float:left; width:60px; height:60px; overflow:hidden; }
    .side-img-list li .img-box label{ position:absolute; top:1px; left:1px; display:block; width:16px; height:16px; line-height:16px; color:#fff; font-size:12px; font-weight:normal; text-align:center; background:#666; }
    .side-img-list li:first-child .img-box label{ background:#f40; }
    .side-img-list li .img-box img{ margin:0; padding:0; border:1px solid #ebebeb; width:58px; height:58px; }
    .side-img-list li .txt-box{ display:block; margin-left:75px; font-size:12px; }
    .side-img-list li .txt-box a{ display:block; height:40px; line-height:20px; overflow:hidden; }
    .side-img-list li .txt-box span{ display:block; color:#999; height:20px; line-height:20px; }

.side-img-list2{ text-align:left; padding:10px 0 11px 0; background:#fff;overflow:auto;}
    .side-img-list2 li{ display:block; padding:10px 15px;  float:left;display:inline;width:310px;}
    .side-img-list2 li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .side-img-list2 li .img-box{ position:relative; float:left; width:80px; height:60px; overflow:hidden; }
    .side-img-list2 li .img-box label{ position:absolute; top:1px; left:1px; display:block; width:16px; height:16px; line-height:16px; color:#fff; font-size:12px; font-weight:normal; text-align:center; background:#666; }
    .side-img-list2 li:first-child .img-box label{ background:#f40; }
    .side-img-list2 li .img-box img{ margin:0; padding:0; border:1px solid #ebebeb; width:78px; height:58px; }
    .side-img-list2 li .txt-box{ display:block; margin-left:95px; font-size:12px; }
    .side-img-list2 li .txt-box a{ display:block; height:40px; line-height:20px; overflow:hidden; }
    .side-img-list2 li .txt-box span{ display:block; color:#999; height:20px; line-height:20px; }

.focus-list{ margin:0; padding:0; }
    .focus-list li{ height:33px; font-size:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .focus-list li label{ display:inline-block; margin:0 5px 0 0; padding:0; width:16px; height:16px; line-height:16px; color:#fff; font-size:12px; font-weight:400; text-align:center; background:#999; border-radius:2px; vertical-align:middle; }
    .focus-list li label.hot{ background:#f40; }
    .focus-list li a{ line-height:33px; }

.sidebar-box{ margin:0 0 15px; padding:20px; background:#fff; }
    .sidebar-box h4{ margin:0; padding:0 0 15px; border-bottom:1px solid #e0e0e0; color:#333; font-size:16px; font-weight:300; line-height:20px; }
    .sidebar-box .txt-list li{ margin-top:15px; line-height:20px; font-size:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .sidebar-box .txt-list li label{ display:inline-block; margin:0 5px 0 0; width:16px; height:16px; line-height:16px; color:#fff; font-size:12px; font-weight:400; text-align:center; background:#999; border-radius:2px; vertical-align:middle;  }
    .sidebar-box .txt-list li label.hot{ background:#f40; }
    .sidebar-box .txt-list li a{ line-height:20px; }
    .sidebar-box .side-img-list{ padding-bottom:0; }
    .sidebar-box .side-img-list li{ padding:10px 0; }
    .sidebar-box .tags-box{ margin:0 0 0 -10px; }
    .sidebar-box .tags-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.sidebar-box .tags-box a{ display:block; float:left; margin:10px 0 0 10px; padding:5px; color:#555; font-size:12px; line-height:20px; border:1px solid #f0f0f0; }
    .sidebar-box .tags-box a:hover{ border-color:#21aee8; }
	.tags-box a i{ margin-left:2px; color:#999; font-style:normal; }
/*图片列表样式*/
.img-list{ margin:-15px 0 0 -15px; *display:inline-block; }
    .img-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .img-list .nodata{ color:#999; line-height:80px; text-align:center; }
    .img-list li{ position:relative; float:left; margin:15px 0 0 15px; width:220px; height:auto; background:#fff; overflow:auto; _display:inline; }
    .img-list li .img-box{ display:block; position:relative; width:220px; height:220px; overflow:hidden; }
    .img-list li .img-box .abs-txt{ position:absolute; top:8px; left:0; display:inline-block; padding:0 6px; color:#fff; font-size:12px; line-height:24px; background:#c81623; text-align:center; border-radius:0 3px 3px 0; }
    .img-list li .img-box img{ width:100%; height:100%;}
    .img-list li .info{ display:block; text-align:left; margin:15px; }
    .img-list li .info h3{ display:block; line-height:20px; height:40px; font-size:12px; font-weight:normal; overflow:hidden; }
    .img-list li .info p{ display:block; line-height:28px; color:#999; font-size:12px; }
    .img-list li .info p.price{ padding-top:10px; line-height:18px; }
    .img-list li .info p.price b{ margin-right:2px; color:#f40; font-size:16px; }
    .img-list li .info p strong{ float:right; font-weight:normal; }
    .img-list li .info p span.price{ color:#fb2104; font-size:14px; font-weight:600; }
    .img-list li em{ position:absolute; margin:-30px auto auto -30px; top:50%; left:50%; width:60px; height:60px; font-style:normal; filter:alpha(Opacity=80); -moz-opacity:0.8;opacity:0.8; }
    .img-list li em i{ color:#fff; font-size:60px; line-height:60px; }
    .img-list li a:hover em{ filter:alpha(Opacity=100); -moz-opacity:1;opacity:1; }
    .img-list li .abs-bg{ position:absolute; left:0; bottom:0; width:100%; height:50px; background:#000; opacity:0.3; filter:alpha(opacity=30); -moz-opacity:0.3; background:linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0)); }
    .img-list li .remark{ position:absolute; left:0; bottom:0; right:0; width:100%; height:50px; line-height:20px; text-align:left; overflow:hidden; }
    .img-list li .remark h3{ padding:5px 15px 0; color:#fff; font-size:12px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .img-list li .remark p{ padding:0 15px; color:#eee; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .img-list li .remark p b{color:#f40;}
    .img-list li .remark p b.free{color:#5fb41b;}
    .img-list li .remark p del{margin-left:10px;}
.img-face li .img-box{ width:198px; height:198px;padding:10px;}
.img-face li img{border-radius:50%; border:1px #eee solid;}
/*图片列表样式2*/
.imgsec-list{ margin:-15px 0 0 -15px; *display:inline-block; }
    .imgsec-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .imgsec-list .nodata{ color:#999; line-height:80px; text-align:center; }
    .imgsec-list li{ position:relative; float:left; margin:15px 0 0 15px; width:220px; height:auto; background:#fff; overflow:auto; _display:inline; }
    .imgsec-list li .img-box{ display:block; position:relative; width:220px; height:150px; overflow:hidden; }
    .imgsec-list li .img-box .abs-txt{ position:absolute; top:8px; left:0; display:inline-block; padding:0 6px; color:#fff; font-size:12px; line-height:24px; background:#c81623; text-align:center; border-radius:0 3px 3px 0; }
    .imgsec-list li .img-box img{ width:100%; height:100%;}
    .imgsec-list li .info{ display:block; text-align:left; margin:15px; }
    .imgsec-list li .info h3{ display:block; line-height:20px; height:40px; font-size:12px; font-weight:normal; overflow:hidden; }
    .imgsec-list li .info p{ display:block; line-height:28px; color:#999; font-size:12px; }
    .imgsec-list li .info p.price{ padding-top:10px; line-height:18px; }
    .imgsec-list li .info p.price b{ margin-right:2px; color:#f40; font-size:16px; }
    .imgsec-list li .info p strong{ float:right; font-weight:normal; }
    .imgsec-list li .info p span.price{ color:#fb2104; font-size:14px; font-weight:600; }
    .imgsec-list li em{ position:absolute; margin:-40px auto auto -30px; top:50%; left:50%; width:50px; height:50px; font-style:normal; filter:alpha(Opacity=80); -moz-opacity:0.8;opacity:0.8; }
    .imgsec-list li em i{ color:#fff; font-size:60px; line-height:60px; }
    .imgsec-list li a:hover em{ filter:alpha(Opacity=100); -moz-opacity:1;opacity:1; }
    .imgsec-list li .abs-bg{ position:absolute; left:0; bottom:0; width:100%; height:50px; background:#000; opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.6; background:linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0)); }
    .imgsec-list li .remark{ position:absolute; left:0; bottom:0; right:0; width:100%; height:50px; line-height:20px; text-align:left; overflow:hidden; }
    .imgsec-list li .remark h3{ padding:5px 15px 0; color:#fff; font-size:14px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .imgsec-list li .remark p{ padding:0 15px; color:#eee; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .imgsec-list li .remark p b{color:#f40;}
    .imgsec-list li .remark p b.free{color:#5fb41b;}
    .imgsec-list li .remark p del{margin-left:10px;}
/*课程列表样式*/
.course-list{ margin:-15px 0 0 -15px; *display:inline-block; }
    .course-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .course-list .nodata{ color:#999; line-height:80px; text-align:center; }
    .course-list li{ position:relative; float:left; margin:15px 0 0 15px; width:278px; height:auto; background:#fff; overflow:auto; _display:inline; }
    .course-list li:hover{box-shadow: #ccc 0 0 8px 0;}
    .course-list li .img-box{ display:block; position:relative; width:278px; height:158px; overflow:hidden; }
    .course-list li .img-box .abs-txt{ position:absolute; top:8px; left:0; display:inline-block; padding:0 6px; color:#fff; font-size:12px; line-height:24px; background:#c81623; text-align:center; border-radius:0 3px 3px 0; }
    .course-list li .img-box .abs-footer{ position:absolute; bottom:0; left:0;width:278px; display:inline-block;  color:#fff; font-size:12px; line-height:24px; background:#000; text-align:center;  opacity:0.8; filter:alpha(opacity=80);}
    .course-list li .img-box img{ width:100%; height:100%;}
    .course-list li .info{ display:block; text-align:left; margin:15px; }
    .course-list li .info h3{ display:block; line-height:20px; height:40px; font-size:12px; font-weight:normal; overflow:hidden; }
    .course-list li .info p{ display:block; line-height:28px; color:#999; font-size:12px; }
    .course-list li .info p.price{ padding-top:10px; line-height:18px; }
    .course-list li .info p.price b{ margin-right:2px; color:#f40; font-size:16px; }
    .course-list li .info p strong{ float:right; font-weight:normal; }
    .course-list li .info p span.price{ color:#fb2104; font-size:14px; font-weight:600; }
    .course-list li em{ position:absolute; margin:-55px auto auto -30px; top:50%; left:50%; width:60px; height:60px; font-style:normal; filter:alpha(Opacity=80); -moz-opacity:0.8;opacity:0.8; }
    .course-list li em i{ color:#fff; font-size:60px; line-height:60px; }
    .course-list li a:hover em{ filter:alpha(Opacity=100); -moz-opacity:1;opacity:1; }
    .course-list li .remark{width:100%; height:50px; line-height:20px; text-align:left; overflow:hidden; position:relative;}
    .course-list li .remark h3{ padding:5px 15px 0; font-size:14px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .course-list li .remark p{ padding:0 15px; color:#999; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .course-list li .remark p b{color:#f40;}
    .course-list li .remark p b.free{color:#5fb41b;}
    .course-list li .remark p del{margin-left:10px;}
    .course-list li .remark img.livepaly{position:absolute;right:12px;top:20px;width:24px;height:24px;}
/*图文列表样式*/
.n-list{ padding:15px 30px; }
	.n-list li{ display:block; padding-bottom:15px; border-bottom:1px solid #f0f0f0; overflow:hidden; }
	.n-list li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.n-list li h2{ padding:15px 0 15px; font-size:18px; line-height:24px; font-weight:normal;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.n-list li h2 a{ color:#333; text-decoration:none; }
	.n-list li h2 a:hover{ color:#8CAC52; }
	.n-list li .note b{ position:relative; display:block; float:left; margin-right:16px; width:118px; height:118px; border:1px solid #e8e8e8; font-style:normal; }
	.n-list li .note b img{ min-width:100%; min-height:100%; width:100%; _height:100%; }
	.n-list li .note p{ display:block; font-size:14px; max-height:84px; line-height:28px; font-weight:500; color:#666; overflow:hidden; }
	.n-list li .note .info{ padding-top:10px; height:20px; line-height:20px; }
	.n-list li .note .info span{ margin-right:10px; color:#999; font-size:12px; }
    .n-list li .note .info span i{ margin-right:3px; font-size:12px; }
	.n-list .nodata{ margin-top:30px; color:#666; font-size:14px; line-height:100px; text-align:center; }
/*相关列表样式*/
.rel-list{ margin-top:-15px; }
    .rel-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .rel-list .nodata{ color:#999; font-size:14px; line-height:50px; }
    .rel-list li{ display:block; float:left; margin:15px auto 0 0; padding:0; width:50%; overflow:hidden; _float:none; _width:auto; }
    .rel-list li .img-box{ position:relative; display:block; float:left; width:98px; height:98px; border:1px solid #e8e8e8; overflow:hidden; }
    .rel-list li .img-box img{ min-width:100%; min-height:100%; width:100%; _height:100%; overflow:hidden; }
    .rel-list li .info{ margin:0 auto 0 115px; padding-right:15px; _margin-top:-15px; _padding-right:0; }
    .rel-list li .info h3{ display:block; font-size:14px; font-weight:normal; height:30px; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .rel-list li .info p{ color:#555; font-size:12px; height:48px; line-height:22px; overflow:hidden; }
    .rel-list li .info span{ line-height:22px; color:#999; font-size:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.rel-box{ position:relative; padding:0 50px 0; }
    .rel-box .rel-list{ margin:0 0 15px 0; }
/*类别列表*/
.navbar li{ padding-top:10px; }
	.navbar li h5{ display:block; color:#3b8dd1; font-size:14px; font-weight:normal; line-height:30px; }
	.navbar li h5 a{ color:#21aee8; }
	.navbar li p{ font-size:12px; line-height:30px; }
	.navbar li p a{ display:inline-block; margin-right:5px; }
/*内容标题样式*/
.meta{ margin:0; padding:50px 50px 0 50px; }
	.meta:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.meta h2{ margin:0 0 20px; padding:0; color:#333; font-size:24px; font-weight:300; line-height:1em; }
	.meta .info{ margin:0 0 10px; position:relative;}
	.meta .info span{ margin-right:10px; color:#b0b0b0; font-size:12px; line-height:14px; }
    .meta .info span i{ margin-right:5px; display:inline-block; font-size:14px; }
    .meta .note{ margin-top:10px; padding:15px 20px; background:#f5f5f5; line-height:22px; color:#757575; font-size:12px; }
.meta .info .jshare { position:absolute;right:0;top:0;}
/*内容详细样式*/
.entry{ margin-top:20px; padding:0 50px 15px; font-size:14px; line-height:2em; word-wrap:break-word; }
	.entry img{ max-width:100%!important; height:auto!important; }
	.entry h2,.entry h3,.entry h4{ margin:0.8em auto; padding-bottom:5px; border-bottom:1px solid #f6f6f6; color:#333; }
	.entry h2{ font-size:1.2em; }
	.entry h3,.entry h4{ font-size:1.1em; }
	.entry strong{ color:#DC2523; }
	.entry ul,.entry ol{ margin:1em; padding:0; }
	.entry li{ margin-left:1em; }
	.entry ul li{ list-style:disc outside none; }
	.entry ol li{ list-style:decimal outside none; }
	.entry p{ display:inherit; margin:1em 0; color:#333; word-wrap:break-word; }
	.entry a{ text-decoration:underline; }
	.entry code{ display:block; padding:0.5em; background:#eee; border-radius:.5em; color:#777; font-family:'courier new'; font-size:12px; line-height:1.7em; }
	.entry table{ margin:10px auto; border-left:1px solid #eee; border-top:1px solid #eee; }
	.entry table th{ background:#F9F9F9; text-align:center; }
	.entry table td,.entry table th{ border-bottom:1px solid #eee; border-right:1px solid #eee; padding:0.35em 0.5em; }

/*上下一条样式*/
.next-box{ position:relative; padding:10px 50px 20px; line-height:20px; color:#444; font-size:14px; }
    .next-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .next-box p{ display:block; width:49%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .next-box p a{ color:#428bca; }
    .next-box p.prev{ float:left; }
    .next-box p.next{ float:right; }

/*文章评论样式*/
.comment-box{ position:relative; padding:0 50px 20px; }
    .comment-box .form-box{ margin:0; padding:15px 0; }
    .comment-box .form-box .avatar-box{ display:block; float:left; margin:0; padding:0; width:55px; height:55px; border:0; border-radius:55px; background:#fafafa; overflow:hidden; }
    .comment-box .form-box .avatar-box i{ color:#999; font-size:55px; line-height:1.2em; }
    .comment-box .form-box .avatar-box img{ width:100%; height:100%; }
    .comment-box .form-box .conn-box{ position:relative; margin-left:70px; }
    .comment-box .form-box .conn-box .editor{ position:relative; margin-right:18px; }
    .comment-box .form-box .conn-box .editor textarea{ display:inline; margin:0; padding:8px; width:100%; height:80px; border:1px solid #e8e8e8; line-height:20px; }
    .comment-box .form-box .conn-box .subcon{ padding-top:15px; color:#999; font-size:12px; }
    .comment-box .form-box .conn-box .subcon .submit{ float:right; display:inline-block; padding:0 20px; height:36px; line-height:34px; color:#fff; font-size:12px; background:#38f; vertical-align:middle; cursor:pointer; }
    .comment-box .form-box .conn-box .subcon strong{ color:#333; font-weight:normal; }
    .comment-box .form-box .conn-box .subcon .code{ margin-right:5px; padding:7px; width:80px; height:20px; line-height:20px; border:1px solid #e8e8e8; }
    .comment-box .form-box .conn-box .subcon a img{ vertical-align:middle; }
    .comment-box .list-box li{ padding:17px 0; border-top:1px solid #f7f7f7; }
    .comment-box .list-box li .avatar-box{ display:block; float:left; margin:0; padding:0; width:55px; height:55px; border:0; border-radius:55px; background:#fafafa; overflow:hidden; }
    .comment-box .list-box li .avatar-box i{ color:#999; font-size:55px; line-height:1.2em; }
    .comment-box .list-box li .avatar-box img{ width:100%; height:100%; }
    .comment-box .list-box li .inner-box{ position:relative; margin-left:70px; }
    .comment-box .list-box li .inner-box .info{ padding-bottom:3px; }
    .comment-box .list-box li .inner-box .info span{ margin-right:5px; color:#999; font-size:12px; }
    .comment-box .list-box li .inner-box p{ color:#333; font-size:14px; line-height:1.8em; }
    .comment-box .list-box li .answer-box{ clear:both; margin:10px 0 0 70px; padding:10px; background:#fafafa; border:1px solid #e6e6e6; border-radius:3px; }
    .comment-box .list-box li .answer-box .info{ margin-bottom:5px; padding:0; color:#1e7bb3; font-size:12px; border:none; }
    .comment-box .list-box li .answer-box .info span.right{ float:right; color:#999; }
    .comment-box .list-box li .answer-box p{ color:#555; font-size:14px; line-height:1.8em; }
/*类别导航样式*/
.screen-box{ display:block; position:relative; margin:0 0 15px; padding:0 15px; background:#fff; }
    .screen-box ul{ padding:10px 0; display:block; font-size:14px; }
    .screen-box ul h4{ display:inline-block; padding:0 15px; text-align:right; line-height:28px; font-weight:normal; }
    .screen-box ul li{ display:inline-block; padding:0 15px; line-height:28px; *display:inline; *zoom:1; }
    .screen-box ul li a{ color:#333; }
    .screen-box ul li a:hover,.screen-box ul li.selected a{ color:#8CAC52; }
    
    .screen-box dl{ margin:0; padding:0; clear:both; display:block; border-top:1px solid #f7f7f7; font-size:12px; }
	.screen-box dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.screen-box dl:first-child{ border-top:none; }
	.screen-box dl dt{ display:block; float:left; padding-left:10px; width:100px; color:#555; line-height:40px; }
	.screen-box dl dd{ position:relative; margin-left:112px; padding-top:6px; overflow:hidden; }
	.screen-box dl dd a{ display:inline-block; margin:0 6px 6px 0; padding:8px 10px; border:1px solid #fff; line-height:12px; }
	.screen-box dl dd a.selected{ border-color:#fff; color:#fff; background:#21aee8; }
/*排序样式*/
.sort-box{ position:relative; margin:0 0 15px; height:36px; background:#fff; overflow:hidden; }
	.sort-box a{ display:block; float:left; margin-left:-1px; padding:0 15px; line-height:36px; height:36px; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; color:#333; font-size:12px; }
	.sort-box a:hover,.sort-box a.selected{ color:#fff; background:#21aee8; }
/*内容相册样式*/
.album-list{ position:relative; margin:0 50px; }
	.album-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.album-list ul{ margin:0 0 0 -15px; *zoom:1; }
	.album-list li{ float:left; width:25%; }
	.album-list li a{ display:block; margin:15px 0 0 15px; padding:1px; border:1px solid #e8e8e8; }
	.album-list li a img{ display:block; width:100%; height:auto; }
/*附件下载样式*/
.attach-list{ margin:0 50px 15px; color:#757575; }
    .attach-list ul li{ margin-top:15px; padding:15px; border:1px solid #ebebeb; }
    .attach-list ul li .link-btn{ display:block; float:right; margin-top:7px; padding:5px 15px; border:1px solid #e0e0e0; line-height:20px; font-size:14px; cursor:pointer; }
    .attach-list ul li .link-btn i{ font-size:14px; }
    .attach-list ul li .icon-box{ display:inline-block; margin-right:5px; line-height:38px; color:#ccc; }
    .attach-list ul li .icon-box i{ font-size:38px; }
    .attach-list ul li .info{ display:inline-block; }
    .attach-list ul li .info h3{ line-height:20px; color:#333; font-size:14px; font-weight:normal; }
    .attach-list ul li .info span{ margin-right:5px; line-height:18px; color:#999; font-size:12px; }
/*商品缩略图样式*/
.goods-box{ position:relative; margin-bottom:15px; padding:30px; font-size:12px; background:#fff; }
.goods-pic{ position:relative; float:left; width:370px; *z-index:1; }
	.pic-box{ float:left; }
	.pic-preview{ width:368px; height:368px; border:1px solid #e8e8e8; }
	.pic-scroll{ margin-top:10px; width:370px; }
	.pic-scroll .prev{ float:left; margin-right:5px; }
	.pic-scroll .next{ float:right; }
	.pic-scroll .prev,.pic-scroll .next{ display:block; font-family:"宋体"; text-align:center; width:10px; height:60px; line-height:60px; border:1px solid #e8e8e8; background:#f7f7f7; cursor:pointer; text-decoration:none; }
	.pic-scroll .items{ position:relative; float:left; width:335px; height:62px; overflow:hidden; }
	.pic-scroll .items ul{ position:absolute; margin:0; padding:0; width:999999px; height:100%; }
	.pic-scroll .items ul li{ float:left; margin:0; padding:0; width:67px; text-align:center; }
	.pic-scroll .items ul li img{ padding:2px; border:1px solid #e8e8e8; width:56px; height:56px; }
	.pic-scroll .items ul li img:hover{ padding:1px; border:2px solid #d70000; }
/*商品规格*/
.goods-spec{ position:relative; margin:0 0 0 395px; overflow:hidden; }
	.goods-spec h1{ display:block; color:#555; font-size:18px; font-weight:700; line-height:1.1em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	.goods-spec .subtitle{ margin-top:5px; color:#888; font-size:14px; line-height:18px; }
	.goods-spec .spec-box{ position:relative; margin-top:10px; }
	.goods-spec .spec-box.line{ padding-top:10px; border-top:1px solid #efefef; }
	.goods-spec .spec-box:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.goods-spec .spec-box dl{ clear:both; display:block; }
	.goods-spec .spec-box dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.goods-spec .spec-box dl dt{ float:left; width:80px; line-height:38px; min-height:38px; color:#999; }
	.goods-spec .spec-box dl dd{ position:relative; margin-left:80px; padding:5px 0; line-height:26px; min-height:26px; color:#6c6c6c; }
	.goods-spec .spec-box dl dd s{ display:inline-block; text-decoration:line-through; }
	.goods-spec .spec-box dl dd .price{ display:inline-block; margin-right:5px; color:#f40; font-size:24px; font-weight:700; font-style:normal; }
	.goods-spec .spec-box dl dd .items li{ position:relative; float:left; margin:0 5px 8px 0; padding:1px; line-height:20px; vertical-align:middle; }
	.goods-spec .spec-box dl dd .items li a{ display:block; padding:1px; color:#666; min-width:10px; width:auto !important;  text-align:center; text-decoration:none; border:1px solid #eee; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle; }
	.goods-spec .spec-box dl dd .items li a span{ display:inline-block; padding:5px 9px; font-style:normal; line-height:20px; }
	.goods-spec .spec-box dl dd .items li a img{ width:36px; height:38px; vertical-align:middle; }
	.goods-spec .spec-box dl dd .items li a.selected{ margin:-1px; color:#333; border:2px solid #f40; color:#f40; }
	.goods-spec .spec-box dl dd .stock-box{ display:block; float:left; margin-right:10px; width:64px; }
	.goods-spec .spec-box dl dd .stock-box input{ float:left; margin-right:3px; width:42px; height:30px; line-height:30px; text-align:center; border:1px solid #e8e8e8; }
	.goods-spec .spec-box .stock-box a{ display:block; float:left; margin-bottom:4px; width:15px; height:12px; line-height:12px; color:#333; font-size:11px; text-align:center; border:1px solid #e8e8e8;  cursor:pointer; overflow:hidden; }
	.goods-spec .spec-box .stock-txt{ float:left; line-height:32px; }
	.goods-spec .spec-box .btn-buy{ margin-top:15px; }
	.goods-spec .spec-box .btn-buy .buy{ display:inline-block; margin-right:10px; padding:0 30px; color:#e5511d; font-size:16px; line-height:38px; background:#ffe4d0; border:1px solid #f0cab6; cursor:pointer; }
	.goods-spec .spec-box .btn-buy .add{ display:inline-block; padding:0 30px; color:#fff; font-size:16px; line-height:38px; background:#f40; border:1px solid #f40; border-radius:2px; cursor:pointer; }
	.goods-spec .spec-box .btn-buy button.over{ color:#999; background:#f7f7f7; border-color:#e8e8e8; cursor:default; }
/* 图片放大镜样式*/
.jqzoom{ position:relative; float:left; display:block; margin:0; padding:0; width:368px; height:368px; border:none; cursor:crosshair; }
	.jqzoom img{ width:368px; height:368px; }
.zoomdiv{ position:absolute; top:0; left:0; z-index:100; display:none; width:368px; height:368px; background:#fff; border:1px solid #e8e8e8; text-align:center; overflow:hidden; }
.jqZoomPup{ position:absolute; top:0; left:0; z-index:10; visibility:hidden; width:20px; height:20px; border:1px solid #aaa; background:#fff; opacity:0.5;-moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(Opacity=50); }
/*商品Tab样式*/
.goods-tab .tab-head{ display:block; height:42px; border-bottom:1px solid #f0f0f0; background:#fff; }
	.goods-tab .tab-head ul li{ float:left; margin-left:-1px; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; }
	.goods-tab .tab-head ul li a{ display:block; padding:0 30px; height:42px; line-height:42px; color:#555; font-size:14px; }
	.goods-tab .tab-head ul li a:hover,.goods-tab .tab-head ul li a.selected{ color:#fff; background:#21aee8; }
	.goods-tab .tab-content{ display:none; }
/*焦点菜单*/
.banner-img{ position:relative; width:100%; height:341px; overflow:hidden; }
    .banner-img img{ min-width:100%; min-height:100%; }
.banner-nav{ position:relative; width:100%; height:341px; background:#fff; }
    .banner-nav ul{ padding:15px 0; }
    .banner-nav ul li{ cursor:pointer; }
    .banner-nav ul li h3{ position:relative; display:block; padding:0 20px; width:180px; font-weight:normal; height:53px; }
    .banner-nav ul li h3 i{ position:absolute; right:5px; top:18px; width:13px; height:13px; color:#e0e0e0; font-size:13px; }
    .banner-nav ul li h3 span{ line-height:28px; color:#333; font-size:14px; }
    .banner-nav ul li h3 p{ line-height:16px; color:rgba(0,0,0,0.5); font-size:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .banner-nav ul li:hover h3{ background:#f40; }
    .banner-nav ul li:hover h3 i{ color:#fff; }
    .banner-nav ul li:hover h3 span{ color:#fff; }
    .banner-nav ul li:hover h3 p{ color:rgba(255,255,255,0.5); }
    .banner-nav ul li .item-box{ display:none; position:absolute; top:0; left:220px; bottom:0; width:705px; height:100%; background-color:rgba(0,0,0,0.3); z-index:9999; }
    .banner-nav ul li:hover .item-box{ display:block; }
    .banner-nav ul li .item-box dl{ display:block; padding:15px 30px 0; }
    .banner-nav ul li .item-box dl dt{ font-size:14px; font-weight:700; line-height:28px; }
    .banner-nav ul li .item-box dl dd{ font-size:12px; line-height:24px; }
    .banner-nav ul li .item-box dl a{ color:#fff; }
    .banner-nav ul li .item-box dl dd a{ margin-right:5px; }

/*页码容器*/
.page-box{ margin:15px 30px; padding-bottom:30px; }
    .page-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
/*视频容器*/
.video-box{ position:relative; margin:0 50px; width:785px; height:441px; _clear:both; _display:inline; }

/*购物车样式*/
.cart-info{ position:absolute; top:-50px; left:0; margin:0; padding:15px; border:1px solid #DFC795; width:302px; height:auto; background:#fcfbda; text-align:left; z-index:2; }
	.cart-info .ico{ display:block; float:left; margin-top:5px; width:46px; height:46px; }
    .cart-info .ico i{ color:#5ba61b; font-size:46px; line-height:1em; }
	.cart-info .ico.error i{ color:#fb1605; }
	.cart-info .msg{ margin-left:60px; }
	.cart-info .msg strong{ margin-bottom:10px; color:#444; font-size:15px; }
	.cart-info .msg p{ padding-bottom:8px; line-height:1.8em; }
    .cart-info .msg .link-btn{ display:inline-block; margin:0; padding:0 25px; color:#fff; font-size:12px; height:30px; line-height:30px; text-align:center; background:#21aee8; vertical-align:middle; }
	.cart-info .msg .close{ position:absolute; display:block; top:5px; right:5px; width:20px; height:20px; text-align:center; cursor:pointer; }
    .cart-info .msg .close i{ color:#999; font-size:14px; line-height:20px; }

.cart-head{ position:relative; margin:0 50px; padding:30px 0; }
	.cart-head h2{ float:left; color:#555; font-size:18px; line-height:35px; }
    .cart-head h2 i{ display:inline-block; margin-right:5px; color:#83c44e; font-size:23px; line-height:35px; vertical-align:middle; }
    .cart-head .cart-setp{ position:relative; margin-left:200px; }
    .cart-head .cart-setp li{ position:relative; float:left; width:33.33%; height:35px; line-height:35px; text-align:center; color:#999; font-size:12px; *width:33.3%; }
    .cart-head .cart-setp li .progress{ margin-right:1px; height:35px; line-height:35px; color:#424242; background:#eee; }
    .cart-head .cart-setp li .progress span{ margin-right:2px; font-size:14px; font-weight:600; }
    .cart-head .cart-setp li.active .progress{ color:#fff; background:#83c44e; }
    .cart-head .cart-setp li.first .progress{ border-top-left-radius:20px; border-bottom-left-radius:20px; }
    .cart-head .cart-setp li.last .progress{ border-top-right-radius:20px; border-bottom-right-radius:20px; }

.cart-box{ position:relative; margin:0 50px; }
    .cart-box .cart-table{ border:1px solid #eee; }
	.cart-box .cart-table th{ padding:0.8em 0.5em; color:#555; font-size:13px; font-weight:400; background:#f5f5f5; border-bottom:1px solid #eee; }
	.cart-box .cart-table td{ padding:1em 0.5em; color:#555; font-size:13px; border-bottom:1px solid #eee; }
	.cart-box .cart-table td .stxt{ margin-top:5px; color:#666; font-size:12px; line-height:20px; }
	.cart-box .cart-table td input.checkall{ padding:0; border:1px solid #eee; background:#fff; }
	.cart-box .cart-table td .img{padding:1px;width:60px;height:60px;border:1px solid #eee;}
	.cart-box .cart-table td .buy-box{ margin:auto; padding:0; width:74px; height:22px; overflow:hidden; }
	.cart-box .cart-table td .buy-box a{ display:block; float:left; width:20px; height:20px; font-size:12px; line-height:20px; text-align:center; border:1px solid #e8e8e8; overflow:hidden; }
	.cart-box .cart-table td .buy-box .input{ float:left; margin:0; padding:0; width:30px; font-size:12px; height:20px; line-height:20px; text-align:center; ime-mode:Disabled; border-radius:0; border-left:0; border-right:0; }

.item-box{ clear:both; padding:20px 0; font-size:14px; }
	.item-box li{ display:block; float:left; margin:0 25px; height:28px; line-height:28px; }
	.item-box li label input{ margin-right:3px; }
	.item-box li em{ color:#999; }

.buy-foot{ margin:20px 0; font-size:14px; }
    .buy-foot .left-box{ float:left; }
	.buy-foot .left-box dl{ clear:both; padding-bottom:10px; line-height:28px; }
	.buy-foot .left-box dl dt{ color:#6c6c6c; }
	.buy-foot .left-box dl dd .input{ width:230px; padding:5px; border:1px solid #e0e0e0; }
	.buy-foot .right-box{ float:right; text-align:right; }
	.buy-foot .right-box p{ line-height:38px; }
	.buy-foot .right-box p .price{ color:#f00; font-weight:700; }
	.buy-foot .right-box p.txt-box{ margin-top:10px; font-size:18px; font-weight:700; }
	.buy-foot .right-box p.btn-box{ margin-top:20px; }
    .buy-foot .right-box p.btn-box .btn{ display:inline-block; margin:0 0 0 5px; padding:8px 25px; width:auto; height:auto; line-height:20px; color:#fff; font-size:12px; border:0; background:#f40; border-radius:3px; cursor:pointer; }
    .buy-foot .right-box p.btn-box .button{ background:#1e7bb3; }
    .buy-foot .right-box p.btn-box .submit{ background:#21aee8; }
    .buy-foot .right-box p.btn-box .gray{ background:#ddd; }

.cart-foot{ margin:0 50px; padding:20px 0 30px; height:40px; }
	.cart-foot .left-box{ float:left; line-height:40px; }
	.cart-foot .left-box a{ margin-right:20px; font-size:14px; }
    .cart-foot .right-box{ float:right; }
    .cart-foot .right-box button{ display:inline-block; margin:0 0 0 5px; padding:8px 25px; width:auto; height:auto; line-height:20px; color:#fff; font-size:12px; border:0; background:#f40; border-radius:3px; cursor:pointer; }
    .cart-foot .right-box .submit{ background:#21aee8; }
    .cart-foot .right-box .button{ background:#1e7bb3; }

.address-list{ margin:20px 0 0; padding:10px; color:#555; font-size:14px; border:1px solid #f7f7f7; max-height:300px; overflow:auto; }
	.address-list li{ margin:5px 0; padding:5px 10px; height:20px; line-height:20px; cursor:pointer; }
	.address-list li span{ margin-left:10px; }
	.address-list li label em{ margin-left:5px; color:#999; }
	.address-list li.selected{ padding:10px; font-size:15px; background:#fff0e8; border-radius:3px; }
	.address-list li.selected span{ color:#333; font-weight:700; }
.address-info.form-box{ margin:0; }
    
/*表单样式*/
.msg-box{ display:block; margin:0; padding:6px; border:1px solid #fbf2b5; background:#fcfbda; }
    .msg-box i{ display:block; float:left; margin:4px 0 0; font-size:12px; color:#A094A9; width:18px; height:18px; text-align:center; vertical-align:middle; }
    .msg-box p{ margin-left:18px; line-height:24px; color:#A4A147; font-size:12px; }
.form-box{ margin:0 50px; padding:20px 0 30px; }
    .form-box .form-group{ margin:0; padding:10px 0; clear:both; }
    .form-box .form-group .tips{ margin-left:16%; color:#666; font-size:12px; line-height:20px; }
    .form-box .form-group dt{ display:block; float:left; padding-right:2%; width:14%; line-height:40px; text-align:right; color:#888; }
    .form-box .form-group dd{ display:block; position:relative; margin-left:16%; line-height:40px; }
    .form-box .form-group dd img{ vertical-align:middle; }
    .form-box .form-group dd a.send{ display:inline-block; padding:0 10px; color:#555; border:1px solid #e0e0e0; height:40px; line-height:40px; color:#333; }
    .form-box .form-group dd a.send.gray{ color:#999; }
    .form-box .form-group dd .input{ display:inline-block; padding:0 10px; width:50%; height:40px; line-height:20px; border:1px solid #e0e0e0; transform:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
    .form-box .form-group dd .input:hover { border-color:#ccc;}
    .form-box .form-group dd .input:focus { border-color:#21aee8;outline:none;box-shadow: #ccc 0 0 6px 0;}
    .form-box .form-group dd .input.code{ width:80px; }
    .form-box .form-group dd .select{ display:inline-block; padding:10px; height:40px; line-height:20px; border:1px solid #e0e0e0; }
    .form-box .form-group dd .textarea{ display:inline-block; padding:10px; width:50%; height:80px; line-height:20px; border:1px solid #e0e0e0; vertical-align:middle; overflow:auto; }
    .form-box .form-group dd .submit{ display:inline-block; margin:0 0 0 5px; padding:10px 46px; width:auto; height:auto; line-height:20px; color:#fff; font-size:14px; border:1px solid #f40; background:#f40; cursor:pointer; border-radius: 3px;}
    .form-box .form-group dd .submit[disabled] { cursor: not-allowed; border:none; background: #b2b2b2;}
    .form-box .form-group dd .button{ display:inline-block; margin:0 0 0 5px; padding:10px 46px; width:auto; height:auto; line-height:20px; color:#666; font-size:14px; border:1px solid #eee; background:#eee; cursor:pointer; }
    .form-box .form-group dd label.mart{ margin-right:5px; }
    /*全屏样式*/
    .form-box.full{ padding:0 0 50px; }
    .form-box.full .form-group dt{ width:40%; }
    .form-box.full .form-group dd{ margin-left:42%; }
    .form-box.full .form-group dd .input{ width:40%; }
    .form-box.full .form-group dd .input.code{ width:80px; }
/*物流样式*/
.accept-box{ margin-bottom:50px; padding:0; background:#fff; border:1px solid #f0f0f0; }
	.accept-box dl{ padding:0 !important; }
	.accept-box dl.head{ position:relative; margin:0; padding:0; background:#fbfbfb; border-bottom:1px solid #e8e8e8; }
    .accept-box dl.head dd{ margin-left:10px; }
	.accept-box dl.head .btn-pay{ position:absolute; top:6px; right:6px; display:block; padding:0 15px; color:#fff; font-size:12px; height:24px; line-height:24px; background:#52A152; border:1px solid #417F41; border-radius:2px; }
/*订单进度*/
.order-progress{ position:relative; margin:20px 50px; height:55px; }
    .order-progress li{ position:relative; float:left; width:20%; text-align:center; }
    .order-progress.mini li{ width:25%; }
    .order-progress li .progress{ display:block; margin-right:1px; line-height:20px; color:#424242; font-size:12px; text-align:center; background:#eee; }
    .order-progress li .info{ display:block; margin-top:15px; line-height:20px; color:#757575; font-size:12px; text-align:center; }
    .order-progress li.active .progress{ color:#fff; background:#83c44e; }
    .order-progress li.first .progress{ border-top-left-radius:20px; border-bottom-left-radius:20px; }
    .order-progress li.last .progress{ border-top-right-radius:20px; border-bottom-right-radius:20px; }

/*提示信息*/
.msg-tips{ position:relative; margin:30px auto; padding:30px 0; width:420px; font-size:14px; text-align:left; }
    .msg-tips .icon{ display:block; float:left; width:60px; height:60px; }
    .msg-tips .icon i{ margin:0; padding:0; font-size:60px; color:#090; line-height:1em; }
    .msg-tips .icon.warning i{ color:#f90; }
    .msg-tips .icon.error i{ color:#f00; }
    .msg-tips .info{ margin-left:80px; }
    .msg-tips .info strong{ display:block; padding-bottom:5px; color:#333; font-size:18px; font-weight:normal; line-height:1.3em; }
    .msg-tips .info p{ line-height:24px; color:#666; font-size:14px; }
    .msg-tips .info p a{ margin:auto 2px; }
/*会员登录样式*/
.login-box{ margin:50px auto 0; padding-bottom:50px; width:343px; overflow:hidden; }
    .login-box .input-box{ position:relative; display:inline-block; margin-bottom:20px; padding:0 10px; width:320px; border:1px solid #e5e5e5; height:42px; line-height:22px; color:#333; font-size:14px; overflow:hidden; }
    .login-box .input-box input{ padding:12px 0; width:100%; height:20px; line-height:20px; font-size:14px; }
    .login-box .remember-box{ margin-bottom:30px; height:20px; line-height:20px; color:#909090; font-size:14px; }
    .login-box .remember-box input{ vertical-align:middle; }
    .login-box .remember-box label{ margin-right:7px; cursor:pointer; vertical-align:middle; }
    .login-box .remember-box a{ color:#00a7ea; vertical-align:middle; }
    .login-box .btn-box{ display:block; margin-bottom:20px; height:42px; }
    .login-box .btn-box input{ display:inline-block; width:342px; height:42px; line-height:42px; background:#21a3fb; color:#fff; cursor:pointer; font-size:14px; text-align:center; }
    .login-box .tip-box{ display:block; text-align:center; height:20px; line-height:20px; color:#f90; font-size:13px; }
    .login-box .oatuh-box{ clear:both; padding-top:15px; }
    .login-box .oatuh-box h3{ display:block; margin-bottom:10px; color:#666; font-size:14px; line-height:30px; height:30px; font-weight:normal; }
    .login-box .oatuh-box p{ margin-left:-25px; }
    .login-box .oatuh-box p a{ display:block; float:left; margin:0 0 10px 25px; _display:inline; _zoom:1; }
    .login-box .oatuh-box p a img{ width:38px; height:38px; }

.oauth-box{ position:relative; margin:50px auto; width:65%; border:1px solid #f0f0f0; overflow:hidden; }
    .oauth-box .tab-head{ display:block; height:42px; border-bottom:1px solid #f0f0f0; background:#fff; }
    .oauth-box .tab-head li{ float:left; margin-left:-1px; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; }
    .oauth-box .tab-head li a{ display:block; padding:0 30px; height:42px; line-height:42px; color:#555; font-size:14px; }
    .oauth-box .tab-head li a.selected{ color:#fff; background:#21aee8; }
    .oauth-box .tab-content{ display:none; }
/*会员头像容器*/
.avatar-box{ padding:10px 15px; border-bottom:1px solid #e0e0e0; height:60px; background:#fafafa; }
    .avatar-box .img-box{ position:relative; display:block; float:left; margin-right:10px; width:60px; height:60px; border-radius:60px; background:#fff; text-align:center; overflow:hidden; }
    .avatar-box .img-box img{ padding:2px; width:54px; height:54px; border:1px solid #f5f5f5; border-radius:60px; background:#fff;  }
    .avatar-box .img-box i{ color:#ccc; font-size:54px; line-height:78px; background:#fff; }
    .avatar-box h3{ margin:0; color:#333; font-size:14px; font-weight:normal; line-height:32px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .avatar-box p{ color:#666; font-size:12px; line-height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .avatar-box p b{ color:#21a3fb; font-weight:normal; }
/*会员中心导航*/
.center-nav{ padding:15px 20px 10px; }
    .center-nav ul li{ padding:0; overflow:hidden; }
    .center-nav ul li h2{ margin-bottom:8px; color:#333; font-size:14px; font-weight:normal; line-height:20px; }
    .center-nav ul li h2 i{ display:inline-block; margin-left:5px; color:#666; font-size:14px; line-height:20px; }
    .center-nav ul li h2 span{ font-weight:300; }
    .center-nav ul li .list{ margin:0 0 15px 26px; font-size:12px; }
    .center-nav ul li .list p{ margin-top:5px; }
    .center-nav ul li .list a{ display:block; height:24px; line-height:24px; color:#757575; }
    .center-nav ul li .list a i{ float:right; line-height:24px; color:#999; font-size:12px; }
    .center-nav ul li.selected .list a,.center-nav ul li .list a:hover{ color:#21a3fb; }
.center-head{ margin:15px 50px 0; padding:15px; background:#fafafa; }
    .center-head .img-box{ display:block; float:left; width:116px; height:116px; text-align:center; border-radius:110px; background:#fff; overflow:hidden; }
    .center-head .img-box img{ padding:2px; width:110px; height:110px; border:1px solid #f5f5f5; border-radius:110px; background:#fff; }
    .center-head .img-box i{ color:#ccc; font-size:110px; line-height:1.3em; }
    .center-head .list-box{ position:relative; display:block; margin-left:135px; }
    .center-head .list-box h3{ display:block; color:#333; font-size:16px; font-weight:normal; line-height:42px; }
    .center-head .list-box ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .center-head .list-box ul li{ display:block; float:left; width:33.32%; color:#848484; font-size:14px; line-height:32px; }
    .center-head .list-box ul li p{ text-align:center; }
    .center-head .list-box ul li .link-btn{ display:inline-block; padding:5px 15px; color:#fff; font-size:12px; line-height:18px; background:#21a3fb; vertical-align:middle; }
.center-info{ position:relative; margin:0 50px 0; padding:15px 30px; background:#fff; }
    .center-info ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .center-info ul li{ display:block; float:left; width:50%; _width:49.8%; line-height:30px; color:#999; }
.center-tit{ margin:0 50px; padding:10px 15px; background:#fafafa; line-height:24px; }
    .center-tit span{ float:right; font-size:12px; }
    .center-tit h3{ color:#000; font-size:14px; font-weight:normal; }
    .center-tit h3 i{ margin-right:5px; font-size:14px; }
/*表格样式*/
.table-wrap{ margin:0 50px 20px; }
.ftable{ margin:15px 0; width:100%; border:1px solid #f0f0f0; background:#fff; }
.mtable{ margin:15px 0; width:100%; background:#fff; _width:auto; }
	.mtable th,.ftable th{ padding:0.8em; color:#6e717a; font-size:13px; font-weight:400; background:#fbfbfb; border-bottom:1px solid #e8e8e8; }
	.mtable td,.ftable td{ padding:0.8em; color:#333; font-size:13px; border-bottom:1px solid #F3F3F3; }
	.ftable td .img{ padding:1px; width:60px; height:60px; border:1px solid #e8e8e8; }
	.ftable td s{ color:#999; text-decoration:line-through; }
	.mtable .tr_odd_bg,.ftable .tr_odd_bg{ background:#f9f9f9; }
/*会员列表页码样式*/
.page-foot{ clear:both; height:35px; line-height:35px; }
    .page-foot .btn-box a{ display:inline-block; margin-right:10px; padding:5px 15px; line-height:20px; border:1px solid #eee; font-size:12px; vertical-align:middle; }
    .page-foot .right{ float:right; }
/*头像容器*/
.avatar-wrap{ margin:0 15px; background:#fafafa; }
    .avatar-wrap:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .avatar-wrap .avatar-box{ padding:10px 25px; border-bottom:1px solid #e0e0e0; height:60px; }
    .avatar-wrap .avatar-box .img-box{ position:relative; display:block; float:left; margin-right:10px; width:60px; height:60px; overflow:hidden; }
    .avatar-wrap .avatar-box .img-box img{ padding:2px; width:54px; height:54px; border:1px solid #f5f5f5; border-radius:60px; background:#fff;  }
    .avatar-wrap .avatar-box .img-box i{ color:#ccc; font-size:54px; line-height:54px; }
    .avatar-wrap .avatar-box h3{ margin:0; color:#333; font-size:14px; font-weight:normal; line-height:32px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .avatar-wrap .avatar-box p{ color:#666; font-size:14px; line-height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .avatar-wrap .avatar-box p i{ color:#21a3fb; font-style:normal; }
/*头像上传*/
.cropper-wrap{ margin-top:20px; }
	.cropper-wrap .cropper-box{ position:relative; float:left; margin-right:20px; padding:1px; width:350px; height:350px; text-align:center; border:1px solid #f0f0f0; border-radius:2px; background:#f4f4f4; text-align:center; vertical-align:middle; }
	.cropper-wrap .cropper-box div{ margin:auto; vertical-align:middle; }
	
	.cropper-wrap .cropper-view{ float:left; width:184px; }
	.cropper-wrap .cropper-view .img-box{ padding:1px; width:180px; height:180px; border:1px solid #f0f0f0; border-radius:2px; background:#fff; overflow:hidden; }
	.cropper-wrap .cropper-view .img-box img{ display:block; width:180px; height:180px; }
	.cropper-wrap .cropper-view .btn-box p{ margin:8px 0; text-align:center; color:#333; font-size:13px; line-height:24px; }
	.cropper-wrap .cropper-view .btn-box p.tip{ text-align:left; color:#999; font-size:13px; line-height:22px; }
	.cropper-wrap .cropper-view .btn-box .btn{ width:100%; line-height:34px; height:36px; border:1px solid #f40; background:#f40; cursor:pointer; color:#fff; }
/*以下部分是WebUploader必须的*/
.webuploader-container{ position:relative; }
.webuploader-element-invisible{ position:absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); }
.webuploader-pick{ position:relative; display:inline-block; padding:0 25px; line-height:32px; height:32px; border:1px solid #02598E; border-radius:2px; cursor:pointer; background:#1e7bb3; color:#fff; text-align:center; overflow:hidden; zoom:1; *display:inline; }
.webuploader-pick-hover{ opacity:0.9; }
.webuploader-pick-disable{ opacity:0.6; pointer-events:none; }
.upload-box{ position:relative; display:inline-block; height:32px; vertical-align:middle; zoom:1; *display:inline;}
	.upload-box .upload-btn{ display:inline-block; height:32px; zoom:1; *display:inline; }
	.upload-box .upload-progress{ position:absolute; top:0; left:0; padding:2px 5px; width:115px; height:28px; border:1px solid #d7d7d7; background:#fff; overflow:hidden; }
	.upload-box .upload-progress .txt{ display:block; padding-right:10px; font-weight:normal; font-style:normal; font-size:11px; line-height:18px; height:18px; text-overflow:ellipsis; overflow:hidden; }
	.upload-box .upload-progress .bar{ position:relative; display:block; width:112px; height:4px; border:1px solid #1da76b; }
	.upload-box .upload-progress .bar b{ display:block; width:0%; height:4px; font-weight:normal; text-indent:-99em; background:#28B779; overflow:hidden; }
	.upload-box .upload-progress .close{ position:absolute; display:block; top:1px; right:1px; width:14px; height:14px; text-indent:-99em; background:url(../images/sprite.gif) 0 -240px no-repeat; cursor:pointer; overflow:hidden; }

/*页面底部
----------------------------------------------*/
/*留言链接样式*/
.link-box{ margin:0 50px; border-top:1px solid #f7f7f7; }
    .link-box .side-link .img{ height:auto; }
    .link-box .side-link .txt{ height:auto; font-size:14px; line-height:30px; }
.side-link{ padding:20px; background:#fff; _position:relative; }
    .side-link .img{ display:block; margin:-20px 0 0 -21px; padding:0; height:51px; overflow:hidden; *display:inline-block; }
    .side-link .img:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .side-link .img li{ position:relative; float:left; margin:20px 0 0 21px; width:88px; height:31px; overflow:hidden; _display:inline; }
    .side-link .img li img{ width:100%; height:100%; }
    .side-link .txt{ margin-top:17px; width:100%; height:48px; line-height:24px; font-size:12px; overflow:hidden; }
    .side-link .txt strong{ color:#eee; margin:0 1px; font-weight:normal; }
.side-book{ background:#fff; }
    .side-book ul{ padding:20px; }
    .side-book ul li{ font-size:12px; line-height:24px; height:24px; overflow:hidden; }
    .side-book ul li span{ float:right; margin-left:10px; color:#999; }
/*底部样式*/
.footer{ margin-top:30px; background:#333; }
.footer .foot-nav{ height:56px; line-height:56px; border-bottom:1px solid #444; }
.footer .foot-nav a{ margin:auto 8px; color:#fff; font-size:14px; }
.footer .foot-nav a:hover{ color:#21aee8; }
.footer .foot-nav strong{ color:#424242; font-size:14px; font-weight:700; }
.footer .foot-box{ padding:30px 0; position:relative;}
.footer .foot-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.footer .foot-box .copyright{ display:block; float:left; padding-left:1%; width:50%; color:#e5e5e5; font-size:12px; }
.footer .foot-box .copyright p{ line-height:2.0em; }
.footer .foot-box .copyright p.gray{ color:#999; }
.footer .foot-box .service { display: block; float: right; padding: 10px 0;  border-left: 1px solid #444; text-align: center;  width:140px;}
.footer .foot-box .service a{ display:inline-block; padding:0 15px; color:#21aee8; line-height:30px; border:1px solid #21aee8; }
.footer .foot-box .service a:hover{ color:#fff; border-color:#21aee8; background:#21aee8; }
.footer .foot-box .service a i{ font-size:14px; }
.footer .foot-box .service p{ display:block; margin-bottom:20px; color:#b0b0b0; font-size:12px; }
.footer .foot-box .qrcode-list{position:absolute;right:160px; }
.footer .foot-box .qrcode-box { float:left;margin-left:8px;}
.footer .foot-box .qrcode-box img { float:left;width:82px;height:82px;}
.footer .foot-box .qrcode-bg { background: #FFF; padding: 3px; border: 1px solid #BDBDBD; width:82px;height:82px;}
.footer .foot-box .qrcode-box .qrcode-txt { text-align: center; width: 90px; margin-top: 5px; color: #FFF; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
/*定位*/
.positionfixed {font-size:14px;color:#999;}
.positionfixed a{display:inline-block;padding:4px 8px;margin:4px;border:1px #eee solid;background:#fafafa;}
.positionfixed a:hover,.positionfixed a.selected{background:#21aee8;color:#fff;border-color:#13a1fb;}
.positionfixed a i {font-size:12px;}
.positionfixed span {cursor:pointer;color:#333;}

/*题库*/
.tk-container{overflow:auto;margin-top:20px;}
.tk-block{width:310px;height:170px;padding:0 30px;float:left;display:inline;background-image:url(../images/tk-bg.png);background-repeat:no-repeat;color:#fff;cursor:pointer;}
.tk-block:nth-child(1){background-position:0 0;}
.tk-block:nth-child(1):hover{background-position:-470px 0;}
.tk-block:nth-child(1):active{background-position:-940px 0;}
.tk-block:nth-child(2){margin:0 25px;background-position:0 -270px;}
.tk-block:nth-child(2):hover{background-position:-470px -270px;}
.tk-block:nth-child(2):active{background-position:-940px -270px;}
.tk-block:nth-child(3){background-position:0 -540px;}
.tk-block:nth-child(3):hover{background-position:-470px -540px;}
.tk-block:nth-child(3):active{background-position:-940px -540px;}
.tk-block .tk-block-tit{font-size:30px;padding-top:20px;}
.tk-block .tk-block-tool{margin-top:35px;font-size:16px;position:relative;}
.tk-block .tk-block-tool i{position:absolute;right:0;top:4px;font-size:12px;}
.tk-block-dotted{height:12px;position:relative;margin-top:10px;border-bottom:1px #ccc solid;}
.tk-block-dotted span{width:10px;height:10px;display:inline-block;border:1px #ccc solid;background:#fff;position:absolute;top:6px;border-radius:50%;}
.tk-block-dotted span:nth-child(1){left:179px;}
.tk-block-dotted span:nth-child(2){left:574px;}
.tk-block-dotted span:nth-child(3){left:970px;}
.tk-bookNav a{padding:0 10px;height:26px;line-height:26px;display:inline-block;border-bottom:3px #f5f5f5 solid;}
.tk-bookNav a.selected {border-bottom:3px #21aee8 solid;color:#21aee8;}
.tk-chapterlist{padding:10px 0;border-bottom:1px #ccc dotted;position:relative;}
.tk-chapterlist:first-child{padding-top:0;}
.tk-chapterlist:last-child{border-bottom:0;padding-bottom:0;}
.tk-chapterlist-title{font-size:16px;}
.tk-chapterlist-title i {margin-right:5px;font-size:14px;}
.tk-chapterlist span{color:#555;font-size:12px;}
.tk-chapterlist-star{position:absolute;right:0;top:50%;margin-top:-15px;display:inline-block;width:100px;height:28px;line-height:28px;text-align:center;border:1px #eee solid;border-radius:3px;}
.tk-chapterlist-star:hover{background:#21aee8;border-color:#21a3fb;color:#fff;}
.tk-chapterlist-go{margin-top:10px;font-size:12px;}
.tk-chapterlist-go i{font-size:12px;margin-left:5px;}
.tk-chapterlist-nothing{font-size:20px;color:#ccc;text-align:center;padding:50px 0;}
.tk-chapterlist-nothing i{font-size:24px;margin-right:10px;}
.tk-section{margin:30px auto auto auto;overflow:auto;}
.tk-chapterbar{width:300px;padding:10px;float:left;display:inline;border:1px #eee solid;background:#fafafa;max-height:600px;min-height:400px;overflow:auto;position:relative;}
.tk-chapterbar p.nothing,.tk-stembar p.nothing,.tk-stembar-bank p.nothing{position:absolute;width:500px;height:60px;left:50%;top:50%;margin:-30px 0 0 -250px;text-align:center;color:#ccc;}
.tk-chapterbar p.nothing i,.tk-stembar p.nothing i{margin-right:5px;}
.tk-chapterbar a.currect{color:#21aee8;}
#tk-learnlist h2 { font-size: 16px;}
#tk-learnlist ul { height:362px;}
#tk-learnlist ul li {line-height:20px;padding:10px 0;border-bottom:1px #ccc dotted;font-size:12px;}
#tk-learnlist ul li img { width:30px;height:30px;vertical-align:middle;margin-right:10px;border-radius:50%;}
#tk-learnlist ul li i.icon-user-full { border-radius:50%;display:inline-block;border:1px #ccc solid;width:30px;height:30px;text-align:center;line-height:30px;font-size:20px;margin-right:5px;}
#tk-learnlist ul li b { font-weight:bold;font-style: italic;font-family: Constantia,Georgia;font-size:20px;color:#ff4c08;}
#tk-learnlist .tk-learnlist-go { font-size:12px;margin-top:10px;}
#tk-learnlist .tk-learnlist-go i{font-size:12px;margin-left:5px;}
.tk-stembar{width:818px;float:left;display:inline;background:#fff;min-height:420px;padding:0 10px;position:relative;}
.tk-stembar-details{border-bottom:1px #eee solid;padding:10px 5px 5px 10px;}
.tk-stembar-details-bank{position:relative;font-weight:bold;font-size:16px;}
.tk-stembar-details-bank span{font-size:12px;color:#555;font-weight:normal;position:absolute;right:5px;top:0;}
.tk-stembar-details-bank span b{color:#ff4c08;}
.tk-stembar-details-learn{font-size:12px;padding-top:5px;position:relative;color:#555;}
.tk-stembar-details-learn i{font-size:12px;margin-right:5px;}
.tk-stembar-details-learn .processBar{width:120px;height:8px;background:#eee;position:absolute;left:100px;top:10px;overflow:hidden;}
.tk-stembar-details-learn .processBar .bar{width:0;height:8px;background-color:green;}
.tk-stembar-details-learn .percent{position:absolute;left:228px;top:2px;font-weight:bold;font-style: italic;font-family: Constantia,Georgia;font-size:14px;color:#ff4c08;}
.tk-stembar-details-learn .filter{position:absolute;right:0;top:0;}
.tk-stembar-bank{}
.tk-stembar-bank p.nothing{color:#555;}
.tk-stembar-bank p.nothing i {display:block;font-size:40px;color: #f90;}
.tk-stembar-bank p.nothing i.icon-confirm-full { color:green;}
.tk-stembar-bank p.nothing a.repeatlearn { color:#21aee8;}
.tk-loadingbar{height:24px;line-height:24px;text-align:center;border:1px #eee solid;margin-top:10px;background:#fafafa;cursor:pointer;font-size:12px;color:#555;margin-bottom:10px;}
.tk-loadingbar img {height:18px;vertical-align:middle;}
.tk-loadingbar:hover{border-color:#e0e0e0;}
.tk-loadingbar i {font-size:14px;margin-right:5px;}
.zujuan-question-item{padding:5px;border:1px #eee solid;margin:10px 0;line-height:20px;position:relative;}
.zujuan-question-item img { vertical-align:middle;}
.zujuan-question-item:hover { border-color:#ccc;box-shadow: #ccc 0 0 6px 0;}
.zujuan-question-item .q-view-materia-item{border:0;position:relative;}
.zujuan-question-item .q-view-stem {position:relative;}
.zujuan-question-item .q-view-options{padding-left:10px;}
.zujuan-question-item .q-view-stem-sort { display:inline-block;background:#16a0d3;color:#fff;height:24px;line-height:24px;width:24px;text-align:center;border-radius:50%;margin-right:5px;}
.q-setting-title { font-size:14px;font-weight:bold;background:#fafafa;padding:2px 10px;position:relative;border:1px #eee solid;}
.q-setting-title i { font-size:14px;margin-right:5px;}
.q-setting-title i.icon-arrow-down { position:absolute;right:5px;top:2px;}
.q-choice-options { overflow:auto;zoom:1;}
.q-choice-items { float:left;display:inline;}
.q-choice-itemstitle { }
.q-choice-itemstitle i { margin-left:5px;font-size:12px;}
.q-choice-items:nth-child(even) { margin-left:10px;}
.q-choice-toolbar i { font-size:12px;margin-right:5px;}
.q-choice-toolbar a { text-decoration:none;}
.q-choice-toolbar a.q-choice-toolbar-add { margin-right:8px;}
.q-choice-ask,.q-choice-analysis,.q-judge-ask,.q-judge-analysis,.q-ask-ask,.q-ask-analysis,.q-blank-ask,.q-blank-analysis,.q-material-stem { padding:10px 0;}
.q-choice-ask a,.q-judge-ask a{ display:inline-block;width:50px;height:28px;line-height:28px;text-align:center;text-decoration:none;border:1px #eee solid;border-left:0;color:#333;font-size:14px;background:#fafafa;position:relative;}
.q-choice-ask a:first-child ,.q-judge-ask a:first-child{ border-left:1px #eee solid;}
.q-choice-ask a.selected ,.q-judge-ask a.selected { background:#16a0d3;color:#fff;}
.q-material-toolbar {background:#fafafa;border:1px #eee solid;border-top:0;padding-left:5px;}
.q-material-toolbar i { font-size:12px;margin-right:5px;}
.q-material-toolbar a { text-decoration:none;}
.q-material-toolbar a.q-material-toolbar-add { margin-right:8px;}
.q-material-container{padding:15px 10px 10px 10px;border:1px #ccc dotted;position:relative;margin-top:15px;}
.q-material-container span.materialTitle{position:absolute;display:inline-block;left:5px;top:-12px;width:70px;height:20px;text-align:center;line-height:20px;background:#fff;}
.q-material-container span.materialTitle i {font-size:12px;margin-right:2px;}
.q-material-items-title{}
.q-material-items-title a{display:inline-block;padding:0 8px;color:#fff;background:#16a0d3;border-radius:3px;line-height:24px;height:24px;}
.q-material-items{background:#fafafa;}
.q-stemview-eye{font-size:13px;cursor:pointer;}
.q-stemview-eye:hover{color:#2A72C5;}
.q-view-stem{padding:5px 0;}
.q-view-options-item{padding:5px 0;}
.q-view-options-item img{vertical-align:middle;}
.q-view-options-answer,.q-view-options-answers{padding:5px 0;}
.q-view-options-answer a,.q-view-options-answers a{ display:inline-block;width:40px;height:28px;line-height:28px;text-align:center;text-decoration:none;border:1px #eee solid;border-left:0;color:#333;font-size:14px;background:#fafafa;position:relative;}
.q-view-options-answer a:first-child{ border-left:1px #eee solid;}
.q-view-options-answer a.selected{ background:#16a0d3;color:#fff;}
.q-view-options-analysis{padding:5px 0;}
.q-view-options-answers a,.q-view-options-corrects a{width:auto;padding:0 5px;min-width:40px;border:0;border-bottom:2px #000 solid;margin:0 5px;background:none;display:inline-block;text-align:center;}
.q-view-materia-container{padding:5px 0;}
.q-view-materia-item{padding:5px;border:1px #eee solid;}
.q-view-materia-item:first-child {margin-bottom:5px;}
.q-view-materia-item:hover {background:#fafafa;}
div[answer],div[analysis]{display:none;}
.q-view-tools{padding:5px 0;}
.q-view-tools a.qbtn{display:inline-block;line-height:24px;height:24px;border:1px #21aee8 solid;padding:0 10px;font-size:12px;border-radius:3px;color:#21aee8;margin-right:5px;}
.q-view-tools a.qbtn i{font-size:14px;margin-right:5px;}
.q-view-tools a.qbtn:hover,.q-view-tools a.selected{color:#fff;background:#21aee8;}
i.q-view-learntag { position:absolute;right:0;top:-2px;font-size:16px;}
i.q-view-learntag-success { color:green;}
i.q-view-learntag-warn{ color:#02c4ff;}
i.q-view-learntag-error{ color:#ff6105;}
/*试卷列表*/
.tk-papernav{width:300px;padding:10px;float:left;display:inline;border:1px #eee solid;background:#fafafa;position:relative;min-height:400px;}
.tk-papernav h2 { font-size:16px;margin-bottom:5px;}
.tk-papernav-container { padding:8px 0;border-bottom:1px #ccc dotted;}
.tk-papernav-container:last-child { border-bottom:0;}
.tk-papernav-container a {display:inline-block;height:26px;line-height:26px;padding:0 7px;}
.tk-papernav-container a:hover { background:#eee;}
.tk-papernav-container a.selected { background:#21aee8;color:#fff;}
.tk-paperlist{width:818px;float:left;display:inline;background:#fff;min-height:420px;padding:0 10px;position:relative;}
.tk-paperlist p.nothing{position:absolute;width:300px;height:100px;left:50%;top:50%;margin:-50px 0 0 -150px;text-align:center;color: #555;}
.tk-paperlist p.nothing i{display: block;font-size: 40px;color: #f90;}
.tk-paperlist-details{border-bottom:1px #eee solid;padding:10px 0 6px 0;position:relative;}
.tk-paperlist-details span{color:#555;font-weight:normal;position:absolute;right:0;top:8px;font-size:12px;}
.tk-paperlist-details span b{ font-style: italic;font-family: Constantia,Georgia;font-size: 16px;color: #ff4c08;}
.tk-paperlist-details i { font-size:12px;margin:0 5px;}
.tk-paperlist-show-container .page-box{ margin: 15px 0 0 0;}
.tk-paperlist-show{padding:10px 0;border-bottom:1px #ccc dotted;position:relative;}
.tk-paperlist-show:last-child{border-bottom:0;}
.tk-paperlist-show-title{font-size:16px;}
.tk-paperlist-show-title i {margin-right:5px;font-size:14px;}
.tk-paperlist-show span{color:#555;font-size:12px;}
.tk-paperlist-show span i { font-size:12px;margin-left:10px;}
.tk-paperlist-show-start{position:absolute;right:0;top:50%;margin-top:-15px;display:inline-block;width:100px;height:28px;line-height:28px;text-align:center;border:1px #eee solid;border-radius:3px;}
.tk-paperlist-show-start:hover{background:#21aee8;border-color:#21a3fb;color:#fff;}
/*试卷详情*/
.tk-papershow { padding:10px;background:#fff;overflow:hidden;}
.tk-papershow-coverimg {float:left;display:inline;width:220px;border:3px #eee solid;border-radius:5px;}
.tk-papershow-coverimg img {width:220px;height:220px;}
.tk-papershow-items { float:left;display:inline;margin-left:20px;padding-top:10px;}
.tk-papershow-items h2 { font-size:18px;}
.tk-papershow-items .itemscontainer { height:20px;padding-top:10px;}
.tk-papershow-items .itemscontainer .tag { float:left;display:inline;width:160px;}
.tk-papershow-items .itemscontainer .tag span { color:#999;}
.tk-papershow-items .gocontainer { margin-top:40px;position:relative;}
.tk-papershow-items .gocontainer a.start{ display:block;width:200px;height:40px;text-align:center;line-height:40px;background: #f40;border: 1px solid #f40;color:#fff;border-radius:3px;font-size:16px;}
.tk-papershow-items .gocontainer #ckepop {position:absolute;left:220px;top:10px; }
.tk-papershow-title { border-bottom:1px #eee solid;font-size:16px;padding:0 5px 5px 5px;position:relative;}
.tk-papershow-title p{position:absolute;right:5px;top:5px;font-size:12px;}
.tk-papershow-content { color:#999;padding:5px;line-height:24px;}
/*考试页*/
.header .tk-exam-nav { height:70px;background: #333;color:#fff;line-height:70px;text-align:left;}
.header .tk-exam-nav span { font-size:20px;font-weight:bold;margin-right:10px;}
.header .tk-exam-nav a { display:block;width:120px;height:34px;line-height:34px;text-align:center;position:absolute;right:0;top:17px;background:#21aee8;color:#fff;}
.header .tk-exam-nav a i { margin-right:5px;}
.tk-exam-silder{width:320px;padding:10px 0;float:left;display:inline;border:1px #eee solid;background:#fafafa;position:relative;min-height:400px;position:relative;z-index:10;}
.tk-exam-silderwrap {position:fixed;top:142px; padding:10px;background:#fafafa;z-index:11;overflow-y:auto;overflow-x:hidden;}
.tk-exam-silderbutton { width:320px;height:50px;position:fixed;bottom:0;right:0px;line-height:50px;text-align:center;background:#eee;z-index:12;}
.tk-exam-handed { display:block;width:320px;height:50px;background:#f40;color:#fff;font-size:20px;}
.tk-exam-handed:hover { color:#fff;}
.tk-exam-focus {width:300px;height:148px;padding:10px 0; background:url(../images/exam-focus.png) no-repeat 0 0;text-align:center;}
.tk-exam-focus-time { height:116px;font-size:40px;font-weight:bold;line-height:116px;color:#e65050;}
.tk-exam-focus-info { color:#999;height:16px;}
.tk-exam-card { margin-top:10px;width:300px;}
.tk-exam-card-item { margin-top:10px;}
.tk-exam-card-item-title { color:#999;font-size:12px;position:relative;background:#eee;padding:2px 5px;}
.tk-exam-card-item-title span{ color:#333;font-size:14px;margin-right:5px;}
.tk-exam-card-item-title i.icon-position { position:absolute;right:5px;top:5px;font-size:12px;cursor:pointer;}
.tk-exam-card-item-nav {border:1px #eee solid; padding:5px;}
.tk-exam-card-item-nav a { display: inline-block;height: 28px;line-height: 28px;width: 28px;text-align: center;margin: 5px;border:1px #ccc solid;border-radius:50%;}
.tk-exam-card-item-nav a:hover,a.completed { background:#21aee8;color:#fff;border-color:#21aee8;}
.tk-exam-card-item-nav a.correct { background-color:green;color:#fff;border-color:green;}
.tk-exam-card-item-nav a.mistake { background-color:#e65050;color:#fff;border-color:#e65050;}
.tk-exam-card-item-nav a.pigai { background-color:#a113ff;color:#fff;border-color:#a113ff;}
.tk-exam-question{width:818px;float:left;display:inline;background:#fff;min-height:400px;padding:10px;position:relative;}
.tk-exam-question .zujuan-question-item:hover { border-color:#16a0d3;}
.tk-exam-question p.nothing{position:absolute;width:500px;height:100px;left:50%;top:50%;margin:-50px 0 0 -250px;text-align:center;color: #555;}
.tk-exam-question p.nothing i{display: block;font-size: 40px;color: #f90;}
.zujuan-section-nav { position:relative;padding:5px 10px 5px 10px;line-height:20px;background:#fafafa;}
.q-view-options-correct{padding:5px 0;display:none;}
.q-view-options-analysis { display:none;}
.q-view-options-myanswer { width:400px;height:70px;border:1px #e0e0e0 solid;padding:5px;outline: none;}
.q-view-options-myanswer:hover {border-color:#ccc; }
.q-view-options-myblank { border-bottom:2px #000 solid;margin:0 5px;text-align:center;vertical-align:text-bottom;width:100px;height:24px;outline: none;}
.q-view-options-myscore{padding:5px 0;display:none;}
.q-view-options-myscore input { border-bottom:1px #000 solid;margin:0 5px;text-align:center;vertical-align:text-bottom;width:80px;height:24px;outline: none;font-family: Constantia,Georgia;font-size:20px;color:#ff4c08;font-style: italic;background:none;}
.q-view-options-myscore span { margin-left:5px;color:#999;}
i.tk-exam-question-correct,i.tk-exam-question-mistake { font-size:40px;position:absolute;right:10px;top:20px;}
i.tk-exam-question-correct { color:green;}
i.tk-exam-question-mistake { color:#e65050;}
.tk-joinmistake {position:absolute;right:0;bottom:0;width:80px;height:24px;font-size:12px;background:#fafafa;border:1px #eee solid;text-align:center;border-right:0;border-bottom:0;line-height:24px;cursor:pointer;}
.tk-joinmistake i {font-size:13px;margin-right:5px;}
.zujuan-question-item:hover .tk-joinmistake {background:#21aee8;color:#fff;border-color:#21aee8;}
/*抽题*/
.tk-ct-nav{width:300px;position:absolute;left:0;top:0;padding:10px 0;}
.tk-ct-nav h2 { margin-left:10px;margin-bottom:10px;}
.tk-ct-nav-tab {width:240px;height:50px;line-height:50px;padding-left:80px;font-size:16px;border:1px #fafafa solid;border-left:5px #fafafa solid;cursor:pointer;}
.tk-ct-nav-tab.selected {border-color:#eee; border-left-color:#21aee8;background:#fff;}
.tk-ct-qclass { padding:5px;overflow:hidden;border:1px #eee solid;border-top:0;}
.tk-ct-qclass:first-child { border-top:1px #eee solid;}
.tk-ct-qclass:nth-child(even) { background:#fafafa;}
.tk-ct-qclass-title { float:left;width:40%;}
.tk-ct-qclass-lst { float:left;width:60%;}
.tk-ct-qclass-lst .input { text-align:center;margin:0 5px;}
.tk-ct-tx { }
.tk-ct-tx .msg-box { line-height:24px;}
.tk-ct-tx .msg-box p { margin-left:0;}
.tk-ct-process { text-align:center;}
.tk-ct-zj{ border:1px #eee solid;height:400px;overflow:auto;padding:10px;}
.form-box .form-group#tkChaptertree dd { line-height:20px;}
/*课程详情*/
.focus-section{width:100%;background:url(../images/coursebg.jpg) no-repeat center top;padding:50px 0;margin:auto;}
.cs-show { padding:10px;background:#fff;overflow:hidden;position:relative;}
.cs-show-coverimg {float:left;display:inline;width:400px;position:relative;}
.cs-show-coverimg img {width:400px;height:260px;}
.cs-show-coverimg em {
    position: absolute;
    margin: -30px auto auto -30px;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    font-style: normal;
    filter: alpha(Opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.cs-show-coverimg em i {
    color: #fff;
    font-size: 60px;
    line-height: 60px;
}
.cs-show-coverimg .abs-footer{ position:absolute; bottom:0; left:0;width:400px; display:inline-block;  color:#fff; font-size:12px; line-height:24px; background:#000; text-align:center;  opacity:0.8; filter:alpha(opacity=80);}
.cs-show-items { float:left;display:inline;margin-left:20px;padding-top:10px;}
.cs-show-items h2 { font-size:18px;}
.cs-show-items .itemscontainer { height:20px;padding-top:10px;}
.cs-show-items .itemscontainer .tag { float:left;display:inline;width:220px;}
.cs-show-items .itemscontainer .tag span { color:#999;}
.cs-show-items .itemscontainer .saleprice{color: #f40;font-weight:bold;}
.cs-show-items .itemscontainer .saleplus{font-weight:bold;font-size:16px;}
.cs-show-items .itemscontainer .salepoint{font-size:14px;color:#078d2f;}
.cs-show-items .itemscontainer .freeprice {color:#065535;}
.cs-show-items .itemscontainer del{color:#999;}
.cs-show-items .gocontainer { margin-top:40px;position:relative;}
.cs-show-items .gocontainer a.start{ display:inline-block;width:200px;height:40px;text-align:center;line-height:40px;background: #f40;border: 1px solid #f40;color:#fff;border-radius:3px;font-size:16px;}
.cs-show-items .gocontainer  a.buy {
    display: inline-block;
    margin-right: 10px;
    padding: 0 30px;
    color: #e5511d;
    font-size: 16px;
    line-height: 38px;
    background: #ffe4d0;
    border: 1px solid #f0cab6;
    cursor: pointer;
}
.cs-show-items .gocontainer  a.buy.kq{background:#ffe4d0 url(../images/kq.png) no-repeat 15px center;padding: 0 15px 0 50px;}
.cs-show-items .gocontainer #ckepop {position:absolute;right:30px;top:10px; }
.cs-show-title { border-bottom:1px #eee solid;font-size:16px;padding:0 5px 5px 5px;}
.cs-show-content { color:#999;padding:5px;line-height:24px;}
.cs-show-content img { max-width:100%;}
.cs-show-chapter{max-height:600px;overflow:auto;}
.cs-show-chapter p.nothing{text-align:center;color:#ccc;padding:10px;}
.cs-show-chapter p.nothing i{margin-right:5px;}
.cs-show-chapter .treeview .hitarea {display:none;}
.cs-show-chapter .filetree { font-size:15px;padding:0 10px;color:#333;}
.cs-show-chapter .filetree a.unupload { color:#b6b6b6;}
.cs-show-chapter .filetree a.morecourse{display:inline-block;background:#16a0d3;color:#fff;height:20px;line-height:20px;width:20px;text-align:center;border-radius:50%;margin-left:10px;font-size:12px;}
.cs-show-chapter .filetree span.free,.cs-show-chapter .filetree span.updateing{display:inline-block;background:green;color:#fff;padding:2px 5px;margin-left:10px;line-height:18px;font-size:12px;border-radius:3px;}
.cs-show-chapter .filetree span.updateing{background:#eee;color:#333;}
.cs-show-chapter .filetree li { padding: 10px 0 2px 16px;}
.cs-show-chapter .filetree li i.icon-folder {cursor:pointer;}
.cs-show .updateed{color:#333;}
#course-chapter .updateed{color:#fff;}
.cs-show .noneupdate{color:#999;cursor:not-allowed;}
#course-chapter .noneupdate{color:#b6b6b6;cursor:not-allowed;}
.cs-show-qnav{position:absolute;right:10px;top:20px;width:120px;}
.cs-show-qnav a{display:block;width:100px;height:28px;line-height:28px;border:1px #eee solid;text-align:center;border-bottom:0;background:#fafafa;}
.cs-show-qnav a:last-child{border-bottom:1px #eee solid;}
.cs-show-qnav a i{font-size:13px;margin-right:5px;}
.cs-tab{padding:0 10px;height:40px;background:#fff;border-bottom:2px #21aee8 solid;}
.cs-tab li{height:40px;line-height:40px;padding:0 20px;float:left;cursor:pointer;}
.cs-tab li.selected{background:#21aee8;color:#fff;}
.cs-show-abstxt{ position:absolute; top:10px; right:0; display:inline-block; padding:0 10px; color:#fff; font-size:16px;line-height:36px; background:#c81623; text-align:center; border-radius:5px 0 0 5px;cursor:pointer;}
.cs-show-abstxt img{vertical-align:top;width:32px;height:32px;margin-right:5px;}
.cs-show-abstxt.notupdate{background:#ccc;color:#333;}
.cs-show-abstxt span{margin:0 3px;font-weight:bold;}
/*树*/
.cs-show-chapter .filetree a.currect,.cs-show-chapter .filetree i.currect{color:#21aee8;}
/*视频背景*/
.full-section{width:100%;margin:auto;background:#000;}
.course-section{padding:2px 0;}
.course-video{ width:75%; _clear:both; _display:inline; float:left;position:relative;}
.course-video .prism-cover{background-color:none;display:block;}
.course-video .prism-marker-text{display:none;}
.course-video .prism-ErrorMessage{display:none;}
.course-video img.RT{position:absolute;right:10px;top:10px;}
.course-video img.LT{position:absolute;left:10px;top:10px;}
.course-video img.RB{position:absolute;right:10px;bottom:50px;}
.course-video img.LB{position:absolute;left:10px;bottom:50px;}
.course-video img.NONE{display:none;}
/*试看/上次播放时间*/
.vodTryoutLayer,.vodLastPlayLayer{background:#333;height:30px;color:#fff;line-height:30px;position:absolute;bottom:50px;border-radius:20px;padding:0 20px;opacity:0.6;}
.vodTryoutLayer a,.vodLastPlayLayer a{color:#21aee8;}
.vodTryoutLayer{left:20px;}
.vodLastPlayLayer{right:20px;}
#course-chapter { background:#1f1f1f;width:25%;float:left;}
#course-chapter,#course-chapter a{ color:#fff;}
.course-info { position:relative;border:1px #eee solid;background:#fff;padding:8px 0;}
.course-info span.cif { margin-left:10px;}
.course-info span.cif i { margin-right:5px;}
.course-info span.cif .saleprice{color: #f40;font-weight:bold;}
.course-info span.cif .saleplus{font-weight:bold;font-size:16px;}
.course-info span.cif .salepoint{font-size:14px;color:#078d2f;}
.course-info span.cif .freeprice {color:#065535;}
.course-info span.cif del{margin-left:5px;color:#999;font-size:12px;}
.course-info #ckepop {position:absolute;right:10px;top:15px;}
.course-comment { margin-top:10px;background:#fff;padding:10px 15px;}
.course-video p.nothing{position:absolute;width:300px;height:100px;left:50%;top:150px;margin-left:-150px;text-align:center;color: #fff;}
.course-video p.nothing i{display: block;font-size: 40px;color: #fff;}
.course-video p.nothing.forshowtime{font-size:16px;}
.course-video p.nothing.forshowtime span{font-weight:bold;margin:0 3px;}
.remmpay {position:absolute;width:600px;left:50%;margin-left:-300px;top:250px;display:none;border:1px #292929 solid;padding:5px;border-radius:3px;}
.remmpay a.singlepay { width:580px;height:30px;line-height:30px;padding:0 10px;display:inline-block;color:#fff;}
.remmpay a.singlepay:hover {background:#292929; }
.remmpay a.singlepay i { margin-right:5px;}
/*科目导航*/
.textbook-nav i{margin-right:5px;}
.textbook-nav-box{width:500px;}
.textbook-nav-box a{display:inline-block;padding:4px 8px;margin:4px;border:1px #eee solid;background:#fafafa;}
.textbook-nav-box a:hover,.textbook-nav-box a.selected{background:#21aee8;color:#fff;border-color:#13a1fb;}
.quickcourse { height:40px;background:#fff;margin-bottom:10px;}
.quickcourse a { display:block;height:38px;line-height:38px;text-align:center;font-size:16px;color:#21aee8;border:1px #21aee8 solid;}
.quickcourse a i { margin-right:5px;}
.quickcourse a:hover { border-color:#21aee8;}
span.ico-down { display:inline-block;width:16px;height:8px;background:url(../images/down.png) no-repeat 0 0;margin-left:5px;}
span.ico-down:hover { background:url(../images/down.png) no-repeat 0 -8px;}
/*客服工具条*/
.izl-rmenu{margin-right: 0;width: 82px;position: fixed;right: 2px;bottom: 100px;-webkit-box-shadow: #DDD 0px 1px 5px;-moz-box-shadow: #DDD 0px 1px 5px;box-shadow: #DDD 0px 1px 5px;z-index:999;}
.izl-rmenu .consult{background-image: url(../images/consult_icon01.gif);background-repeat: no-repeat;background-position: center -77px;display: block;height: 78px;width: 82px;}
.izl-rmenu .consult .phone {background-color: rgb(247,247,255);position: absolute;width: 168px;padding:14px 12px;left: -195px;top: 0px;color: #000;font-size: 14px;display: none;box-shadow: #DDD -1px 1px 4px;color:#999;text-align:right;}
.izl-rmenu .consult .phone .consultPhone{font-size:20px;color:#5caa04;height:30px;line-height:30px;}
.izl-rmenu .consult .phone .consultTime{height:20px;line-height:20px;}
.izl-rmenu a.consult:hover .phone{display:inline !important;line-height:40px;}
.izl-rmenu .cart {position:relative;display: block;height: 16px;width: 16px;font-size: 12px;line-height: 16px;color: #45BDFF;text-align: center;padding-top: 15px;padding-right: 18px;padding-bottom: 47px;padding-left: 48px;}
.izl-rmenu .cart.weixin {background: url(../images/consult_icon01.gif) no-repeat 50% -156px;}
.izl-rmenu .cart.weibo {background: url(../images/consult_icon01.gif) no-repeat center bottom;}
.izl-rmenu .cart.qq {background: url(../images/consult_icon01.gif) no-repeat 0 0;}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {background-image: url(../images/float_top.gif);background-repeat: no-repeat;background-position: center top;display: block;height: 39px;width: 82px;-webkit-transition: all 0s ease-in-out;-moz-transition: all 0s ease-in-out;-o-transition: all 0s ease-in-out;transition: all 0s ease-in-out;}
.izl-rmenu .btn_top:hover {background-image: url(../images/float_top.gif);background-repeat: no-repeat;background-position: center bottom;}
.izl-rmenu .cart .pic {display:none;position: absolute;right: 80px;top: 0px;width: 160px;}
.izl-rmenu .cart .pic img { width:150px;height:150px;}
.izl-rmenu .cart.qq .pic{background-color: rgb(247,247,255);box-shadow: #DDD -1px 1px 4px;color:#999;text-align:right;padding:14px 12px;width:120px;right: 85px;}
.izl-rmenu .cart.qq .pic .qqid{color:#5caa04;font-size:14px;line-height:20px;}
.izl-rmenu .cart.qq .pic .qqtitle{margin-top:5px;}
.izl-rmenu .cart.weixin .pic, .izl-rmenu .cart.weibo .pic {height: 160px;}
/*课程支付弹窗*/
.paywindow{ font-size:12px;width:648px;}
.pw-course{height:80px;}
.pw-course-img {width:128px;height:80px;float:left;display:inline;position:relative;}
.pw-course-img img{width:128px;height:80px;}
.pw-course-img a{position:absolute;display:block;width:128px;height:24px;line-height:24px;color:#fff;text-align:center;left:0;bottom:0;background:#000;filter:alpha(Opacity=60);opacity:0.6;}
.pw-course-info{width:400px;height:70px;float:left;display:inline;background:#fafafa;line-height:24px;padding:5px 0 5px 10px;}
.pw-course-info h2{font-size:16px;}
.pw-course-info span{font-weight:bold;color:#21aee8;}
.pw-course-info p{color:#999;line-height:18px;}
.pw-course-info a{color:#21aee8;}
.pw-course-price{width:100px;height:70px;float:left;display:inline;background:#fafafa;text-align:right;color:#999;line-height:20px;padding:5px;}
.pw-course-buyprice{font-size:16px;color: #f40;font-weight:bold;}
.pw-course-saleprice{margin-right:5px;}
.pw-course-plus{font-size:18px;font-weight:bold;}
.pw-course-buypoint{font-size:14px;color:#078d2f;margin-right:5px;}
.pw-other{border:1px #eee solid;padding:10px 5px 5px 5px;}
.pw-other-exam{padding-bottom:10px;border-bottom:1px #eee dotted;}
.pw-other-exam a{text-decoration:underline;}
.pw-other-amount{padding:10px 0 5px 0;text-align:right;}
.pw-other-amount span.am1{font-weight:bold;margin-right:10px;margin-left:2px;}
.pw-other-amount span.am2{margin-left:2px;font-weight:bold;}
.pw-other-amount span.am3{margin-right:10px;font-weight:bold;}
.pw-other-tips{padding:5px 0;text-align:right;color:#999;}
.pw-other-tips i{font-size:13px;margin-right:5px;}
.pw-other-tips font{color:#333;}
.pw-other-tips a{color:#21aee8;}
.statusbar-pay-refresh{font-size:12px;}
.pw-link-btn{ display:inline-block; padding:5px 15px; font-size:14px; cursor:pointer; border: 1px solid #f40;background: #f40;color:#fff;}
.pw-link-btn:hover{background:#ff3204;color:#fff;}
.pw-link-btn i{ font-size:14px; }
/*直播聊天室*/
.livetalk{height:400px;border:1px #eee solid;}
.livetalkTips{height:30px;line-height:30px;padding:0 10px;background:#fafafa;color:#999;}
.livetalkTips.error{background: #FFF1E4;color: #FF3300;}
.livetalkTips i{margin-right:5px;font-size:14px;}
.livetalkBox{height:310px;overflow-y:auto;position:relative;border-top:1px #eee solid;border-bottom:1px #eee solid;padding:5px 10px;}
.livetalkBox p.nothing{position:absolute;width:100px;height:100px;left:50%;top:50%;margin-left:-50px;margin-top:-50px;text-align:center;color:#999;}
.livetalkBox p.nothing i{display: block;font-size: 30px;}
.livetalkForm{height:48px;position:relative;}
.livetalkTxt{height:38px;width:1068px;border:0;outline:none;padding:5px 60px 5px 10px;resize:none;}
.livetalkTxt:focus { outline:none;box-shadow: #ccc 0 0 6px 0;}
.livetalkBtn{position:absolute;right:1px;top:1px;display:inline-block;width:60px;height:46px;border:0;background:#21aee8;color:#fff;outline:none;cursor:pointer;}
.livetalkQp{padding:5px 0;line-height:18px;}
/*会员卡券*/
.vipcard{width:386px;float:left;height:240px;display:inline;background:#eee;margin-top:10px;border-radius:12px;position:relative;}
.vipcard:nth-child(odd){margin-right:10px;}
.vipcard:nth-child(1),.vipcard:nth-child(2){margin-top:0;}
.vipcard .cardimg{width:386px;height:200px;border-radius:12px;}
.vipcard .vcLogo{position:absolute;left:15px;top:15px;color:#fff;font-size:16px;display:inline-block;max-width:200px;overflow:hidden;text-shadow: 1px 1px 1px #333;}
.vipcard .vcValue{position:absolute;right:10px;top:10px;font-size:18px;color:#fff;display:inline-block;width:108px;height:36px;padding-top:20px;padding-left:10px;background:url(../../../images/vipcardvalue.png) no-repeat 0 0;}
.vipcard .vcTitle{position:absolute;left:0;top:77px;width:386px;height:46px;display:inline-block;overflow:hidden;line-height:46px;color:#fff;font-size:20px;text-align:center;}
.vipcard .vcNo{position:absolute;left:15px;top:15px;color:#fff;text-shadow: 1px 1px 1px #333;}
.vipcard .vcExpires{position:absolute;right:15px;top:175px;color:#fff;text-shadow: 1px 1px 1px #333;}
.vipcard .vcPrice{position:absolute;left:15px;bottom:8px;font-size:16px;color:#f40;font-weight:bold;}
.vipcard .vcBuyDate{position:absolute;left:15px;bottom:9px;}
.vipcard a.vcContent{position:absolute;right:15px;bottom:9px;}
.vipcard .vcBuyBack{width:386px;height:200px;border-radius:12px;display:block;background:#000;opacity:0.6;position:absolute;left:0;top:0;z-index:1;display:none;}
.vipcard a.vcBuy{position:absolute;position:absolute;left:50%;top:50%;width:120px;height:40px;margin:-40px 0 0 -60px;z-index:2;display:none;border: 1px solid #f40;background: #f40;color:#fff;text-align:center;line-height:40px;border-radius:3px;font-size:14px;}
.vipcard[sale]:hover .vcBuyBack,.vipcard[sale]:hover a.vcBuy{display:block;}
.vipofflineimg{display:inline-block;width:60px;height:47px;background:url(../../../images/vipcardoffline.png) no-repeat 0 0;position:absolute;left:10px;top:75px;z-index:3;}
.vipoverdueimg{display:inline-block;width:65px;height:49px;background:url(../../../images/vipcardcancel.png) no-repeat 0 0;position:absolute;left:10px;top:75px;z-index:3;}
/* =========================旋转.开始========================= */
.rotate{
animation:spin 1s infinite;
-moz-animation:spin 1s infinite; /* Firefox */
-webkit-animation:spin 1s infinite; /* Safari and Chrome */
-o-animation:spin 1s infinite; /* Opera */
}
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
            
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
/* =========================旋转.结束========================= */
/*首页-精选课程*/
.vipcard-jx { width: 274px; float: left; height: 175px; display: inline; background: #eee; position: relative; margin:10px 20px 15px 0;}
.vipcard-jx:nth-child(4n) { margin-right: 0; }
.vipcard-jx .cardimg { width: 100%; height:142px; }
.vipcard-jx .vcValue { position: absolute; right: 10px; top: 6px; font-size: 16px; color: #fff; display: inline-block; width: 78px; height: 25px; padding-top: 15px; padding-left: 6px; background: url(../../../images/vipcardvalue-small.png) no-repeat 0 0; }
.vipcard-jx .vcTitle { position: absolute; left: 0; top: 54px; width: calc(100% - 10px);padding:0 5px;text-shadow: 1px 1px 1px #333; height: 32px; display: inline-block; overflow: hidden; line-height: 32px; color: #fff; font-size: 16px; text-align: center; }
.vipcard-jx .vcTitle a{color:#fff;}
.vipcard-jx .vcTitle.vcCustom{background:#000;opacity:0.4;}
.vipcard-jx .vcExpires { position: absolute; right: 15px; top: 118px; color: #fff; text-shadow: 1px 1px 1px #333; }
.vipcard-jx .vcPrice { position: absolute; left: 15px; bottom: 2px; font-size: 19px; color: #ff4000; font-weight: bold; }
.vipcard-jx a.vcContent { position: absolute; right: 12px; bottom: 5px; }
.vipcard-jx a.vcContent i{font-size:12px;margin-left:2px;}
/*阿里云播放器*/
.prism-cc-btn,.prism-setting-cc,.prism-setting-audio{display:none;}
/*响应式布局
----------------------------------------------*/
@media only screen and (max-width:1160px) {
	.section{ width:925px; }
    .tk-section {width:1160px; }
    .slide-box{ height:363px; }
    .slide-box .list-box{ margin-left:-768px; width:1536px; }
    .side-link-wrap{ width:455px; }
    .course-section,.course-video{height:490px;}
    #course-chapter { height:490px;}
    .livetalkTxt{width:833px;}
    .vipcard-jx{width: 218px;height: 145px;}
    .vipcard-jx .cardimg{height: 113px;}
    .vipcard-jx .vcValue{top:2px;}
    .vipcard-jx .vcExpires{top: 90px;}
    .vipcard-jx .vcTitle{top:43px;height: 26px;line-height: 26px;}
}
@media only screen and (min-width:1161px) {
	.section{ width:1160px; }
    .course-section,.course-video{height:490px;}
    #course-chapter { height:490px;}
    .livetalkTxt{width:1068px;}
}