+
\ No newline at end of file
diff --git a/application/views/default/index_lunbo.php b/application/views/default/index_lunbo.php
new file mode 100644
index 0000000000000000000000000000000000000000..d6b5e1444b841362fc3ca9b5af5fe8955df4f38a
--- /dev/null
+++ b/application/views/default/index_lunbo.php
@@ -0,0 +1,26 @@
+
\ No newline at end of file
diff --git a/application/views/default/index_rightadv1.php b/application/views/default/index_rightadv1.php
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/application/views/default/index_rightadv2.php b/application/views/default/index_rightadv2.php
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/static/css/widescreen/css/course.css b/static/css/widescreen/css/course.css
new file mode 100644
index 0000000000000000000000000000000000000000..07dc3c4b60f9bf1d6e0b7d3d16fe75fda97b4718
--- /dev/null
+++ b/static/css/widescreen/css/course.css
@@ -0,0 +1,3474 @@
+body, html {
+ background: #f9f9f9;
+ scroll-behavior: smooth;
+ font-size: 16px;
+}
+
+.navbar-inverse .navbar-brand {
+ color: #333;
+}
+.navbar-inverse .navbar-nav>li>a {
+ color: #333;
+ font-size: 16px;
+}
+.navbar-light ,.navbar-toggle {
+ color: rgba(0,0,0,.5);
+ border-color: rgba(0,0,0,.1);
+}
+.navbar-inverse .navbar-toggle .icon-bar {
+ background-color: #8a8787;
+}
+.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
+ background-color: #f6f8fb;
+}
+.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
+ color: #3280fc;
+ background-color: transparent;
+}
+.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
+ color: #3280fc;
+ background-color: transparent;
+}
+.whatsns_header .right_box{
+ position: relative;
+ top:5px;
+ display: inline-block;
+}
+.whatsns_header .right_box .ws_search{
+ display: flex;
+}
+.whatsns_header .right_box .ws_search .c_search{
+ flex: 1;
+ padding-left: 10px;
+ padding-right: 25px;
+ outline: none;
+ height: 30px;
+ line-height: 30px;
+ border: solid 1px #3280fc;
+}
+}
+.whatsns_header .right_box .ws_search .icon-search{
+ cursor: pointer;
+ position: relative;
+ right: 25px;
+ color: #3280fc;
+}
+.whatsns_header .icon-search{
+ color: #3280fc;
+ cursor: pointer;
+ position: relative;
+ right: 25px;
+}
+.dropdown-menu{
+
+ font-size: 16px;
+}
+.dropdown-item {
+ display: block;
+ width: 100%;
+ padding: .25rem 1.5rem;
+ clear: both;
+ font-weight: 400;
+ color: #212529;
+ text-align: inherit;
+ white-space: nowrap;
+ background-color: transparent;
+ border: 0;
+}
+.dropdown-menu .dropdown-item {
+ padding: .8rem 1.5rem;
+}
+.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
+ color: #3280fc;
+ text-decoration: none;
+ background-color: transparent;
+}
+.whatsns_header .mycourse{
+ float: right;
+}
+.whatsns_header .useravatar{
+ width: 30px;
+ height: 30px;
+ border-radius: 30px;
+ display: inline-block;
+ position: relative;
+ top:-5px;
+}
+.col-12 {
+ padding: 0;
+}
+.col-12 {
+ flex: 0 0 100%;
+ max-width: 100%;
+}
+.common-content{
+ margin-bottom: 10px;
+ padding: 30px 30px 20px;
+ border: 1px solid #eee;
+ background: #fff;
+}
+.no-margin {
+ margin: 0!important;
+}
+.filter-title-wrapper {
+ padding: 0;
+ max-width: 62px;
+}
+.body{
+ min-height: calc(100vh - 263px);
+ margin: 12px 0 20px;
+}
+.col {
+ flex-basis: 0;
+ flex-grow: 1;
+ max-width: 100%;
+}
+.filter-item-wrapper .filter-item {
+ display: inline-block;
+ margin: 0 4px 10px 0;
+ padding: 4px 10px;
+ font-size: 15px;
+ color: #666;
+ border-radius: 15px;
+ cursor: pointer;
+ transition: background .5s ease;
+ text-decoration: none;
+}
+.filter-item-wrapper .filter-item.active {
+ color: #fff;
+ background: #3280fc;
+}
+.filter-item-wrapper .filter-item:hover {
+ color: #fff;
+ background: #3280fc;
+ text-decoration: none;
+}
+.filter-item-wrapper .filter-item a{
+ color: #666;
+}
+.filter-item-wrapper .filter-item a:hover {
+ color: #fff;
+ text-decoration: none;
+}
+hr {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ border: 0;
+ border-top: 1px solid rgba(0,0,0,.1);
+}
+hr {
+ box-sizing: content-box;
+ height: 0;
+ overflow: visible;
+}
+.btn-group-wrapper {
+ display: inline-block;
+ margin-right: 20px;
+}
+.btn-group-wrapper .btn-outline-primary:not(:disabled):not(.disabled).active {
+ background: #fff;
+ color: #3280fc;
+}
+.base-menu {
+ justify-content: flex-end;
+}
+.float-right {
+ float: right!important;
+}
+.filter-dropdown-menu {
+ margin-right: 5px;
+}
+.filter-dropdown-menu .dropdown {
+ margin-top: -.15rem;
+}
+.course-list-cntr {
+ padding-top: 20px;
+ margin-bottom: 20px;
+}
+.course-item-box>a {
+ text-decoration: none;
+}
+.course-item {
+ margin-bottom: 20px;
+ box-shadow: 0 2px 2px 0 #eee;
+}
+.relative {
+ position: relative;
+}
+.item-box-top .cover-image {
+ width: 100%;
+ height: 150px;
+}
+.item-box-top .status-info {
+ width: 100%;
+ padding: 0 5%;
+ position: absolute;
+ z-index: 9;
+ top: -5px;
+}
+.block {
+ display: block;
+}
+.overflow-auto {
+ overflow: auto!important;
+}
+.item-box-top .status-info .follow-status {
+ display: none;
+ margin-top: 15px;
+ width: 20px;
+ font-size: 18px;
+ cursor: pointer;
+}
+.item-box-bottom{
+ height: 100px;
+ bottom: 0;
+ background: #fff;
+ transition: bottom .3s;
+}
+.item-box-bottom .course-info-wrapper {
+ height: 100%;
+ padding: 20px 10px 0;
+ top: 0;
+ background: #fff;
+ overflow: hidden;
+ transition: top .3s ease-out;
+}
+.item-box-bottom .course-info-wrapper .course-name {
+ display: block;
+ width: 100%;
+ color: #666;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.item-box-bottom .course-info-wrapper .course-description {
+ display: -webkit-box;
+ margin-top: 10px;
+ color: #666;
+ font-size: 13px;
+ line-height: 1.4;
+ -webkit-line-clamp: 3;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ word-wrap: break-word;
+}
+.h6 .course-name , h6.course-name {
+ font-size: 1rem;
+ margin-bottom: .5rem;
+ font-weight: 500;
+ line-height: 1.2;
+}
+.course-item {
+ margin-bottom: 20px;
+ box-shadow: 0 2px 2px 0 #eee;
+}
+.course-item:hover {
+ box-shadow: 0 4px 20px 4px #ddd;
+}
+.item-box-bottom .course-meta-data {
+ position: absolute;
+ display: block;
+ bottom: 0;
+ width: 100%;
+ left: 0;
+ height: 53px;
+ padding: 0 10px;
+ font-size: 12px;
+ color: #9b9da2;
+ background: #fff;
+ box-sizing: border-box;
+}
+.item-box-bottom .course-meta-data .meta-data-inner{
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+.course-type-tag.free {
+ background: #80c269;
+}
+.course-type-tag.course-list-tag {
+ border-radius: 20px;
+ padding: 3px 10px;
+ font-size: 12px;
+ margin-left: 8px;
+ color: #fff;
+}
+.course-type-tag.member {
+ background: #ffc500;
+}
+.footer {
+ background: #333;
+}
+.footer-footer{
+ padding: 15px 0;
+ color: #666;
+ background: #191919;
+ font-size: 12px;
+ text-align: center;
+}
+.footer-footer a{
+ color: #999;
+}
+.base-breadcrumb .breadcrumb {
+ margin: 0;
+ padding: .75rem 0;
+ background: none;
+ font-size: 13px;
+}
+.base-breadcrumb .breadcrumb a {
+ color: #666;
+}
+.common-content {
+ margin-bottom: 10px;
+ padding: 30px 30px 20px;
+ border: 1px solid #eee;
+ background: #fff;
+}
+.course-info-header {
+ justify-content: space-between;
+}
+.vertical-center {
+ display: flex;
+ align-items: center;
+}
+.course-info-header .info-header-left .course-name {
+ font-size: 21px;
+ margin: 0 10px 0 0;
+ line-height: 1.6;
+}
+.inline-block {
+ display: inline-block;
+}
+.course-info-header .info-header-right .course-follow-wrapper {
+ font-size: 15px;
+ color: #999;
+}
+.course-info-header .info-header-right .course-follow-wrapper .btn-action-follow {
+ margin-left: 6px;
+ font-size: 18px;
+ cursor: pointer;
+}
+.course-type-tag.free {
+ background: #80c269;
+}
+.course-type-tag {
+ margin-left: 8px;
+ padding: 0 6px;
+ border-radius: 10px;
+ font-size: 13px;
+ color: #fff;
+}
+.course-info-body .info-meta-data {
+ margin-top: 10px;
+ color: #a4a4a4;
+}
+.font-14 {
+ font-size: 14px;
+}
+.course-info-body .info-meta-data span{
+ margin-right: 10px;
+}
+.course-info-body .info-course-desc {
+ margin-bottom: 20px;
+ color: #4c5157;
+ font-size: 15px;
+ word-wrap: break-word;
+}
+.course-study-info{
+ margin-bottom: 10px;
+}
+.course-study-info .btn:first-child {
+ width: 210px;
+ height: 42px;
+ color: #fff!important;
+ line-height: 32px;
+ font-size: 17px;
+ font-weight: 400;
+}
+.tab-nav{}
+.tab-nav a{padding-bottom: 20px;margin-right: 2.3rem; display: inline-block;font-size: 16px;color: #666;text-decoration: none;border-bottom: 2px solid transparent;}
+.tab-nav a:hover,.tab-nav .active a{color: #333;font-weight: bold;border-bottom-color: #3280fc;}
+.wrap a{color: #333;}
+.list-inline>li {
+ display: inline-block;
+ padding-right: 5px;
+ padding-left: 5px;
+}
+
+.list-inline.not-p{margin-left: 0;}
+.list-inline.not-p > li{padding-left: 0;padding-right: 0;}
+.list-inline {
+ padding-left: 0;
+ margin-left: -5px;
+ list-style: none;
+}
+.common-content .introduction, .common-content .course-info {
+ padding: 20px 0px;
+}
+.border-b {
+ border-bottom: 1px solid #eee;
+}
+.border-span,blockquote {
+ padding-left: 10px;
+ border-left: 3px solid #3280fc;
+ font-size: 16px;
+ color: #666;
+}
+.common-content .course-chapter .all-course {
+ margin-left: 0px;
+ margin-top: 12px;
+}
+.course-chapter .fa-book {
+ margin-right: 10px;
+ font-size: 22px;
+ color: #3280fc;
+ background-position: -281px -135px;
+ vertical-align: -2px;
+}
+.panel>.panel-heading {
+ color: #333;
+ background-color: transparent;
+ border:none;
+ height: 63px;
+ line-height: 63px;
+ padding-left: 0px;
+}
+.tab-content .panel{
+ border: none;
+}
+.text-weight {
+ font-weight: bold;
+}
+.panel-title {
+ margin-top: 0;
+ margin-bottom: 0;
+ font-size: 16px;
+ color: inherit;
+}
+.common-content .course-chapter .panel-heading a {
+ display: block;
+ line-height: 63px;
+ font-size: 14px;
+ text-decoration: none;
+}
+.common-content .course-chapter .panel-body {
+ padding: 0;
+}
+.common-content .course-chapter .panel-body p, .common-content .data-download > p {
+ margin-bottom: 0;
+ padding-left: 0px;
+ padding-right: 35px;
+ min-height: 50px;
+ line-height: 50px;
+ border: 1px solid transparent;
+}
+.common-content .course-chapter .panel-body p:hover, .common-content .data-download > p:hover,.common-content .data-download > p:last-child:hover {
+ border-color: #3280fc;
+}
+.common-content .course-chapter .panel-body p>a {
+ display: inline-block;
+ width: auto;
+ line-height: normal;
+ vertical-align: sub;
+ color: #333;
+}
+.wrap a {
+ color: #333;
+}
+.text-ellipsis {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.common-content .course-chapter .panel-body p .pull-right .status {
+ position: relative;
+ display: inline-block;
+ width: 100px;
+ text-align: right;
+}
+.common-content .course-chapter .panel-body p .pull-right .status .btn {
+ padding: 0;
+ width: 65px;
+ height: 25px;
+ line-height: 25px;
+ color: #3280fc;
+ border-color: #3280fc;
+ font-size: 12px;
+}
+.fa-play-circle{
+ color: #3280fc;
+}
+.common-content .course-chapter .panel-body .fa-play-circle{
+ margin-right: 13px;
+
+}
+a:focus, a:hover {
+ color: #3280fc;
+ text-decoration: none;
+}
+.common-content .course-chapter .panel-body p:nth-child(even) {
+ background-color: #f5f5f5;
+}
+.common-content .data-download > p {
+ height: 60px;
+ line-height: 60px;
+ border-bottom: 1px solid #eee;
+}
+.default-color, .default-color:hover, .default-color:focus {
+ color: #3280fc !important;
+}
+.common-content .course-chapter .panel-body p .pull-right {
+ font-size: 12px;
+ color: #666;
+}
+.wrap a {
+ color: #333;
+}
+.introduction .text-weight {
+ font-size: 14px;
+}
+.fa-commenting{
+ color:#3280fc;
+}
+.introduction .fa-commenting{
+ margin-right: 9px;
+}
+.common-content .course-comment {
+
+ padding-bottom: 20px;
+}
+
+dl {
+ margin-top: 0;
+ margin-bottom: 20px;
+ text-align: center;
+}
+.course-comment dl{
+ text-align: left;
+}
+.common-content .course-comment dl {
+ padding-top: 24px;
+ padding-bottom: 10px;
+ margin-bottom: 0;
+ border-bottom: 1px solid #eee;
+}
+.common-content .course-comment dl dt {
+ text-align: center;
+ font-size: 12px;
+ font-weight: normal;
+ display: inline-block;
+}
+.wrap .dl-horizontal dt {
+ width: auto;
+}
+.img-circle {
+ border-radius: 50%;
+}
+.col-12 {
+ flex: 0 0 100%;
+ max-width: 100%;
+}
+.common-content .course-comment dl dt .user-name {
+ margin-top: 12px;
+}
+.common-content .course-comment dl dd {
+ margin-left: 1.1rem;
+ display: inline-block;
+}
+.common-content .course-comment dl dd .study-time {
+ font-size: 12px;
+ color: #999;
+}
+.icon-star{
+ color: #f1a325;
+ margin-right: 6px;
+}
+.star-g{
+ color: #999;
+}
+.common-content .course-comment .content{
+ font-size: 14px;
+}
+.common-content .course-chapter .panel-body p .pull-right {
+ display: block;
+ float: none!important;
+}
+.side-box {
+ width: 100%;
+ margin-bottom: 10px;
+ padding: 15px;
+ background: #fff;
+}
+.side-box .box-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 0 0 10px;
+ border-bottom: 1px solid #eee;
+}
+.side-box .box-header .box-title {
+ font-size: 16px;
+ color: #666;
+ font-weight: 700;
+}
+.side-box .box-body {
+ padding: 10px 0;
+ font-size: 14px;
+}
+.mooc-info{
+ display: flex;
+ margin-bottom: 5px;
+}
+.teacher-avatar{
+ width: 64px;
+ height: 64px;
+ margin-right: 20px;
+}
+.user-avatar {
+ position: relative;
+}
+.user-avatar .link {
+ display: block;
+}
+.user-avatar .avatar{
+ width: 100%;
+ border-radius: 50%;
+}
+.teacher-info {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ flex-grow: 1;
+}
+.teacher-info span {
+ margin-bottom: 5px;
+ font-size: 15px;
+ color: #4c5157;
+}
+.teacher-info span {
+ margin-bottom: 5px;
+ font-size: 15px;
+ color: #4c5157;
+}
+.bold {
+ font-weight: 700;
+}
+
+.teacher-info span{
+ margin-bottom: 5px;
+ font-size: 15px;
+ color: #4c5157;
+}
+.teacher-info .count {
+ font-size: 14px;
+ color: #4c5157;
+}
+.mooc-extra-info{
+ padding: 5px;
+}
+.mooc-extra-info .profile{
+ margin: 0;
+ font-size: 14px;
+ line-height: 1.6;
+ color: #4c5157;
+}
+.no-margin {
+ margin: 0!important;
+}
+.view-more-courses {
+ font-size: 14px;
+ color: #529fd2;
+ text-decoration: none;
+}
+.side-img {
+ display: block;
+ margin-bottom: 10px;
+}
+.side-img img {
+ width: 100%;
+ max-height: 159px;;
+}
+.side-box .box-body ul {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+.side-box .box-body ul>li {
+ font-size: 14px;
+}
+.side-box .box-body ul>li>a{
+ display: block;
+ padding: 12px;
+ max-width: 100%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ color: #4c5157;
+ text-decoration: none;
+}
+.prism-player{
+ width: 100%;
+ height: 100%;
+}
+.playmainbox{
+ background: #fff;
+ padding:10px;
+
+}
+.c_username{
+ font-size:16px;
+ color:#333;
+ margin-bottom:5px;
+}
+.info_left{
+ background: #fff;
+}
+.userinfo-left .pdTop10 {
+ padding-top: 10px;
+}
+.userinfo-left .doc_info_box .doc_pic_box dt, .userinfo-left .info_left dt {
+ margin: 0 auto;
+}
+.userinfo-left .doc_pic_box dt {
+ width: 150px;
+ height: 150px;
+ border: 5px solid #fff;
+ border-radius: 50%;
+ overflow: hidden;
+ text-align: center;
+ margin: 0 auto;
+}
+.dpblock100 {
+ display: block;
+ width: 100%;
+ height: 100%;
+}
+.info_left dd ul {
+ height: 24px;
+}
+.mgBottom10 {
+ margin-bottom: 10px;
+}
+.info_left dd ul li strong {
+ font-weight: normal;
+ float: right;
+ font-size: 20px;
+ color: #333;
+ line-height: 1.1;
+ margin-right: 5px;
+}
+.info_left dd ul li {
+ width: 50%;
+ float: left;
+ list-style-type: none;
+}
+.info_left dd ul li span {
+ float: left;
+ font-size: 12px;
+ color: #018cf1;
+ border: 1px solid #018cf1;
+ padding: 0 2px;
+ border-radius: 4px;
+ line-height: 1.3;
+ margin-top: 4px;
+ margin-left: 5px;
+}
+
+.info_left dd p {
+ line-height: 28px;
+ font-size: 14px;
+ color: #666;
+}
+.info_left dd p.p1 {
+ height: 20px;
+ overflow: hidden;
+ line-height: 20px;
+}
+.info_left .info02 {
+ height: 77px;
+ border: 1px solid #e5e5e5;
+ padding-top: 15px;
+ margin-top: 20px;
+ font-size: 0;
+}
+.info_left .info02 li {
+ width: 78px;
+ height: 45px;
+}
+.doc_info_box .info02 li:last-child, .info_left .info02 li:last-child {
+ border-right: 0;
+}
+
+.info_left .info02 li a, .info_left dd a {
+ display: block;
+ color: #666;
+ text-decoration: none;
+}
+.info_left .info02 li strong {
+ color: #222;
+ line-height: 1;
+ font-weight: normal;
+ margin-bottom: 12px;
+ font-size: 26px;
+ font-family: helvetica;
+}
+.info_left .info02 li span {
+ font-size: 14px;
+ color: #b3b3b3;
+ line-height: 18px;
+}
+
+.doc_info_box .info02 li, .info_left .info02 li {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+ width: 127px;
+ height: 50px;
+ border-right: 1px solid #e4e4e4;
+ text-align: center;
+ font-size: 0;
+}
+.info_left .info02 li {
+ width: 30%;
+ height: 45px;
+}
+.v_title {
+ font-size: 26px;
+ color: #333;
+ line-height: 1.4;
+ margin-bottom: 18px;
+ font-weight: bold;
+}
+.v_info_01 {
+ height: 36px;
+ font-size: 16px;
+ color: #999;
+ line-height: 20px;
+ margin-bottom: 8px;
+}
+.v_info_01 .time {
+ padding-right: 20px;
+}
+.fl_left {
+ float: left;
+}
+.v_info_01 .num {
+ border-left: 1px solid #dcdcdc;
+ padding-left: 20px;
+}
+.v_con {
+ padding: 21px 0 25px;
+}
+.v_con>h3 {
+ font-size: 20px;
+ color: #666;
+ margin-bottom: 18px;
+}
+
+.p_text_box {
+ height: 300px;
+ overflow: hidden;
+ margin-bottom: 20px;
+}
+.hidden_auto {
+ height: auto;
+}
+.p_text {
+ font-size: 16px;
+ color: #333;
+ line-height: 30px;
+ height: auto;
+}
+.n_title02 {
+ font-size: 20px;
+ color: #666;
+ line-height: 1.2;
+ margin-bottom: 13px;
+ font-weight: normal;
+}
+
+.r_doc_05 a {
+ border-top: 1px solid #f2f2f2;
+ padding: 10px 0;
+ display: block;
+}
+.r_doc_05 a:first-child {
+ border-top: 0;
+}
+.r_doc_05 dt {
+ position: relative;
+ display: block;
+ float: left;
+ margin-right: 16px;
+ width: 110px;
+ height: 67px;
+}
+.dpblock100 {
+ display: block;
+ width: 100%;
+ height: 100%;
+}
+.dpblock100 img{
+ vertical-align: top;
+ border: 0;
+}
+.r_doc_05 .timeLong {
+ position: absolute;
+ bottom: 3px;
+ right: 3px;
+ height: 12px;
+ line-height: 1;
+ font-size: 10px;
+ color: #fff;
+ padding: 1px 3px 2px;
+ filter: alpha(opacity=100);
+ background: rgba(0,0,0,.6);
+ filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#000000,endColorStr=#000000);
+}
+.r_doc_05 .iconplay {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 36px;
+ height: 36px;
+ margin: -18px 0 0 -18px;
+ background-position: -207px -47px;
+}
+.r_doc_05 dd h3 {
+ line-height: 1;
+ font-size: 16px;
+ color: #333;
+ font-weight: normal;
+ height: 16px;
+ overflow: hidden;
+ margin: 0px;
+}
+.r_doc_05 dd .p1 {
+ height: 25px;
+ line-height: 25px;
+ font-size: 14px;
+ color: #999;
+ overflow: hidden;
+ text-align: left;
+ margin: 0px;
+}
+.r_doc_05 dd .p2 {
+ height: 22px;
+ line-height: 22px;
+ font-size: 12px;
+ color: #999;
+ overflow: hidden;
+ text-align: left;
+ margin: 0px;
+}
+.r_doc_05 dl{
+ margin-bottom: 0px;
+ text-align: left;
+}
+.course-type-tag.bootcamp {
+ background: #f66;
+}
+
+.pages {
+ padding: 10px 0px 10px 0px;
+ font-family: Tahoma;
+ font-weight: bold;
+}
+
+.pages a,.pages strong,.pages span {
+ border-radius: 4px;
+ display: inline-block;
+ padding: 0 9px;
+ margin: 0 2px;
+ min-width: 10px;
+ _width: 10px;
+ white-space: nowrap;
+ height: 27px;
+ line-height: 27px;
+ text-align: center;
+ font-size: 14px;
+ font-weight: normal;
+}
+
+.pages a {
+
+ text-decoration: none;
+ color: #337ab7;
+ background-color: #fff;
+ border: 1px solid #ddd;
+ font-size: 14px;
+ color: #969696 !important;
+ border-radius: 4px;
+}
+
+.pages a:hover {
+ color: #333;
+ background-color: #e3e3e3;
+ text-decoration: none;
+}
+
+.pages strong {
+ background-color: #F9F9F9;
+ color: #777;
+ font-weight: bold;
+}
+
+.pages span {
+ color: #999999;
+ font-size: 14px;
+}
+.price-info-box {
+ position: relative;
+ padding: 24px 20px 15px;
+ margin: 0 0 15px;
+ background-color: #f9f9f9;
+}
+.price-info-box .bootcamp-price p{
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+.price-info-box .bootcamp-price .real-price{
+ font-size: 24px;
+ font-weight: 700;
+ color: #f66;
+}
+.no-margin {
+ margin: 0!important;
+}
+
+.color-666 {
+ color: #666;
+}
+.font-14 {
+ font-size: 14px;
+}
+price-info-box .bootcamp-discount .discount-outter .discount {
+ margin-right: 30px;
+ font-weight: 700;
+}
+.color-aaa {
+ color: #aaa;
+}
+.color-red {
+ color: #f66!important;
+}
+.info-meta-data >i.followed,.course-info-header .info-header-right .course-follow-wrapper .btn-action-follow>i.followed {
+ color: #f66;
+}
+/*璇勮*/
+.postarticleform{
+ border-radius:5px;
+ width:95%;
+ margin:0 auto;
+ overflow:hidden;
+ background:#fff;
+}
+.postarticleform .comment-area{
+ height:100px;
+ width:95%;
+ outline:none;
+ border:none;
+ padding-left:10px;
+ padding-top:10px;
+ border: solid 1px #e5e6e7;
+}
+.btnpostarticle{
+ width:95%;
+ margin:10px auto;
+ height:30px;
+}
+.btnpostarticle .btn-cm-submit{
+ float:left;
+}
+.answerlist {
+ clear: both;
+ padding-left: 13px;
+ padding-right: 13px;
+}
+.answerlist *{
+ max-width: 100%;
+}
+.answerlist .ans-title{
+ width: 100%;
+ font-size: 16px;
+ line-height: 34px;
+ color: #f85959;
+ border-bottom: 1px solid #E8E8E8;
+ margin-bottom: 10px;
+ margin-top: 10px;
+}
+.answerlist .ans-title span{
+ display: inline-block;
+ line-height: 34px;
+ position: relative;
+ height: 34px;
+}
+.answerlist .ans-title span:after {
+ content: "";
+ position: absolute;
+ width: 100%;
+ height: 2px;
+ left: 0px;
+ background: #f85959;
+ bottom: -1px;
+}
+.answerlist .ui-avatar-s{
+ display: inline-block;
+}
+.answerlist .u-name{
+ position: relative;
+ top:-13px;
+}
+.answerlist .btn-agree{
+ position: relative;
+ top: -5px;
+ right: 10px;
+ border: solid 1px #f85959;
+ border-radius: 5px;
+ padding: 3px;
+ text-align: center;
+ margin: 0 auto;
+ color: #f85959;
+ display: inline;
+ font-size: 16px;
+}
+.answerlist .btn-agree i{
+ display: inline-block;
+ color: #f85959;
+ position: relative;
+ top: 0px;
+ padding: 0px;
+ font-size: 25px;
+}
+.answerlist .btn-agree i:before{
+ padding: 0px;
+ margin: 0px;
+}
+.answerlist .btn-agree .agree-num{
+ padding: 0px;
+ margin: 0px;
+ position: relative;
+ right: 5px;
+}
+.answerlist .ans-content{
+ margin-top: 10px;
+ line-height: 1.7;
+ font-size: 17px;
+}
+.answerlist .ans-footer{
+ margin-top:10px;
+ border-bottom: 1px solid #E8E8E8;
+ padding-bottom:5px;
+}
+.answerlist .ans-footer .ui-icon-comment{
+ display: inline-block;
+ line-height: 15px;
+ position: relative;
+ top:4px;
+ font-size: 28px;
+}
+.answerlist .ans-footer .ans-comment-num{
+ position: relative;
+ left:-5px;
+}
+.f-btn-comment{
+ position: relative;
+ top:14px;
+ right: -10px;
+}
+.f-txt-comment{
+ padding-left: 0px;
+}
+.ans-footer-comment{
+
+
+}
+.comments-list{ overflow:hidden; position:relative; zoom:1;}
+.comments-list li{ margin:-1px 0 0;width:590px;padding:10px 0; font-size: 15px;border-top:1px solid #dbdbdb; overflow:hidden; zoom:1;}
+.comments-list .loading{text-align: left;}
+.other-comment{ overflow:hidden; zoom:1;padding-left: 3px}
+.other-comment .pic{ float:left; margin:3px 0 0; }
+.other-comment .pic img{border-radius: 3px 3px 3px 3px;width:34px; height:34px;}
+.other-comment p{ float:left; padding:0 0 0 10px; line-height:20px;}
+.other-comment p a{ margin:0 5px 0 0;}
+.other-comment p span{ padding:0 5px 0 0; color:#999;}
+.comments-list .replybtn{ float:right;text-align: right;margin-right: 10px;}
+.answerlist *{
+ max-width:100%;
+}
+.avatar img {
+ width: 100%;
+ height: 100%;
+ border: 1px solid #ddd;
+ border-radius: 50%;
+}
+
+.comment-list .comment {
+ padding: 0px;
+ border-bottom: dashed 1px #ebebeb;
+ margin-bottom: 10px;
+ padding-bottom: 10px;
+}
+.comment-list .comment::after
+{
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ margin: 0 20px;
+ display: block;
+ border-bottom: 1px solid #F6F6F6;
+ content: '';
+}
+.comment-list .comment p {
+ font-size: 16px
+}
+.comment-list .other-comment p {
+ font-size: 15px;
+}
+.comment-list .author {
+ margin-bottom: 15px
+}
+
+.comment-list .avatar {
+ margin-right: 5px;
+ width: 38px;
+ height: 38px;
+ vertical-align: middle;
+ display: inline-block
+}
+
+.comment-list .comment-wrap .comment-delete,.comment-list .comment-wrap .report {
+ float: right;
+ margin: 2px 0 0 10px;
+ display: none
+}
+
+.comment-list .comment-wrap:hover .comment-delete,.comment-list .comment-wrap:hover .report {
+ display: inherit
+}
+
+.comment-list p {
+ margin: 10px 0;
+ line-height: 1.8;
+ font-size: 14px;
+ word-break: break-word
+}
+
+
+
+.comment-list .info {
+ display: inline-block;
+ vertical-align: middle
+}
+
+.comment-list .name {
+ font-size: 15px;
+ color: #333
+}
+
+.comment-list .name:hover {
+ color: #2f2f2f
+}
+
+.comment-list .author-tag {
+ margin-left: 2px;
+ padding: 0 2px;
+ font-size: 12px;
+ color: #ea6f5a;
+ border: 1px solid #ea6f5a;
+ border-radius: 3px;
+ vertical-align: middle
+}
+
+.comment-list .meta {
+ font-size: 15px;
+ color: #969696
+}
+
+.comment-list .meta span {
+ margin-right: 6px
+}
+
+.comment-list .tool-group a {
+ margin-right: 10px;
+
+ color: #8590A6;
+ display: inline-block
+}
+
+.comment-list .tool-group a:hover {
+ background-color: initial;
+ color: hsl(220.00000000000003, 15.6398104265%, 53.6274509804%);
+}
+
+.comment-list .tool-group a:hover .ic-zan {
+ color: #ea6f5a
+}
+
+.comment-list .tool-group a i {
+ margin-right: 0px;
+ font-size: 14px;
+ vertical-align: middle
+}
+.comment-list .tool-group a i.fa-thumbs-o-up-y{
+ position:relative;
+ top:-2px;
+
+}
+.comment-list .tool-group a i.fa-eject{
+ position:relative;
+ top:-2px;
+ color: #0084FF;
+
+}
+.comment-list .tool-group a.dianzan {
+
+ height: 28px;
+ padding-left: 10px;
+ line-height: 28px;
+ padding-right: 10px;
+ border-radius: 3px;
+ color: #0084FF;
+ background: rgba(0, 132, 255, 0.1);
+ border-color: transparent;
+}
+
+.fa-commentingicon{
+ width: 15px;
+ height: 12px;
+ background-image: url(images/card-pinglun.svg?v=1);
+}
+.fa-commentingicon:hover{
+ background-image: url(images/pinglunhover.svg?v=1);
+}
+}
+.comment-list .tool-group a span {
+ vertical-align: middle;
+ color: #bbb;
+ font-size: 13px;
+}
+
+.comment-list .tool-group a.active i {
+ color: #ea6f5a
+}
+
+.comment-list .tool-group a.active span {
+ color: #333
+}
+
+.comment-list .normal-comment-list {
+ margin-top: 10px
+}
+
+.comment-list .normal-comment-list .top .author-only {
+ margin-left: 10px;
+ padding: 4px 8px;
+ font-size: 12px;
+ color: #969696;
+ border: 1px solid #e1e1e1;
+ border-radius: 3px
+}
+
+.comment-list .normal-comment-list .top .author-only.active {
+ color: #fff;
+ border: 1px solid #ea6f5a;
+ background-color: #ea6f5a
+}
+
+.comment-list .normal-comment-list .top .close-btn {
+ margin-left: 10px;
+ font-size: 12px;
+ color: #969696
+}
+
+.comment-list .normal-comment-list .top .pull-right a {
+ margin-left: 10px;
+ font-size: 12px;
+ font-weight: 400;
+ color: #969696;
+ display: inline-block
+}
+
+.comment-list .normal-comment-list .top .pull-right .active,.comment-list .normal-comment-list .top .pull-right a:hover {
+ color: #2f2f2f
+}
+
+.comment-list .normal-comment-list .close-comment,.comment-list .normal-comment-list .no-author-comment,.comment-list .normal-comment-list .no-comment {
+ width: 226px;
+ height: 92px;
+ margin: 30px auto 20px;
+ background: url(images/nocomment.png) no-repeat;
+ background-size: contain
+}
+
+.comment-list .normal-comment-list .close-comment {
+
+ background-size: contain
+}
+
+.comment-list .normal-comment-list .no-author-comment {
+
+ background-size: contain
+}
+
+.comment-list .normal-comment-list .text {
+ margin-bottom: 50px;
+ text-align: center;
+ font-size: 12px;
+ color: #969696
+}
+
+.comment-list .normal-comment-list .text a,.comment-list .normal-comment-list .text a:hover {
+ color: #0085ee
+}
+
+.comment-list .normal-comment-list .open-block {
+ padding: 30px 0 50px;
+ text-align: center;
+ border-top: 1px solid #f0f0f0
+}
+
+.comment-list .normal-comment-list .open-block .open-btn {
+ padding: 10px 20px;
+ font-size: 14px;
+ color: #969696;
+ border: 1px solid #dcdcdc;
+ border-radius: 4px
+}
+
+.comment-list .sub-comment-list {
+ margin-top: 20px;
+ padding: 5px 0 5px 20px;
+ border-left: 2px solid #d9d9d9
+}
+
+.comment-list .sub-comment-list p {
+ margin: 0 0 5px;
+ font-size: 14px;
+ line-height: 1.5
+}
+
+.comment-list .sub-comment-list a,.comment-list .sub-comment-list a:hover {
+ color: #0085ee
+}
+
+.comment-list .sub-comment-list .new-comment {
+ margin: 0
+}
+
+.comment-list .sub-comment-list .new-comment .sign-container,.comment-list .sub-comment-list .new-comment textarea {
+ width: 100%
+}
+
+.comment-list .sub-comment-list .new-comment .emoji {
+ margin: 15px 0 0
+}
+
+.comment-list .sub-comment-list .emoji-modal-wrap .emoji-modal {
+ left: -48px
+}
+
+.comment-list .sub-comment {
+ margin-bottom: 15px;
+ padding-bottom: 15px;
+ border-bottom: 1px dashed #f0f0f0
+}
+
+.comment-list .sub-comment:last-child {
+ margin: 0;
+ padding: 0;
+ border: none
+}
+
+.comment-list .sub-comment .report,.comment-list .sub-comment .subcomment-delete {
+ float: right;
+ margin: 1px 0 0 10px;
+ display: none
+}
+
+.comment-list .sub-comment:hover .report,.comment-list .sub-comment:hover .subcomment-delete {
+ display: inherit
+}
+
+.comment-list .sub-tool-group {
+ font-size: 12px;
+ color: #969696
+}
+
+.comment-list .sub-tool-group a {
+ margin-left: 10px;
+ color: #969696
+}
+
+.comment-list .sub-tool-group a:hover {
+ color: #333
+}
+
+.comment-list .sub-tool-group a i {
+ margin-right: 5px;
+ font-size: 14px;
+ vertical-align: middle
+}
+
+.comment-list .sub-tool-group a span {
+ vertical-align: middle
+}
+
+.comment-list .more-comment {
+ font-size: 14px;
+ color: #969696;
+ border: none
+}
+
+.comment-list .add-comment-btn {
+ color: #969696!important
+}
+
+.comment-list .add-comment-btn:hover {
+ color: #333!important
+}
+
+.comment-list .add-comment-btn i {
+ margin-right: 5px
+}
+
+.comment-list .line-warp {
+ margin-left: 10px;
+ padding-left: 10px;
+ border-left: 1px solid #d9d9d9
+}
+
+.comment-list .new-comment .sign-container,.comment-list .new-comment textarea {
+ padding: 10px 15px;
+ width: 100%;
+ height: 80px;
+ font-size: 13px;
+ border: 1px solid #dcdcdc;
+ border-radius: 4px;
+ background-color: hsla(0,0%,71%,.1);
+ resize: none;
+ display: inline-block;
+ vertical-align: top;
+ outline-style: none;
+ box-sizing: border-box;
+}
+
+.comment-list .new-comment .sign-container {
+ text-align: center
+}
+
+.comment-list .new-comment .btn-sign {
+ width: 78px;
+ margin: 11px 10px 0 0;
+ padding: 7px 18px;
+ font-size: 14px;
+ border: none;
+ border-radius: 4px;
+ color: #fff!important;
+ background-color: #0085ee;
+ outline: none
+}
+
+.comment-list .new-comment .btn-sign:hover {
+ color: #fff;
+ background: #0085ee;
+
+}
+
+.comment-list .new-comment .btn-sign:hover {
+ color: #fff;
+ background: #0085ee;
+
+}
+
+.comment-list .new-comment .write-function-block {
+ height: 50px
+}
+
+.comment-list .more-comment {
+ font-size: 14px;
+ color: #969696;
+ border: none
+}
+
+.comment-list .add-comment-btn {
+ color: #969696!important
+}
+
+.comment-list .new-comment .btn-send {
+ float: right;
+ width: 78px;
+ margin: 10px 0;
+ padding: 8px 18px;
+ font-size: 13px;
+ border: none;
+ border-radius: 4px;
+ color: #fff!important;
+ background-color: #0085ee;
+ cursor: pointer;
+ outline: none;
+ display: block
+}
+
+.comment-list .new-comment .btn-send:hover {
+ background-color: #0085ee
+}
+
+.comment-list .new-comment .cancel {
+ float: right;
+ margin: 18px 30px 0 0;
+ font-size: 14px;
+ color: #969696
+}
+
+.comment-list .new-comment .cancel:hover {
+ color: #2f2f2f
+}
+
+.comment-list .new-comment span {
+ font-size: 14px;
+ vertical-align: -7px
+}
+
+.sub-comment-list a, .sub-comment-list a:hover {
+ color: #0085ee
+}
+
+.fa-comment,.fa-comment-o {
+ background: url(images/comment.png);
+ color: transparent;
+ width: 18px;
+ background-size: 100% 100%;
+ height: 18px;
+}
+
+.fa-thumbs-o-up {
+ background: url(images/agree.png);
+ color: transparent;
+ width: 18px;
+ background-size: 100% 100%;
+ height: 18px;
+}
+.pingluncontent{
+ background:#fff;
+}
+.v_person {
+ color: transparent;
+ margin: 0 3px;
+ background: url(rz.png);
+ width: 12px;
+ background-size: 100% 100%;
+ height: 12px;
+ position: relative;
+ top: 0px;
+}
+.cursor{
+ cursor:pointer;
+}
+
+
+/*璁插笀涓婚〉*/
+
+
+.teachar-main dl {
+ margin-top: 0;
+ margin-bottom: 20px;
+}
+.teachar-main .teachar-lists dl dt {
+
+
+ text-align: center;
+ color: #999;
+ font-weight: normal;
+ border-right: 1px solid #eee;
+}
+.teachar-main .teachar-lists dl dt .img-circle {
+ background-color: #dbdbdb;
+ vertical-align: middle;
+}
+.img-circle {
+ border-radius: 50%;
+}
+.teachar-main .teachar-lists dl dt .teachar-name {
+ color: #000;
+ font-size: 16px;
+}
+.mt-10 {
+ margin-top: 10px;
+}
+.text-weight {
+ font-weight: bold;
+}
+
+.teachar-main .teachar-lists .tecinfo {
+ padding: 35px;
+ min-height: 220px;
+ background-color: #fff;
+ border-radius: 8px;
+ border: solid 1px #f2f2f2;
+ overflow: hidden;
+ margin-bottom: 20px;
+}
+.teachar-main .teachar-detail .teachar-lists .tecinfo {
+
+ min-height: 220px;
+ height: auto;
+}
+
+.teachar-lists {
+ text-align: center;
+}
+.teachar-lists .img-circle{
+ margin: 0 auto;
+}
+.teachar-lists .signature{
+ text-align: center;
+ color: #999;
+ font-weight: normal;
+}
+.teachar-lists .introductioninfo{
+ text-align: justify;
+}
+.white-bg-bord {
+ background-color: #fff;
+ border: 1px solid #eee;
+}
+.u_courselist{
+ padding: 20px;
+}
+.hotteacherlist{
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+.teachar-items .item {
+ display: inline-block;
+ margin-left: 10px;
+ margin-right: 10px;
+ padding: 0 35px;
+ width: auto;
+ height: 280px;
+ background-color: #f8f8f8;
+ vertical-align: middle;
+}
+.teachar-items .item img {
+ margin-top: -20px;
+ width: 110px;
+ height: 110px;
+ background-color: #dbdbdb;
+}
+.title-box {
+ font-size: 16px;
+}
+.teachar-items .item .teachar-desc {
+ height: 80px;
+ line-height: 26px;
+ overflow: hidden;
+ font-size: 14px;
+}
+.teachar-items .item .teachar-desc span {
+ line-height: normal;
+}
+a.more, span.more {
+ color: #666;
+ font-size: 12px;
+}
+.teachar-items {
+
+ padding-bottom: 45px;
+ text-align: center;
+}
+.teachar-items a{
+ color: #333;
+}
+.teachar-items .telitem{
+ margin-top: 65px;
+}
+.course-type-tag.course-list-tag .fa{
+ color:#fff;
+}
+#accordion .fa{
+ color:#3280fc;
+}
+.tab-content .pingluncontent{
+ margin-top:10px;
+}
+.tab-content .pingluncontent .answerlist ,.tab-content .pingluncontent .postarticleform{
+ padding-left:0px;
+ width:100%;
+}
+.tab-content .pingluncontent .btnpostarticle{
+ padding-left:0px;
+ width:100%;
+}
+.common-content #tab-1{
+ padding-top:10px;
+}
+.containner_in {
+ position: relative;
+ max-width: 560px;
+}
+
+.audiojs {
+ position: relative;
+ width: 100%;
+ overflow: hidden;
+ margin: 0px auto;
+ height: 80px;
+ border: 1px solid #e7e7e7;
+ border-radius: 5px;
+ padding: 0 14px 0 70px;
+ background-color: #fcfcfc;
+}
+.audiojs {
+ padding: 0 22px 0 106px;
+ height: 98px;
+ width: auto;
+}
+.audiojs audio {
+ position: absolute;
+ left: -1px;
+}
+.audiojs .play-pause {
+ position: absolute;
+ top: 18px;
+ left: 18px;
+ width: 68px;
+ height: 68px;
+ border-radius: 50%;
+ overflow: hidden;
+ background: #3280fc;
+}
+.audiojs p {
+ display: none;
+ width: 45px;
+ height: 45px;
+ margin: 0px;
+ cursor: pointer;
+ background-size: 45px 180px !important;
+}
+.containner_in .audiojs .play {
+ background-position: -18px -17px;
+}
+.containner_in .audiojs p {
+ background-image: url('images/player.png');
+ background-repeat: no-repeat;
+ background-size: 100px 400px!important;
+ width: 68px;
+ height: 68px;
+}
+
+
+
+.audiojs .play {
+ display: block;
+}
+.audiojs .pause {
+ /* display: block;*/
+}
+.containner_in .audiojs .pause {
+ background-position: -17px -215px;
+}
+.containner_in .audiojs p {
+ background-image: url('images/player.png');
+ background-repeat: no-repeat;
+ background-size: 100px 400px!important;
+ width: 68px;
+ height: 68px;
+}
+
+.audiojs .pause {
+ background: url('images/player.png') 0 -135px no-repeat;
+}
+.audiojs .scrubber {
+ position: relative;
+ width: auto;
+ overflow: hidden;
+ height: 2px;
+
+}
+.audiojs .name {
+ display: none;
+}
+.audiojs .scrubber, .audiojs .loaded, .audiojs .progress {
+ height: 10px;
+ cursor: pointer;
+}
+
+.audiojs .progress {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ height: 2px;
+ width: 0px;
+ background: #14ab15;
+ z-index: 1;
+}
+
+.audiojs .scrubber {
+ margin-top: 55px;
+ overflow: visible;
+ width: 100%;
+}
+
+.audiojs .loaded {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ height: 14px;
+ width: 0px;
+ background: #eaeaea;
+}
+.audiojs .progress {
+ background: #ff5900;
+}
+.audiojs .scrubber, .audiojs .loaded, .audiojs .progress {
+ height: 10px;
+ cursor: pointer;
+}
+.audiojs .progress:after {
+ position: absolute;
+ top: -7px;
+ right: -28px;
+ content: " ";
+ width: 28px;
+ height: 22px;
+ background-image: url('images/pb.png');
+ background-size: 28px 22px;
+ background-repeat: no-repeat;
+}
+.audiojs .loaded {
+ width: 400px;
+}
+.audiojs .scrubber, .audiojs .loaded, .audiojs .progress {
+ height: 10px;
+ cursor: pointer;
+}
+
+
+.audiojs .time {
+ padding-top: 6px;
+ line-height: 1;
+ font-size: 12px;
+ color: #bebebe;
+}
+.audiojs .time {
+ position: absolute;
+ top: 22px;
+ left: 106px;
+}
+.audiojs .time, .containner_time {
+ font-size: 18px;
+ color: #666;
+ line-height: 1;
+}
+.audiojs .time em {
+ float: left;
+ font-style: normal;
+}
+.audiojs .time strong {
+ float: right;
+ font-weight: normal;
+ font-size: 0;
+}
+.audiojs .error-message {
+ float: left;
+ display: none;
+ margin: 0px 10px;
+ height: 36px;
+ width: 230px;
+ overflow: hidden;
+ line-height: 36px;
+ white-space: nowrap;
+ color: #fff;
+ text-overflow: ellipsis;
+ -o-text-overflow: ellipsis;
+ -icab-text-overflow: ellipsis;
+ -khtml-text-overflow: ellipsis;
+ -moz-text-overflow: ellipsis;
+ -webkit-text-overflow: ellipsis;
+}
+.containner_time {
+ position: absolute;
+ top: 28px;
+ right: 22px;
+}
+.audiojs .time, .containner_time {
+ font-size: 18px;
+ color: #666;
+ line-height: 1;
+}
+.scrubber input[type="range"] {
+ -webkit-box-shadow: 0 1px 0 0px #eee, 0 1px 0 #eee inset, 0px 2px 10px 0px #eee inset, 1px 0px 2px rgba(0, 0, 0, 0.4) inset, 0 0px 1px rgba(0, 0, 0, 0.6) inset;
+ margin-top: 2px;
+ background: -o-linear-gradient(#3280fc,#3280fc) no-repeat,#eee;
+ background: -moz-linear-gradient(#3280fc,#3280fc) no-repeat,#eee;
+ background: -webkit-linear-gradient(#3280fc,#3280fc) no-repeat,#eee;
+ background-size: 0 100%;
+ border-radius: 15px;
+ width: 100%;
+ -webkit-appearance: none;
+ height: 10px;
+ outline:none;
+}
+.scrubber input[type="range"]::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ cursor: default;
+ top: -5px;
+ height: 30px;
+ width: 20px;
+ transform: translateY(-4px);
+ background: none repeat scroll 0 0 #eee;
+ border-radius: 15px;
+ -webkit-box-shadow: 0 -1px 1px black inset;
+}
+
+/*鐢ㄦ埛涓績*/
+.user_header{
+
+ padding: 20px;
+ min-height: 150px;
+ border: 1px solid #eee;
+ background: #fff;
+ box-sizing: border-box;
+ margin-bottom: 10px;
+}
+.user_header .user-avatar {
+ width: 80px;
+ height: 80px;
+ position: relative;
+ display: inline-block;
+}
+.user_header .user-avatar .avatar {
+ width: 100%;
+ border-radius: 50%;
+ max-width: 100%;
+ vertical-align: middle;
+ border-style: none;
+}
+.user_header .u_username{
+ font-weight: 700;
+ font-size: 22px;
+ vertical-align: middle;
+}
+.vip{
+ margin: 0 5px;
+ color: #fec42d;
+ font-weight: 700;
+ vertical-align: middle;
+ font-size: 22px;
+ font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
+}
+.open-vip{
+ vertical-align: -1px;
+ font-size: 12px;
+ color: #337ab7;
+ text-decoration: none;
+ font-weight: 700;
+}
+.user_header .join_in,.user_header .zhanji{
+ margin-top: 15px;
+ line-height: 20px;
+ letter-spacing: .5px;
+ font-size: 14px;
+ color: #666;
+}
+.user_header .zhanji span{
+ color: #ea644a;
+}
+.user_header .fa-edit{
+ color: #337ab7;
+ cursor: pointer;
+ vertical-align: -1px;
+ margin-left:5px;
+}
+.course-list-cntr .btn-group-wrapper {
+ margin-bottom: 10px;
+}
+.vipitem{
+ height:30px;
+ line-height:30px;
+ width:80%;
+ text-align:center;
+ background:#f1a325;
+ color:#fff;
+ cursor:pointer;
+ margin:0 auto;
+ margin-bottom:10px;
+}
+.greenbg{
+ background:#41c074;
+}
+.bluebg{
+ background:#3280fc;
+}
+.redbg{
+ background:#ea644a;
+}
+.vipitem input[type=checkbox], .vipitem input[type=radio]{
+ display:inline-bolck;
+ width: 18px;
+ height: 18px;
+ vertical-align: -3px;
+}
+.vipitem .fa{
+ margin-left:3px;
+}
+.myvipform h2{
+ padding-left: 34px;
+}
+.btng{
+ margin-top:10px;
+}
+#paymodel .btn{
+ margin:0 auto;
+}
+#paymodel .row{
+ margin:20px;
+}
+.course-info-body .info-meta-data .followed{
+ color: #3280fc;
+}
+.course-info-body .info-meta-data .info-header-right{
+
+}
+#new_session{
+ max-width:400px;
+ margin:0 auto;
+ min-height:300px;
+}
+.loginmain .logo{
+ text-align: center;
+ max-width: 150px;
+ margin: 0 auto;
+ margin-bottom: 10px;
+}
+.loginmain .logo a{
+ margin:0 auto;
+}
+.loginmain .logo img{
+ width:100%;
+
+}
+#new_session .otherlink a{
+ font-size:13px;
+ margin-right:20px;
+ color:#3280fc;
+}
+#new_session .otherlink a.areg{
+ color:#3280fc;
+}
+#new_session .otherlink .youkeview{
+ float: right;
+ color: #ea644a;
+ margin-right: 0px;
+ font-size:13px;
+
+}
+.regxieyi{
+ font-size:13px;
+ color:#3280fc;
+}
+.regxieyi #net_auto_reg{
+
+}
+.redpoint{
+top: 5px;
+ right: 10px;
+ position: absolute;
+ border-radius: 50%;
+ background: #3280fc;
+ color: #fff;
+ width: 10px;
+ height: 10px;
+ display: block;
+ padding: 5px;
+ line-height: 0px;
+ text-align: center;
+ display:none;
+}
+#new_session #testbtn{
+ margin-top:10px;
+}
+.needimgcode{
+ position:relative;
+}
+.needimgcode #verifycode{
+ position:absolute;
+ right: 5px;
+ top: 32px;
+ cursor:pointer;
+}
+.s_main{
+ padding:10px;
+}
+.s_main .s_box_content{
+
+ margin-bottom: 10px;
+ padding: 20px;
+ border: 1px solid #eee;
+ background: #fff;
+}
+.rs_c_word{
+ color:#3280fc;
+}
+.side_user {
+ margin-top:10px;
+ background: #fff;padding:10px;
+}
+.side_user .info_left dd p.p1 {
+ height: 20px;
+ overflow: visible;
+ line-height: 20px;
+ clear:both;
+}
+.side_user .dpblock100 {
+ display: block;
+ width: 100%;
+ height: 100%;
+ border-radius: 50%;
+}
+.side_user .userinfo-left .doc_pic_box dt {
+ width: 80px;
+ height: 80px;
+ border: 5px solid #fff;
+ border-radius: 10%;
+ /* overflow: hidden; */
+ text-align: center;
+ margin: 0 auto;
+}
+.side_user dt a{
+ padding:0px;
+}
+
+
+/* header */
+#header {
+ height: 34px;
+ line-height: 34px;
+ border-bottom: 1px solid #eee;
+}
+#header .offical {
+ padding-left: 18px;
+}
+#header .header-item {
+ display: inline-block;
+ padding: 0 10px;
+}
+#header .header-item:last-of-type {
+ padding-right: 0;
+}
+#header .header-item:hover{
+ color: #0085EE;
+}
+
+/* nav */
+#nav{
+ height: 80px;
+ background-color: #ffffff;
+ padding-top: 20px;
+ box-sizing: border-box;
+}
+#nav .logo{
+ margin-right: 61px;
+}
+#nav .menu .nav-item{
+ margin: 0 27px;
+ display: inline-block;
+ padding: 12px 0 8px 0;
+ line-height: 16px;
+ position: relative;
+}
+#nav .menu .nav-item .mask{
+ position: absolute;
+ right: -23px;
+ top: 0px;
+ font-size: 8px;
+ line-height: 8px;
+ border-radius: 2px;
+ display: block;
+ background: #f55449;
+ padding: 2px;
+ color: #ffffff;
+}
+#nav .menu .nav-item .mask .arrow{
+ width: 0;
+ height: 0;
+ /* border-left: 6px solid #f55449; */
+ border-left: 0px solid;
+ border-top:5px solid;
+ border-right: 8px solid;
+ border-bottom: 0px solid;
+ border-color: #f55449 transparent transparent transparent;
+ position: absolute;
+ left:0;
+ bottom: -4px;
+ display: block;
+}
+
+#nav .menu .nav-item.active , #nav .menu .nav-item:hover{
+ color: #0085EE;
+ border-bottom: 2px solid #0085EE;
+}
+#nav .search{
+ height: 36px;
+ padding: 2px;
+ background-color: #0085EE;
+ width: 194px;
+ border-radius: 4px;
+ margin-left: 70px;
+ box-sizing: border-box;
+}
+#nav #search{
+ height: 32px;
+ padding: 11px;
+ width: 153px;
+ box-sizing: border-box;
+}
+#nav #search::placeholder{
+ color: #C8C8C8;
+ font-size: 14px;
+}
+#nav .search-icon{
+ width: 36px;
+ height: 32px;
+ background: url("../img/search.png") no-repeat center;
+ background-size: 19px;
+}
+.ilblk {
+ display: inline-block;
+}
+#nav .send{
+ width:77px;
+ height:36px;
+ font-size: 14px;
+ background:rgba(0,133,238,1);
+ border-radius:4px;
+ color: #ffffff;
+ line-height: 36px;
+ text-align: center;
+ margin-left: 18px;
+}
+.send .down-icon{
+ display: inline-block;
+ width: 12px;
+ height: 12px;
+ margin-left: 11px;
+ background: url("../img/down.png") no-repeat center;
+ background-size: 12px 8px;
+}
+.zlogin {
+ float: right;
+ margin: 0 -10px 0 0;
+ height: 35px;
+ line-height: 35px;
+ color: #999;
+}
+
+.zlogin a {
+ display: inline-block;
+ margin: 0 10px;
+}
+
+.zlogin .qq,.zlogin .sina {
+ padding: 0 0 0 21px;
+}
+
+.zlogin .qq {
+ background-position: 0 -145px;
+}
+
+.zlogin .sina {
+ background-position: 0 -113px;
+}
+
+.pub-bbs-top {
+ height: 30px;
+ border-bottom: 1px solid #e6e6e6;
+}
+
+.pub-bbs-top-inner {
+ position: relative;
+ z-index: 99;
+ height: 28px;
+ padding: 2px 0 0;
+ margin: 0 auto;
+ float: right;
+}
+
+.pub-bbs-top a {
+ text-decoration: none;
+}
+
+.pub-bbs-top a:hover {
+ color: #f60;
+ text-decoration: underline;
+}
+
+.pub-bbs-nav,.pub-bbs-login {
+ padding: 0;
+ margin: 0;
+ list-style: none;
+}
+
+.pub-bbs-nav {
+ float: left;
+}
+
+.pub-bbs-login {
+ float: right;
+}
+
+.pub-bbs-nav li,.pub-bbs-login li {
+ float: left;
+ padding: 0 10px 0 11px;
+ line-height: 28px;
+ background-position: -99px -60px;
+}
+
+.pub-bbs-login li {
+ padding: 0 0 0 11px;
+}
+
+.pub-bbs-nav .pub-nav-home {
+ padding-left: 0;
+ background: none;
+}
+
+.pub-bbs-nav a,.pub-bbs-login a {
+ color: #666;
+}
+
+.pub-bbs-login .pub-user-bar {
+ padding: 0 3px 0 0;
+ position: relative;
+ font-family: "Simsun",simsun;
+ color: #ccc;
+ background: none;
+}
+
+.pub-user-bar span {
+ color: #666;
+ margin: 0 6px;
+}
+
+.pub-user-bar a {
+ margin-right: 7px;
+ font-family: arial;
+ color: #01439a;
+}
+
+.pub-user-bar span a {
+ margin: 0;
+}
+
+.pub-login-tips {
+ position: absolute;
+ top: 28px;
+ left: 65px;
+ z-index: 8;
+ margin: 0;
+ padding-left: 36px;
+ width: 212px;
+ height: 36px;
+ line-height: 36px;
+ border: 1px solid #fadf9c;
+ background-color: #fff9d9;
+ background-position: -75px 7px;
+ color: #c60;
+}
+
+.pub-login-tips i {
+ position: absolute;
+ left: 25px;
+ top: -6px;
+ width: 11px;
+ height: 6px;
+ background-position: 0 -18px;
+ font: 0/0 arial;
+}
+
+.pub-bbs-login .quick-login {
+ padding-right: 3px;
+}
+
+.quick-login span {
+ float: left;
+ color: #999;
+ margin-right: 7px;
+}
+
+.quick-login a {
+ float: left;
+ width: 24px;
+ height: 24px;
+ margin: 2px 8px 0 0;
+ text-indent: -9999em;
+ overflow: hidden;
+}
+
+.quick-login .ql-sina {
+ background-position: -25px -28px;
+}
+
+.quick-login .ql-qq {
+ background-position: 0 -28px;
+}
+
+.msg-ico {
+ float: left;
+ width: 15px;
+ height: 12px;
+ margin-top: 8px;
+ background-position: 0 -2px;
+ overflow: hidden;
+ font: 0/0 arial;
+}
+
+.msg-null {
+ background-position: -20px -2px;
+}
+
+.pub-logout {
+ border-top: 1px dotted #ccc;
+}
+
+.msg-num {
+ position: absolute;
+ right: 6px;
+ top: -1px;
+ z-index: 3;
+ height: 12px;
+ line-height: 12px;
+ padding: 0 3px;
+ background: #f60;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+ font-family: verdana;
+ font-size: 10px;
+ -webkit-text-size-adjust: none;
+ color: #fff;
+ font-weight: bold;
+}
+
+.top-close {
+ position: absolute;
+ right: 3px;
+ top: 3px;
+ width: 19px;
+ height: 18px;
+ background-position: -41px 0;
+ cursor: pointer;
+}
+
+.pub-bbs-nav .pub-menu,.pub-bbs-login .pub-menu {
+ padding: 0;
+ position: relative;
+ z-index: 9;
+ line-height: 26px;
+}
+
+.ismore {
+ float: left;
+ height: 26px;
+ padding: 1px 22px 1px 11px;
+ line-height: 26px;
+ color: #666;
+ cursor: default;
+}
+
+.pub-bbs-login .pub-more-on {
+ z-index: 10;
+}
+
+.pub-more-on .ismore {
+ position: relative;
+ z-index: 2;
+ line-height: 26px;
+ padding: 0 22px 2px 10px;
+ margin: 0 -1px -2px 0;
+ border: 1px solid #999;
+ border-bottom: 0 none;
+ background: #fff;
+}
+
+.ar-ico {
+ position: absolute;
+ top: 12px;
+ right: 9px;
+ width: 7px;
+ height: 4px;
+ font: 0/0 arial;
+ background-position: -67px -4px;
+}
+
+.pub-more-on .ar-ico {
+ top: 11px;
+ background-position: -67px -11px;
+}
+
+.pub-more-list {
+ visibility: hidden;
+ position: absolute;
+ top: 28px;
+ padding: 2px;
+ min-width: 76px;
+ max-widht: 150px;
+ _width: 76px;
+ border: 1px solid #999;
+ background: #fff;
+}
+
+.pub-more-on .pub-more-list {
+ visibility: visible;
+}
+
+.pub-more-list a {
+ display: block;
+ height: 24px;
+ line-height: 24px;
+ padding: 0 8px;
+ white-space: nowrap;
+}
+
+.pub-more-list a:hover {
+ background: #ebebeb;
+ color: #666;
+ text-decoration: none;
+}
+
+.pub-more-list a span {
+ color: #f30;
+}
+
+.pub-bbs-nav .pub-more-list {
+ left: 0;
+}
+
+.pub-bbs-login .pub-more-list {
+ right: -1px;
+ _right: -2px;
+}
+
+.pub-bbs-login .pub-more-list a {
+ padding: 0 20px 0 8px;
+}
+
+.pub-bbs-login .pub-follow a,.pub-bbs-login .pub-msg a {
+ padding: 0 8px;
+}
+
+.pub-bbs-login .pub-msg {
+ right: -1px;
+}
+
+.layer-box {
+ position: fixed;
+ top: 100px;
+ right: 50%;
+ z-index: 1000;
+ overflow: hidden;
+ _position: absolute;
+ _top: expression(eval(document.documentElement.scrollTop+100));
+ padding: 3px;
+ background: rgba(0,0,0,0.2);
+ filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f000000,endcolorstr=#2f000000,gradientType=1);
+}
+
+.left {
+ float: left;
+}
+
+.right {
+ float: right;
+}
+
+.nav-headerbox,.position-inf {
+ width: 100%;
+ border-bottom: 1px solid #e1e1e1;
+ box-shadow: 0 0 5px 0 #ededed;
+ -webkit-box-shadow: 0 0 5px 0 #ededed;
+ background-color: #fff;
+}
+
+.nav-headerbox {
+ background-color: #fff;
+}
+
+.nav-header {
+ padding: 16px 0 12px;
+}
+
+.nav-header .ask-logo {
+ float: left;
+ width: 130px;
+ height: 26px;
+ overflow: hidden;
+}
+.nav-header .ask-logo img{
+width:100%;
+height:100%;
+}
+.hnav {
+ float: left;
+ margin-left: 10px;
+}
+
+.hnav li {
+ height: 26px;
+ float: left;
+ margin-left: 30px;
+ list-style-type: none;
+}
+
+.hnav li a {
+ color: #8590a6;
+ font: 16px/26px "Microsoft YaHei";
+}
+
+.hnav li a:hover,.hnav li a.active {
+ color: #2383dd;
+ text-decoration: none;
+}
+
+.searchbox {
+ width: 396px;
+ height: 34px;
+ float: right;
+ position: relative;
+ margin-top: -4px;
+ z-index: 2;
+ left: 40px;
+}
+
+.searchbox .search {
+ width: 164px;
+ height: 32px;
+ border: 1px solid #e7eaf1;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ background: #f7f8fa;
+ position: relative;
+}
+
+.searchbox .search input {
+ border: none;
+ width: 126px;
+ padding: 0 0 0 10px;
+ height: 32px;
+ color: #333;
+ font: 14px/32px "Microsoft YaHei";
+ background: #f7f8fa;
+ outline: none;
+ position: absolute;
+}
+
+.searchbox .search.focusin {
+ border: 1px solid #9fadc7!important;
+ background: #fff;
+}
+
+.searchbox .search.focusin input {
+ background: #fff;
+}
+
+.searchbox .search .sear-btn {
+ display: inline-block;
+ width: 16px;
+ height: 16px;
+
+ position: absolute;
+ right: 10px;
+ top: 9px;
+ cursor: pointer;
+}
+
+.searchbox .search.focusin .sear-btn {
+ background: url(images/icons.png) no-repeat -1px -267px;
+}
+
+.searchbox .ask {
+ display: inline-block;
+ width: 58px;
+ height: 34px;
+ background: #0085ee;
+ color: #fff;
+ font: 14px/34px "Microsoft YaHei";
+ text-align: center;
+ position: absolute;
+ top: 0;
+ right: 140px;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+}
+
+.searchbox .ask:hover {
+ background: #0071cb;
+ text-decoration: none;
+}
+
+.searchbox .search label {
+ color: #9fadc8;
+ font: 14px "Microsoft YaHei";
+ position: absolute;
+ top: 6px;
+ left: 10px;
+}
+
+.s-history {
+ width: 324px;
+ border: 1px solid #e7eaf1;
+ border-radius: 3px;
+ padding-top: 15px;
+ position: absolute;
+ top: 34px;
+ left: 0;
+ background: #fff;
+ z-index: 998;
+ display: none;
+}
+
+.s-history ul {
+ max-height: 200px;
+ overflow: hidden;
+ position: relative;
+}
+
+.s-history ul li,.s-history p.last {
+ width: 100%;
+ height: 40px;
+ position: relative;
+ overflow: hidden;
+}
+
+.s-history p.middle {
+ text-align: center;
+}
+
+.s-history p.middle a,.s-history p.last a {
+ color: #2a90d7!important;
+}
+
+.s-history ul li a,.s-history p.last a {
+ color: #333;
+ font: 14px/40px "Microsoft YaHei";
+ padding-left: 20px;
+ text-decoration: none;
+ display: inline-block;
+ max-width: 278px;
+ overflow: hidden;
+}
+
+.s-history ul li:hover,.s-history p.last:hover {
+ background: #f0f7fd;
+ cursor: pointer;
+}
+
+.s-history ul li .close {
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ background: url(images/icons.png) no-repeat -2px -232px;
+ position: absolute;
+ top: 15px;
+ right: 20px;
+}
+
+.s-history a.remove-btn {
+ display: inline-block;
+ width: 286px;
+ height: 39px;
+ border-top: 1px solid #e7eaf1;
+ color: #175199;
+ font: 14px/39px "Microsoft YaHei";
+ text-align: center;
+ text-decoration: none;
+ margin: 0 20px;
+}
+
+.fix-hnav {
+ width: 1000px;
+ height: 50px;
+ margin: 0 auto;
+ overflow: hidden;
+ position: relative;
+ display: none;
+}
+
+.fix-hnav .btns {
+ position: absolute;
+ right: 0;
+ top: 7px;
+}
+.hnav .current a{
+ font-weight:bold;
+ color: #3280fc;
+}
+.nav-headerbox.ceiling {
+ border-top: 1px solid #f0f0f1;
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 10000;
+}
+
+.nav-headerbox.ceiling .nav-header {
+ display: none;
+}
+.coursemenu .dropdown{
+ width:auto;
+ padding:0px;
+ background:#fff;
+ border:none;
+ position:relative;
+
+}
+.coursemenu .dropdown:hover {
+ box-shadow:none;
+}
+.coursemenu .dropdown ul{
+overflow: visible;
+ top: 30px;
+ left: -30px;
+ position: absolute;
+ height: 170px;
+ /* width: 70px; */
+ min-width: 100px;
+}
+.coursemenu .dropdown .kclink{
+ width:45px;
+}
+.coursemenu .dropdown ul li{
+ float: none;
+ margin: 0 10px;
+ width: 70px;
+ text-align: center;
+ padding: 18px 0px 18px 5px;
+ border-bottom: 1px solid #ccc;
+ margin-left: 15px;
+}
+.coursemenu .dropdown ul li:hover
+{
+ background-color: #fff;
+ }
+ .coursemenu .dropdown-menu>li>a:hover {
+ text-decoration: none;
+ color: #262626;
+ background-color: transparent;
+}
+
+
+.coursemenu .dropdown ul li a{
+left: -10px;
+ position: relative;
+ top: -13px;
+ text-align: center;
+ margin: 0 auto;
+}
+
+.nav-headerbox ul li {
+ list-style-type: none;
+}
+.avatar-container-30 {
+ position: relative;
+}
+.nav-headerbox .user {
+ padding: 0 20px;
+}
+.works-manange a:hover {
+ color: #fff;
+}
+
+.msg-box-null {
+ text-align:center;
+ height:225px;
+ position:absolute;
+ top:0;
+ left:61px;
+ cursor:default
+}
+.msg-box-null .msg-box-inner {
+ padding-top:60px
+}
+.msg-box-null .msg-box-inner .null-images {
+ display:inline-block;
+ background:url(images/null-page-draw.png) no-repeat;
+ background-size:180px;
+ width:180px;
+ height:121px;
+ vertical-align:middle
+}
+.msg-box-null .msg-box-inner .msg-null-tips {
+ line-height:20px;
+ padding:0;
+ margin-top:0;
+ display:block
+}
+#footer {
+ width:100%;
+ background:#282828;
+ position:absolute;
+ bottom:0;
+ color:#666;
+ left:0px;
+}
+.footer-wrapper{
+ width: 1130px;
+}
+#footer .footer-wrapper {
+ height:100%;
+ margin:0 auto;
+ background:#282828
+}
+#footer .footer-wrapper .footer-wrapper-top {
+ width:100%;
+ height:130px;
+ line-height:130px;
+ border-bottom:1px solid #333
+}
+#footer .footer-wrapper .footer-wrapper-top a:hover {
+ color:#999
+}
+#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-left {
+ float:left
+}
+#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-left a {
+ margin-right:38px
+}
+#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-left .footer-mobile {
+ position:relative
+}
+#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-left .footer-mobile i {
+ position:absolute;
+
+ width:122px;
+ height:131px;
+ bottom:23px;
+ left:-20px
+}
+#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-left .footer-mobile:hover i {
+ display:inline-block
+}
+#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-left .footer-mobile:before {
+ content:"";
+ display:inline-block;
+ background:url(../images/svg/footer-mobile.svg?v=1) no-repeat;
+ width:14px;
+ height:23px;
+ vertical-align:middle;
+ margin-right:10px;
+ margin-top:-3px
+}
+#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right {
+ float:right
+}
+.left,.pm-suggest-tips .img-item>img,.wx-code {
+ float:left
+}
+#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weibo,#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weixin {
+ display:inline-block;
+ margin-left:40px
+}
+#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weixin {
+ width:25px;
+ height:21px;
+ position:relative;
+ background:url(../images/svg/footer-share-weixin.svg?v=1) no-repeat
+}
+#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weixin i {
+ position:absolute;
+ background:url(../images/footer-weixin-code.jpg) no-repeat;
+ background-size:110px 110px;
+ -moz-background-size:110px 110px;
+ -webkit-background-size:110px 110px;
+ -o-background-size:110px 110px;
+ width:110px;
+ height:110px;
+ bottom:40px;
+ right:-40px;
+ border-radius:4px;
+ -webkit-border-radius:4px;
+ -moz-border-radius:4px
+}
+#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weixin i:after {
+ content:"";
+ border-top:10px solid #fff;
+ border-right:10px solid transparent;
+ border-bottom:none;
+ border-left:10px solid transparent;
+ position:absolute;
+ bottom:-10px;
+ left:50%;
+ margin-left:-10px;
+ display:block
+}
+#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weixin:hover {
+ background:url(../images/svg/footer-share-weixinhover.svg?v=1) no-repeat
+}
+#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weixin:hover i {
+ display:inline-block
+}
+#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weibo {
+ width:26px;
+ height:21px;
+ background:url(../images/svg/footer-share-weibo.svg?v=1) no-repeat
+}
+#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weibo:hover {
+ background:url(../images/svg/footer-share-weibohover.svg?v=1) no-repeat
+}
+#footer .footer-wrapper .footer-wrapper-bottom {
+ margin-top:20px;
+ position:relative
+}
+#footer .footer-wrapper .footer-wrapper-bottom a,#footer .footer-wrapper .footer-wrapper-bottom span {
+ font-size:12px
+}
+#footer .footer-wrapper .footer-wrapper-bottom i {
+ display:inline-block;
+ width:1px;
+ height:12px;
+ margin:0 26px;
+ background:#666;
+ vertical-align:middle
+}
+#footer .footer-wrapper .footer-wrapper-bottom .copyrightLink {
+ position:absolute;
+ right:0
+}
+#body,#login-body,.p-relative {
+ position:relative
+}
+#footer .footer-wrapper .footer-wrapper-bottom a:hover {
+ color:#999;
+ text-decoration:underline
+}
+.popFaceTitle a:hover,a,a:hover {
+ text-decoration:none
+}
+
+#footer .footer-wrapper .space-footer-bottom {
+ margin-top:10px
+}
+#footer .footer-wrapper .footer-wrapper-top a:hover {
+ color:#999
+}
+#footer {
+ width: 100%;
+ background: #282828;
+ position: relative;
+ bottom: 0;
+ color: #666;
+ left: 0px;
+}
+#footer a{
+ color: #666;
+}
+
+.side-tool {
+ position: fixed;
+ bottom: 30px;
+ right: 40px;
+ z-index: 9;
+ display:none;
+
+}
+
+.side-tool>ul {
+ list-style: none
+}
+
+.side-tool>ul>li {
+ border: 1px solid #dcdcdc;
+ border-bottom: none;
+ background-color: #fff;
+ transition: .1s ease-in;
+ -webkit-transition: .1s ease-in;
+ -moz-transition: .1s ease-in;
+ -o-transition: .1s ease-in;
+ -ms-transition: .1s ease-in
+}
+
+.side-tool>ul>li:last-child {
+ border-bottom: 1px solid #dcdcdc
+}
+
+.side-tool>ul>li:hover {
+ background-color: hsla(0,0%,71%,.1);
+ transition: .1s ease-in;
+ -webkit-transition: .1s ease-in;
+ -moz-transition: .1s ease-in;
+ -o-transition: .1s ease-in;
+ -ms-transition: .1s ease-in
+}
+
+.side-tool>ul .modal-wrap {
+ position: relative
+}
+
+.side-tool>ul .function-button,.side-tool>ul .js-submit-button {
+ width: 50px;
+ height: 50px;
+ text-align: center;
+ display: block;
+ background:#fff;
+}
+
+.side-tool>ul .function-button i,.side-tool>ul .js-submit-button i {
+ padding-top: 16px;
+ font-size: 20px;
+ display: block
+}
+
+.side-tool>ul .function-button .ic-mark-active,.side-tool>ul .js-submit-button .ic-mark-active {
+ color: #ea6f5a
+}
+
+.side-tool .popover-content {
+ padding: 0
+}
+
+.side-tool .popover-content ul {
+ width: 160px;
+ list-style: none
+}
+
+.side-tool .popover-content li {
+ line-height: 20px
+}
+
+.side-tool .popover-content li:hover {
+ background-color: hsla(0,0%,71%,.1)
+}
+
+.side-tool .popover-content a {
+ padding: 5px 0;
+ margin-left: 15px;
+ width: 100%;
+ height: auto;
+ display: block;
+ line-height: 20px;
+ text-align: left!important
+}
+
+.side-tool .popover-content i {
+ margin-right: 10px
+}
+
+.side-tool .popover-content span {
+ vertical-align: middle
+}
+
+
+
+.side-weixin-box {
+ position: fixed;
+ left: 51%;
+ top: 188px;
+ _position: absolute;
+ margin-left: 507px;
+ width: 130px;
+ height: 255px;
+}
+
+.side-weixin-box {
+ height: 282px!important;
+}
+
+.weixin-box-c {
+ width: 128px;
+ height: 174px;
+ border: 1px solid #e8e8e8;
+ background: #fff;
+ box-shadow: 0 0 4px rgba(0,0,0,.1);
+ position: relative;
+ padding-bottom: 15px;
+}
+
+
+
+.weixin-box-c .close {
+ position: absolute;
+ right: -1px;
+ top: -1px;
+ width: 22px;
+ height: 22px;
+ cursor: pointer;
+ background-position: 1px -254px;
+}
+
+.weixin-box-c .content {
+ float: none;
+ margin: 0 auto;
+ width: 111px;
+}
+
+.weixin-box-c p {
+ margin: 17px auto 0;
+ text-align: center;
+ font-family: "Microsoft Yahei";
+ font-size: 13px;
+}
+
+.weixin-box-c img {
+ display: block;
+ vertical-align: top;
+}
+
+.weixin-box-c a {
+ margin: 5px auto 15px;
+ display: block;
+ width: 67px;
+ height: 30px;
+ background-position: 7px -282px;
+ background-color: #0085ee;
+ border-radius: 15px;
+ padding-left: 29px;
+ line-height: 30px;
+ color: #fff;
+}
+
+.weixin-box-c a:hover {
+ text-decoration: none;
+ background-color: #0d64b6;
+}
+header nav .user-center .login {
+ float:right;
+ top: -12px;
+ position: relative;
+ left: -30px;
+}
+header nav .user-center .unlogin {
+ float:right;
+ top: -12px;
+ position: relative;
+ left: 0px;
+}
+header nav .user-center .login .user .user-list {
+ position: relative;
+ /* padding: 13px 20px; */
+ position: absolute;
+ top: 9px;
+ left: 15px;
+ width: 30px;
+ height: 30px;
+}
+header nav .user-center .login .user .user-list sup.subnav-dot-sup {
+ top:10px;
+ right:14px
+}
+header nav .user-center .unlogin li {
+ line-height:60px
+}
+header nav .user-center .unlogin a {
+ margin-left:10px;
+ padding:0;
+ position: relative;
+ top: -10px;
+}
+header nav .user-center .unlogin i {
+ display:inline-block;
+ width:1px;
+ height:10px;
+ background:#fff;
+ margin-left:20px
+}
+header nav .user-center ul li a {
+ display: inline-block;
+}
+a {
+ color: #444;
+}
+
+.container {
+
+ max-width: 1200px;
+}
+.active-color {
+ color: #0085EE;
+}
+.active-bg {
+ background-color: #0085EE;
+}
+.color-333 {
+ color: #333;
+}
+.color-666 {
+ color: #666;
+}
+.color-999 {
+ color: #999;
+}
+.color-FF5C00{
+ color: #FF5C00;
+}
+#header .content,#nav .content,#main .content,#footer .content{
+ width: 1200px;
+ margin: 0 auto;
+}
+.medium {
+ font-size: 14px;
+}
+.small {
+ font-size: 12px;
+}
+.main-theme:hover {
+ background: #fff!important;
+ color: #0085EE!important;
+}
+.second-theme:hover {
+ background: #0085EE!important;
+ color: #fff!important;
+}
+.fl {
+ float: left;
+}
+.fr {
+ float: right;
+}
+.clearfix {
+ zoom: 1;
+}
+.ws_header,.ws_header .menu{
+ display:inline;
+}
+a {
+ color: inherit;
+}
+.send-menu{
+ position: relative;
+ float: right;
+}
+.send-menu ul{
+ position: absolute;
+ width: 77px;
+ display: none;
+ top: 36px;
+ left: 18px;
+ background: #f5f5f5;
+ border-radius: 5px;
+ font-size: 14px;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ z-index: 999;
+ border: 1px solid #eaeaea;
+ padding-left: 0px;
+}
+.send-menu ul li{
+ color: #333;
+ text-align: center;
+ height: 30px;
+ line-height: 30px;
+}
+.send-menu ul li a:hover{
+ color: #0085EE;
+}
+.send-menu:hover ul{
+ display: block;
+}
+.ws_header,.ws_header .menu{
+ display:inline;
+}
+ul li {
+ list-style-type: none;
+}
\ No newline at end of file
diff --git a/static/css/widescreen/css/flPic.png b/static/css/widescreen/css/flPic.png
new file mode 100644
index 0000000000000000000000000000000000000000..b1559a21bcc002908d6a4d8751af1e000ea7cf12
Binary files /dev/null and b/static/css/widescreen/css/flPic.png differ
diff --git a/static/css/widescreen/css/pic.png b/static/css/widescreen/css/pic.png
new file mode 100644
index 0000000000000000000000000000000000000000..9b0790bce3ad5af1297230c024e5b2521db043af
Binary files /dev/null and b/static/css/widescreen/css/pic.png differ
diff --git a/static/css/widescreen/css/pic_ie.png b/static/css/widescreen/css/pic_ie.png
new file mode 100644
index 0000000000000000000000000000000000000000..84ac2b6953e76690fd38e04e0685f9ec6674dbeb
Binary files /dev/null and b/static/css/widescreen/css/pic_ie.png differ
diff --git a/static/css/widescreen/css/qzxyPic.png b/static/css/widescreen/css/qzxyPic.png
new file mode 100644
index 0000000000000000000000000000000000000000..ce2a690c41bf00fc3b506d5513864575575c5a46
Binary files /dev/null and b/static/css/widescreen/css/qzxyPic.png differ
diff --git a/static/css/widescreen/css/slideBtn.png b/static/css/widescreen/css/slideBtn.png
new file mode 100644
index 0000000000000000000000000000000000000000..f66ba34a53e7876a5b349d2110a3b1c54650a4fb
Binary files /dev/null and b/static/css/widescreen/css/slideBtn.png differ
diff --git a/static/css/widescreen/css/wen.css b/static/css/widescreen/css/wen.css
new file mode 100644
index 0000000000000000000000000000000000000000..09c11b8b8e07f1539aaccc59a56dced05f27d926
--- /dev/null
+++ b/static/css/widescreen/css/wen.css
@@ -0,0 +1,884 @@
+/* reset */
+.fl,.mark{float:left;display:inline;}
+.fr,.submark{float:right;display:inline;}
+.oh{overflow:hidden;zoom:1;}
+.clearfix{*zoom:1;}
+.clearfix:before,.clearfix:after{content:"";display:table;font:0/0 a;}
+.clearfix:after{clear:both;}
+.clear{clear:both;height:0;overflow:hidden;}
+.mt10{margin-top:10px;}
+.mb10{margin-bottom:10px;}
+.mr10{margin-right:10px;}
+.ml10{margin-left:10px;}
+.mt5{margin-top:5px;}
+.mb5{margin-bottom:5px;}
+.mr5{margin-right:5px;}
+.ml5{margin-left:5px;}
+.mt15{margin-top:15px;}
+.mb15{margin-bottom:15px;}
+.mr15{margin-right:15px;}
+.ml15{margin-left:15px;}
+.mb30{margin-bottom:30px;}
+.pt20{padding-top:20px}
+.pb20{padding-bottom:20px}
+.f14{font-size:14px;}
+.fb{font-weight:700;}
+.pr{position:relative;}
+.pa{position:absolute;}
+.tac{text-align:center}
+.slideContent em, .slideContent i {
+ font-style: normal;
+}
+/* color */
+.white,a.white,.white a{color:white;}
+.red,a.red,.red a{color:#ff4444;}
+.gray,a.gray,.gray a{color:#666666;}
+.lgray,a.lgray,.lgray a{color:#999999;}
+a.white:hover,.white a:hover,a.red:hover,.red a:hover,a.gray:hover,.gray a:hover,a.lgray:hover,.lgray a:hover{color:#ff4444;}
+/* layout */
+.wdmain{width:1000px;margin-left:auto;margin-right:auto;zoom:1;}
+.wdmain:after{content:"\20";clear:both;height:0;display:block;overflow:hidden;}
+.left665{float:left;width:665px;}
+.right305{float:right;width:305px;}
+.part{background:white;border:1px #ececec solid;border-radius:3px;box-shadow:0 1px 2px #f1f1f1;}
+.lBox{padding:0 20px;}
+.lBox-th{height:60px;}
+.lBox-th .mark{background-color: transparent; padding: 0;font-size:20px;line-height:60px;color:#f44;font-weight:400;}
+.lBox-th2{padding-top:10px;height:34px;border-bottom:1px #ededed solid;}
+.lBox-th2 .toc{padding:0 15px;line-height:34px;font-size:14px;float:left;}
+.lBox-th2 .current{height:33px;color:#f44;margin-bottom:-1px;border-bottom:2px #f44 solid;position:relative;}
+.rBox{padding:0 20px;}
+.rBox-th{padding-top:15px;height:33px;border-bottom:1px #ededed solid;}
+.rBox-th .mark{background-color: transparent; padding: 0;font:18px/27px \5FAE\8F6F\96C5\9ED1;height:32px;margin-bottom:-1px;border-bottom:2px solid #ff4444;position:relative;}
+.spanclass,.c{display:none;}
+.rBox-tb{width:263px;overflow:hidden}
+.rBox .rBox-tab{height:30px;padding-top:20px;_overflow:hidden}
+.rBox .rBox-tab a{float:left;width:131px;height:30px;line-height:30px;text-align:center;background:#f8f8f8;color:#626262;font-size:14px}
+.rBox .rBox-tab a.current{color:#fff;background:#f33;position:relative;z-index:100}
+.rBox .rBox-tab a.current em{display:block;width:9px;height:5px;overflow:hidden;background:url(x.png) no-repeat 0 -20px;position:absolute;top:30px;left:62px}
+.lBox-th .slide-tab{padding-top:15px;line-height:30px;border-bottom:1px #ececec solid}
+.lBox-th .slide-tab .toc{font-size:14px;float:left;padding:0 19px;color:#333;line-height:30px;cursor:pointer;bottom:-1px;line-height:29px;height:29px;zoom:1;position:relative}
+.lBox-th .slide-tab .current{color:#f44;border-bottom:2px #f44 solid}
+.lBox-th .slide-tab2{width:93px;text-align:center;margin-top:20px;position:relative}
+.lBox-th .slide-tab2 .slide-btn{position:absolute;width:18px;height:21px;top:0;background:none;}
+.lBox-th .slide-tab2 .slide-btn em{width:4px;height:7px;position:absolute;top:7px}
+.lBox-th .slide-tab2 .slide-prev{left:0px}
+.lBox-th .slide-tab2 .slide-prev em{background-position:-214px -29px;left:0}
+.lBox-th .slide-tab2 .slide-next{right:0px}
+.lBox-th .slide-tab2 .slide-next em{background-position:-220px -29px;right:0}
+.lBox-th .slide-tab2 .toc{display:none}
+.lBox-th .slide-tab2 .current{color:#f44;display:block}
+.lBox2-th{height:41px;line-height:41px;border-bottom:1px #ececec solid;padding:0 20px}
+.lBox2-th .mark{font-size:20px;color:#f44;font-weight:400}
+.lBox3-th{height:40px;padding-top:10px;line-height:40px;border-bottom:1px #ececec solid}
+.lBox3-th .mark{font-size:18px;color:#333;font-weight:400;border-bottom:2px #f44 solid;position:relative;line-height:39px;height:39px;bottom:1px}
+/* ivy */
+.ivy990,.ivy295,.ivy655{/* background:#fff; */ font-size: 0;}
+.ivy990 div{/*_padding:5px 0;*/}
+.ivy990 img,.ivy990 object,.ivy990 iframe{display:block;padding:5px;margin-left:auto;margin-right:auto; background-color: #fff;}
+.article .ivy990 img,.article .ivy990 object,.article .ivy990 iframe{margin-left:auto;margin-right:auto;}
+.article .ivy990{margin-bottom:15px;}
+.articleList .ivy990{margin-bottom:10px;}
+.ivy295 img,.ivy295 object,.ivy295 iframe{display:block;padding:5px;margin-bottom:30px;margin-left:auto;margin-right:auto; background-color: #fff;}
+.ivy625 img,.ivy625 object,.ivy625 iframe{display:block;margin-bottom:10px;margin-left:auto;margin-right:auto;}
+.ivy625v2 img,.ivy625v2 object,.ivy625v2 iframe{display:block;margin-bottom:20px;margin-left:auto;margin-right:auto;}
+.ivy655 img,.ivy655 object,.ivy655 iframe{display:block;margin-top:30px;padding:5px 0;margin-bottom:30px;margin-left:auto;margin-right:auto;}
+.ivy-yc{background:#fff;padding:5px 0;border-radius:2px;}
+
+.ivyUl{margin-bottom:30px;}
+.ivyUl img,.ivyUl object,.ivyUl iframe{margin-bottom:0px;}
+.ivyUl li{width: 135px;float: left;display: inline;overflow: hidden;height: 30px;line-height: 30px;margin-left: 15px;background: none;padding-left: 0px;}
+.pb5{padding-bottom:5px;}
+
+.ivytl, .ivytls {background: none repeat scroll 0 0 #fff;margin: 0 auto;width: 1000px;}
+.ivytl iframe, .ivytl img, .ivytl object, .ivytls iframe, .ivytls img, .ivytls object {border-bottom: 5px solid #fff;border-top: 5px solid #fff;display: block;margin: 0 auto 10px; vertical-align: top;}
+.ivytls iframe, .ivytls img, .ivytls object{margin: 0 auto 30px;}
+.ivytl .ivyclose {margin-top: 5px;}
+.ivytls .ivyclose {margin-top: 5px;}
+.ivy-yc {background: none repeat scroll 0 0 #fff;border-radius: 2px;padding: 5px; width:295px; overflow:hidden;}
+.ivy-yc iframe, .ivy-yc img, .ivy-yc object {display: block;vertical-align: top;}
+/* head */
+.head{border-bottom:2px #f44 solid;}
+.head .search{float:right;width:422px;}
+.head .search .form{display:inline;float:left;margin:17px 0 0 163px;position:relative;}
+.head .search .form .sbtn{left:152px;opacity:0;position:absolute;top:0;transition:left 0.4s ease-in 0s;}
+.head .search .input{background:url("x.png") no-repeat 1px -228px;-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:-moz-use-text-color -moz-use-text-color #ececec;border-image:none;border-style:none none solid;border-width:medium medium 1px;color:#adadad;float:left;height:24px;line-height:22px;padding-left:29px;width:175px;border-bottom-color:#ececec;}
+.head .search .form-active .sbtn{background:url("//www1.pcbaby.com.cn/2014/index/s1.png") no-repeat 0 0;display:inline;float:left;height:25px;left:204px;opacity:1;width:52px;}
+.head .search .form-active .sbtn:hover{background:url("//www1.pcbaby.com.cn/2014/index/s2.png") no-repeat 0 0;}
+/* pcbaby-page */
+.pcbaby-page{height:auto;clear:both;text-align:center;font:400 12px/14px \5FAE\8F6F\96C5\9ED1;color:#999;}
+.pcbaby-page span,.pcbaby-page a{display:inline-block;padding:0 13px;height:36px;line-height:36px;font-size:16px;margin:0 2px 10px;}
+.pcbaby-page span{background:#ff4444;color:#fff;border:1px solid #ff4444;}
+.pcbaby-page a{border:1px solid #ededed;color:#000;background:#fff;}
+.pcbaby-page a:hover{color:#ff4444;border:1px solid #ff4444;}
+.pcbaby-page .prev,.pcbaby-page .next{padding:0 10px;}
+.pcbaby-page .pageViewGuided a{padding:0 10px;}
+.recommend-tb{padding:5px 0;}
+.recommend-tb li a{display:block;font:13px/60px \5FAE\8F6F\96C5\9ED1;border-bottom:1px #ededed dashed;margin-top:-1px;height:60px;padding-left:25px;background:url("//www1.pcbaby.com.cn/2014/channel/images/rePoint.png") no-repeat 15px 30px;overflow:hidden;float:none;}
+.recommend-tb li a:hover{background-color:#f8f8f8;border-color:#f8f8f8;}
+.recommend-tb li.reNum a{padding-left:70px;background-image:url("//www1.pcbaby.com.cn/2014/channel/images/articleMain.png");background-repeat:no-repeat;_background-image:url("//www1.pcbaby.com.cn/2014/channel/images/articleMain_ie.png");}
+.recommend-tb li.first a{margin-top:0;}
+.recommend-tb li.last a{border-bottom:none;}
+.recommend-tb li.reNum-1 a{background-position:-122px 16px;}
+.recommend-tb li.reNum-2 a{background-position:-122px -44px;}
+.recommend-tb li.reNum-3 a{background-position:-122px -104px;}
+.recommend-tb li.reNum-4 a{background-position:-122px -164px;}
+.recommend-tb li.reNum-5 a{background-position:-122px -224px;}
+.recommend-tb li.reNum-6 a{background-position:-122px -280px;}
+.recomment-pic li a,.recomment-pic li i{overflow:hidden;transition: height 0.35s linear;-o-transition: height 0.35s linear;-ms-transition: height 0.35s linear;-webkit-transition: height 0.35s linear;-moz-transition: height 0.35s linear;}
+.recomment-pic li i{height:60px;display:block;}
+.recomment-pic li.cur a{height:237px;background-color:#f8f8f8;border-bottom-color:#f8f8f8;}
+.recomment-pic li.cur i{height:48px;display:block;overflow:hidden;cursor:pointer;}
+.recommend-headPic a{position:relative;}
+.recommend-headPic a .fr{padding-right:10px;font-size: 12px; color:#999;}
+.recommend-headPic .rePic{display:none;}
+.recommend-headPic .rePic img{border-radius: 100%;vertical-align:top;}
+.recommend-headPic a:hover .rePic{position:absolute;height:50px;width:50px;left:10px;top:5px;display:block;}
+@charset "GBK";
+.dl-Form{font:12px/1.75 \5FAE\8F6F\96C5\9ED1;color:#333;padding:18px 60px 20px 56px}
+.dl-Form a{text-decoration:none;color:#333333}
+.dl-Form a:hover{color:#f44}
+.dl-Form .dl-red{color:#f44}
+.dl-Form .dl-red:hover{text-decoration:underline;}
+.dl-Form em,.dl-Form i{font-style:normal}
+.dl-Form .dl-dO{height:35px;line-height:35px;padding-left:50px}
+.dl-Form .dl-dO1{margin-bottom:10px;width:238px;_width:auto;}
+.dl-Form .dl-dO2{margin-bottom:15px}
+.dl-Form .dl-dO3{margin-bottom:5px}
+.dl-Form .dl-dO4{height:35px;margin-bottom:10px}
+.dl-Form .dl-dO4 label{float:left}
+.dl-Form .dl-dO4 .dl-inpCheck{float:left;margin:11px 7px 0 0;_margin:7px 7px 0 0;}
+.dl-Form .dl-dO4 .dl-red{float:left;margin-left:64px;white-space:nowrap;}
+.dl-Form .dl-dO5{height:38px;margin-bottom:20px}
+.dl-Form .dl-dO6{height:35px;margin-bottom:5px;font-size:14px}
+.dl-Form .dl-dO6 span,.dl-Form .dl-dO6 a{float:left}
+.dl-Form .dl-dO6 .dl-aBtnQQ,.dl-Form .dl-dO6 .dl-aBtnWeibo{background:url(//www1.pcbaby.com.cn/2014/try/images/1028dkPic.png) no-repeat;_background:url(//www1.pcbaby.com.cn/2014/try/images/1028dkPic_ie.png) no-repeat;width:31px;height:31px;display:inline-block;float:left;margin-left:10px}
+.dl-Form .dl-dO6 .dl-aBtnQQ{background-position:0 -32px}
+.dl-Form .dl-dO6 .dl-aBtnWeibo{background-position:0 -83px}
+.dl-Form .dl-dO7{margin-bottom:33px}
+.dl-Form .dl-dO7 p{color:#999;margin:0;padding:0}
+.dl-Form .dl-dT{font-size:14px;float:left;width:50px;line-height:35px;text-align:center;position:absolute}
+.dl-Form .dl-emTips{background:url(//www1.pcbaby.com.cn/2014/try/images/1028dkPic.png) no-repeat;_background:url(//www1.pcbaby.com.cn/2014/try/images/1028dkPic_ie.png) no-repeat;font-size:12px;color:#f44;padding-left:18px;background-position:0 3px;white-space:nowrap;}
+.dl-Form .dl-inp{border:1px solid #ccc;text-indent:10px;width:214px;height:33px;line-height:33px}
+.dl-Form .dl-aBtn{width:216px;height:38px;line-height:38px;font-size:18px;background:#f44;color:#fff;border:none;border-radius:3px;display:inline-block;text-align:center;cursor:pointer}
+.dl-Form .dl-aBtn:hover{background:#ef1718;color:#fff}
+#floatBoxBg{display:none;background:#000;position:absolute;top:0;left:0;z-index:1000;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);-moz-opacity:0.1;opacity:0.1}
+.floatBox{display:none;background:#fff;border:1px #e5e5e5 solid;margin:0 auto;position:fixed;top:30%;left:50%;margin-left:-220px;z-index:1002;_position:absolute;_top:expression(documentElement.scrollTop + (documentElement.clientHeight-this.offsetHeight)/2);background:#fff}
+.floatBox .floatTitle{height:32px;line-height:32px;border-bottom:#e5e5e5 solid 1px}
+.floatBox .floatTitle .floatCloseBtn{width:14px;height:14px;background:url(//www1.pcbaby.com.cn/2014/try/images/pic2.png) no-repeat;display:block;float:right;cursor:pointer;margin:9px 14px 0px 0px}
+.floatBox .floatTitle h4{float:left;font-size:16px;text-align:left;padding-left:15px;width:85%;font-weight:400}
+.floatBox .floatContent{padding:0}
+#floatBox{width:404px;overflow:hidden;}
+#floatBoxTips{width:464px;display:none;background:#fff;border:1px #e5e5e5 solid;margin:0 auto;position:fixed;top:30%;left:50%;margin-left:-232px;z-index:1002;_position:absolute;_top:expression(documentElement.scrollTop + (documentElement.clientHeight-this.offsetHeight)/2)}
+#floatBoxTips .floatTitle{height:32px;line-height:32px;border-bottom:#e5e5e5 solid 1px}
+#floatBoxTips .floatTitle h4{float:left;font-size:16px;text-align:left;padding-left:15px;width:85%;font-weight:400}
+#floatBoxTips .floatTitle .floatCloseBtn{width:14px;height:14px;background:url(//www1.pcbaby.com.cn/2014/try/images/pic2.png) no-repeat;display:block;float:right;cursor:pointer;margin:9px 14px 0px 0px}
+#floatBoxTips .floatContent{padding:0 0 24px 0;text-align:center}
+#floatBoxTips .tools-warn{height:52px;background:url(//www1.pcbaby.com.cn/2014/tools/images/tools-icon.png) no-repeat;_background:url(//www1.pcbaby.com.cn/2014/tools/images/tools-icon_ie.png) no-repeat;width:52px;margin:20px auto 0;display:block}
+#floatBoxTips .data-cont{line-height:24px;text-align:center;padding:13px 0}
+#floatBoxTips .aBtn.aBtn-Submit{width:90px;height:30px;line-height:30px;font-size:14px;text-align:center;margin:0 5px;border-radius:2px;display:inline-block;border:none;cursor:pointer;color:#fff;background:#f44}
+#floatBoxTips .aBtn.aBtn-Submit:hover{color:#fff;background:#ef1818}
+/* 导航 */
+.nav{height:47px;border-top:2px #ff4444 solid;background-color:#fff;border-bottom:1px solid #dedede;margin-bottom:15px;}
+.nav .subNav{border-left:1px #ececec solid;}
+.nav .subNav a{width:130px;height:47px;font-size:18px;line-height:47px;text-align:center;display:inline-block;border-right:1px #ececec solid;float:left;}
+.nav .subNav a.long{width:165px;}
+.nav .subNav a.current{color:#f44;}
+.nav .subNav a.nopeLink{cursor:default;}
+.nav .subNav a.nopeLink:hover{color:#333;}
+.nav .th-b{line-height:47px;}
+.th-b a,.th-b em{float:left;font-size:14px;}
+.th-b em{background:url("x.png") no-repeat 3px -74px;height:15px;width:15px;padding:0 3px}
+.nav .th-b em{margin-top:16px;}
+.nav .subNav-more{position:relative;z-index: 600;width:130px;height:47px;font-size:20px;line-height:47px;text-align:center;display:inline-block;border-right:1px #ececec solid;float:left;}
+.nav .subNav-more a{border-right:none;float:none;}
+.nav .subNav-more-btn{width:7px;height:4px;position:absolute;background:url(pic.png) no-repeat -44px -243px;_background:url(pic_ie.png) no-repeat -44px -243px;right:11px;top:24px;overflow:hidden;transition:all 0.4s ease-in;-o-transition:all 0.4s ease-in;-ms-transition:all 0.4s ease-in;-webkit-transition:all 0.4s ease-in;-moz-transition:all 0.4s ease-in;}
+.nav .subNav-more-ul{position:absolute;width:130px;display:none;z-index: 5;top:47px;left:-1px;border:1px #ececec solid;border-top:none;}
+.nav .subNav-more-ul li{float:left;width:130px;}
+.nav .subNav-more-ul li em{background:url(pic.png) no-repeat;_background:url(pic_ie.png) no-repeat;position:absolute;left:22px;top:11px;}
+.nav .subNav-more-ul li a{font-size: 12px;height:35px;line-height:35px;display:block;width:auto;padding-left:50px;background:#fff;color:#333;text-align:left;font-size: 12px;position:relative;float:none;}
+.nav .subNav-more-ul li a:hover{background:#ff4444;color:#fff;}
+.nav .subNav-more-ul .subNav-more-li a{padding-left:0;text-align:center;}
+.nav .subNav-more-ul .subNav-more-li1 em{background-position: 0px -33px;width:14px;height:14px;}
+.nav .subNav-more-ul .subNav-more-li2 em{background-position: 0px -57px;width:14px;height:12px;}
+.nav .subNav-more-ul .subNav-more-li3 em{background-position: 0px -79px;width:14px;height:13px;}
+.nav .subNav-more-ul .subNav-more-li4 em{background-position: 0px -102px;width:14px;height:13px;}
+.nav .subNav-more-ul .subNav-more-li5 em{background-position: 0px -125px;width:14px;height:14px;}
+.nav .subNav-more-ul .subNav-more-li6 em{background-position: 0px -149px;width:14px;height:14px;}
+.nav .subNav-more-ul .subNav-more-li7 em{background-position: 0px -173px;width:17px;height:15px;}
+.nav .subNav-more-ul .subNav-more-li8 em{background-position: 0px -198px;width:17px;height:12px;}
+.nav .subNav-more-ul .subNav-more-li9 em{background-position: 0px -220px;width:15px;height:13px;}
+.nav .subNav-more-ul .subNav-more-li1 a:hover em{background-position: -37px -33px;}
+.nav .subNav-more-ul .subNav-more-li2 a:hover em{background-position: -37px -57px;}
+.nav .subNav-more-ul .subNav-more-li3 a:hover em{background-position: -37px -79px;}
+.nav .subNav-more-ul .subNav-more-li4 a:hover em{background-position: -37px -102px;}
+.nav .subNav-more-ul .subNav-more-li5 a:hover em{background-position: -37px -125px;}
+.nav .subNav-more-ul .subNav-more-li6 a:hover em{background-position: -37px -149px;}
+.nav .subNav-more-ul .subNav-more-li7 a:hover em{background-position: -34px -173px;}
+.nav .subNav-more-ul .subNav-more-li8 a:hover em{background-position: -34px -198px;}
+.nav .subNav-more-ul .subNav-more-li9 a:hover em{background-position: -36px -220px;}
+.nav .current .subNav-more-btn{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); filter: FlipV;}
+.nav .current .subNav-more-ul{display:block;}
+.th-b a:hover{color:#656565;}
+
+* html,* html body{background-image:url(about:blank);background-attachment:fixed}
+.QA-professorQa .ulList2,.QA-video .ulList,.qaList-t,.qaList-ulList p,.search-content .ulList,.secCont .pInfo,.professor-list .ulList li .oh .pName,.professor-list .ulList li .oh .pSkill,.qa-pro-info .PicList .ulList,.QA-tw .tw-form dd,.wt-xgwd li,.lBox-List2-tb .ulList{*zoom:1}
+.QA-professorQa .ulList2:before,.QA-video .ulList:before,.qaList-t:before,.qaList-ulList p:before,.search-content .ulList:before,.secCont .pInfo:before,.professor-list .ulList li .oh .pName:before,.professor-list .ulList li .oh .pSkill:before,.qa-pro-info .PicList .ulList:before,.QA-tw .tw-form dd:before,.wt-xgwd li:before,.lBox-List2-tb .ulList:before,.QA-professorQa .ulList2:after,.QA-video .ulList:after,.qaList-t:after,.qaList-ulList p:after,.search-content .ulList:after,.secCont .pInfo:after,.professor-list .ulList li .oh .pName:after,.professor-list .ulList li .oh .pSkill:after,.qa-pro-info .PicList .ulList:after,.QA-tw .tw-form dd:after,.wt-xgwd li:after,.lBox-List2-tb .ulList:after{content:"";display:table}
+.QA-professorQa .ulList2:after,.QA-video .ulList:after,.qaList-t:after,.qaList-ulList p:after,.search-content .ulList:after,.secCont .pInfo:after,.professor-list .ulList li .oh .pName:after,.professor-list .ulList li .oh .pSkill:after,.qa-pro-info .PicList .ulList:after,.QA-tw .tw-form dd:after,.wt-xgwd li:after,.lBox-List2-tb .ulList:after{clear:both}
+.qaHead .position .arrow{content:"";height:0;width:0;overflow:hidden}
+.lBox-th .slide-tab2 .slide-btn em,.emTips em,.icons,.qaHead .logo,.QAview .QAview-New li,.QA-professorQa .ulList .pA,.QA-professorQa .ulList2 li,.QA-professor .rBox-th .submark .slide-btn em,.QA-video .ulList li i,.search-content .ulList li i,.professor-list .ulList li .oh .sPro,.qaHelp .help-side-tit,.qaHelp .help-side-list li,.qaHelp .help-side-list a:hover,.qa-pro-info .PicList .ulList li i,.QA-tw .tw-form .updatePic,.wt-PicTxt .wt-PicTxt-Add a,.wt-wd .wt-PicTxt .wt-PicTxt-Txt .icons,.aPointLink,.navList-ul a:hover,.navList-ul li{background-image:url("//www1.pcbaby.com.cn/2014/kw/images/Pic.png");_background-image:url("//www1.pcbaby.com.cn/2014/kw/images/Pic_ie.png");background-repeat:no-repeat}
+.wt-wd .wt-PicTxt .aBtn{-webkit-transition:all 0.3s ease;transition:all 0.3s ease}
+
+.dZt .zjNameImg em{top:22px;left:30px;}
+.sideCon{overflow:hidden;zoom:1;}
+.sideCon .sideCon-side{width:270px;overflow:hidden;min-height:400px;_height:400px;background:#f9f9f9;padding-bottom:9999px;margin-bottom:-9999px}
+.sideCon .sideCon-side .sideCon-side-box{padding:21px 20px}
+.emTips{display:inline-block;line-height:24px;height:24px;background:#ffffdd;color:#999;border:1px #ededcc solid;position:relative;border-radius:3px;padding:0 5px;font-size:12px}
+.emTips em{position:absolute}
+.emTips em.arrow-down{width:8px;height:5px;overflow:hidden;background-position:-214px -56px;left:24px;bottom:-5px}
+.emTips em.arrow-left{width:6px;height:7px;overflow:hidden;background-position:-229px -54px;left:-5px;bottom:8px}
+.emTips em.arrow-up{width:7px;height:5px;overflow:hidden;background-position:-275px -56px;left:12px;top:-5px}
+.aBtn{border-radius:4px;display:inline-block;border:none;cursor:pointer}
+.aBtn.aBtn-Red{color:#fff;background:#f44}
+.aBtn.aBtn-Red:hover,.aBtn.aBtn-Red.hover{color:#fff;background:#ef1818}
+.aBtn.aBtn-M{padding:0 17px;height:30px;line-height:30px;font-size:14px}
+.aBtn.aBtn-db{display:block;text-align:center}
+.textarea{padding:5px;resize:vertical;overflow:hidden;overflow-y:visible;display:block;font-size:12px;border:1px #ececec solid;}
+.head .search{width:455px;}
+.head .search .form{margin:17px 0 0 0;float:right}
+.head .search form{float:right}
+.head .search .input{float:left;margin-right:10px}
+.head .search .aBtn-search{float:left;margin-right:3px;width:76px;height:25px;line-height:25px;text-align:center;border-radius:25px;overflow:hidden}
+.sel{line-height:30px;height:30px;border:1px #ccc solid;width:92px}
+.PicTxt{position:relative;overflow:hidden;zoom:1}
+.PicTxt .oh .pTitle{font-size:16px;margin-top:4px}
+.PicTxt .oh .pTxt{line-height:20px;color:#999;padding-top:13px}
+.PicTxt .oh .pMore{position:absolute;right:0px;bottom:20px}
+.PicTxt .oh .pMore a{background:url("x.png") no-repeat 52px -332px;color:#666;display:inline;float:right;font-size:12px;height:20px;line-height:20px;margin-right:12px;margin-top:2px;padding-right:20px;transition:all 0.4s ease-in 0s;width:50px}
+.PicTxt .oh .pMore a:hover{background-position:62px -332px;margin-right:2px;padding-right:30px}
+.nav{height:47px;border-bottom:1px solid #dedede;margin-bottom:15px;box-shadow:0 1px 2px #f1f1f1;background:#fff}
+.nav .subNav{border-left:1px #ececec solid}
+.nav .subNav a{width:130px;height:47px;font-size:18px;line-height:47px;text-align:center;display:inline-block;border-right:1px #ececec solid;float:left}
+.nav .subNav a.w85{width:84px}
+.nav .subNav a.w72{width:72px}
+.qaHead{height:67px}
+.qaHead .form{padding:0}
+.qaHead .logo{margin-top:18px;width:187px;height:29px;position:relative;}
+.qaHead .logo a.logoLinkA{width:102px;height:30px;position:absolute;left:0px;top:0;}
+.qaHead .logo a.logoLinkB{width:60px;height:30px;position:absolute;left:112px;top:0;}
+.qaHead .logo-title{float:left;color:#999;margin-top:21px}
+.qaHead .logo-title2{float:left;color:#333;font-size:18px;margin-top:16px}
+.qaHead .position{float:left;margin-top:21px}
+.qaHead .position em,.qaHead .position a,.qaHead .position i{float:left}
+.qaHead .position .arrow{margin:7px 6px 0 0;border-left:3px solid #f44;border-top:3px dashed transparent;border-bottom:3px dashed transparent}
+.qaHead .position i{margin:0 5px}
+.qaHead .search{margin-top:4px}
+.QAcon1{width:990px;padding:4px;background-color:#fff;margin:0 auto 30px;border-radius:2px;}
+.tab{height:340px;overflow:hidden;position:relative;width:660px;float:left;}
+.tab .c{display:inline;float:left;height:350px;overflow:hidden;}
+.tab .pic{display:inline;float:left;height:340px;overflow:hidden;width:660px;}
+.tab .pic .picTit{position:absolute;bottom:0;left:15px;width:628px;height:35px;line-height:35px;font-size:14px;text-align:center;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCFFFFFF',endColorstr='#CCFFFFFF');}
+:root .tab .pic .picTit{filter:none;background-color:rgba(255,255,255,0.8);}
+.tab .pic a:hover .picTit{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#FFFFFFFF',endColorstr='#FFFFFFFF');}
+:root .tab .pic a:hover .picTit{filter:none;background-color:white;}
+.tab .control{height:12px;right:32px;position:absolute;top:319px;z-index:333;}
+.tab .control a{background:url("x.png") no-repeat 0 -304px;display:inline;float:left;height:12px;margin-right:3px;overflow:hidden;width:12px;}
+.tab .control a.current{background-position:0 -290px;}
+.tab .btnlunbo{ padding: 0px;background:url("x.png") no-repeat 0 0;height:46px;position:absolute;top:151px;width:24px;z-index:333;}
+.tab .btnL{display:none;left:21px;}
+.tab .btnR{display:none;right:21px;}
+.tab-active .btnL{background-position:0 -356px;display:block;}
+.tab-active .btnR{background-position:0 -404px;display:block;}
+.tab-active .btnL:hover{background-position:0 -452px;}
+.tab-active .btnR:hover{background-position:0 -500px;}
+
+.QAcon1 .th-b{width:286px;overflow:hidden;padding-right:14px;}
+.QAcon1 .th-b .tips{height:58px;font-size:14px;line-height:58px;}
+.QAcon1 .th-b .tips a{color:#999;}
+.QAcon1 .th-b .tips a:hover{color:#333;}
+.QAcon1 .th-b .pTit{height:42px;line-height:42px;}
+.QAcon1 .th-b .pTit a{font-size:18px;}
+.QAcon1 .th-b .des{height:72px;line-height:24px;font-size:12px;color:#999;}
+.QAcon1 .th-b .titList{padding-top:44px;}
+.QAcon1 .th-b .titList li{visibility:top;height:32px;line-height:32px;overflow:hidden;background:url("x.png") no-repeat;background-position:0 15px;padding-left:10px;}
+.QAcon1 .th-b .titList li a:hover{color:#ff4444;}
+.login-before{padding-bottom:20px}
+.login-before .th{font-size:18px;line-height:56px;height:56px}
+.login-before .tb{height:144px;font-size:14px}
+.login-before .tb span{position:relative}
+.login-before .tb .icons{position:absolute;width:32px;height:32px}
+.login-before .tb .l{float:left;text-align:center;padding-top:81px;width:90px}
+.login-before .tb .l .icons{background-position:0 -29px;left:30px;top:34px}
+.login-before .tb .m{float:left;text-align:center;padding-top:81px;width:85px}
+.login-before .tb .m .icons{background-position:-40px -29px;left:26px;top:35px}
+.login-before .tb .r{float:left;text-align:center;padding-top:81px;width:88px}
+.login-before .tb .r .icons{background-position:-81px -29px;left:27px;top:34px}
+.login-on{padding-bottom:20px}
+.login-on .th{border-bottom:1px #ececec solid;padding-top:11px;line-height:30px}
+.login-on .th em{padding:0 10px;color:#ececec}
+.login-on .tb{height:157px}
+.login-info{padding-top:19px}
+.login-info .oh{padding-left:19px;line-height:30px;height:70px}
+.login-info .pTitle{font-size:14px;padding-top:8px}
+.login-info .aMail{float:left;position:relative;padding-left:10px}
+.login-info .aMail .icons{width:22px;height:16px;background-position:-123px -29px;display:block;margin-top:10px}
+.login-info .aMail .cNum{background:#f44;font-size:12px;border-radius:100%;padding:0 5px;height:16px;line-height:16px;color:#fff;position:absolute;left:30px;top:8px}
+.login-info .pGold em{margin:0 8px}
+.login-on-b{margin-top:16px}
+.login-on-b span{width:88px;float:left;height:30px;border-right:1px #ececec solid;text-align:center;line-height:18px}
+.login-on-b span em{font-weight:700;display:block;font-size:14px}
+.login-on-b span.r{border-right:none;width:85px}
+.aGrayBtn{width:70px;height:25px;line-height:25px;background:#f8f8f8;float:right;text-align:center;margin-top:17px;transition:all 0.15s ease-in;-o-transition:all 0.15s ease-in;-ms-transition:all 0.15s ease-in;-webkit-transition:all 0.15s ease-in;-moz-transition:all 0.15s ease-in}
+.aGrayBtn:hover{background:#ff4444;color:#fff}
+.QAcon2 .pTitle .icons{width:18px;height:18px;background-position:-234px -29px;float:left;margin:5px 11px 0 0}
+.QAcon2 .pIntro{color:#333;font-size:12px;margin-top:10px}
+.QAcon2 .pIntro .l{float:left;color:#999}
+.QAcon2 .pIntro .t{overflow:hidden;zoom:1;display:block;line-height:22px}
+#Jslide .lBox-th{height:55px;overflow:hidden}
+.lUlList li:hover,.lUlList li.hover{background-color:#fcfcfc}
+.QA-New{margin:0 -20px}
+.QA-New li{padding:0 20px;zoom:1}
+.QA-New li .pA{border-bottom:1px #ececec dashed}
+.secCont .QA-New li{padding:0px;margin:0 20px;padding-bottom:19px;border-bottom:1px #ececec dashed}
+.secCont .QA-New li .pInfo{padding-bottom:0;}
+.secCont .QA-New li .pA{border-bottom:none;padding-bottom:0;}
+.QA-New li:hover{background:#fcfcfc}
+.QA-New li.last .pA{border-bottom:none}
+.QA-New .pQ{position:relative;padding-top:13px;font-size:18px;height:34px;overflow:hidden;line-height:34px;padding-left:41px}
+.QA-New .pQ a{float:left}
+.QA-New .pQ .icons{overflow:hidden;position:absolute;top:22px;left:0;width:27px;height:17px;background-position:-149px -29px;_background-position:-149px -28px}
+.QA-New .pQ em{font-size:12px}
+.QA-New .pA{zoom:1;position:relative;font-size:12px;line-height:40px;padding-bottom:8px;padding-left:42px}
+.QA-New .pA .icons{position:absolute;left:-2px;top:12px;width:27px;height:15px;background-position:-149px -46px}
+.QAview .PicTxt .oh{position:relative}
+.QAview .PicTxt .pTitle{font-size:18px}
+.QAview .PicTxt .pTxt{font-size:12px;padding-top:3px;padding-bottom:11px;border-bottom:1px #ececec dashed;height:40px;overflow:hidden}
+.QAview .PicTxt .pTxt em{font-size:12px;font-weight:700}
+.QAview .PicTxt .pIntro{padding-top:11px}
+.QAview .PicTxt .pIntro .zjName{background-position:0 3px;}
+.QAview .PicTxt .pIntro span{float:left;margin-right:27px}
+.QAview .PicTxt .pMore{bottom:10px}
+.QAview .QAview-New{border-top:1px #ececec dashed;margin-top:10px;padding-top:8px;padding-bottom:11px}
+.QAview .QAview-New li{float:left;width:290px;font-size:14px;line-height:34px;padding-left:20px;background-position:-302px -27px}
+.QA-professorQa .ulList{padding-top:5px;font-size:12px;}
+.QA-professorQa .ulList li{margin-bottom:5px}
+.QA-professorQa .ulList li a{display:block;padding:0 10px 4px}
+.QA-professorQa .ulList li a:hover{background:#f8f8f8;}
+.QA-professorQa .ulList .pQ{background:url(x.png) no-repeat 0 -169px;padding-left:25px;height:32px;line-height:32px;overflow:hidden}
+.QA-professorQa .ulList .pA{padding-left:25px;background-position:-288px -96px}
+.QA-professorQa .ulList .pTxt{line-height:22px;margin-top:-3px;color:#999}
+.QA-professorQa .ulList2{padding:10px 0}
+.QA-professorQa .ulList2 li{background-position:-302px -28px;padding-left:10px;width:121px;line-height:30px;height:30px;overflow:hidden;float:left}
+.QA-professorQa .aMore{font-size:12px;display:block;text-indent:75px;height:26px;line-height:26px;background:#f8f8f8 url(x.png) no-repeat 175px -137px;color:#666;border-bottom:1px solid #ccc}
+.QA-professorQa .aMore:hover{background:#f1f1f1 url(x.png) no-repeat 175px -137px;color:#666}
+.QA-professor .rBox-th .submark{width:62px;text-align:center;position:relative;margin-top:6px}
+.QA-professor .rBox-th .submark .slide-btn{position:absolute;width:18px;height:21px;background:none;}
+.QA-professor .rBox-th .submark .slide-btn em{width:4px;height:7px;position:absolute;top:7px}
+.QA-professor .rBox-th .submark .slide-prev{left:0px}
+.QA-professor .rBox-th .submark .slide-prev em{background-position:-214px -29px;left:0}
+.QA-professor .rBox-th .submark .slide-next{right:0px}
+.QA-professor .rBox-th .submark .slide-next em{background-position:-220px -29px;right:0}
+.QA-professor .rBox-tb{width:263px;height:200px;overflow:hidden}
+.QA-professor .ulList{width:273px;font-size:12px;}
+.QA-professor .ulList li{float:left;margin:20px 11px 0 0}
+.QA-professor .ulList a{display:block;position:relative;width:80px;height:80px}
+.QA-professor .ulList a em{position:absolute;text-align:center;left:0;width:80px;bottom:0;height:21px;line-height:21px;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCFFFFFF',endColorstr='#CCFFFFFF');background-color:rgba(255,255,255,0.8);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;color:#333}
+.QA-professor .ulList a i{display:none;}
+.QA-professor .ulList a:hover{zoom:1}
+.QA-professor .ulList a:hover i{display:block;line-height: 18px;}
+.QA-professor .ulList a:hover span{display:none;}
+.QA-professor .ulList a:hover em{height:80px;line-height:80px}
+.QA-week .rBox-th .submark{margin:6px 10px 0 0}
+.QA-video .ulList{padding-top:20px;width:276px}
+.QA-video .ulList li{float:left;width:125px;margin-right:13px;line-height:30px;margin-bottom:9px}
+.QA-video .ulList li i{display:block;padding-left:16px;background-position:-295px 9px}
+.QA-intf .slide-con{height:600px;overflow:hidden}
+/*add kuaiwen youhua by zhangyaru 20160725*/
+.newQA-inft .newQA-intf-tb{height:498px;overflow:hidden}
+.newQA-intf-tb li a{display: block;font: 13px/50px \5FAE\8F6F\96C5\9ED1;border-bottom: 1px #ededed dashed;margin-top: -1px;height: 50px;padding-left: 25px;background: url("//www1.pcbaby.com.cn/2014/channel/images/rePoint.png") no-repeat 15px 24px;overflow: hidden;float: none;}
+
+.jh-titles{width: 576px;padding-left: 47px;}
+.jh-titles a{display: inline-block;padding-right: 40px;padding-left: 10px; height: 24px;overflow: hidden; background-image: url("//www1.pcbaby.com.cn/2014/kw/images/Pic.png");
+ _background-image: url("//www1.pcbaby.com.cn/2014/kw/images/Pic_ie.png");background-repeat: no-repeat;background-position: -302px -34px; color: #999;}
+.jh-titles a.last{padding-right: 0;}
+.jh-titles a:hover{color: #ff4444;}
+/*end*/
+.baike{background:#f3f3f3;margin-top:18px;padding-bottom:30px}
+.baike .th{background:url(//www1.pcbaby.com.cn/2014/index/deshed.png) repeat-x 0 46px #f8f8f8;height:47px;line-height:47px}
+.baike .th a{display:inline;float:left;width:90px;text-align:center;overflow:hidden;font-size:16px;line-height:46px}
+.baike .th a.current{color:#f33;border-bottom:2px solid #f33;height:45px}
+.baike .aLinks{padding-top:18px;overflow:hidden}
+.baike .aLinks span{float:left;width:165px;text-align:center;color:#333;line-height:32px;height:32px}
+.baike .aLinks span a{padding:0 5px;line-height:20px;height:20px;overflow:hidden;border:1px solid #f3f3f3}
+.baike .aLinks span a:hover{border:1px solid #999;color:#666;border-radius:10px}
+.seo{background:#f3f3f3}
+.seo .th{height:34px;background:url(//www1.pcbaby.com.cn/2014/index/deshed.png) repeat-x 0 33px}
+.seo .th .seoContr{width:664px}
+.seo .th .editContr{background-color:#f3f3f3;padding-left:30px;height:34px}
+.seo .th span{float:left;display:inline;width:96px;height:33px;line-height:33px;text-align:center;cursor:pointer;border-bottom:1px solid #cbcbcb}
+.seo .th span.current{border-bottom:1px solid #ff4444;background:#f3f3f3;color:#f33;width:96px}
+.seo .links{line-height:21px}
+.seo .txt{padding:10px 0}
+.seo .txt li{display:inline;width:234px;margin-right:70px;margin-left:10px;font-size:12px;background:url(x.png) no-repeat 0 10px;line-height:22px;height:22px;overflow:hidden;padding-left:10px}
+.seo .txt li.fr{margin-right:0}
+.seo .links p{padding:10px 0 10px 4px}
+.seo .links span{float:left;margin-left:-71px;width:71px;background:url(x.png) no-repeat 55px -39px}
+.seo .links a{display:inline-block;margin:0 10px;color:#333}
+.seo .links a:hover{color:#666}
+.seo .c{width:654px;padding-left:10px}
+.seo .edit-tb{width:274px;padding-right:8px;padding-top:10px}
+.seo .edit-tb p{line-height:20px}
+.qaList{padding:0}
+.qaList-t{padding:20px 20px 0;background:#f8f8f8;border-bottom:1px #ececec solid}
+.qaList-t span{float:left;width:20%;padding-bottom:11px;white-space:nowrap;overflow:hidden;height:22px;}
+.qaList-t span a{display:inline-block;padding:0 7px;height:22px;line-height:22px}
+.qaList-t span a.current{background:#f44;color:#fff}
+.qaList-nav{height:40px}
+.qaList .qaList-nav{margin:0 20px}
+.qaList-nav .toc{font-size:18px;line-height:40px;padding:0;width:130px;text-align:center}
+.qaList-nav .current{height:39px;line-height:40px}
+.qaList-ulList{padding:8px 0 20px}
+.qaList-ulList li{padding:0 20px}
+.qaList-ulList li a{display:block;zoom:1}
+.qaList-ulList li:hover{background:#fcfcfc}
+.qaList-ulList li.last .pAuthor{border-bottom:none;}
+.qaList-ulList .pQ{padding-top:17px;line-height:26px;font-size:18px;height:26px;overflow:hidden}
+.qaList-ulList .pQ .fr{font-size:12px;padding-left:20px;}
+.qaList-ulList .pQ .fr em{font-size:14px;padding-right:5px}
+.qaList-ulList .pAuthor{padding-bottom:18px;border-bottom:1px #ececec dashed}
+.qaList-ulList .pAuthor span{float:left;margin-right:20px;color:#999}
+.serch-head{font-size:14px;line-height:40px}
+.search-content{width:623px;overflow:hidden}
+.search-content .ulList{padding-top:20px;width:644px}
+.search-content .ulList li{float:left;width:140px;margin-right:21px;line-height:30px;margin-bottom:20px}
+.search-content .ulList li i{display:block;padding-left:16px;background-position:-295px 9px}
+.search-empty{width:464px;margin:25px auto 40px}
+.search-empty .pTitle{font-size:18px;line-height:28px}
+.search-empty .pSub{margin-top:20px}
+.search-empty .pForm{margin-top:8px}
+.search-empty .pForm .inp{float:left;padding:0 10px;height:40px;line-height:40px;width:339px;border:1px #ececec solid;border-radius:4px;margin-right:5px;*margin:0}
+.search-empty .pForm .aBtn{width:98px;height:42px;line-height:42px;text-align:center;font-size:18px}
+.search-empty .dTips{margin-top:40px;background:#f8f8f8;padding:15px 20px}
+.search-empty .dTips a:hover{text-decoration:underline}
+.secCont{margin-top:15px}
+.secCont .lBox{padding:0}
+.secCont .lBox-th{height:48px;padding:0 20px;border-bottom:1px #ececec solid}
+.secCont .lBox-th .mark{font-size:18px;line-height:48px}
+.secCont .lBox-tb{padding:0 20px}
+.secCont .QA-New{margin-bottom:30px}
+.secCont .QA-New .pQ{padding-top:21px;height:auto;zoom:1;}
+.secCont .QA-New .pQ .fr{white-space:nowrap;}
+.secCont .QA-New .pQ a{float:none;_float:left;}
+.secCont .QA-New .pQ .icons{top:30px;*background-position:-149px -28px;_overflow:hidden;*top:28px;}
+.secCont .QA-New .pA{padding-top:9px;height:auto;line-height:22px}
+.secCont .pA .icons{}
+.secCont .pInfo{line-height:32px;padding-bottom:11px}
+.secCont .pInfo em,.secCont .pInfo .sAuthor,.secCont .pInfo .sTime,.secCont .pInfo a{float:left;color:#999;}
+.secCont .pInfo a{color:#333;}
+.secCont .pInfo a.zjName{background-position:0 10px;}
+.secCont .pInfo a:hover{color:#f44;}
+.secCont .sAuthor{position:relative;padding-left:0px;margin-right:13px}
+.secCont .sAuthor em{margin-right:8px}
+.secCont .sAuthor .icons{display:none;}
+.secCont .sTime{position:relative;padding-left:15px}
+.secCont .sTime .icons{width:12px;height:12px;background-position:-234px 0;left:0;top:10px}
+.professor-list{margin-top:15px}
+.professor-list .th{padding-top:12px;height:35px;line-height:35px;margin:0 20px;border-bottom:1px #ececec solid;font-size:18px}
+.professor-list .th a{float:left;padding:0 19px}
+.professor-list .th a.current{color:#f44}
+.professor-list .th .sub{float:left;padding-top:2px;line-height:32px}
+.professor-list .th .sub a{font-size:14px;padding:0 13px;position:relative}
+.professor-list .th .sub a.current{border-bottom:2px #f44 solid}
+.professor-list .ulList{margin-bottom:20px}
+.professor-list .ulList li{zoom:1;padding:20px;position:relative}
+.professor-list .ulList li.first{padding-top:30px}
+.professor-list .ulList li:hover{background:#fcfcfc}
+.professor-list .ulList li .oh{padding-left:20px;height:120px;overflow:hidden}
+.professor-list .ulList li .oh .pName{vertical-align:middle;}
+.professor-list .ulList li .oh .sName{line-height:20px;font-size:18px;float:left;margin-right:20px}
+.professor-list .ulList li .oh .sTitle{float:left;color:#666;font-size:14px}
+.professor-list .ulList li .oh .sPro{background-position:-290px -56px;padding-left:20px;}
+.professor-list .ulList li .oh .pSkill{font-size:14px;color:#999;padding-top:2px}
+.professor-list .ulList li .oh .pSkill em,.professor-list .ulList li .oh .pSkill i{float:left}
+.professor-list .ulList li .oh .pSkill i{padding:0 5px}
+.professor-list .ulList li .oh .pTxt{width:550px;padding-top:11px;line-height:21px;color:#999}
+.professor-list .ulList li .oh .aBtn{position:absolute;width:115px;height:38px;border:1px #ececec solid;font-size:18px;text-align:center;background:#fff;line-height:38px;border-radius:3px;right:49px;top:50%;margin-top:-19px;color:#f44;}
+.professor-list .ulList li .oh .aBtn:hover{color:#fff;background:#f44}
+.professor-list .ulList li .pLine{border-bottom:1px #ececec dashed;width:958px;position:absolute;bottom:0px;left:0}
+.qaHelp{margin-top:15px;padding:5px}
+.qaHelp .help-side .help-side-fix{position:fixed;top:0;_position:absolute;_top:expression(eval(document.documentElement.scrollTop))}
+.qaHelp .help-side-tit{font-size:26px;line-height:26px;background-position:0 -71px;padding-left:31px;white-space:nowrap;}
+.qaHelp .help-side-list{margin-top:11px}
+.qaHelp .help-side-list li,.navList-ul li{background-position:9px -129px}
+.qaHelp .help-side-list li.first,.navList-ul li.first{background-position:9px -97px}
+.qaHelp .help-side-list li.last,.navList-ul li.last{background-position:9px -161px}
+.qaHelp .help-side-list a,.navList-ul a{font-size:14px;line-height:32px;text-decoration:none;padding-left:29px;display:block;height:32px}
+.qaHelp .help-side-list a:hover,.navList-ul a:hover{color:#ff4444;text-decoration:none;background-position:9px -193px}
+.qaHelp .help-content{padding:20px 15px 5px 25px}
+.area{padding-bottom:20px;border-bottom:1px #f2f2f2 dashed;margin-bottom:22px}
+.area .area-tit{font-size:22px;line-height:22px;font-weight:400;color:#ff4444;margin-bottom:15px}
+.area .area-cont{font-size:14px;line-height:26px;color:#666}
+.area .area-cont em{font-weight:700;display:block;margin-top:10px}
+.area h4{font-size:16px;margin:10px 0;font-weight:400;color:#333}
+.area.p11{border-bottom:none;padding-bottom:0px;margin-bottom:0}
+.qa-pro-info{padding:5px;margin-top:15px}
+.qa-pro-info .dName{border-bottom:1px #ececec dashed;padding-bottom:25px}
+.qa-pro-info .dName i{display:block;text-align:center;font-size:14px;line-height:14px}
+.qa-pro-info .dName i.iName{font-size:18px;margin-top:17px;line-height:32px;padding-left:0;background:none;}
+.qa-pro-info .dName i.iName em{background-position:0 10px;display:inline-block;}
+.qa-pro-info .dInfo{line-height:22px;padding:19px 0 22px;color:#666;font-size:14px}
+.qa-pro-info .dInfo span{color:#333}
+.qa-pro-info .aBtn{height:38px;line-height:38px;font-size:18px}
+.qa-pro-info .oh{padding:10px 25px}
+.qa-pro-info .area{border-bottom:1px #ececec solid}
+.qa-pro-info .area-th{height:40px;line-height:40px}
+.qa-pro-info .area-th .mark{font-size:20px;color:#f44;font-weight:400}
+.qa-pro-info .area-th .submark{border-bottom:1px #ececec solid;height:30px;line-height:30px}
+.qa-pro-info .area-th .submark .toc{font-size:14px;padding:0 10px;float:left;height:29px;position:relative}
+.qa-pro-info .area-th .submark .toc.current{border-bottom:2px #f44 solid;color:#f44;padding:0 15px}
+.qa-pro-info .PicList{width:668px;_width:665px;overflow:hidden}
+.qa-pro-info .PicList .ulList{padding-top:10px;width:694px}
+.qa-pro-info .PicList .ulList li{width:320px;margin-right:27px;float:left;line-height:30px;margin-bottom:13px}
+.qa-pro-info .PicList .ulList li i{display:block;padding-left:22px;background-position:0px -227px}
+.qa-pro-info .area-cont{line-height:24px}
+.qa-pro-info .area-cont p{padding-bottom:6px}
+.qa-pro-info .area-cont .QA-New{margin-top:-8px;margin-bottom:30px}
+.qa-pro-info .area-cont .pQ{zoom:1;height:auto;overflow:inherit;padding-top:21px}
+.qa-pro-info .area-cont .pQ-tit{height:34px;overflow:hidden;display:block;float:none}
+.qa-pro-info .area-cont .pQ .icons{top:30px}
+.qa-pro-info .area-cont .pA .icons{top:11px}
+.qa-pro-info .area-cont .pA{color:#666;padding-bottom:19px}
+.qa-pro-info .area-cont .pTxt{line-height:22px;padding-top:9px}
+.qa-pro-info .area-cont .pQ-asker{font-size:12px;line-height:16px;color:#999}
+.qa-pro-info .area-cont .pQ-asker i{margin-right:15px}
+.ask-con1{text-align:center;height:364px}
+.ask-con1 img{margin:30px 0 13px}
+.ask-con1 img.ask-zj{border-radius:100%}
+.ask-con1 .pTxt{font-size:14px;line-height:30px}
+.ask-con1 .dBtn{margin-top:25px}
+.ask-con1 .aBtn{width:115px;height:31px;line-height:31px;border:1px #ececec solid;font-size:14px;margin:0 15px}
+.QA-tw .lBox{padding:0 30px}
+.QA-tw .lBox-th{height:65px;line-height:65px;border-bottom:1px #ececec dashed}
+.QA-tw .lBox-th .mark{position:relative;padding-left:40px;color:#333;line-height:65px}
+.QA-tw .lBox-th .mark .red{padding:0 2px}
+.QA-tw .lBox-th .mark .icons{background-position:0 -71px;width:26px;height:26px;position:absolute;left:0px;top:20px}
+.QA-tw .tw-zj{margin:20px 0 24px}
+.QA-tw .tw-zj img{border-radius:100%}
+.QA-tw .tw-zj .oh{height:50px;padding-left:16px;font-size:14px}
+.QA-tw .tw-zj .oh em{font-weight:700}
+.QA-tw .tw-zj .oh i{margin-left:5px}
+.QA-tw .tw-form{font-size:14px;line-height:30px}
+.QA-tw .tw-form dt{width:80px;float:left;text-align:right;position:absolute}
+.QA-tw .tw-form dd{padding:0 0 20px 80px}
+.QA-tw .tw-form .inp{width:512px;height:28px;padding:0 5px;line-height:28px;font-size:12px;border:1px #ddd solid}
+.QA-tw .tw-form .textarea{width:512px;height:287px;padding:5px;resize:none;overflow:hidden;display:block;font-size:12px;border:1px #ddd solid}
+.QA-tw .tw-form .updatePic{width:80px;cursor:pointer;padding-left:24px;background-position:0 -263px;display:block;}
+.QA-tw .tw-form .hideName{position:relative;width:83px}
+.QA-tw .tw-form .hideName label{float:left}
+.QA-tw .tw-form .hideName input{top:10px;*top:6px;position:absolute}
+.QA-tw .tw-form .sel{margin-right:5px;float:left}
+.QA-tw .tw-form .emTips{float:left;margin:2px 0 0 5px;white-space:nowrap}
+.QA-tw .tw-form .inp-yzm{width:125px;float:left;height:28px;margin-right:8px}
+.QA-tw .tw-form .inp-yzm-channge{margin-left:8px;font-size:12px}
+.QA-tw .tw-form .DupdatePic{position:relative}
+.QA-tw .tw-form .DupdatePic .textarea{height:156px;margin-bottom:131px}
+.QA-tw .tw-form .DupdatePic .DupdatePic-dk{position:absolute;width:492px;padding:15px;background:#f2f2f2;border:1px #ccc solid;bottom:20px;left:80px}
+.QA-tw .tw-form .DupdatePic .DupdatePic-dk .aBtn{width:44px;height:25px;line-height:25px;background:#fff;border:1px #ccc solid;text-align:center;margin-left:20px}
+.QA-tw .dBtn{margin-top:10px;margin-bottom:30px;text-align:center}
+.QA-tw .aBtn-M{width:128px;padding:0;text-align:center}
+.QA-tw .rBox-tb{max-height:680px}
+.QA-tw .QA-professorQa li{margin-bottom:0px;border-bottom:1px #ececec dashed;padding-top:5px;}
+.QA-tw .QA-professorQa li.last{margin-bottom:5px;border-bottom:none}
+.QA-tw .QA-professorQa li:hover{background:#f8f8f8}
+.QA-tw .QA-professorQa li a:hover i{color:#f44}
+.QA-tw .QA-professorQa .pQ{}
+.QA-tw .QA-professorQa .pA{color:#666}
+.QA-tw .QA-professorQa .pA a{display:inline;padding:0}
+.QA-tw .QA-professorQa .dZt a{display:block;padding:17px 0 20px 12px}
+.QA-tw .QA-professorQa .dZt a img{border-radius:100%}
+.QA-tw .QA-professorQa .dZt a .dZt-info{color:#999;overflow:hidden;zoom:1;padding-left:17px}
+.QA-tw .QA-professorQa .dZt a .dZt-info span{display:block}
+.QA-tw .QA-professorQa .dZt a .dZt-info span.gray{color:#666;}
+.QA-tw .QA-professorQa .dZt a .dZt-info .f14{font-size:14px;color:#333;}
+.QA-tw .QA-professorQa .dZt a:hover .dZt-info .f14{color:#f44;}
+.QA-tw .QA-professorQa .dZt a .dZt-info em{padding-right:5px}
+.QA-tw .QA-professorQa .dZt a .dZt-info i{}
+.QA-tw .QA-professorQa .aMore{margin-bottom:25px}
+.twTips{display:block;margin:54px auto 615px;}
+.reChoice{padding-top:10px;}
+.reChoice .aBtn{height:30px;width:100px;text-align:center;font-size:14px;}
+.reChoice span{padding-left:7px;font-size:12px;}
+.QR{height:100px;background:#f3f3f3}
+.QR .oh{padding-left:6px;line-height:30px}
+.QR .oh p{font-size:16px;padding-top:15px}
+.wt-box{padding:20px}
+.wt-PicTxt dt{float:left}
+.wt-PicTxt dt img{border-radius:100%}
+.wt-PicTxt dd{padding-left:47px}
+.wt-PicTxt .wt-PicTxt-Name{font-size:14px;line-height:36px}
+.wt-PicTxt .wt-PicTxt-Name .aName{float:left;margin-right:10px}
+.wt-PicTxt .wt-PicTxt-Name i{font-size:12px;color:#999;float:left;margin-left:10px}
+.wt-PicTxt .wt-PicTxt-Name i a{font-size:14px;}
+.wt-PicTxt .wt-PicTxt-Name i a:hover{color:#f44;}
+.wt-PicTxt .wt-PicTxt-Name .fr i{margin-right:10px}
+.wt-PicTxt .wt-PicTxt-Title{font-size:16px;line-height:28px;padding:6px 0;margin-top:8px;margin-bottom:2px; word-wrap: break-word;word-break: break-all; }
+.wt-PicTxt .wt-PicTxt-Txt{color:#666;line-height:22px;zoom:1;margin-bottom:6px;word-break:break-all;}
+.wt-PicTxt .wt-PicTxt-Txt .linkWordClass{color:#666;}
+.wt-PicTxt .wt-PicTxt-Txt .linkWordClass:hover{text-decoration: underline;}
+.wt-PicTxt .wt-PicTxt-Add{margin-top:13px;padding-bottom:5px;margin-bottom:5px}
+.wt-PicTxt .wt-PicTxt-Add a{padding-left:23px;float:left;background-position:0px -302px}
+.wt-PicTxt .wt-textarea{position:relative;margin-bottom:15px;zoom:1;}
+.wt-PicTxt .wt-textarea .textarea{width:564px;height:68px}
+.wt-PicTxt .wt-textarea .icons{left:40px;top:-6px;width:12px;height:7px;position:absolute;background-position:-258px -54px}
+.wt-PicTxt .wt-textarea .icons-right{left:547px;_top:-5px}
+.wt-PicTxt .wt-textarea-after{margin-top:15px;padding-top:15px;border-top:1px #ececec dashed;position:relative;margin-bottom:6px;}
+.wt-PicTxt .wt-textarea-after .th em{font-weight:700;margin-right:15px}
+.wt-PicTxt .wt-textarea-after .tb{color:#666;line-height:22px}
+.wt-PicTxt .wt-textarea-after .textarea{margin-top:12px;width:564px;height:68px}
+.wt-PicTxt .wt-textarea-after .icons{left:80px;top:42px;width:12px;height:7px;position:absolute;background-position:-258px -54px}
+.wt-PicTxt .wt-PicTxt-B{margin-top:18px}
+.wt-PicTxt .wt-PicTxt-B #bdshare a{text-indent:-9999px}
+.wt-PicTxt .wt-PicTxt-B .wt-dBtn{float:right;padding-top:3px}
+.wt-PicTxt .wt-PicTxt-B .wt-dBtn .aBtn{width:60px;height:24px;text-align:center;line-height:24px;float:left;margin-left:10px;color:#fff;font-size:12px;padding:0;border:none}
+.wt-PicTxt .wt-PicTxt-B .wt-dBtn .aBtn:hover{color:#fff;background:#ef1818}
+.wt-PicTxt .wt-PicTxt-B .bdshare-button-style0-16 a{width:20px;height:20px;padding:0;background:url(//www1.pcbaby.com.cn/2014/kw/images/bd-Icons.png) no-repeat;margin:6px 9px 0 0}
+.wt-PicTxt .wt-PicTxt-B .bds_weixin{display: none!important}
+.wt-PicTxt .wt-PicTxt-B .bds_qzone{background-position:0 0!important}
+.wt-PicTxt .wt-PicTxt-B .bds_tsina{background-position:-29px 0!important}
+.wt-PicTxt .wt-PicTxt-B .bds_tqq{background-position:-58px 0!important}
+.wt-PicTxt .wt-PicTxt-B .bds_more{background-position:-87px 0!important}
+.wt-PicTxt .wt-PicTxt-B .dFavorite{float:right;padding-top:2px}
+
+.wt-wd .wt-PicTxt .wt-PicTxt-Name i{margin:0 10px 0 0}
+.wt-wd .wt-PicTxt .wt-PicTxt-Name .fr{font-size:12px}
+.wt-wd .wt-PicTxt dt{padding-top:20px}
+.wt-wd .wt-PicTxt dd{padding-top:20px;padding-bottom:20px;border-bottom:1px #ececec dashed}
+.wt-wd .wt-PicTxt dd.last{border-bottom:none}
+.wt-wd .wt-PicTxt .aBtn{padding:0 7px;height:28px;font-size:14px;line-height:28px;border:1px #ececec solid;color:#f44}
+.wt-wd .wt-PicTxt .aBtn:hover{background:#f44;color:#fff;border-color:#f44}
+.wt-wd .wt-PicTxt .wt-PicTxt-Txt{margin-top:10px;position:relative;background:#f8f8f8;padding:10px 15px;border-radius:4px;color:#333;word-break:break-all;font-size:14px;}
+.wt-wd .wt-PicTxt .linkWordClass{color:#333;}
+.wt-wd .wt-PicTxt .wt-PicTxt-Txt a:hover{text-decoration:underline;}
+.wt-wd .wt-PicTxt .wt-PicTxt-Txt .icons{background-position:-241px -56px;width:10px;height:5px;position:absolute;left:8px;top:-5px}
+.wt-xgwd .lBox-tb{padding-bottom:20px}
+.wt-xgwd .th{font-size:18px;color:#f44;line-height:34px;margin-top:12px}
+.wt-xgwd li{line-height:32px}
+.wt-xgwd li .fr{color:#999}
+.wt-xgwd .aFrBtn{color:#999;margin-left:16px}
+.wt-xgwd .aFrBtn:hover{color:#f44}
+.wt-xgwd .wt-xgwd-tbT{padding-bottom:12px;border-bottom:1px #ececec dashed}
+.lBox-List2-tb{width:623px;overflow:hidden;padding:11px 0 5px}
+.lBox-List2-tb .ulList{width:700px}
+.lBox-List2-tb .ulList li{float:left;width:331px;padding-bottom:9px}
+.lBox-List2-tb .aPointLink{background-position:-302px -32px}
+.wt-intf .lBox-th2{height:40px}
+.wt-intf .lBox-th2 .toc{font-size:18px;line-height:40px}
+.wt-intf .lBox-th2 .current{height:39px}
+.aPointLink{float:left;font-size:14px;background-position:-302px -27px;padding-left:10px}
+.wt-bestAns{margin:17px -20px 0;padding:0 20px;border-top:1px #ececec solid}
+.wt-bestAns .th{font-size:18px;color:#f44;line-height:20px;margin-top:19px}
+.wt-bestAns .wt-PicTxt dd{border-bottom:none;padding-bottom:0}
+.wt-hd{padding:14px 0}
+.wt-hd .textarea{width:564px;height:68px}
+.wt-hd .emTips{height:auto;margin-top:12px;line-height:20px;padding:4px 5px 4px 7px;}
+.wt-hd .wt-hd-B{margin:20px 0 0;line-height:30px;font-size:14px}
+.wt-hd .wt-hd-B .inp{width:125px;height:28px;padding:0 5px;line-height:24px;font-size:12px;border:1px #ddd solid;margin-right:8px}
+.wt-hd .wt-hd-B img{margin-right:8px}
+.wt-hd .wt-hd-B .aBtn{width:95px;height:30px;line-height:30px;text-align:center}
+.wt-wdhd .wt-textarea{margin-top:8px}
+.head-favorite{display:inline-block;width:47px;line-height:25px;height:25px;background:url(//www1.pcbaby.com.cn/2014/kw/images/fav.png) no-repeat;padding-left:23px;padding-right:8px;text-align:center;color:#999;position:relative}
+.head-favorite:hover{background-position:0 -25px;}
+.head-favorite em{position:absolute;width:15px;height:15px;background:url(//www1.pcbaby.com.cn/2014/channel/images/0901pic.png) no-repeat 0 -23px;_background:url(//www1.pcbaby.com.cn/2014/channel/images/0901pic_ie.png) no-repeat 0 -23px;left:13px;top:5px}
+.head-favorite:hover em{background-position:-16px -23px}
+.head-favorite-after,.head-favorite-after:hover{color:#999;cursor:default;}
+.head-favorite-after em,.head-favorite-after:hover em{color:#999;background-position:-32px -23px}
+.dk-form .inp{height:32px;border:1px #ccc solid;width:100%;text-indent:7px}
+.dk-form .aBtn{border:none;border-radius:3px;display:inline-block;text-align:center;cursor:pointer}
+.dk-form .aBtn.aBtn-Red{background:#f44;color:#fff}
+.dk-form .aBtn.aBtn-Red:hover{background:#ef1718;color:#fff}
+.dk-form .aBtn.aBtn-Db{width:100%;font-size:18px;height:38px;line-height:38px}
+.dk-form.dlForm{padding:20px 77px 20px 66px;font-size:14px;line-height:32px}
+.dk-form.dlForm .dT{width:50px;float:left}
+.dk-form.dlForm .dO{padding-left:50px;padding-bottom:20px}
+.dk-form.dlForm .dlForm-wj{margin-top:-10px;font-size:12px;padding-bottom:10px}
+.dk-form.dlForm .dlForm-wj .fl input{float:left;margin:9px 3px 0 0}
+.dk-form.dlForm .dBtn{padding-bottom:10px}
+.dk-form.form{padding:20px}
+.dk-form.form .uploadbox{height:32px;position:relative;overflow:hidden}
+.dk-form.form .uploadbox .upinfo{width:262px;height:30px;float:left;display:block;margin-right:5px;padding: 0;}
+.dk-form.form .upfile{position:absolute;top:0px;left:0px;height:32px;opacity:0;filter:alpha(opacity=0);width:351px;cursor:pointer;border:none;background:none;font-size:70px}
+.dk-form.form .aBtn{width:84px;height:32px;line-height:32px;float:left;margin-right:5px;font-size:14px}
+.dk-form.form .mr0{margin-right:0}
+.dk-form.form .dCon{margin-top:20px}
+.dk-form.form .dCon em{font-weight:700}
+.Author{*zoom:1;}
+.Author:before,.Author:after{content:"";display:table;}
+.Author:after{clear:both;}
+.qzxy-video .qzxy-video-title em{content:"";height:0;width:0;overflow:hidden;}
+.navList-th,.QA-qzxy-List .pVideoTitle,.qzxy-video .authorIntro .pIntro,.qzxy-video-info .info-more a,.qzxy-wd-T .pQ,.qzxy-wd-T .pA,.qzxy-xgsp li .iVideoTitle{background:url(qzxyPic.png) no-repeat;}
+.imgCircle{border-radius:100%;}
+.QA-qzxy{overflow:hidden;}
+.QA-qzxy-nav{width:280px;border-right:1px #ececec solid;padding-bottom:9999px;margin-bottom:-9999px;}
+.navList{padding:10px 20px;border-bottom:1px #ececec solid;}
+.navList-th{cursor:pointer;height:40px;line-height:40px;background-position:230px 17px;}
+.current .navList-th{color:#f44;background-position:230px -11px;border-bottom:1px #ececec solid;}
+.current .navList-th .mark{border-bottom:2px #f44 solid;}
+.navList-th .mark{height:39px;line-height:39px;font-size:18px;}
+.navList-ul{display:none;padding-top:10px;}
+.current .navList-ul{display:block;}
+.navList-ul a{padding-left:21px;}
+.navList-ul a:hover{background-position:0px -193px;}
+.navList-ul li{background-position:0px -129px;}
+.navList-ul li.first{background-position:0px -97px;}
+.navList-ul li.last{background-position:0px -161px;}
+.Author i{font-size:14px;color:#999;float:left;margin-right:10px;}
+.QA-qzxy-List{padding-left:280px;padding-bottom:10px;}
+.QA-qzxy-List ul{margin-bottom:30px;}
+.QA-qzxy-List li{padding:0 30px;}
+.QA-qzxy-List .PicTxt{padding:30px 0;border-bottom:1px #ececec dashed;}
+.QA-qzxy-List .PicTxt .pTitle{margin-top:0px;font-size:18px;}
+.QA-qzxy-List .PicTxt .pTxt{padding-top:10px;font-size:14px;line-height:22px;}
+.QA-qzxy-List .PicTxt .Author{position:absolute;bottom:32px;left:330px;width:328px;}
+.QA-qzxy-List .pVideoTitle{padding-left:27px;background-position:0 -53px;}
+.QA-qzxyVideo .th{height:64px;line-height:64px;padding:0 30px;border-bottom:1px #ececec solid;}
+.QA-qzxyVideo .th .mark{font-size:24px;font-weight:400;}
+.QA-qzxyVideo .th .submark{_padding-top:19px;}
+.QA-qzxyVideo .tb{padding:20px 30px 30px;}
+.qzxy-video{height:395px;overflow:hidden;}
+.qzxy-video .oh{padding-left:25px;}
+.qzxy-video .qzxy-video-title{position:relative;height:30px;line-height:30px;background:#f8f8f8;text-align:center;font-size:16px;}
+.qzxy-video .qzxy-video-title em{position:absolute;left:50%;margin-left:-5px;bottom:-5px;border-top:5px solid #f8f8f8;border-left:5px dashed transparent;border-right:5px dashed transparent;}
+.qzxy-video .qzxy-video-text{margin-top:14px;font-size:14px;margin-bottom:15px;overflow:hidden;height:116px;}
+.qzxy-video .qzxy-video-author{border-top:1px #ececec dashed;padding-top:20px;}
+.qzxy-video .authorIntro{margin-top:7px;}
+.qzxy-video .authorIntro .pIntro{padding-left:20px;font-size:14px;background-position:0 -91px;line-height:36px;}
+.qzxy-video .authorIntro .pBtn{margin-top:10px;height:30px;}
+.qzxy-video .authorIntro .aBtn{width:92px;height:30px;line-height:30px;text-align:center;font-size:14px;float:right;}
+.qzxy-video-info{margin-top:20px;}
+.qzxy-video-info .info-th{line-height:40px;font-size:20px;color:#f44;}
+.qzxy-video-info .info-tb{line-height:24px;padding-top:13px;font-size:14px;}
+.qzxy-video-info .info-tb p{margin-bottom:20px;color:#666;}
+.qzxy-video-info .info-tb p.pInfo-Intro{color:#333;}
+.qzxy-video-info .info-tb p.pInfo-T{font-size:16px;color:#333;margin-bottom:8px;}
+.qzxy-video-info .info-more{background:#f8f8f8;height:40px;line-height:40px;text-align:center;}
+.qzxy-video-info .info-more a{padding-left:15px;font-size:14px;background-position:0 -177px;}
+.qzxy-video-info-show .info-more a{background-position:0 -241px;}
+.dAuthorPicTxt{overflow:hidden;}
+.dAuthorPicTxt .oh{padding-top:5px;padding-left:15px;}
+.qzxy-wd-T{border-bottom:1px #ececec dashed;}
+.qzxy-wd-T li{width:319px;height:220px;overflow:hidden;float:left;font-size:14px;}
+.qzxy-wd-T li a{display:block;height:190px;padding:20px 22px 10px 19px;}
+.qzxy-wd-T li a:hover{background:#fbfbfb;}
+.qzxy-wd-T li a:hover i{color:#f44;}
+.qzxy-wd-T .pQ{padding-left:32px;background-position:0 -277px;}
+.qzxy-wd-T .pA{padding-left:32px;background-position:-2px -336px;padding-top:6px;color:#333;}
+.qzxy-wd-T .pA span{font-size:12px;color:#999;}
+.qzxy-wd-B{padding-bottom:20px;padding-top:21px;}
+.qzxy-wd-B ul{width:279px;overflow:hidden;float:left;font-size:14px;padding-left:40px;}
+.qzxy-wd-B li{display:block;height:30px;line-height:30px;overflow:hidden;margin-bottom:2px;}
+.qzxy-xgsp{height:262px;position:relative;}
+.qzxy-xgsp .slide-btn{top:108px;}
+.qzxy-xgsp .slide-btnL{left:1px;}
+.qzxy-xgsp .slide-btnR{right:1px;}
+.qzxy-xgsp .slideCon{width:879px;position:absolute;left:40px;top:20px;height:227px;overflow:hidden;}
+.qzxy-xgsp .slideCon ul{width:918px;}
+.qzxy-xgsp .slideCon li{width:200px;float:left;margin-right:26px;}
+.qzxy-xgsp li{height:227px;}
+.qzxy-xgsp li a,.qzxy-xgsp li i{display:block;}
+.qzxy-xgsp li .iVideoTitle{padding-left:22px;font-size:14px;background-position:0 -134px;line-height:30px;margin-top:5px;}
+.qzxy-xgsp li .iVideoInfo{color:#999;}
+.slide-btn{background:url(slideBtn.png) no-repeat;width:24px;height:46px;position:absolute;z-index:10;}
+.slide-btn.slide-btnL{background-position:0 0;}
+.slide-btn.slide-btnL:hover{background-position:0 -47px;}
+.slide-btn.slide-btnR{background-position:-25px 0;}
+.slide-btn.slide-btnR:hover{background-position:-25px -47px;}
+.pcbaby-page span,.pcbaby-page a{padding:0 10px;}
+#floatBox{width:404px;overflow:hidden;}
+#floatBox-upPic{width:482px;overflow:hidden;}
+#valid_code{*border-left:1px #000 solid;*border-right:1px #000 solid;}
+.qaList-ulList-pb0{padding-bottom:0;}
+.wt-PicTxt .w500{max-width:500px;width:500px\9;}
+.secCont .qaList-ulList-pb0,.qa-pro-info .area-cont .qaList-ulList-pb0{margin-bottom:0;}
+.ivy990-tonglan2{margin-top:5px;}
+.ivy510{width:510px;display:inline-block;line-height:0;text-align:center;float:left;}
+.ivy510 img{padding-right: 0;}
+.ivy240{width:240px;display:inline-block;line-height:0;float:left;}
+.lzbd{float:left;display:inline;font-size:14px;line-height:24px;padding-top:1px;color:#666;margin-left:20px;}
+.lzbd img{padding-left:3px;}
+/* addBY zhangyaru app tuiguang kw */
+.QR-zj{text-align:center;padding-top:15px;}
+.QR-zj .QR-txt{line-height:32px;padding-bottom:15px;font-size:14px;}
+#floatBox-tips,#floatBox-tips2{width:350px;overflow:hidden;}
+#floatBox-tips{width: 480px;}
+#floatBox-tips .dCon{text-align:center;width:440px;margin-top:8px;}
+#floatBox-tips .pTit{font-size:18px;line-height:40px;}
+#floatBox-tips .ptips{color:#f44;line-height:50px;font-size:14px;}
+#floatBox-tips .aBtn{float:none;margin:0 8px;margin-bottom:8px;}
+#floatBox-tips2 .dCon{text-align:center;width:310px;margin-top:0px;}
+#floatBox-tips2 .pTit{height:52px;}
+#floatBox-tips2 .pTit .icons{height:52px;width:52px;display:inline-block;background:url(//www1.pcbaby.com.cn/2014/kw/images/tipsIcons.png) no-repeat;}
+#floatBox-tips2 .ptips{line-height:50px;font-size:14px;}
+#floatBox-tips2 .aBtn{float:none;margin:0 8px;margin-bottom:8px;}
+
+/*addBY YY nav*/
+.nav{border-top:none;}
+.nav .subNav a{width:115px;}
+.nav .subNav-more{width:115px;}
+.nav .subNav-more-ul{width:115px;}
+.nav .subNav-more-ul .subNav-more-li a{width:115px;}
+.nav .subNav-more-ul li a{padding-left:40px;width:75px;}
+.nav .subNav-more-ul li em{background-image:url(flPic.png);_background-image:url(//www1.pcbaby.com.cn/2014/cyt/images/flPic_ie.png);background-repeat:no-repeat;left:14px;top:7px;}
+.nav .subNav-more-ul .subNav-more-li1 em{background-position:1px 1px;width:20px;height:20px;}
+.nav .subNav-more-ul .subNav-more-li2 em{background-position:1px -65px;width:20px;height:20px;}
+.nav .subNav-more-ul .subNav-more-li3 em{background-position:-1px -132px;width:20px;height:20px;}
+.nav .subNav-more-ul .subNav-more-li4 em{background-position:1px -200px;width:20px;height:20px;}
+.nav .subNav-more-ul .subNav-more-li5 em{background-position:1px -264px;width:20px;height:20px;}
+.nav .subNav-more-ul .subNav-more-li6 em{background-position:1px -328px;width:20px;height:20px;}
+.nav .subNav-more-ul .subNav-more-li7 em{background-position:1px -390px;width:20px;height:20px;}
+.nav .subNav-more-ul .subNav-more-li8 em{background-position:1px -454px;width:20px;height:20px;}
+.nav .subNav-more-ul .subNav-more-li9 em{background-position:1px -518px;width:20px;height:20px;}
+.nav .subNav-more-ul .subNav-more-li1 a:hover em{background-position:1px -32px}
+.nav .subNav-more-ul .subNav-more-li2 a:hover em{background-position:1px -98px}
+.nav .subNav-more-ul .subNav-more-li3 a:hover em{background-position:-1px -166px;}
+.nav .subNav-more-ul .subNav-more-li4 a:hover em{background-position:1px -232px}
+.nav .subNav-more-ul .subNav-more-li5 a:hover em{background-position:1px -296px}
+.nav .subNav-more-ul .subNav-more-li6 a:hover em{background-position:1px -359px}
+.nav .subNav-more-ul .subNav-more-li7 a:hover em{background-position:1px -422px}
+.nav .subNav-more-ul .subNav-more-li8 a:hover em{background-position:1px -486px}
+.nav .subNav-more-ul .subNav-more-li9 a:hover em{background-position:1px -551px}
+.nav .subNav-more a{border-right: none;float: none;}
+
+
+/* 2015-04-13 add by lvmingwei 添加右侧百科知识 s*/
+.rBox-th .addtab{border-bottom:0;margin-right: 20px;cursor: pointer;}
+.rBox-th .current{border-bottom:2px solid #ff4444;}
+
+.bk-wrap{margin: 10px 0px 10px 0px;_height:96px;max-height: 96px;overflow: hidden;zoom: 1;}
+.bk-wrap li{width: 87px;height: 24px;line-height: 24px;float: left;_display: inline;text-align: left;}
+.bk-wrap a{display: inline-block;vertical-align: top;margin-left: 3px;padding: 0 5px;height: 20px;line-height: 20px;border:1px #fff solid;overflow: hidden;zoom: 1;}
+.bk-wrap a:hover{border:1px #acacac solid;border-radius: 10px;color: #333;}
+.kw-bk-wrap a{border: none;overflow: hidden;zoom: 1;}
+.kw-bk-wrap a:hover{border:none;color: #ff4444;}
+
+/* 2015-04-13 add by lvmingwei e*/
+
+/*2015-09-01 add by lvmingwei 添加二维码样式 s */
+.ad-left{width: 164px;height: 198px;overflow: hidden;zoom: 1;position:fixed; z-index:200;left:50%;top:50%;margin:-99px 0 0 -675px; ;_margin-top: 0;_position:absolute;_top:expression(documentElement.scrollTop+385);}
+.ad-leftbg{width: 100%;height: 100%;display:block;background: url('//www1.pcbaby.com.cn/2015/change/cd.png') 0 0 no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='//www1.pcbaby.com.cn/2015/change/cd.png');}
+.close-ad{position:absolute;right: 0;top: 0;font-size: 0;line-height: 0;overflow:hidden;zoom: 1;cursor: pointer;width: 30px;height: 30px;}
+/*2015-09-01 add by lvmingwei 添加二维码样式 e*/
+
+
+
+/*2015-05-14 add by zhengshaofan 增加推广位 s */
+.part_tgw {position: relative;padding: 20px;zoom:1;}
+.part_tgw .tab5-bg { width: 81px; height: 81px; position: absolute; top: -16px; right: -17px; background: url("//www1.pcbaby.com.cn/2014/cyt/images/icon_num1.jpg") no-repeat;}
+.part_tgw img.fl {border: 1px solid #ececec;margin-right: 20px;}
+.part_tgw .pTit { font-size: 18px; color: #ff4444; padding-bottom: 7px; line-height: 18px; }
+.part_tgw .ulTxt li { padding-left: 14px; line-height: 20px; margin-top: 5px; background: url(//www1.pcbaby.com.cn/2014/cyt/images/lPoint.png) 1px 8px no-repeat; }
+.part_tgw .dlTxt dt { width: 73px; background-color: #f8f8f8; padding: 2px 10px; margin: 10px 0px; }
+.part_tgw .dlTxt dd {color: #999;line-height: 18px;}
+.part_tgw .ewm {position: absolute;right: 23px;bottom: 22px;width: 112px;text-align: center;}
+.part_tgw .ewm img { width: 84px; height: 84px; display: block; margin: 0px auto 4px; }
+/*2015-05-14 add by zhengshaofan 增加推广位 e*/
+.ivy295 img, .ivy295 object, .ivy295 iframe{margin-bottom: 0;}
\ No newline at end of file
diff --git a/static/css/widescreen/css/x.png b/static/css/widescreen/css/x.png
new file mode 100644
index 0000000000000000000000000000000000000000..47186493f8cede98c4d8a209de3385c0645b25fd
Binary files /dev/null and b/static/css/widescreen/css/x.png differ
