@charset "utf-8";

#main .m_center .content_main{ margin: 0 20px;}
#main .m_center .content_main .cm_left{ width: 850px; float: left;}
#main .m_center .content_main .cm_left .cmf_mbx{ height: 40px; line-height: 40px; border-bottom: 1px dashed #f7f3f3; margin-bottom: 10px;  word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#main .m_center .content_main .cm_left .cmf_mbx i{ font-size: 24px; color: #1878bc; position: relative; top:3px;}
#main .m_center .content_main .cm_left .cmf_hy{ border-bottom: 1px dashed #f7f3f3; margin-bottom: 10px;}
#main .m_center .content_main .cm_left .cmf_hy .cmfh_lable{ float: left; width: 60px; height: 30px; line-height: 30px;}
#main .m_center .content_main .cm_left .cmf_hy .cmfh_lable_block{ float: left; width: 100px; height: 30px; line-height: 30px;}
#main .m_center .content_main .cm_left .cmf_hy .cmfh_list{ float: left; width: 790px; margin-bottom: 5px;}
#main .m_center .content_main .cm_left .cmf_hy .cmfh_list ul.hylist li{ float: left; height: 30px; line-height: 30px; width: 80px; text-align: center;}
#main .m_center .content_main .cm_left .cmf_hy .cmfh_list ul.hylist li a{ display: block;}
#main .m_center .content_main .cm_left .cmf_hy .cmfh_list ul.hylist li.current a{ background-color: #1878bc; border-radius: 5px; color: #ffffff;}
#main .m_center .content_main .cm_left .cmf_tx{ border-bottom: 1px dashed #f7f3f3; margin-bottom: 10px;}
#main .m_center .content_main .cm_left .cmf_tx ul li{ float: left; height: 35px; line-height: 35px; margin-left: 20px; margin-bottom: 20px;}
#main .m_center .content_main .cm_left .cmf_tx ul li a{ display: block; padding: 0 20px; background-color: #00aaee; color: #ffffff; border-radius: 5px;}
#main .m_center .content_main .cm_left .cmf_tx ul li a.vedio{background-color: #22ac38;}
#main .m_center .content_main .cm_left .cmf_tx ul li.current a{ background-color: #1878bc;}
#main .m_center .content_main .cm_left .cmf_hy .cmfh_list_sum{width: 850px;}

#main .m_center .content_main .cm_left .cmf_hy .cmfh_list{ position: relative;}
#main .m_center .content_main .cm_left .cmf_hy .cmfh_list .cmfhl_child{ background-color: #c6dbf0; margin-top: 10px; padding: 5px 0; border-radius: 5px;}
#main .m_center .content_main .cm_left .cmf_hy .cmfh_list .cmfhl_child ul{ margin: 0 10px;}
#main .m_center .content_main .cm_left .cmf_hy .cmfh_list .cmfhl_child ul li{ float: left; height: 30px; line-height: 30px; margin-left: 10px; font-weight: bold;}
#main .m_center .content_main .cm_left .cmf_hy .cmfh_list .cmfhl_child ul li a{ color: #333;}
#main .m_center .content_main .cm_left .cmf_hy .cmfh_list .cmfhl_child ul li.current a{ color: #d70000;}
#main .m_center .content_main .cm_left .cmf_hy .cmfh_list .cmfh_list_type{ position: absolute; right: 0; top: 3px;}
#main .m_center .content_main .cm_left .cmf_hy .cmfh_list .cmfh_list_type a{ color: #00aaee; margin-left: 10px;}
#main .m_center .content_main .cm_left .cmf_hy .cmfh_list .cmfh_list_type a.current{ color: #1878bc;}
#main .m_center .content_main .cm_left .cmf_hy .cmfh_list .cmfh_list_type a i{ font-size: 24px;}
#main .m_center .content_main .cm_left .cmf_list ul li{ float: left; margin-top: 10px; margin-left: 27px; width: 265px; position: relative; box-shadow: 0 0 8px 2px rgba(153,153,153,0.4); border-radius: 5px; overflow: hidden;}
#main .m_center .content_main .cm_left .cmf_list ul li.first{ margin-left: 0;}
#main .m_center .content_main .cm_left .cmf_list ul li.vip::before{position: absolute; right: 15px; top: 10px; content: 'VIP'; z-index: 999; color: #FFFFFF; text-shadow: 0 0 5px rgb(101, 92, 230),0 0 10px rgb(101, 92, 230),0 0 20px rgb(101, 92, 230),0 0 30px rgb(101, 92, 230); font-style: italic; font-weight: bold;}
#main .m_center .content_main .cm_left .cmf_list ul li.vip2::before{position: absolute; right: 15px; top: 10px; content: '年VIP'; z-index: 999; color: #FFFFFF; text-shadow: 0 0 5px rgb(101, 92, 230),0 0 10px rgb(101, 92, 230),0 0 20px rgb(101, 92, 230),0 0 30px rgb(101, 92, 230); font-style: italic; font-weight: bold;}
#main .m_center .content_main .cm_left .cmf_list ul li.vip99::before{position: absolute; right: 15px; top: 10px; content: '终身VIP'; z-index: 999; color: #FFFFFF; text-shadow: 0 0 5px rgb(101, 92, 230),0 0 10px rgb(101, 92, 230),0 0 20px rgb(101, 92, 230),0 0 30px rgb(101, 92, 230); font-style: italic; font-weight: bold;}
#main .m_center .content_main .cm_left .cmf_list ul li .img{ width: 265px; height: 190px; overflow: hidden; position: relative;}
#main .m_center .content_main .cm_left .cmf_list ul li .img img{ width: 265px;}
/* #main .m_center .content_main .cm_left .cmf_list ul li .img .mask{ width: 265px; height: 190px; position: absolute; top: auto; bottom: -100%; transition: 0.5s; background: #00aaee; color: #ffffff; filter:alpha(opacity=85);opacity:0.85;-Moz-Opacity: 0.85;}
#main .m_center .content_main .cm_left .cmf_list ul li .img .mask .mtitle{ height: 30px; line-height: 30px; padding: 0 10px;}
#main .m_center .content_main .cm_left .cmf_list ul li .img .mask .lmcontent{ height: 125px; overflow: hidden; line-height: 25px; padding: 0 10px;}
#main .m_center .content_main .cm_left .cmf_list ul li .img .mask .mprice{ height: 35px; line-height: 35px; background-color: #1878bc; padding: 0 10px;}
#main .m_center .content_main .cm_left .cmf_list ul li .img .mask .mprice .sale{ float: right;}
#main .m_center .content_main .cm_left .cmf_list ul li .img .mask .mprice i{ font-size: 16px; font-weight: bold;}
#main .m_center .content_main .cm_left .cmf_list ul li .img:hover .mask{ bottom: 0;} */
#main .m_center .content_main .cm_left .cmf_list ul li .img .mask{width: 245px; height: 35px; background-color: rgba(24,120,188, 0.8); position: absolute; top: auto; bottom: 0; line-height: 35px; padding: 0 10px; color: #ffffff;}
#main .m_center .content_main .cm_left .cmf_list ul li .img .mask .detail{ float: right; color: #ffffff;}

#main .m_center .content_main .cm_left .cmf_list ul li .title{ height: 45px; line-height: 45px; padding: 0 10px; text-align: center; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

#main .m_center .content_main .cm_left .tx_list .zy_type ul li{ border-bottom: 1px dashed #CCCCCC; margin-bottom: 10px;}
#main .m_center .content_main .cm_left .tx_list .zy_type ul li .img{ float: left; width: 180px; height: 120px;position: relative; box-shadow: 0 0 8px 2px rgba(153,153,153,0.4); border-radius: 5px; overflow: hidden;}
#main .m_center .content_main .cm_left .tx_list .zy_type ul li .img img{ width: 100%;}
#main .m_center .content_main .cm_left .tx_list .zy_type ul li .vip::before{position: absolute; right: 15px; top: 10px; content: 'VIP'; z-index: 999; color: #FFFFFF; text-shadow: 0 0 5px rgb(101, 92, 230),0 0 10px rgb(101, 92, 230),0 0 20px rgb(101, 92, 230),0 0 30px rgb(101, 92, 230); font-style: italic; font-weight: bold;}
#main .m_center .content_main .cm_left .tx_list .zy_type ul li .vip2::before{position: absolute; right: 15px; top: 10px; content: '年VIP'; z-index: 999; color: #FFFFFF; text-shadow: 0 0 5px rgb(101, 92, 230),0 0 10px rgb(101, 92, 230),0 0 20px rgb(101, 92, 230),0 0 30px rgb(101, 92, 230); font-style: italic; font-weight: bold;}
#main .m_center .content_main .cm_left .tx_list .zy_type ul li .vip99::before{position: absolute; right: 15px; top: 10px; content: '终身VIP'; z-index: 999; color: #FFFFFF; text-shadow: 0 0 5px rgb(101, 92, 230),0 0 10px rgb(101, 92, 230),0 0 20px rgb(101, 92, 230),0 0 30px rgb(101, 92, 230); font-style: italic; font-weight: bold;}
#main .m_center .content_main .cm_left .tx_list .zy_type ul li .info{ float: left; margin-left: 10px; width: 660px;}
#main .m_center .content_main .cm_left .tx_list .zy_type ul li .info .zyt_title{ height: 35px; line-height: 35px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#main .m_center .content_main .cm_left .tx_list .zy_type ul li .info .zyt_title a{ color: #1878bc; margin-right: 15px;}
#main .m_center .content_main .cm_left .tx_list .zy_type ul li .info .zyt_title a.title{ color: #333333;}
#main .m_center .content_main .cm_left .tx_list .zy_type ul li .info .zyt_title a i{ font-size: 20px;}
#main .m_center .content_main .cm_left .tx_list .zy_type ul li .info .zyt_des{ height: 60px; overflow: hidden; font-size: 12px; color: #999999; line-height: 20px;}
#main .m_center .content_main .cm_left .tx_list .zy_type ul li .info .zyt_time{ height: 40px; line-height: 40px; font-size: 12px;}
#main .m_center .content_main .cm_left .tx_list .zy_type ul li .info .zyt_time i{ color: #22ac38;}
#main .m_center .content_main .cm_left .tx_list .zy_type ul li .info .zyt_time span{ color: #999; margin-right: 15px;}

#main .m_center .content_main .cm_left .tx_list .jj_type ul li{ height: 50px; line-height: 50px; border-bottom: 1px dashed #CCCCCC;}
#main .m_center .content_main .cm_left .tx_list .jj_type ul li a{ color: #1878bc; margin-right: 15px;}
#main .m_center .content_main .cm_left .tx_list .jj_type ul li a.title{ color: #333333;}
#main .m_center .content_main .cm_left .tx_list .jj_type ul li a i{ font-size: 20px;}
#main .m_center .content_main .cm_left .tx_list .jj_type ul li span{ float: right;}

/*详细内容页面*/
#main .m_center .content_main .cm_left .cmf_title{ width: 850px; height: 40px; line-height: 40px; text-align: center; color: #1878bc;}
#main .m_center .content_main .cm_left .cmf_title h2{ font-weight: normal;}
#main .m_center .content_main .cm_left .cmf_time{ text-align: center; color: #1878bc; height: 30px; line-height: 30px;}
#main .m_center .content_main .cm_left .cmf_time a{ color: #1878bc;}
#main .m_center .content_main .cm_left .cmf_time i{ margin-left: 15px;}

#main .m_center .content_main .cm_left .art_content{ line-height: 25px;}
#main .m_center .content_main .cm_left .art_content img{ max-width: 820px;}
#main .m_center .content_main .cm_left .art_content a{ color: #06a804;}
#main .m_center .content_main .cm_left .art_content p{ margin-bottom: 10px;}

/*网页特效*/
#main .m_center .content_main .cm_left .tx_dmtx .td_code{ width: 750px; margin: 0 auto;}
#main .m_center .content_main .cm_left .tx_dmtx .td_code textarea{ width: 710px; height: 500px; border: 1px solid #CCCCCC; border-radius: 5px; padding: 10px; resize: none;}
#main .m_center .content_main .cm_left .tx_dmtx .tdOprt{ width: 750px; margin: 0 auto; margin-top: 20px;}
#main .m_center .content_main .cm_left .tx_wjtx{ text-align: center;}
#main .m_center .content_main .cm_left .tx_wjtx .tw_info img{ max-width: 750px;}
#main .m_center .content_main .cm_left .tx_wjtx .tw_oprt{ margin-top: 20px;}
#main .m_center .content_main .cm_left .tx_wjtx .tw_oprt i.showCode{ font-size: 28px; position: relative; top: 5px;}
#main .m_center .content_main .cm_left .tx_wjtx .tw_oprt i.downloadCode{ font-size: 18px; position: relative; top: 2px;}

/*视频教程目录*/
#main .m_center .content_main .cm_left .video_dir .vd_area{ margin-bottom: 15px;}
#main .m_center .content_main .cm_left .video_dir .vd_area .vdl_title{ height: 40px; line-height: 40px; background-color: #f4f4f4; font-size: 16px; margin-bottom: 10px;}
#main .m_center .content_main .cm_left .video_dir .vd_area .vdl_title span.num{ display: inline-block; background-color: #666666; width: 100px; color: #ffffff; text-align: center;}
#main .m_center .content_main .cm_left .video_dir .vd_area .vdl_title span.title{ padding-left: 20px;}
#main .m_center .content_main .cm_left .video_dir .vd_area .vdl_list ul li{ float: left; height: 35px; line-height: 35px; width: 405px; margin-left: 20px;}
#main .m_center .content_main .cm_left .video_dir .vd_area .vdl_list ul li i{ font-size: 20px; padding-right: 10px; position: relative; top: 2px; color: #1878bc;}
#main .m_center .content_main .cm_left .video_dir .c_art{ float: left; height: 35px; line-height: 35px; width: 405px; margin-left: 20px;}
#main .m_center .content_main .cm_left .video_dir .c_art i{ font-size: 20px; padding-right: 10px; position: relative; top: 2px; color: #1878bc;}

/*视频详细页面*/
#main .m_center .video_info{ margin: 0 20px;}
#main .m_center .video_info .cmf_title{ height: 40px; line-height: 40px; text-align: center; color: #1878bc;}
#main .m_center .video_info .cmf_title h2{ font-weight: normal;}
#main .m_center .video_info .cmf_time{ text-align: center; color: #1878bc; height: 30px; line-height: 30px;}
#main .m_center .video_info .cmf_time a{ color: #1878bc;}
#main .m_center .video_info .cmf_time i{ margin-left: 15px;}
#main .m_center .video_info .video_con{ height: 550px; background-color: #333333;}
#main .m_center .video_info .video_con .vc_sp{ float: left; width: 875px; height: 550px; background-color: #000000; text-align: center;}
#main .m_center .video_info .video_con .vc_ml{ float: left; width: 298px; height: 550px; overflow: hidden;}
#main .m_center .video_info .video_con .vc_ml .vcm_title{ height: 40px; line-height: 40px; color: #ffffff; padding-left: 10px; border-bottom: 1px dashed #666666; font-size: 18px;}
#main .m_center .video_info .video_con .vc_ml .vcm_title i{ color: #22ac38; font-size: 22px; padding-right: 10px; position: relative; top: 2px;}
#main .m_center .video_info .video_con .vc_ml .vcm_area{ color: #ffffff; padding-left: 10px; height: 510px; overflow-x: hidden;}
#main .m_center .video_info .video_con .vc_ml .vcm_area .vcma_list .vcmal_title{ height: 35px; line-height: 35px; color: #cccccc; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#main .m_center .video_info .video_con .vc_ml .vcm_area .vcma_list .vcmal_title a{ color: #CCCCCC;}
#main .m_center .video_info .video_con .vc_ml .vcm_area .vcma_list .vcmal_title a i{ color: #1878bc; padding-right: 5px;}
#main .m_center .video_info .video_con .vc_ml .vcm_area .vcma_list .vcmal_title a{ color: #CCCCCC;}
#main .m_center .video_info .video_con .vc_ml .vcm_area .vcma_list .vcmal_title a.current { color: #22ac38;}
#main .m_center .video_info .video_con .vc_ml .vcm_area .vcma_list .vcmal_info ul li{ height: 30px; line-height: 30px; padding-left: 10px;}
#main .m_center .video_info .video_con .vc_ml .vcm_area .vcma_list .vcmal_info ul li a{ display:block; color: #CCCCCC; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#main .m_center .video_info .video_con .vc_ml .vcm_area .vcma_list .vcmal_info ul li a i{ color: #1878bc; padding-right: 5px;}
#main .m_center .video_info .video_con .vc_ml .vcm_area .vcma_list .vcmal_info ul li.current a{ color: #22ac38;}


/*评论*/
#main .m_center .content_main .cm_left .cmf_comment .cmfc_title{ height: 40px; line-height: 40px; border-bottom: 1px solid #d5d6d7;}
#main .m_center .content_main .cm_left .cmf_comment .cmfc_title .cmfct_tab{ width: 100px; height: 40px; border-bottom: 2px solid #35925a; font-size: 16px;}
#main .m_center .content_main .cm_left .cmf_comment .cmfc_no{ margin-top: 20px; text-align: center;}
#main .m_center .content_main .cm_left .cmf_comment .cmfc_no h3{text-shadow:#F3F3F3 1px 1px 0px,#B2B2B2 1px 2px 0; color:#333; height:50px; line-height:50px;}
#main .m_center .content_main .cm_left .cmf_comment .cmfc_pl{margin-top: 20px;}
#main .m_center .content_main .cm_left .cmf_comment .cmfc_pl .cmfcp_btn{ margin-top: 10px;}
#main .m_center .content_main .cm_left .cmf_comment .cmfc_list .cmfcl_info{ margin-bottom: 15px;}
#main .m_center .content_main .cm_left .cmf_comment .cmfc_list .cmfcl_info .cmfcl_head{ float: left; width: 74px; height: 74px; overflow: hidden; border-radius: 50%; }
#main .m_center .content_main .cm_left .cmf_comment .cmfc_list .cmfcl_info .cmfcl_head img{ width: 74px; height: 74px;}
#main .m_center .content_main .cm_left .cmf_comment .cmfc_list .cmfcl_info .cmfcl_con{ width: 750px; float: left; border-bottom: 1px dashed #cccccc; margin-left: 20px;}
#main .m_center .content_main .cm_left .cmf_comment .cmfc_list .cmfcl_info .cmfcl_con .cmfclc_title{ height: 30px; line-height: 30px;}
#main .m_center .content_main .cm_left .cmf_comment .cmfc_list .cmfcl_info .cmfcl_con .cmfclc_title span{ padding-right: 20px;}
#main .m_center .content_main .cm_left .cmf_comment .cmfc_list .cmfcl_info .cmfcl_con .cmfclc_title span a{ color: #1878bc;}
#main .m_center .content_main .cm_left .cmf_comment .cmfc_list .cmfcl_info .cmfcl_con .cmfclc_info{ line-height: 25px;}
#main .m_center .content_main .cm_left .cmf_comment .cmfc_list .cmfcl_info .cmfcl_con .cmfclc_quote{ background-color: #ffffee; border: 1px solid #cccccc; padding: 0 10px 10px 10px;}
#main .m_center .content_main .cm_left .cmf_comment .cmfc_list .cmfcl_info .cmfcl_con .cmfclc_quote .cmfclcq_title{ height: 30px; line-height: 30px; color: #0099ff;}
#main .m_center .content_main .cm_left .cmf_comment .cmfc_list .cmfcl_info .cmfcl_con .cmfclc_quote .cmfclcq_title a{ color: #22ac38;}
#main .m_center .content_main .cm_left .cmf_comment .cmfc_list .cmfcl_info .cmfcl_con .cmfclc_reply{ height: 30px; line-height: 30px; text-align: right;}
#main .m_center .content_main .cm_left .cmf_comment .cmfc_list .cmfcl_info .cmfcl_con .cmfclc_reply_editor .cmfcp_btn{ margin: 10px 0;}



/* #main .m_center .content_main .cm_left .cmf_category .cmfc_left{ float: left; background-color: #f7f7f9; width: 633px; height: 150px; border: 1px solid #cccccc; border-radius: 5px;} */
#main .m_center .content_main .cm_left .cmf_category .cmfc_left{background-color: #f7f7f9; height: 150px; border: 1px solid #cccccc; border-radius: 5px;}
#main .m_center .content_main .cm_left .cmf_category .cmfc_left .cmfcl_property{ margin-bottom: 25px;}
#main .m_center .content_main .cm_left .cmf_category .cmfc_left .cmfcl_property ul li{ float: left; width: 200px; margin-left: 10px; height: 30px; line-height: 30px;}
#main .m_center .content_main .cm_left .cmf_category .cmfc_left .cmfcl_property ul li i{ font-size: 14px; color: #1878bc; font-weight: bold;}
#main .m_center .content_main .cm_left .cmf_category .cmfc_left .cmfcl_property ul li span.price{ font-style: italic; color: #d70000; font-weight: bold;}
#main .m_center .content_main .cm_left .cmf_category .cmfc_left .cmfcl_download{ margin-left: 10px;}
#main .m_center .content_main .cm_left .cmf_category .cmfc_left .cmfcl_download .cmfcld_down{ float: left; height: 40px; margin-top: 20px; width: 150px;}
#main .m_center .content_main .cm_left .cmf_category .cmfc_left .cmfcl_download .cmfcld_notice{ float: left; height: 40px; margin-top: 10px; line-height: 40px; margin-left: 20px; width: 290px;}
#main .m_center .content_main .cm_left .cmf_category .cmfc_left .cmfcl_download .cmfcld_punish{ float: right; height: 40px; margin-top: 10px; line-height: 40px; margin-right: 20px;}
#main .m_center .content_main .cm_left .cmf_category .cmfc_right{ width: 200px; float: left; margin-left: 10px; border: 1px solid #ccc; background-color: #f7f7f9; border-radius: 5px;}
#main .m_center .content_main .cm_left .cmf_category .cmfc_right .cmfcr_user{ margin-top: 10px;}
#main .m_center .content_main .cm_left .cmf_category .cmfc_right .cmfcr_user .cmfcru_head{ float: left; width: 74px; height: 74px; overflow: hidden; border-radius: 50%; margin-left: 10px;}
#main .m_center .content_main .cm_left .cmf_category .cmfc_right .cmfcr_user .cmfcru_head img{ width: 74px; height: 74px;}
#main .m_center .content_main .cm_left .cmf_category .cmfc_right .cmfcr_user .cmfcru_nick{ float: left; width: 100px; margin-left: 15px; line-height: 35px;}
#main .m_center .content_main .cm_left .cmf_category .cmfc_right .cmfcr_art{ height: 45px; margin-top: 20px; text-align: center;}

#main .m_center .content_main .cm_left .cmf_tab{ height: 45px; line-height: 45px; border-bottom: 1px solid #cccccc; font-size: 16px;}
#main .m_center .content_main .cm_left .cmf_tab ul li{ float: left; width: 100px; text-align: center; height: 45px;}
#main .m_center .content_main .cm_left .cmf_tab ul li.current{ border-bottom: 2px solid #35925a;}
#main .m_center .content_main .cm_left .cmf_tab_list{ line-height: 25px;}
#main .m_center .content_main .cm_left .cmf_tab_list .ctl_pic{ text-align: center;}
#main .m_center .content_main .cm_left .cmf_tab_list img{ max-width: 850px;}
#main .m_center .content_main .cm_left .about_auth .cmftl_head { width: 74px; height: 74px; float: left; overflow: hidden; border-radius: 50%;}
#main .m_center .content_main .cm_left .about_auth .cmftl_head img { width: 100%;}
#main .m_center .content_main .cm_left .about_auth .cmftl_info{ width: 500px; float: left; margin-left: 20px;}
#main .m_center .content_main .cm_left .about_auth .cmftl_info .nick{ height: 30px; line-height: 30px;}
#main .m_center .content_main .cm_left .about_auth .cmftl_info .nick a{ margin-right: 20px;}
#main .m_center .content_main .cm_left .about_auth .cmftl_info .zp{ margin-top: 20px;}

#main .m_center .content_main .cm_left .cmf_nav_tab{ border-bottom: 3px solid #00aaee; margin-bottom: 20px; font-size: 16px; font-weight: bold;}
#main .m_center .content_main .cm_left .cmf_nav_tab ul li{ float: left; height: 40px; line-height: 40px; width: 100px; text-align: center; background-color: #eeeeee; margin-right: 10px;}
#main .m_center .content_main .cm_left .cmf_nav_tab ul li a{ display: block; height: 40px;}
#main .m_center .content_main .cm_left .cmf_nav_tab ul li.current{ background-color: #00aaee;}
#main .m_center .content_main .cm_left .cmf_nav_tab ul li.current a{ color: #ffffff;}


/*下载地址*/
#main .m_center .content_main .cm_left .cmf_download{ margin-bottom: 20px;}
#main .m_center .content_main .cm_left .cmf_download .cmfd_title{ height: 45px; line-height: 45px; border-bottom: 1px solid #CCCCCC; font-size: 16px;}
#main .m_center .content_main .cm_left .cmf_download .cmfd_title span{ border-bottom: 2px solid #35925a; padding: 12px 15px;}
#main .m_center .content_main .cm_left .cmf_download .cmfd_info{ height: 40px; line-height: 40px; margin-top: 10px;}
#main .m_center .content_main .cm_left .cmf_download .cmfd_info span{ margin-right: 15px;}
#main .m_center .content_main .cm_left .cmf_download .cmfd_info span i{ padding-right: 5px; color: #f11836; font-weight: bold;}
#main .m_center .content_main .cm_left .cmf_download .cmfd_info span i.vip_i_1{ color: #1878bc; font-weight: normal;}
#main .m_center .content_main .cm_left .cmf_download .cmfd_file{ margin-top: 20px;}
#main .m_center .content_main .cm_left .cmf_download .cmfd_file .download_url{ margin-top: 25px;}
#main .m_center .content_main .cm_left .cmf_download .cmfd_file .download_url i{ color: #f0f907; font-size: 22px; position: relative; top: 2px;}

/*默认标签*/
#main .m_center .content_main .cm_left .cmf_default_tab{ margin-bottom: 20px;}
#main .m_center .content_main .cm_left .cmf_default_tab .cmfdt_title{ height: 45px; line-height: 45px; border-bottom: 1px solid #CCCCCC; font-size: 16px;}
#main .m_center .content_main .cm_left .cmf_default_tab .cmfdt_title span{ border-bottom: 2px solid #35925a; padding: 12px 15px;}
#main .m_center .content_main .cm_left .cmf_default_tab .cmfdt_pic{ text-align: center;}
#main .m_center .content_main .cm_left .cmf_default_tab .cmfdt_pic img{ max-width: 850px;}

    /*网页模板缩略图*/
#main .m_center .content_main .cm_left .cmf_slt{ width: 845px; background: url("../images/azzzj_bg.png") #b4b7b8; border-radius: 5px; padding-bottom: 10px;}
#main .m_center .content_main .cm_left .cmf_slt ul li{ float: left; width: 150px; height: 150px; overflow: hidden; background-color: #ffffff; margin-left: 16px; margin-top: 10px; border-radius: 5px; position: relative;}
#main .m_center .content_main .cm_left .cmf_slt ul li.vip::before{position: absolute; right: 15px; top: 10px; content: 'VIP'; z-index: 999; color: #FFFFFF; text-shadow: 0 0 5px rgb(101, 92, 230),0 0 10px rgb(101, 92, 230),0 0 20px rgb(101, 92, 230),0 0 30px rgb(101, 92, 230); font-style: italic; font-weight: bold;}
#main .m_center .content_main .cm_left .cmf_slt ul li.vip2::before{position: absolute; right: 15px; top: 10px; content: '年VIP'; z-index: 999; color: #FFFFFF; text-shadow: 0 0 5px rgb(101, 92, 230),0 0 10px rgb(101, 92, 230),0 0 20px rgb(101, 92, 230),0 0 30px rgb(101, 92, 230); font-style: italic; font-weight: bold;}
#main .m_center .content_main .cm_left .cmf_slt ul li.vip99::before{position: absolute; right: 15px; top: 10px; content: '终身VIP'; z-index: 999; color: #FFFFFF; text-shadow: 0 0 5px rgb(101, 92, 230),0 0 10px rgb(101, 92, 230),0 0 20px rgb(101, 92, 230),0 0 30px rgb(101, 92, 230); font-style: italic; font-weight: bold;}
#main .m_center .content_main .cm_left .cmf_slt ul li .img{ width: 140px; height: 140px; margin: 5px auto;}
#main .m_center .content_main .cm_left .cmf_slt ul li .img img{ width: 100%;}
#main .m_center .content_main .cm_left .cmf_slt ul li .title{ position: absolute; bottom: 5px; right: 5px; left: 5px; height: 25px; line-height: 25px; text-align: center; color: #ffffff; background-color: #000000; filter:alpha(opacity=65);opacity:0.65;-Moz-Opacity: 0.65;}

#main .m_center .content_main .cm_right{ float: left; border-left: 3px solid #d1cdcd; width: 300px; margin-left: 20px; margin-top: 20px;}
#main .m_center .content_main .cm_right .cmr_area{ margin-left: 10px;}
#main .m_center .content_main .cm_right .cmr_area .cmra_info{ margin-bottom: 10px;}
#main .m_center .content_main .cm_right .cmr_area .cmra_info .cmrai_title{ height: 40px; line-height: 40px; border-bottom: 1px dashed #f7f3f3;}
#main .m_center .content_main .cm_right .cmr_area .cmra_info .cmrai_title i{ font-size: 26px; color: #1878bc; position: relative; top: 2px;}
#main .m_center .content_main .cm_right .cmr_area .cmra_info .cmrai_title span{ font-size: 16px; color: #1878bc; font-weight: bold;}
#main .m_center .content_main .cm_right .cmr_area .cmra_info .cmrai_content .cmraic_share a{ width: 40px; height: 40px; margin-right: 8px;}
#main .m_center .content_main .cm_right .cmr_area .cmra_info .cmrai_content .cmraic_share a.bds_sqq{ background: url("../images/share_qq.png")}
#main .m_center .content_main .cm_right .cmr_area .cmra_info .cmrai_content .cmraic_share a.bds_qzone{ background: url("../images/share_qzone.png")}
#main .m_center .content_main .cm_right .cmr_area .cmra_info .cmrai_content .cmraic_share a.bds_weixin{ background: url("../images/share_wx.png")}
#main .m_center .content_main .cm_right .cmr_area .cmra_info .cmrai_content .cmraic_share a.bds_tqq{ background: url("../images/share_tqq.png")}
#main .m_center .content_main .cm_right .cmr_area .cmra_info .cmrai_content .cmraic_share a.bds_tsina{ background: url("../images/share_tsina.png")}
#main .m_center .content_main .cm_right .cmr_area .cmra_info .cmrai_content .cmraic_share a.bds_more{ background: url("../images/share_more.png")}

#main .m_center .content_main .cm_right .cmr_area .cmra_info .cmrai_content ul li{ margin-top: 10px; width: 290px; height: 30px; line-height: 30px;}
#main .m_center .content_main .cm_right .cmr_area .cmra_info .cmrai_content ul li span{ display: inline-block; width: 30px; height: 30px; background-color: #f11836; text-align: center; color: #ffffff;}
#main .m_center .content_main .cm_right .cmr_area .cmra_info .cmrai_content ul li span.rank{ background-color: #00aaee;}
#main .m_center .content_main .cm_right .cmr_area .cmra_info .cmrai_content ul li a{ margin-left: 10px;}

#main .m_center .content_main .cm_right .cmr_area .cmra_info .cmrai_content .cmraic_mbarea ul li{ margin-top: 10px; width: 290px; height: auto;}
#main .m_center .content_main .cm_right .cmr_area .cmra_info .cmrai_content .cmraic_mbarea ul li .img{ width: 290px; height: 200px; overflow: hidden;}
#main .m_center .content_main .cm_right .cmr_area .cmra_info .cmrai_content .cmraic_mbarea ul li .img img{ width: 100%;}
#main .m_center .content_main .cm_right .cmr_area .cmra_info .cmrai_content .cmraic_mbarea ul li .title{ height: 30px; line-height: 30px; text-align: center; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*文件列表*/
#main .m_center .content_main .cm_left .cmf_download .cmfd_file .file_list_tree{
    background-color: #e2e2e2;
    min-height: 300px;
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
}

/* 相关文章 */
#main .m_center .content_main .cm_left .cmf_download .cmfd_file .artlist li{
    height: 35px;
    line-height: 35px;
}

/*广告*/
.right_bdadv{ width: 290px; margin: 0 auto;}