*{ margin: 0; padding: 0;}
body{ background: #f7f7f7; line-height: 24px; }
body,html{ height: 100%; }
a{ color: #4d4d4d; }
a:active,a:hover{ color: #0095ff; text-decoration: none; transition: all .8s; -webkit-transition: all .8s;}
ul li{ list-style-type: none; }
h1{font-size: 22px;}
h2{font-size: 20px;}
h3{font-size: 18px;}
h4{font-size: 16px;}
h5{font-size: 14px;}
h6{font-size: 12px;}




/** Base **/

/** 滚动条 **/
::-webkit-scrollbar{width: 6px; height: 6px;}
::-webkit-scrollbar-button:vertical{display: none;}
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner{background-color: #e2e2e2;}
::-webkit-scrollbar-thumb{border-radius: 0; background-color: rgba(0,0,0,.3);}
::-webkit-scrollbar-thumb:vertical:hover{background-color: rgba(0,0,0,.35);}
::-webkit-scrollbar-thumb:vertical:active{background-color: rgba(0,0,0,.38);}

/* PD&MG */

.ml10{ margin-left: 10px; }
.mt10{margin-top: 10px;}
/* TconFont */
@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot'); /* IE9*/
  src: url('../font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */}
.iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}

/* SKIN */
.exam-card-menu,.labelauty-unchecked-image,.labelauty-checked-image,.ztree-head .a i,.ztree-body .a i,.exam-praxis-flag i,.icon-pause{ background: url(../images/skin.png) 0 0 no-repeat;}
.Validform_wrong{ }
.Validform_right{ background: url(../images/right.png) 0 0 no-repeat;}
/* TopBar */
#topbar{ background: #363d4d; color: #8f9bb3; font-size: 12px; position: relative; }
#topbar .container{ padding: 0; }
#topbar a{ color: #8f9bb3;}
#topbar a:hover{ color: #a3b1cc; text-decoration: none; }
#topbar i.iconfont{ font-size: 12px; margin-right: 5px; }
#topbar .line{ width: 1px; height: 10px; position: relative; margin: 0 15px; overflow: hidden; display: inline-block; top: 1px; border-left: 1px dotted #8f9bb3; }
#topbar .dropdown-menu{ background: #363d4d; border-radius: 0 0 4px 4px; border: 0; padding: 0; top: 30px;}
#topbar .dropdown-menu a{ padding: 10px 20px; }
#topbar .dropdown{ padding: 4px 0;}
#topbar .dropdown:hover .dropdown-menu{ display: block; }
#topbar .text-right{ padding: 4px 10px; }

/* Header */
#header .container{ padding: 0; }
#header .user{ float: right; }
#header .user .btn{ background: #1a9fff; color: #cceaff; border: 1px solid #4db5ff; border-radius: 2px; margin-left: 10px; margin-top: 15px; padding-left: 15px; padding-right: 15px; }
#header .user .btn:hover{ background: #33aaff; color: #fff; border: 1px solid #80caff; }
#header .user p{ color: #cceaff; padding: 21px 0 20px 10px; margin: 0; position: relative; }
#header .user p i{ position: relative; top: 2px; }
#header .user .open p{ background: #fff; color: #0095ff; }
#header .user .dropdown-menu{ background: #fff; border-radius: 0 0 4px 4px; top: 64px; border: 0; z-index: 99999; }

/* Footer */
#footer{ padding: 20px 0 20px; text-align: center; background: #404040; color: #666; }
#footer i{ font-size: 32px; line-height: 60px; }
#footer a{ color: #666; }

/* IE-Tips */
#ie-tips{ width: 100%; height: 100%; position: fixed; z-index: 99997; left: 0; top: 0; display: block; }
.ie-tips-bg{ width: 100%; height: 100%; position: fixed; z-index: 99998; left: 0; top: 0;  filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; background: #000;}
.ie-tips-wrap{ width: 640px; height: 360px; position: absolute; top: 50%; left: 50%; margin-top: -200px;margin-left: -350px; background: url(../images/ie-tips.png) 0 0 no-repeat; z-index: 99999; }
.ie-tips-content{ padding: 220px 47px 0; }
.ie-tips-content a{ margin: 0 8px; width: 90px; height: 120px; display: inline-block; }





/** Index **/

/* Title */
.title{ padding: 3em 15% 1.8em; text-align: center; }
.title h3{ font-size: 24px; }
.title p{ color: #999; }

/* Better */
#better{ padding-bottom: 40px; overflow: hidden; }
.better-item{ text-align: center; padding: 20px;}
.better-item i{ background: #e6e6e6; color: #4d4d4d; font-size: 32px; width: 100px; height: 100px; border-radius: 50%; display: inline-block; line-height: 100px; overflow: hidden; }
.better-item i:hover{ background: #0095ff; color: #fff; font-size: 48px; transition: all .8s; -webkit-transition: all .8s;}
.better-item h3{ padding-top: 15px; }
.better-item p{ color: #999; padding-top: 15px; }
/* Data */
#data{ background: url(../upimg/1.png) 0 0 no-repeat; display: block; padding: 70px 0 40px; overflow: hidden; }
.data-item{ text-align: center; color: #fff;}
.data-item h3{ padding-top: 20px; }
.data-item p{ padding-top: 10px; }
.data-item i{ font-size: 48px; width: 60px; height: 60px; line-height: 60px; display: inline-block; }
.data-item i:hover{ font-size: 60px; transition: all .8s; -webkit-transition: all .8s;}
/* Teacher */
#teacher{ padding: 90px 0; background: #fff; overflow: hidden; }
.teacher-item{ position: relative; overflow: hidden;}
.teacher-item img{ max-width: 100%; }
.teacher-item .teacher-item-info{ display: none;}
.teacher-item .teacher-item-info h3{ padding: 10px 0; }
.teacher-item:hover .teacher-item-info{ display: block; position: absolute; z-index: 9; background: rgba(0,149,255,.8); bottom: 0; width: 100%; padding: 15px 22px; color: #fff; }

/* Service */
#service{ background: #e6e6e6; padding-bottom: 60px; overflow: hidden; }
.service-item{ position: relative; padding-left: 80px; padding-top: 30px; }
.service-item p{ padding: 10px 10px 10px 0; color: #999; }
.service-item i{ position: absolute; left: 0; top: 30px; font-size: 32px; width: 60px; height: 60px; border-radius: 50%; line-height: 60px; text-align: center; background: #fff; }
.service-item:hover i{ background: #0095ff; color: #fff; transition: all .8s; -webkit-transition: all .8s;}





/** SubPage **/
.sub-container{ padding: 10px 0; }

/* Menu */
.sub-menu{ padding: 5px 4px 15px; }
.sub-menu h2{ line-height: 30px; }

/* pagination */

/** 练习 **/
.sub-home{ margin: 1px 0 0 5px; padding-bottom: 60px; }
.sub-home-item{ border: 1px solid #ddd; background: #f5f5f5; padding-bottom: 40px; margin-top: -1px; margin-left: -1px; position: relative; z-index: 1; }
.sub-home-item:hover{ border: 1px solid #0095ff; background: #fff; position: relative; z-index: 2; }
.sub-home-item:hover .btn{ color: #fff; transition: all .8s; -webkit-transition: all .8s;}
.sub-home-item h3{ padding: 30px 0 10px; }
.sub-home-item i{ width: 120px; height: 120px; border-radius: 50%; font-size: 60px; line-height: 120px; color: #fff; display: block; margin: 0 auto; text-align: center; position: relative; top: 30px; }
.sub-home-item p{ color: #999; height: 70px;overflow: hidden;}
.sub-home-item .btn{ padding: 11px 36px; font-size: 14px; border-radius: 2px; }
.sub-home-item-01 i{ background: #f25b3d; }
.sub-home-item-01:hover{ border-color: #f25b3d; }
.sub-home-item-01:hover .btn{ background: #f25b3d; border: 1px solid #f25b3d;}
.sub-home-item-02 i{ background: #ff9326; }
.sub-home-item-02:hover{ border-color: #ff9326; }
.sub-home-item-02:hover .btn{ background: #ff9326; border: 1px solid #ff9326;}
.sub-home-item-03 i{ background: #00cc99; }
.sub-home-item-03:hover{ border-color: #00cc99; }
.sub-home-item-03:hover .btn{ background: #00cc99; border: 1px solid #00cc99;}
.sub-home-item-04 i{ background: #70cc14; }
.sub-home-item-04:hover{ border-color: #70cc14; }
.sub-home-item-04:hover .btn{ background: #70cc14; border: 1px solid #70cc14;}
.sub-home-item-05 i{ background: #00a1f2; }
.sub-home-item-05:hover{ border-color: #00a1f2; }
.sub-home-item-05:hover .btn{ background: #00a1f2; border: 1px solid #00a1f2;}
.sub-home-item-06 i{ background: #8f49f2; }
.sub-home-item-06:hover{ border-color: #8f49f2; }
.sub-home-item-06:hover .btn{ background: #8f49f2; border: 1px solid #8f49f2;}
.sub-home-item-07 i{ background: #e6c317; }
.sub-home-item-07:hover{ border-color: #e6c317; }
.sub-home-item-07:hover .btn{ background: #e6c317; border: 1px solid #e6c317;}
.sub-home-item-08 i{ background: #ff2693; }
.sub-home-item-08:hover{  border-color: #ff2693; }
.sub-home-item-08:hover .btn{ background: #ff2693; border: 1px solid #ff2693;}

/* 视频筛选 */
.sub-group{ border: 1px solid #ddd; padding: 0 10px; position: relative; z-index: 7; }
.sub-group .row{ border-bottom: 1px dotted #ccc; position: relative; z-index: 8; }
.sub-group .row:last-child{ border-bottom: 0;}
.sub-group-label{ color: #999; padding: 5px 0; background: #f2f2f2; border-right: 1px dotted #ccc; padding-left: 20px;}
.sub-group-wrap li{ display: inline-block; position: relative; }
.sub-group-wrap li a{ display: inline-block; padding: 5px 10px; position: relative; bottom: -1px; z-index: 9;}
.sub-group-wrap li .active{ color: #0095ff;}
.sub-group-wrap li:hover i,.sub-group-wrap li .active i{ width: 100%; position: absolute; bottom: 0; height: 2px; background: #0095ff; left: 0px; transition: all .8s; -webkit-transition: all .8s; }

/* 视频列表 */
.sub-list-video{ padding: 20px 0; }
.sub-list-video-item .hd{ position: relative; overflow: hidden;}
.sub-list-video-item .hd img{ width: 100%; position: relative; z-index: 20;transition:all 0.3s }
.sub-list-video-item .hd img:hover{ transform: scale(1.2); transition: all 1s; -webkit-transition: all 1s;}
.sub-list-video-item .hd p{ position: absolute; z-index: 21; padding: 4px 10px 2px; background: rgba(0,0,0,.7); color: #fff; bottom: 0; width: 100%; font-size: 12px; }
.sub-list-video-item .hd p .iconfont{ font-size: 12px; margin-right: 5px; font-weight: normal; }
.sub-list-video-item .bd h4{padding-top: 10px; font-size: 14px; line-height: 18px; height: 46px; overflow: hidden;}
.sub-list-video-item .bd p{ padding: 10px 0 15px; }
.sub-list-video-item .bd .sub-list-number{ font-size: 24px; color: #ff002a; font-family: vernada; font-weight: bold; }

/* 文字列表 */
.list-group-item{ position: relative; }
.list-group-item .iconfont{ font-size: 12px; }
.list-group-item .list-group-item-badge{ position: absolute; right: 0; top: 10px; }
.list-group-item .list-group-item-badge span{ padding: 0 10px; }
.list-group-item .list-group-item-badge .btn{ margin-right: 10px; }

/* 详情 */
.detail{ position: relative; }
.detail-gallery{ text-align: center; min-height: 296px; }
.detail-gallery img{ max-height: 100%; max-width: 100%;}
.detail-property{ padding-left: 10px; min-height: 296px; }
.detail-property .detail-summary{ color: #999; line-height: 20px; margin: 10px 0; }
.detail-property .detail-property-panel{ background: #ddd; padding: 10px; position: relative; margin: 10px 0;}
.detail-property .detail-property-panel .detail-price{ font-size: 24px; color: #ff002a; font-family: vernada; font-weight: bold; }
.detail-property .bd label{ width: 22%; }
.detail-property .bd span{ padding-left: 10px; font-size: 12px; }
.detail-action{ padding: 0 10px; position: absolute; bottom: 5px; }
.detail-main{}
.detail-main .detail-main-summary{ border: 1px dotted #ddd; background: #f2f2f2; padding: 8px 10px; margin-top: 20px; }
.detail-main .detail-main-chapter{ margin-top: 20px; }

.detail-main .detail-main-chapter .collapse-head{ padding: 8px 0 8px 15px; position: relative; }
.detail-main .detail-main-chapter > .collapse-head{ background: #f2f2f2; margin-bottom: 10px; }
.detail-main .detail-main-chapter > .collapse-head i{ margin-right: 10px; }
.detail-main .detail-main-chapter > .collapse-body{ padding: 0 0 10px 50px; }
.detail-main .detail-main-chapter .collapse-body{ padding-left: 40px; }
.detail-main .detail-main-chapter .collapse-body .collapse-head { border-left: 1px solid #ddd; border-bottom: 1px dotted #ddd;}
.detail-main .detail-main-chapter .collapse-body .collapse-head i{ width: 11px; height: 11px; border: 1px solid #ddd; background: #fff; border-radius: 50%; position: absolute; left: -6px; top: 13px; }
.detail-main .detail-main-chapter .collapse-body .collapse-head .pull-right span{ padding: 0 20px 0 0; }
.detail-main .detail-main-chapter .collapse-body .collapse-head .pull-right a{ margin-left: 10px; }
.detail-main .detail-main-chapter .collapse-body .collapse-head .pull-right .btn{ position: relative; top: -1px; }
.detail-main .detail-main-chapter .collapse-body .collapse-body{ border-left: 1px solid #ddd; padding: 5px 0 0 15px; }
.detail-main .detail-main-chapter .collapse-body .collapse-body p{ border: 1px dotted #ddd; padding: 6px 10px; background: #f2f2f2; position: relative; }
.detail-main .detail-main-chapter .collapse-body .collapse-body p i{width:0; height:0;border-width:0 8px 6px;border-style:solid;border-color:transparent transparent #ddd;position:absolute;top: -6px;}

.detail-main .detail-main-teacher{ padding: 20px 0 0; }
.detail-main .detail-main-teacher .media{ padding-bottom: 20px; }
.detail-main .detail-main-teacher .media-object{ width: 120px; height: 120px; border-radius: 50%; }
.detail-main .detail-main-teacher .media p{ max-height: 90px; overflow: hidden; }

/* 直播 */
.play-wrap{ width: 100%; height: 100%; background: #262626; color: #8f9bb3; }
.play-wrap .container{ padding: 20px 0 40px; }
.play-wrap a{ color: #8f9bb3; }
.play-wrap a:hover{ color: #b8c7e5; }
/*.play-wrap .breadcrumb{ padding: 18px 0 8px; }
.play-wrap a,.play-wrap .breadcrumb > .active{ color: #8f9bb3; }
.play-wrap i{ margin-right: 10px; }*/

.play-content{ background: #1a1a1a;}
.play-video{ background: #333; }
.play-list{ overflow: auto; overflow-x: hidden; display: block; }
.play-list .list-group-item.active{ background: #0d0d0d; padding: 13px 0 13px 35px; }
.play-list .list-group-item{ border: 1px dotted #262626; border-left: 0; border-right: 0; line-height: 18px;}
.play-list .list-group-item:hover,.play-list .list-group-item:focus{ background: #0d0d0d; color: #b8c7e5; }
.play-list .list-group-item{ position: relative; padding-left: 35px;}
.play-list .list-group-item i{ position: absolute; left: 10px; top: 11px; }
.play-list .list-group-item.active i.iconfont{ font-size: 16px; top: 14px; }
.play-list .list-group-item.active:hover{ border: 1px dotted #262626; border-left: 0; border-right: 0;}
.play-list .list-group-item em{ position: absolute; left: 8px; top: 11px; width: 20px; height: 20px; font-size: 12px; text-align: center; color: #b8c7e5; background: #0d0d0d; line-height: 20px; overflow: hidden; font-family: arial; display: inline-block; border-radius: 50%; }

.play-bottom{ padding: 8px 0; }
.play-bottom a{ font-size: 12px; }
.play-bottom i.iconfont{ font-size: 12px; margin-right: 10px; }
.play-bottom span{ font-size: 12px; padding: 0 20px; }

/* 静态模考 */
.exam-container{position: relative; padding-right: 190px; min-height: 280px;}
.exam-card{ position:absolute; left: 50%; margin-left: 400px; top: 10px; width: 180px; background: #f7f7f7; z-index: 999; }
.exam-card .exam-card-menu{ height: 80px; background-position: top right; padding: 30px 15px; color: #fff;}
.exam-card .exam-card-menu .iconfont{ margin-right: 10px; }
.exam-card .exam-card-box{ border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding: 0 4px 10px; }
.exam-card .exam-card-box a{ display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #ddd; float: left; margin-left: 10px; margin-top: 10px; }
.exam-card .exam-card-box .exam-card-time{ padding: 10px 0 5px; margin: 0 10px; position: relative; border-bottom: 1px dotted #ddd;}
.exam-card .exam-card-box .exam-card-time input.exam-card-time-number{ font-size: 24px; font-size: 24px; padding-left: 10px; top: 2px; position: relative; height: 30px; border: 0; width: 150px; color: #ff002a; background: none; text-align: center;}
.exam-card .exam-card-btn{ padding: 0 14px; border: 1px solid #ddd; border-top: 0; }
.exam-card .exam-card-btn .iconfont{ margin-right: 10px; }
.exam-card .exam-card-btn .btn{ padding: 12px 20px; font-size: 16px; margin-bottom: 15px; }
.exam-praxis-area{ height: 1000px; }
.exam-praxis-title{ position: relative; display: block; overflow: hidden; vertical-align: top; }
.exam-praxis-title h2{ padding: 15px 0 5px; }
.exam-praxis-item{ border: 1px solid #ddd; padding: 10px 20px; position: relative; margin-top: 10px; }
.exam-praxis-item .exam-praxis-item-title{ border-bottom: 1px solid #ddd; margin-left: 10px; padding: 5px 0 15px 10px;}
.exam-praxis-item .exam-praxis-item-title em{ position: absolute; background: #0095ff; color: #fff; height: 30px; line-height: 30px; left: 10px; top: -1px; font-size: 12px; padding: 0 5px; border-radius: 0 0 15px 15px;}
.exam-praxis-item .exam-praxis-item-answer{ margin-left: 10px; border-bottom: 1px solid #ddd; }
.exam-praxis-item .exam-praxis-item-answer label{ padding: 5px 0 5px 30px; position: relative; display: block;}
.exam-praxis-item .exam-praxis-item-answer label em{ width: 20px; position: absolute; left: 10px; top: 5px; font-style: normal;}
.exam-praxis-item .exam-praxis-item-answer label:hover,.exam-praxis-item .exam-praxis-item-answer label.active{ background: #eee; color: #0095ff; }
.exam-praxis-item .exam-praxis-item-operate{ padding: 10px 0 0 10px; position: relative; }
.exam-praxis-item .exam-praxis-item-operate .exam-praxis-option li{ float: left; }
.exam-praxis-item .exam-praxis-item-operate .exam-praxis-selected{ position: relative; top: 5px; }
.exam-praxis-item .exam-praxis-item-operate .exam-praxis-flag{ position: relative; top: 5px; }
.exam-praxis-item .exam-praxis-item-operate .exam-praxis-flag span{ cursor: pointer; }
.exam-praxis-item .exam-praxis-item-operate .exam-praxis-flag i{ width: 16px; height: 16px; position: relative; display: inline-block; top: 2px; }
.exam-praxis-item .exam-praxis-item-operate .exam-praxis-flag span:hover{ color: #0095ff; }
.exam-praxis-item .exam-praxis-item-operate .exam-praxis-flag .note{padding-right: 20px;}
.exam-praxis-item .exam-praxis-item-operate .exam-praxis-flag .note i{ background-position: -96px -80px; }
.exam-praxis-item .exam-praxis-item-operate .exam-praxis-flag .collect i{ background-position: -64px -80px; }
.exam-praxis-item .exam-praxis-item-operate .exam-praxis-flag .note.active i{ background-position: -112px -80px; }
.exam-praxis-item .exam-praxis-item-operate .exam-praxis-flag .collect.active i{ background-position: -80px -80px; }
.exam-card.fixed{ position: fixed; }

/* 浮层 */
/*.play-btn{ width: 60px; height: 60px; background: #0095ff; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; text-align: center; line-height: 60px; border-radius: 50%; color: #fff; border: 0; }*/
.layer{ z-index: 99999; position: fixed; background: #f7f7f7; border-radius: 10px; left: 50%; top: 50%; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000;}
.layer-sm{ width: 480px; height: 240px; margin-left: -240px; margin-top: -120px; }
.layer-bg{ background: rgba(0,0,0,.95); width: 100%; height: 100%; z-index: 99998; position: fixed; left: 0; top: 0; }
.layer-header{ padding: 0 0 10px;}
.layer-content{ padding: 10px 0; }
.layer-footer{ padding: 10px 0; position: absolute; width: 100%; text-align: center; bottom: 20px; left: 0; }
.exam-layer{ padding: 30px 50px; text-align: center; }
.exam-layer h2{ padding-top: 20px; }
.exam-layer p{ padding: 10px 0; }
.exam-layer .layer-close-icon{ position: absolute; top: 10px; right: 10px; }
.exam-layer .iconfont{ font-size: 32px; }

.pause{}
.pause .icon-pause{ width: 100px; height: 100px; background-position: 0 -112px; display: block; margin: 0 auto; margin-bottom: 20px; }
.pause span{ font-size: 18px; }

/* 答案选择美化 */
input.labelauty + label ::selection { background-color: rgba(255, 255, 255, 0); }
input.labelauty + label ::-moz-selection { background-color: rgba(255, 255, 255, 0); }
input.labelauty { display: none !important; }
input.labelauty + label{display: table;font-size: 14px;	padding: 1px 20px 8px 15px;border:1px solid #ddd;margin-right:10px;cursor: pointer;	border-radius: 2px;	-moz-border-radius: 2px;-webkit-border-radius: 2px;	transition: background-color 0.25s;	-moz-transition: background-color 0.25s;-webkit-transition: background-color 0.25s;-o-transition: background-color 0.25s;	-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;}
input.labelauty + label > span.labelauty-unchecked,input.labelauty + label > span.labelauty-checked{display: inline-block;line-height: 16px;vertical-align: bottom;}
input.labelauty + label > span.labelauty-unchecked-image,input.labelauty + label > span.labelauty-checked-image{	display: inline-block;width: 16px;height: 16px;vertical-align: bottom;background-repeat: no-repeat;background-position: left center;transition: background-image 0.5s linear;-moz-transition: background-image 0.5s linear;	-webkit-transition: background-image 0.5s linear;-o-transition: background-image 0.5s linear;}
input.labelauty + label > span.labelauty-unchecked-image + span.labelauty-unchecked,input.labelauty + label > span.labelauty-checked-image + span.labelauty-checked{margin-left: 7px;}
input.labelauty:not(:checked):not([disabled]) + label:hover{background-color: #eaeaea;color: #a7a7a7;}
input.labelauty:not(:checked) + label > span.labelauty-checked-image{	display: none;}
input.labelauty:not(:checked) + label > span.labelauty-checked{	display: none;}
input.labelauty:checked + label{background-color: #0095ff;color: #ffffff; border-color: #0095ff;}
input.labelauty:checked:not([disabled]) + label:hover{background-color: #0077cc; border-color: #0077cc;}
input.labelauty:checked + label > span.labelauty-unchecked-image{	display: none;}
input.labelauty:checked + label > span.labelauty-unchecked{	display: none;}
input.labelauty:checked + label > span.labelauty-checked{	display: inline-block;}
input.labelauty.no-label:checked + label > span.labelauty-checked{display: inline-block;}
input.labelauty[disabled] + label{opacity: 0.5;}
input.labelauty + label > span.labelauty-unchecked-image{ background-position: -48px -80px; }
input.labelauty + label > span.labelauty-checked-image{ background-position: -32px -80px;}

/* 弹层 */
.layer-skin{}
.layer-skin .layui-layer-title{ background: #0095ff; color: #fff; }

/** 用户组 **/
.user-head{ height: 90px; width: 100%; background: #fff; border-bottom: 1px solid #ddd; box-shadow: 0 0px 15px  #ccc; }
.user-head .user-logo{ width: 160px; height: 40px; margin-top: 25px; color: #0095ff; font-size: 20px; line-height: 40px;}
.user-main{ padding: 30px 0 100px; min-height: 600px; }
.user-main .user-menu{ border-bottom: 1px solid #ddd; height: 40px; position: relative; }
.user-main .user-menu h3{ padding: 0 20px; height: 40px; line-height: 40px; border-bottom: 3px solid #0095ff; display: inline-block; position: relative; top: 0; margin: 0; font-size: 14px; font-weight: bold; }

.user-main .user-form{ padding-top: 50px; margin: 0 auto; }
.user-main .user-form .form-control{ width: 300px; }
.user-main .user-form .checkbox{ position: relative; }
.user-main .user-form .checkbox input[type="checkbox"]{ margin-left: 0; top: 9px; }
.user-main .user-form .checkbox .pr{ position: relative;  margin-left: 135px; }
.user-main .user-form .btn-code{ border: 1px solid #ddd; background: #f2f2f2; margin-left: 10px; width: 135px;}
.user-main .user-links{ margin-top: 10px; border-top: 1px solid #ddd; width: 300px; padding-top: 10px;}

/** 验证 **/
.Validform_checktip{margin-left:10px;line-height:20px;height:20px;overflow:hidden;color:#999;}
.Validform_right{color:#71b83d;padding-left:20px;background: url(../images/right.png) 0 7px no-repeat;}
.Validform_wrong{color:#FF002B;padding-left:20px;white-space:nowrap; background: url(../images/error.png) 0 7px no-repeat;}
.Validform_loading{padding-left:20px;background:url(../images/onLoad.gif) no-repeat left center;}
.Validform_error{background-color:#ffe7e7;}
#Validform_msg{color:#7d8289; font: 14px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#cc0;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left;}

/* 结果提示 */
.result-wrap{ padding: 100px 0 50px; width: 560px; margin: auto; }
.result-wrap .result-icon{ padding-right: 20px; }
.result-wrap .result-icon .iconfont{color: #fff; width: 60px; height: 60px; display: inline-block; border-radius: 50%; line-height: 60px; text-align: center; font-size: 32px;}

.result-wrap .result-icon .icon-success{ background: #12b38a; }
.result-wrap .result-icon .icon-danger{ background: #ff002a;}
.result-wrap .result-icon .icon-wraning{ background: #ffb300; }
.result-wrap .result-info h3{ padding: 5px 0; }
.result-wrap .result-info p{ padding: 5px 0; }
.result-wrap .result-info .btn-wrap{ padding: 20px 0; }


/** 我的 **/
.list-firstchild li:first-child{ border: 0; }

/** 仿Ztree折叠 **/
/*.ztree-collapse .ztree-head{ margin-top: -1px; border-left: 1px solid #ddd;}
.ztree-collapse .ztree-body{ padding-left:20px; border-left: 1px solid #ddd;}
.ztree-collapse > .ztree-head{ border-right: 1px solid #ddd; }
.ztree-collapse > .ztree-body{ border-right: 1px solid #ddd; }
.ztree-collapse > .ztree-head[aria-expanded="true"]{ background: #eee; }
.ztree-collapse .ztree-body[aria-expanded="true"]{ background: #f2f2f2; }
.ztree-collapse .list-group{ margin-top: -1px; margin-left: -20px;}
.ztree-collapse > .ztree-head .list-group{ margin-left: 0; }
.ztree-collapse > .ztree-body > .ztree-head .list-group{ margin-left: 0; }
.ztree-collapse > .ztree-body > .ztree-body > .ztree-head .list-group{ margin-left: 0; }
.ztree-collapse > .ztree-body > .ztree-body > .ztree-body > .ztree-head .list-group{ margin-left: 0; }*/

.ztree-head .a i,.ztree-body .a i{ width: 16px; height: 16px; position: relative; display: inline-block; margin-right: 5px; top: 2px; }
.ztree-head .a i{ background-position: 0 -80px; transition: 1s;}
.ztree-body .a i{ background-position: -32px -80px; transition: 1s;}
.ztree-head[aria-expanded="true"]{ background: #eee; }
.ztree-head[aria-expanded="true"] .a i{ background-position: -16px -80px; transition: 1s;}
.ztree-body[aria-expanded="true"] .a i{ background-position: -32px -80px; transition: 1s;}

.ztree-head.ztree-one .a{ padding-left: 0px; }
.ztree-head.ztree-two .a{ padding-left: 20px; }
.ztree-head.ztree-three .a{ padding-left: 40px; }
.ztree-body.ztree-one .a{ padding-left: 20px; }
.ztree-body.ztree-two .a{ padding-left: 40px; }
.ztree-body.ztree-three .a{ padding-left: 60px; }

/** 数据图表 **/
.chart-content{ min-height: 330px; text-align: center; }
.chart-content .chart-wrap{ padding-top: 30px; position: relative;}
.chart-content .chart-wrap .canvas{ position: relative; z-index: 98;}
.chart-content .chart-wrap .chart-tips{ position: relative; z-index: 99; top: -120px; }
.chart-content .chart-wrap .chart-tips p{ font-size: 12px; }
.chart-content .chart-info{ position: relative;}
.chart-content .chart-info i{ width: 1px; height: 40px; position: absolute; right: 0; background: #ddd; overflow: hidden; top: 0; }



/** 分辨率 **/

@media (max-width: 768px) { 
	.sub-container{ padding: 0; }
	#topbar{ display: none; }
	.navbar { min-height: 44px !important; line-height: 44px; }
	.navbar-brand{ padding: 2px 10px 0; height: 44px !important; line-height: 44px; }
	.navbar-toggle{ margin: 6px 10px; }
	/* Index */
	.title{ padding: 0px; }
	.title p{ padding-bottom: 10px; }
	#better{ padding: 10px 0; }
	.better-item{ padding: 0; }
	.better-item p { height: 90px; overflow: hidden; }
	#data{ padding: 20px 0; }
	.data-item{ padding: 10px 0; }
	.data-item i{ font-size: 32px; }
	.data-item h3{ padding: 0; }
	.data-item p{ padding: 0; }
	#teacher{ padding: 20px 10px; }
	#service{ padding: 10px; }
	.service-item{ position: relative; padding: 30px 0 0; text-align: center; }
	.service-item p{ padding: 10px 10px 10px 0; color: #999; }
	.service-item i{ position: relative; display: inline-block; top: -20px; font-size: 32px; width: 60px; height: 60px; border-radius: 50%; line-height: 60px; text-align: center; background: #fff; }
	.service-item:hover i{ background: #0095ff; color: #fff; transition: all .8s; -webkit-transition: all .8s;}
	#footer{ padding: 20px 20px 10px; }
	/* 练习 */
	.sub-menu{ padding: 10px; }
	.sub-home{ padding: 0 8px 0 5px; }
	/* 视频列表 */
	.sub-group{ display: none; }
	.sub-list-video{ padding: 0 10px; }
	/*详情*/
	.detail{}
	.detail-gallery{ text-align: center; min-height: 231px; }
	.detail-property{ padding: 10px; min-height: auto; }
	.detail-action{ width: 100%; position: fixed; bottom: 0; background: #f7f7f7; z-index: 99999; padding: 0; }
	.detail-action .btn{ width: 50%; margin: 0; border-radius: 0; }
	.detail-main .detail-main-summary{ margin: 10px 10px 0; }
	.detail-main .detail-main-chapter{ margin-top: 10px; }
	.detail-main .detail-main-chapter > .collapse-body{ padding-right: 10px; }
	.detail-main .detail-main-chapter .collapse-body .collapse-head .pull-left{ float: none !important; }
	.detail-main .detail-main-chapter .collapse-body .collapse-head .pull-right{ float: none !important; }
	.detail-main .detail-main-teacher{ padding: 20px 10px 0; }

	.play-video{ width: 100%; }
	.item-hover{ display: none; }

	.sub-home-item{ text-align: center; }
	.sub-home-item h3{ padding: 50px 0 10px; }
	.sub-home-item .btn{margin-top: 20px; }
	.sub-home-item i{ width: 60px; height: 60px; line-height: 60px; font-size: 36px;}

}
@media (min-width: 768px) {
	.play-video{ width: 100%; }
	.sub-home-item i{ width: 90px; height: 90px; line-height: 90px; font-size: 36px;}
}
@media (min-width: 992px) {
	.play-video{ width: 100%; }
	.sub-home-item i{ width: 90px; height: 90px; line-height: 90px; font-size: 36px;}
}
@media (max-width: 1200px) {
	.play-list{display: none;}

}
@media (min-width: 1200px) {
	.play-video{ width: 900px; }
	.play-list{ width: 260px;}
	.sub-home-item i{ width: 120px; height: 120px; line-height: 120px; font-size: 60px;}
}


/** 20170605 **/
.gray-bg,.white-bg{ padding: 10px 0 50px; }
.gray-bg{ background: #eee; }
.white-bg{ background: #fff; }

.item .item-img{ position: relative;  overflow: hidden;}
.item .item-img img{ max-width: 100%; max-height: 100%; position: relative; }
.item .item-img .item-hover{ position: absolute; background: rgba(0,149,255,.8); color: #fff; padding: 15px; left: 0px; right: 0px; bottom: -400px; transition: .3s;}
.item .item-img:hover .item-hover{ bottom: 0; transition: .3s; }
.item .item-img .item-hover h3{ padding: 8px 0 10px; }
.item-info{ padding: 10px 0 0; position: relative; }
.item-info .item-title{ line-height: 20px; }
.item-info .bd{ position: relative; }
.item-info .item-tips{ position: absolute; right: 0; top: 0; }

/* 导航 Logo */
.navbar-brand{ padding-right: 30px; }
.navbar-brand img{ max-width: 300px; max-height: 66px; }
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{ margin-left: 0; }
/* 新闻 */
#news li { position: relative; padding: 5px 0;}
#news li i{ position: absolute; top: 6px; left: 10px; color: #999; font-size: 12px; }
#news li a{ width: 100%; height: 20px; display: inline-block; text-indent: 30px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
/* 我的 */
.user-wrap{ border: 1px solid #ddd; margin-top: 20px; margin-bottom: 20px; position: relative; padding-left: 200px; }
.user-side{ width: 180px; height: 100%; position: absolute; left: 0; top: 0; border-right: 1px solid #ddd; background: #eee; }
.user-side li{ border-bottom: 1px solid #ddd; padding: 10px 20px; position: relative;}
.user-side li a{ display: block; }
.user-side li i{ width: 4px; height: 100%; position: absolute; top: 0; left: -2px; background: #0082de; display: none; z-index: 9999; }
.user-side li.active{ background: #f7f7f7;  right: -1px;}
.user-side li.active i{ display: block; }
.user-side li.active a{ color: #0082de; }
.user-content{ min-height: 400px; }