@charset "utf-8";
/*
 * head 
*/
.head{ padding:70px 0 0 0; position: relative;}
/* adr */
.adr{ height:52px; line-height: 51px;}
.adr ul{}
.adr li{ float:left; color:#959595;}
.adr a{ color:#959595;}
.adr span{  color: #ff9d00; }

figure{ display:none;}

/* 分类导航 */
.classnav{ }
.classtype{ background-color:#f1f1f1; border-bottom:1px solid #dddddd;}

.classtype_left{ float:left; width: 64px; height: 49px; text-align: center; line-height: 54px; overflow: hidden;}
.classtype_right{ float:right; width: 1176px; background-color:#fff; padding: 10px 0; min-height: 29px;}
.classtype_right li{ float:left; line-height: 24px;}
.classtype_right a{ display:inline-block;color:#999999; padding: 0 8px; margin:5px 5px 0 5px;}
.classtype_right a:hover,.classtype_right .cur{ background-color:#ffe300; color:#000;}

/* 搜索结果 */
.search{}
.search li{ float: left; padding: 0 15px 0 0;}

.search #classid,.search #keyboard,.search #Submit22,.search #select4,.search #select5{ border:1px solid #dcdcdc; cursor: pointer; height: 30px; outline:none;}

.search #keyboard{ text-indent:10px; width: 300px; height: 28px; float:left;}
.search #Submit22{ border:none; width:80px; }
.search #classid,.search #select4,.search #select5{ width:100px;}

.search_r{ padding:20px 0 10px 0; color:#666;}
.search_r b{ color:#ff6600;}


/* 内容列表 */
.contlist{ min-height: 590px; }
.contlist .contlist_tab{ width:1270px;}
.contlist .contlist_tab li{ float:left; padding:0 30px 21px 0;}
.contlist .contlist_tab dl{ width: 224px; height: 206px; background-color: #fff; position: relative; border-radius: 4px; overflow: hidden;}
.contlist .contlist_tab dl:hover{ box-shadow: 0 0 8px #c9c9c9; }
.contlist .contlist_tab dt{ height:136px;}
.contlist .contlist_tab dd{ margin:0 15px;}
.contlist .contlist_tab h4{ font-size:14px; height:38px; line-height: 38px; white-space:nowrap; text-overflow: ellipsis;  overflow: hidden;}
.contlist .contlist_tab span{ display:block; float:right}
.contlist .contlist_tab label{ float:left; font-size:12px; background-color:#473f63; color: #fff; padding: 2px 5px; border-radius: 3px; max-width: 65px; overflow: hidden; margin: 0 5px 0 0; text-overflow: ellipsis; white-space: nowrap;}
.contlist .contlist_tab label a{ color:#fff;}
.contlist .contlist_tab .contlisttlable{ float:left; font-size:12px; background-color:#473f63; color: #fff; padding: 2px 5px; border-radius: 3px;}
.contlist .contlist_tab .playico{ display:block; width:62px; height: 62px; background-image: url(../images/playico.png); position: absolute; top: 38px; left: 85px; z-index: 3;}
.contlist .contlist_tab .audioico{ display:block; width:62px; height: 62px; background-image: url(../images/audioico.png); position: absolute; top: 38px; left: 85px; z-index: 3;}
.contlist .contlist_tab .playbg{ display:block; height: 136px; width: 224px; position: absolute; top: 0; left: 0; z-index: 1; background-color:#000; opacity: 0.3;}
.contlist .contlist_tab a:hover .playbg{ opacity: 0.46;}
.contlist .contlist_tab .playtime{ display:inline-block; height: 17px; line-height: 16px; font-size: 12px; position:absolute; right: 10px; top:110px; background-color:#878789; padding: 0 10px; border-radius: 8px; color:#fff; z-index: 2;}
.contlist .contlist_tab .softcontlable{ float:left; font-size:12px; background-color:#473f63; color: #fff; padding: 2px 5px; border-radius: 3px;}

.contlist .contlist_tab .webmap{ width: 33%; padding:0 0 0 0;}


.contlist .page{ padding:30px 0 60px 0; text-align: center;}
.contlist .page li{  display:inline-block; margin: 0 5px;}
.contlist .page a{ display:inline-block; padding: 5px 10px; background-color:#fff;}
.contlist .page a:hover,.contlist .page .cur{ background-color:#ffc600; color:#fff;}

/* 相关视频 */
.relevant{ background-color:#fff; border-radius: 5px; margin:10px 0 30px 0; box-shadow: 0 2px 5px #ddd;}
.relevant_title{ padding:0 13px; height:62px; border-bottom:1px solid #f3f3f3; margin:0 0 26px 0;}
.relevant_title h3{ display:inline-block; padding: 0 10px; border-bottom:6px solid #ffe303; height: 56px; line-height: 55px;}
.relevant li{ float:left; padding:0 0 9px 9px;}
.relevant dl{ width: 196px; height: 175px; background-color: #fff; position: relative; border-radius: 4px; overflow: hidden;}
.relevant dl:hover{ box-shadow: 0 0 8px #c9c9c9; }
.relevant dt{ height:136px;}
.relevant dd{ margin:0 10px;}
.relevant h4{ font-size:14px; height:38px; line-height: 38px; white-space:nowrap; text-overflow: ellipsis;  overflow: hidden;}
.relevant span{ display:block; float:right}
.relevant label{ float:left; font-size:12px; background-color:#473f63; color: #fff; padding: 2px 5px; border-radius: 3px; max-width: 65px; overflow: hidden; margin: 0 5px 0 0; text-overflow: ellipsis; white-space: nowrap;}
.relevant label a{color:#fff;}
.relevant .relevanttlable{ float:left; font-size:12px; background-color:#473f63; color: #fff; padding: 2px 5px; border-radius: 3px;}
.relevant .playico{ display:block; width:62px; height: 62px; background-image: url(../images/playico.png); position: absolute; top: 38px; left: 85px; z-index: 2;}
.relevant .audioico{ display:block; width:62px; height: 62px; background-image: url(../images/audioico.png); position: absolute; top: 38px; left: 85px; z-index: 2;}
.relevant .playbg{ display:block; height: 136px; width: 224px; position: absolute; top: 0; left: 0; z-index: 1; background-color:#000; opacity: 0.3;}
.relevant a:hover .playbg{ opacity: 0.46;}
.relevant .playtime{ display:inline-block; height: 17px; line-height: 16px; font-size: 12px; position:absolute; right: 10px; top:110px; background-color:#878789; padding: 0 10px; border-radius: 8px; color:#fff; z-index: 1;}


/* info */
.head{ }
.info_title,.info_video{ background-color:#2d2d2d; color:#fff;}
.info_title{ padding:10px 0;}
.info_title h1{ font-size:22px; font-weight: normal; height: 40px; line-height: 40px; padding: 10px 0 0 0; color:#fff;}
.info_i,.info_label{padding:0 0 10px 0; }
.info_i li{ display:inline-block; margin: 0 20px 0 0; color:#dcdcdc;}
.info_label li{ display:inline-block; color:#dcdcdc;}
.info_label label{ background-color: #473f63; padding: 0 5px; border-radius: 3px; margin: 0 10px 0 0; color:#dcdcdc;}
.info_label label a{ color:#dcdcdc;}

/* info_video */
.info_vleft{ float:left; width:870px;}
.info_vright{ float:right; width:370px;}

.info_vplay{ height: 489px;}
#infovplay{ outline: none;}
.info_s{ height:63px;}
.info_s li{ display:inline-block; color:#999999; padding:10px 20px 0 0;}
.info_s i,.info_s span{ display:inline-block; cursor: pointer;}
.info_s .playcount{ width:19px; height: 22px; background-image: url(../images/info_hot.png); position:relative; top:4px; margin:0 5px 0 0;}
.info_s .appreciate{ width:23px; height: 20px; background-image: url(../images/info_xinico.png); position:relative; top:4px; margin:0 5px 0 0;}
.info_s .mobilephone{ width:18px; height: 28px; background-image: url(../images/info_shouji.png); position:relative; top:8px; margin:0 5px 0 0;}
.info_s .collection{ width:22px; height: 22px; background-image: url(../images/info_shoucang.png); position:relative; top:6px; margin:0 5px 0 0;}

.info_vright{  background-color:#1f1f1f; height:489px; }
.info_vright h2{ height:60px; font-size: 16px; font-weight: normal; padding: 0 17px; line-height: 60px; white-space:nowrap; text-overflow: ellipsis;  overflow: hidden;}
.info_vlist{ height: 429px; overflow: hidden; overflow-y: auto;}
.info_vlist::-webkit-scrollbar {/*滚动条整体样式*/
        width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
.info_vlist::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #535353;
    }
.info_vlist::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 10px;
        background: #EDEDED;
    }

.info_vlist li{ }
.info_vlist li a{ display:block; padding: 11px 0; color:#fff;}
.info_vlist li a:hover,.info_vlist li .cur{ background-color:#2d2d2d;}
.info_vlist dt,.info_vlist dd{ float:left;}
.info_vlist dt{ width:43px; text-align: center; padding: 18px 0 0 0; font-size: 26px; }
.info_vlist_img{ width:117px; height:66px;}
.info_vlist_title{ width:175px; padding:0 0 0 16px;}
.info_vlist_title h3{ font-size:14px; font-weight: normal; line-height: 18px;}
.info_vlist_title p{ font-size:12px; padding:5px 0;}

.info_vlist .cur dt,.info_vlist .cur dd,.info_vlist a:hover dt,.info_vlist a:hover dd{ color:#ffa800;}

/* 内容 */
.infocont{ padding-bottom: 30px; }
.info_cont_left{ width:865px; background-color:#fff; border-radius: 5px; box-shadow: 0 2px 3px #dcdcdc; position: relative;}
.info_cont_tab{ height:70px; border-bottom:1px solid #f3f3f3; padding: 0 20px;}
.info_cont_tab li{ display:inline-block; padding: 0 10px;}
.info_cont_tab a{ display:inline-block; height: 65px; line-height: 65px; padding: 0 10px; font-size: 18px;}
.info_cont_tab a:hover,.info_cont_tab .cur{ border-bottom:5px solid #53c7ff; font-weight: bold;}

.info_cont{ padding:15px 15px 30px 15px;}
.info_cont span{ display:block;}
.ff{ height: auto; overflow: hidden; position:relative;}

/*分步阅读*/
.info_step{ padding: 15px 0; overflow: hidden; position: relative; background-color: #f8f8f8; min-height: 80px; margin: 20px 0;}
.info_step:hover{ background-color: #f2f2f2;}
.info_step ul{ width:1920px; padding: 0 15px;}
.info_step li{display:inline-block; padding: 0 10px 0 0; position: relative;}
.info_step li img{ width:auto; height: 80px;}
.info_step .stepbt{ display:block; position: absolute; top: 0; right: 0; width: 100%; text-align: right; height: 115px; line-height: 115px; background-image:url(../images/info_cont_imgarr_bg2.png); background-position: top right; background-repeat:no-repeat; padding-right: 20px; z-index: 8;}
.info_step li i{ display: block; position: absolute; z-index: 1; left:0; top: 0; width:20px; height: 20px; background-color:#4fb532; text-align: center; line-height: 20px; opacity: .9; filter: alpha(opacity=90); color:#fff;}

/*音频解说*/
.info_audio{ padding:10px 0;}
.info_audio .myaudio{ display:block; width:99.9%; margin: 0 auto; outline: none;}

/*图片列表*/
.info_cont_imgarr{ padding:10px 0;}
.info_cont_imgarr p{ color:#333333; padding: 5px 0; line-height: 24px; font-weight: bold;}

/*工具*/
.info_cont_funadnkey{ padding:10px 0;}
.info_cont_title{ height: 50px; border-bottom: 1px solid #f3f3f3; line-height: 50px;  }
.info_cont_title h3{ display:inline-block; font-size: 16px; color:#333333; margin: 0 5px 0 0;}
.info_cont_title i{ display:inline-block; height: 21px; width:21px; background-image:url(info_audio_ico.gif); cursor:pointer;position: relative; top:4px; background-position: left top;}
.info_cont_txt{ line-height:30px; padding: 10px 0 15px 0; color:#666666;}

/*操作和方法*/
.info_cont_step{ padding:10px 0;}
.info_cont_step h4{ font-size: 16px; padding: 10px 0;}
.info_cont_step .info_cont_title{ margin:0 0 15px 0;}
.info_cont_steptxt{ line-height: 30px; padding: 0 15px;}
.info_steptxt_list{ border-left: 1px solid #e2e2e2;   position:relative; padding: 0 0 30px 0;}
.info_steptxt_list .num{ float:left; width:34px; height: 34px; line-height: 34px; text-align: center; position:relative; background-color:#c4c4c4; border-radius: 17px; font-size: 18px; color:#fff; left: -18px;}
.info_steptxt_list .audiobt{ display:block; float:left; width: 21px; height: 21px; background-image:url(info_audio_ico.gif); margin: 7px 0 0 0; position: relative; left: -5px; cursor:pointer; background-position: left top;}
.info_steptxt_list .txt{ float:left; width: 730px; padding: 3px 0 10px 10px;}
.info_steptxt_list .txt img{ max-width:730px;}
.info_cont_steptxt .cur .num{ background-color:#fbee04; color:#333; }
.info_steptxt_end{ color: #c9c9c9; padding: 10px 2px;}

.playaudioico{background-position: left bottom !important;}

/* 评价 */
.pj{ display:none;}
.info_message{ padding: 15px;}
.info_message_txt{ width:876px; height: 96px; border:1px solid #e9e9e9; background-color:#f4f4f4; border-radius: 5px; outline:none;}

.info_diff{ float:left; padding:17px 0 0 0;}
.info_diff li{ display:inline-block; padding: 0 10px 0 0;}
.info_diff .text1{ border:1px solid #e0e0e0; height: 24px; width:80px; text-indent: 5px; border-radius: 5px;}
.info_diff .text2{ border:1px solid #e0e0e0; height: 24px; width:60px; text-indent: 5px; border-radius: 5px;}
.info_diff #nomember{ position:relative; top: 2px;}
.info_diff li img{ cursor:pointer;}


.info_message_bt{ float:right; padding: 10px 0 0 0;}
.info_message_bt .ask{ display:inline-block; width:122px; height: 39px; border-radius: 5px; background-color:#0097fe; color:#fff; line-height: 39px; text-align: center; margin:0 10px 0 0;}
.info_message_bt .ask:hover{ background-color:#2da8fb; }

.info_message_bt .submit{ display:inline-block; width:122px; height: 39px; border-radius: 5px; border:none; background-color:#fbee04; color:#333333; line-height: 39px; text-align: center; cursor:pointer;}

/* 全部留言 */
.news_cont_tab{ height:70px; border-bottom:1px solid #f3f3f3;}
.news_cont_tab li{ display:inline-block; padding: 0 10px;}
.news_cont_tab a{ display:inline-block; height: 65px; line-height: 65px; padding: 0 10px; font-size: 18px;}
.news_cont_tab a:hover,.news_cont_tab .cur{ border-bottom:5px solid #fbee04; font-weight: bold;}

.info_allmes_txt{ padding: 30px 0 60px 0;}
.info_allmes_list{ border-bottom: 1px solid #dedede; padding: 20px 0 20px 0;}
.info_allmes_list_img, .info_allmes_list_img img{ float:left; width: 44px; border-radius: 22px;}
.info_allmes_list_right{ float:right; width:860px;}

.info_member_i{ padding:0 0 8px 0;}
.info_member_i b{font-size: 16px; color:#333333; }
.info_member_i i{ display:inline-block; width:13px; height: 13px; background-image:url(../images/info_mes_ico.png); background-repeat: no-repeat; background-position: 0 -26px; cursor:pointer; position: relative; top:1px;}
.info_member_i .df_cur{background-position: 0 0;}
.info_member_i .time{ float:right; margin: 5px 0 0 0; color:#b5b9bc;}
.info_member_txt{ line-height: 28px; color:#666666;}
.info_member_txt img{ max-width:80%; }

.info_member_reply{ padding: 5px 0; text-align: right;}
.info_member_reply i,.info_member_reply span{ display:inline-block; cursor: pointer;}
.info_member_reply .replyico{ width: 18px; height: 17px; background-image: url(../images/info_reply_fabulous.png); background-repeat: no-repeat; background-position:0 -4px; position:relative; top: 3px; right:5px;}
.info_member_reply .fabulousico{ width:20px; height: 21px; background-image: url(../images/info_reply_fabulous.png); background-repeat: no-repeat; background-position:-82px 0; position:relative; top: 5px; right:1px; margin:0 0 0 15px;}

.info_member_textarea{ padding:15px 0;}
.info_member_textarea .textarea{ width:824px; height: 63px; border:1px solid #e9e9e9; border-radius: 5px; outline: none; background-color:#f4f4f4;}
.info_member_textarea .submit{ float:right; padding: 0 15px; height: 35px; background-color:#d5d5d5; border:none; cursor:pointer; float:right; border-radius: 5px; color:#333; margin:7px 6px 0 0;}
.info_member_textarea ul{ float:left; padding: 15px 0 0 0;}
.info_member_textarea li{ display:inline-block; padding: 0 10px 0 0;}
.info_member_textarea .text1{ border:1px solid #e0e0e0; height: 24px; width:80px; text-indent: 5px; border-radius: 5px;}
.info_member_textarea .text2{ border:1px solid #e0e0e0; height: 24px; width:60px; text-indent: 5px; border-radius: 5px;}
.info_member_textarea #plKeyImg{ position:relative; top: -5px;}
.info_member_textarea li img{ cursor:pointer;}

.info_member_otherreply{ padding:0 0; background-color:#f7f7f7;}
.info_member_otherarr{ padding: 15px; line-height: 24px;}
.info_member_otherarr li{ float:left; color:#666666;}
.info_member_otherarr p{ clear:both; color:#999999;}
.info_member_otherarr .replyico{ display:inline-block; width: 18px; height: 17px; background-image: url(../images/info_reply_fabulous_s.png); background-repeat: no-repeat; background-position:0 -4px; position:relative; top: 3px; cursor:pointer;}
.info_member_otherarr .fabulousico{ display:inline-block;  width:20px; height: 21px; background-image: url(../images/info_reply_fabulous_s.png); background-repeat: no-repeat; background-position:-82px 0; position:relative; top: 5px; margin:0 0 0 20px; cursor:pointer;}
.info_member_otherarr li:last-child span{ cursor:pointer;}

.info_member_otherarr:hover{ background-color:#f0f0f0;}
.info_member_otherarr:hover .fabulousico,.info_member_otherarr:hover .replyico{ background-image: url(../images/info_reply_fabulous.png);}

.info_member_morereply{ height: 44px;  margin: 0 12px; line-height: 44px; border-top: 1px solid #dedede;}
.info_member_morereply a{ color:#ffc000;}

.info_allmes_more{ height: 90px; line-height: 90px; text-align: center;}
.info_allmes_more a{ color:#ffc000;}


.ecomment{ border:1px solid #f2f2f2; padding: 8px 5px; margin:8px 5px; color:#999;}
.ecommentauthor{ font-weight:bold;}
.ecomment a{ color:#999;}

#iframearr1{ width:100%;}

/*info 右侧*/
.info_cont_right{ width:300px; float:right;}

.info_author{ background-color:#fff; border-radius: 5px; box-shadow: 0 2px 3px #dcdcdc;}
.info_author dt,.info_author dd{ float:left;}
.info_author dt{ width:82px; height: 82px; margin: 30px 0 0 21px;}
.info_author dt img{ border-radius:41px;}
.info_author dd{ padding:37px 0 0 13px ; }
.info_author dd h3{ height:33px; line-height: 30px; font-size: 18px; font-weight: normal; text-align: center;}
.info_author dd a{ display:inline-block; width:110px; height: 32px; border-radius: 5px; background-color:#fbee04; text-align: center; line-height: 31px;}

.info_author_course,.info_author_number{ float:left; width: 100px; text-align: center; line-height: 24px; margin: 20px 0;}
.info_author_course{ margin-left: 40px; border-right: 1px solid #e5e5e5;}
.info_author_course p,.info_author_number p{ color:#999999;}

.info_author_txt p{ padding: 0 0 30px 0; text-align: center;}

/*热门教程*/
.info_hotcourse{ background-color:#fff; border-radius: 5px; box-shadow: 0 2px 3px #dcdcdc; padding: 0 0 20px 0;}
.info_hotcourse_title{ padding:0 13px; height:68px; border-bottom:1px solid #f3f3f3;}
.info_hotcourse_title h3{ display:inline-block; line-height: 67px; font-weight: normal;}
.info_hotcourse_title i{ display:inline-block; width:14px; height: 18px; background-image:url(../images/queshotico.png); position:relative; top:2px; }

.info_hotcourse_cont li{ padding:10px 0; border-bottom: 1px solid  #f3f3f3; margin: 0 10px 20px 10px;}
.info_hotcourse_cont li:last-child{ border-bottom:none; }
.info_hotcourse_cont dl{ width: 224px; height: 206px; position: relative; margin: 0 auto;}
.info_hotcourse_cont dt{ height:136px;}
.info_hotcourse_cont dd{ }
.info_hotcourse_cont h4{ font-size:14px; height:38px; line-height: 38px; white-space:nowrap; text-overflow: ellipsis;  overflow: hidden; font-weight: normal;}

.info_hotcourse_cont span{ display:block; float:right; color: #666666;}
.info_hotcourse_cont label{ float:left; font-size:12px; background-color:#473f63; color: #fff; padding: 2px 5px; border-radius: 3px; max-width: 65px; overflow: hidden; margin: 0 5px 0 0;}
.info_hotcourse_cont label a{ color:#fff;}
.info_hotcourse_cont .relevanttlable{ float:left; font-size:12px; background-color:#473f63; color: #fff; padding: 2px 5px; border-radius: 3px; margin:0 5px 0 0;}
.info_hotcourse_cont .playico{ display:block; width:62px; height: 62px; background-image: url(../images/playico.png); position: absolute; top: 38px; left: 85px; z-index: 2;}
.info_hotcourse_cont .audioico{ display:block; width:62px; height: 62px; background-image: url(../images/audioico.png); position: absolute; top: 38px; left: 85px; z-index: 2;}
.info_hotcourse_cont .playbg{ display:block; height: 136px; width: 224px; position: absolute; top: 0; left: 0; z-index: 1; background-color:#000; opacity: 0.3;}
.info_hotcourse_cont a:hover .playbg{ opacity: 0.46;}
.info_hotcourse_cont .playtime{ display:inline-block; height: 17px; line-height: 16px; font-size: 12px; position:absolute; right: 10px; top:110px; background-color:#878789; padding: 0 10px; border-radius: 8px; color:#fff; z-index: 1;}

.info_hotcourse_more{ display:block; width:95px; height: 27px; border: 1px solid #dddddd; text-align: center; line-height: 27px;  margin: 0 auto;}


/*热门文章*/
.info_hotarticle{ background-color:#fff; border-radius: 5px; box-shadow: 0 2px 3px #dcdcdc; padding: 0 0 20px 0;}
.info_hotarticle_title{ padding:0 13px; height:68px; border-bottom:1px solid #f3f3f3;}
.info_hotarticle_title h3{ display:inline-block; line-height: 67px; font-weight: normal;}
.info_hotarticle_title i{ display:inline-block; width:14px; height: 18px; background-image:url(../images/queshotico.png); position:relative; top:2px; }
.info_hotarticle_title a{ display:block; float:right; height: 18px; margin:24px 0 0 0; color:#444444;}

.info_hotarticle_cont{}
.info_hotarticle_cont li{ padding: 17px 0; border-bottom:1px solid #f3f3f3;}
.info_hotarticle_cont li:hover{ background-color:#fffdf6;}
.info_hotarticle_cont dt,.info_hotarticle_cont dd{ float:left; height:24px; line-height: 24px;}
.info_hotarticle_cont dt{ height: 24px; width:24px; text-align: center; line-height: 24px; border:1px solid #999999; border-radius: 12px; margin: 0 0 0 16px;}
.info_hotarticle_cont dd{ width: 230px; padding: 0 0 0 8px; }
.info_hotarticle_cont li:hover dt{ border:1px solid #ffc000; color:#ffc000;}
.info_hotarticle_cont li:hover a{ color:#ffc000;}

/*推荐文章*/
.info_recommend{ background-color:#fff; border-radius: 5px; box-shadow: 0 2px 3px #dcdcdc; padding: 0 0 20px 0;}
.info_recommend_title{ padding:0 13px; height:68px; border-bottom:1px solid #f3f3f3;}
.info_recommend_title h3{ display:inline-block; line-height: 67px; font-weight: normal;}
.info_recommend_title i{ display:inline-block; width:14px; height: 18px; background-image:url(../images/queshotico.png); position:relative; top:2px; }

.info_recommend_cont{ padding: 10px 0 0 0;}
.info_recommend_cont li{ margin: 0 10px; border-bottom:1px solid #f3f3f3; padding: 10px 0;}
.info_recommend_cont li:last-child{ border-bottom:none;}
.info_recommend_cont dt,.info_recommend_cont dd{ float:left;}
.info_recommend_cont dt{ height: 55px; width:74px; text-align: center; line-height: 24px; margin: 0 0 0 16px;}
.info_recommend_cont dt img{ height: 45px; width:74px;}
.info_recommend_cont dd{ width: 170px; padding: 0 0 0 8px; line-height: 18px; }
.info_recommend_cont dd a{ display:block; }
.info_recommend_cont dd p{ font-size: 12px; color:#999; padding: 5px 0;}
.info_recommend_more{ display:block; width:95px; height: 27px; border: 1px solid #dddddd; text-align: center; line-height: 27px;  margin: 20px auto 0 auto;}

/* doc_info */
.infoallbt{ display:block; position: absolute; left: 10px; top: 45px; width: 82px; height: 34px; background-image: url(../images/info_all.png); background-position: left top;}
.infoallbt:hover{ background-position: left bottom;}

.docinfo_title,.docinfo_video{}
.docinfo_title{ padding:15px; text-align: center;}
.docinfo_title h1{ font-size:22px; line-height: 70px; padding: 10px 0 0 0;}


.docinfo_i{ border-top:1px solid #dcdcdc; padding: 5px 0 0 0; line-height: 30px;}
.docinfo_label{ border-bottom: 1px solid #dcdcdc; padding:0 0 10px 0; line-height: 30px;}
.docinfo_i li{ display:inline-block; margin: 0 20px 0 0; color:#999;}
.docinfo_label li{ display:inline-block; color:#999;}
.docinfo_label label{ background-color: #473f63; padding: 0 5px; border-radius: 3px; margin: 0 10px 0 0; color:#dcdcdc;}
.docinfo_label label a{ color:#fff;}

.docinfo_vplay{ height: auto; text-align: center; padding:15px;}
.docinfo_vplay img{ width:100%; border-radius: 10px; }

.docinfo_s{ height:63px;}
.docinfo_s li{ display:inline-block; color:#999999; padding:10px 20px 0 0;}
.docinfo_s i,.docinfo_s span{ display:inline-block; cursor: pointer;}
.docinfo_s .playcount{ width:19px; height: 22px; background-image: url(../images/info_hot.png); position:relative; top:4px; margin:0 5px 0 0;}
.docinfo_s .appreciate{ width:23px; height: 20px; background-image: url(../images/info_xinico.png); position:relative; top:4px; margin:0 5px 0 0;}
.docinfo_s .mobilephone{ width:18px; height: 28px; background-image: url(../images/info_shouji.png); position:relative; top:8px; margin:0 5px 0 0;}
.docinfo_s .collection{ width:22px; height: 22px; background-image: url(../images/info_shoucang.png); position:relative; top:6px; margin:0 5px 0 0;}


.btnone{ 
	text-align:center; 
	padding: 70px 0 30px 0; 
	position: absolute; 
	bottom: 0; 
	left: 0; 
	width: 100%;  
	background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0)),color-stop(50%, #fff));
	background-image: linear-gradient(180deg,rgba(255,255,255,0) 0%,#fff 50%);
}
.btnone a{ display:inline-block; border:1px solid #dcdcdc; border-radius: 5px; font-size: 16px; padding: 10px 20px; background-color:#f8f8f8;}

/*提示框*/
.tips{ position:fixed; bottom:60px; right: 100px; width: auto; min-width:300px; height: auto; display: none; background-color: #000; padding: 10px 20px; z-index: 11; color:#fff; text-align: center; border-radius: 5px; box-shadow: 0 0 3px 0px #333;}
.tips p{ padding:10px 0;}
.tips a{ display: inline-block; padding: 5px 15px; background-color: #FFE300; border-radius: 5px; margin-bottom: 10px; }


/* 顶部广告 */
.topad{ background-color:#fff; padding: 15px 0; border-radius: 4px;}
.topad h3{ font-size: 20px; text-align: center; padding:0 0 15px 0;}
.topad li{ float:left; padding:0; width:20%;}
.topad dl{ width: 224px; height: auto; background-color: #fff; border-radius: 4px; overflow: hidden; margin: 0 auto;}
.topad dl:hover{ box-shadow: 0 0 8px #c9c9c9; }
.topad dt{ height:136px;}
.topad dd{ margin:10px;}