@charset "utf-8";
*{margin:0;padding:0;list-style:none}
body{font-size:9pt;color:#000;margin:0 !important;padding:0 !important;}
body,input,select{font-family:Microsoft YaHei,Verdana}
img{border:none}
dd,dl,dt,li,ul{list-style:none}
em{FONT-STYLE:normal;FONT-WEIGHT:normal}
a{TEXT-DECORATION:none}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}
.cl{clear:both;overflow:hidden}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:"020";display:block;height:0;clear:both;visibility:hidden}
.content{width:80%;height:auto;margin:0 auto}
/* 更改 */
.jiang_box{width:100%;margin-left:auto;margin-right:auto;display:table;box-sizing:border-box;}
.bottom_fbox{width: 100%;height: 80px;background: rgb(0, 0, 0,0.6);text-align: center;line-height: 80px;color: #fff;position: fixed;left: 0;bottom: 0;z-index: 111;font-size: 20px;}
.bottom_fbox a{display: inline-block;width: 107px;height: 45px;line-height: 45px;background-color: #ff5200;border-radius: 5px;cursor: pointer;color: #fff;}
.bottom_fbox .Closebtn-b{position: absolute;top: -16px;right: 10px;color: #fff;font-size: 30px;cursor: pointer;}
.jiang_left{width:25%;text-align: left;background: #f5f5f5;padding:30px 20px 60px;border-right:1px solid #ddd;overflow: hidden;overflow-y: scroll;position: fixed;top:90px;left: 0;}
.jiang_left::-webkit-scrollbar{width:6px}
.jiang_left::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:32px}
.jiang_left::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:32px}
.jiang_left-top{margin-bottom: 20px;}
.jiang_left-top .icon-img{margin-right: 15px;}
.jiang_left-top .icon-img img{box-shadow: none !important;}

.jiang_left-top .icon{ width:60px; height:60px;  border-radius:10px; color:#fff; display:inline-block;margin-right: 15px; text-align: center;}
.jiang_left-top .icon i{ font-size:34px; line-height:60px}
.jiang_left-top .icon941{background:#007acc;}
.jiang_left-top .icon621{background:#6db33e;}
.jiang_left-top .icon1483{background:#365c81;}
.jiang_left-top .icon3867{background:#6699ff;}
.jiang_left-top .icon5527{background:#e64c2a;}
.jiang_left-top .icon9265{background:#15c75b;}
.jiang_left-top .icon1104{background:#41b883;}
.jiang_left-top .icon2704{background:#fb8200;}
.jiang_left-top .icon-txt{text-align: left !important;}
.jiang_left-top .icon-txt p:nth-child(1){font-size: 18px;margin: 0px 0 5px;}
.jiang_left-top .icon-txt p:nth-child(2){font-size: 14px;}
.jiang_left-top .icon-txt p span{margin-right: 15px;}
.fonticon_box{padding: 0 0 20px;cursor: pointer;}
.zanicxon{margin-right: 10px;}
.zanicxon1{color: #fb8200;}
.course_fixed{padding: 20px 0 0 20px;background: #fff;border-radius: 10px;box-shadow: 0 5px 20px rgba(14,5,10,.1);position: fixed;top:215px;left:25%;z-index: 11;width: 650px;display: none;}
.course_fixed .jiang_left-top{width: 50%;display: block;color: #333;}
.wikibo_box{position: fixed;top:30%;right: 20px;z-index: 111;}
.wikibo_box img{box-shadow: none !important;}
.wikibo_box p{font-size: 14px;margin-top: 5px;}
.wikibo_box .yuan1{position: absolute;display:block;width: 20px;height: 20px;border-radius:50%;animation: yuan 5s  infinite;box-shadow: 0px 0px 2px #02b97f;top:20px;left:34px;}
.wikibo_box .yuan2{position: absolute;display:block;width: 20px;height: 20px;border-radius:50%;animation: yuan 5s  infinite;box-shadow: 0px 0px 2px #02b97f; animation-delay: 0.5s;top:20px;left:34px;}
@keyframes yuan{
	0%{
		transform: scale(1);
	}
	20%{
		transform: scale(2);
	}
	40%{
		transform: scale(3);
	}
	60%{
		transform: scale(4);
	}
	80%{
		transform: scale(5);
	}
	100%{
		transform: scale(6);
	}
}
/* 更改 */
.left_nav{width:95%;margin:0 auto 20px}
.muen1_txt{display:block;width:100%;cursor:pointer;color:#333;text-decoration:none;font-size:14px;background:url(images/open.png) no-repeat left center;height:25px;line-height:25px;text-indent:25px}
.muen1_txtopoen{background:url(images/clkose.png) no-repeat left center}
.tubiao_b{width:33px;height:25px;line-height:25px;background:url(images/clkose.png) no-repeat left center;display:inline-block;cursor:pointer;color:#333;text-decoration:none;top:7px;margin-left:18px}
.muen2_box{width:100%}
.mencon2_b{display:block;width:90%;height:25px;line-height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;color:#333;background:url(images/open.png) no-repeat left center;text-indent:25px;margin-left:9%}
.tubiao_bopen{background:url(images/clkose.png) no-repeat left center}
.muen2_hide{display:none}
.muen3_b a{display:block;width:80%;height:28px;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;color:#333;margin-left:18%;background:url(images/wenjian.png) no-repeat;background-position-y:5px;text-indent:20px}
.teacher_gao{width:100%;margin:30px 0 10px 0}
.teacher_gao img{display:block;width:95%;height:auto;margin:0 auto}
.teacher_jie{display:block;width:100%;height:auto}
.teacher_jie img{display:block;width:95%;height:auto;margin:0 auto}
/* 更改 */
.jiang_right{width:74%;margin-top:30px;text-align: left;background: #fff;padding-right: 30px;position: relative;}
.icon-wiwk img{box-shadow: none !important;}
.beforeicon{position: fixed;z-index: 11;top:50%;left: 25%;}
.beforeicon span{font-size: 28px;color: #ccc;}
.beforeicon span:hover{color: #444;}
.nexticon{position: fixed;z-index: 11;top: 50%;right: 0px;}
.nexticon span{font-size: 28px;color: #ccc;}
.nexticon span:hover{color: #444;}
.right_setting{padding: 0px 0 20px;width: 95%;margin: 0 auto;}
.settimg_r .settimg_r_info{font-size: 14px;margin-right: 15px;line-height: 32px;height: 32px;}
.settimg_r .settimg_r_info span{margin-right: 5px;font-size: 20px;}
.settimg_r .settimg_r_info:nth-child(1) span{position: relative;top: 3px;}
.settimg_r .settimg_r_info:nth-child(3){cursor: pointer;}
/* 更改 */
.right_con{padding:0 0 0 20px;word-break:break-all !important;width: 95%;margin: 0 auto;}
.right_con img{max-width: 100%}
.right_title{font-size:16px;color:#000;text-align: left;}
.right_read{font-size:14px;color:#666;margin:10px 0;text-align: left;}
.right_nav_b{height:35px;line-height:35px;border:1px solid #e6e6e6;margin-bottom: 20px;}
.right_nav_b a{font-size:14px;color:#095cc6;margin:0 15px}
.right_content_box{margin:0px 0 20px;min-height: 100px;}
.p1{font-size:14px;margin:5px 0;line-height:24px}
.p2{font-size:30px;margin:10px 0}
.right_ask{font-size:18px;color:#666;margin:25px 0}
.right_qun img{margin-right:35px}
hr{box-sizing: content-box;height: 0;margin: 15px 0;border: 0;border-top: 1px solid #dddddd;}
.comment_title{height:50px;line-height:50px;border-bottom:1px solid #e6e6e6;font-size:16px;color:#333;width: 100%;display: flex;box-sizing: border-box;flex-flow: row nowrap;justify-content: space-between;}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
.comment_title span{display: inline-block;margin-top: 2px;width: 4px;height: 19px;background: #fdd000;border-radius: 2px;margin-right: 12px;position: relative;top: 4px;}
.comment_title .color_line{background: #e0e0e0;}
.comment_title_r .com_txt{width:auto ;margin-left: 10px;font-size: 16px;}
.comment_title_r img{position: relative;}
.comment_title_r .com_txt i{margin-right: 5px;font-size: 22px;font-family: "Georgia Regular",Georgia;color: #d92227;font-style: normal;}
.flex-text-wrap{width:100%;position:relative}
.flex-text-wrap,.flex-text-wrap textarea{outline:0;margin:0;border:none;padding:0}
.flex-text-wrap pre,.flex-text-wrap textarea{white-space:pre-wrap;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.flex-text-wrap textarea{overflow:hidden;position:absolute;top:0;left:0;height:100%;width:100%;resize:none;padding:7px}
.flex-text-wrap pre{display:block;visibility:hidden}
.flex-text-wrap,.flex-text-wrap textarea{margin-bottom:25px}
.flex-text-wrap pre,.flex-text-wrap textarea{line-height:1.7;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:100%;padding:10px 15px;border:1px solid #c6c8ce;width:100%;-webkit-appearance:none;background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 0 8px rgba(182,195,214,.6) inset,0 1px 1px #fff;-moz-box-shadow:0 0 8px rgba(182,195,214,.6) inset,0 1px 1px #fff;box-shadow:0 0 8px rgba(182,195,214,.6) inset,0 1px 1px #fff;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;-webkit-transition-easing:ease-in-out;-moz-transition-easing:ease-in-out;-o-transition-easing:ease-in-out;-ms-transition-easing:ease-in-out;transition-easing:ease-in-out;-webkit-transition-property:border-color,-webkit-box-shadow;-webkit-transition-property:border-color,box-shadow;-moz-transition-property:border-color,-moz-box-shadow;-moz-transition-property:border-color,box-shadow;-o-transition-property:border-color,box-shadow;-ms-transition-property:border-color,box-shadow;transition-property:border-color,box-shadow}
.fork-link{display:block;position:absolute;top:0;right:0;width:140px}
@media only screen and (-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){html{background-size:51px auto}}
.pull-right{float:right!important}
.pull-left{float:left!important}
.content_comment{float:left}
.flex-text-wrap,pre{margin:0!important}
.commentAll{width:95%;margin:20px 10px}
.plBtn{width:75px;height:36px;line-height:36px;background-color:#339b53;text-align:center;display:block;float:right;color:#fff;font-size:12px;border-radius:6px;margin-right:2px;margin-top:20px}
.plBtn:hover{background-color:#2f904d}
.comment-show{margin-top:20px}
.comment-show-con{width:100%;border-top:1px solid #ededed;padding:10px 0}
.comment-show-con-img{width:48px;height:48px;overflow:hidden;margin-top:5px}
.comment-show-con-img img{width: 100%}
.comment-show-con-list{width:85%;margin-left:3%}
.pl-text{width:100%;margin-top:7px;word-wrap:break-word;overflow:hidden}
.date-dz{width:100%;float:left}
.hf-list-con{float:left;width:100%;background-color:#eaeaec;margin-top:7px}
.comment-size-name{font-size:12px;color:#339b53}
.my-pl-con{font-size:12px;color:#8b8b8b;width:100%}
.date-dz-left{font-size:12px;color:#8b8b8b;display:block;padding-top:18px}
.comment-pl-block,.comment-time{padding-top:7px}
.comment-pl-block{margin-top:0}
.date-dz-right{display:block;padding-top:6px;padding-right:18px;position:relative;overflow:hidden}
.removeBlock{float:left;font-size:12px;color:#8b8b8b;margin-right:24px;display:block;opacity:0}
.hf-con-block{display:block}
.date-dz-line,.date-dz-pl,.date-dz-z{font-size:12px;color:#8b8b8b}
.date-dz-line{display:block;padding:0 20px}
.date-dz-z-click-red{width:17px;height:17px;display:block;float:left;background-image:url(images/icon-all_01.png);background-repeat:no-repeat;background-position:-6px -198px;margin-right:5px}
.z-num{font-style:normal}
.date-dz-z-click{color:#b83b44}
.red{background-position:-6px -119px!important}
.hf-pl{width:70px;height:30px;line-height:30px;background-color:#339b53;text-align:center;display:block;float:right;color:#fff;font-size:12px;border-radius:6px;margin-right:2px;margin-top:20px}
.hf-con{width:100%;margin-top:24px}
.hf-input{font-size:12px}
.all-pl-con{width:96%;padding:2% 0;float:left;margin:0 2%}
.atName{font-size:12px;color:#339b53}
.hfpl-text{margin-top:0}
.date-dz:hover .removeBlock{opacity:1}
.hf-list-con .all-pl-con{border-top:1px solid #d9d9d9;padding-bottom:12px}
.hf-list-con .all-pl-con:first-child{border-top:0}
.right_mulu{width:100%;height:48px;line-height:48px;background:#0593d3;display:none;margin-bottom:40px;padding:0 30px 0 30px}
@media (max-width:1920px){.jiang_left{display:block}
.teacher_gao{display:block}
.teacher_jie{display:block}}
.cover_ping{display:none;position:fixed;top:0;left:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:10}
@media (max-width:900px){.jiang_left{display:none;position:fixed;top:-30px;left:0;background:#fff;z-index:11;overflow:hidden;width:60%;overflow-y:scroll;overflow-x:hidden}
.jiang_left::-webkit-scrollbar{width:4px;height:4px;scrollbar-arrow-color:red}
.jiang_left::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.2);scrollbar-arrow-color:red}
.jiang_left::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:0;background:rgba(0,0,0,.1)}
.teacher_gao{display:none}
.teacher_jie{display:none}
.left_nav{margin-top:15px}
.jiang_right{width:98%;margin:0 auto;border-left:none;background: #fff;}
.right_con{padding:0}
.right_mulu{display:block}
.mulu_con{width:98%;margin:0 auto;text-align: left;}
.mulu_info{display:inline-block;font-size:15px;color:#fff;padding:0 10px;cursor: pointer;}
.mulu_info img{border-radius: 0px !important;box-shadow: 3px 3px 10px #0593d3;position: relative;top: -1px;}
.right_mulu{padding:0}}
.zhuti_box{margin: 2px 0 0 20px;position:relative;line-height: 14px;}
.zhuti_box img{box-shadow: none;border-radius: 0;}
.zhuti_box1{margin: 2px 20px 0 0;}
.zhuti_info{width:150px;height:auto;box-shadow:0 0 10px #b3b2b2;border-radius:5px;position:absolute;z-index:11;background:#fff;top:26px;right:-17px;display:none}
.zhuti_info img{position:absolute;top:-14px;left:107px;margin: 0 !important;}
.zhuti_info p{width:100%;height:45px;line-height:45px;border-bottom:1px solid #eee}
.zhuti_info p span{width:50%;text-align:center;cursor:pointer;font-size:14px}
.zhuti_info p .samll{font-size:13px}
.zhuti_info p .big{font-size:18px}
.zhuti_info .p_bottom{border-bottom:none}
.zhuti_btn{cursor:pointer;font-size: 18px;}
.zhuti_btn1{cursor:pointer;font-size: 16px;color: #777;}
/*左侧导航*/
#Catalog_box {width: 95%;font-size: 14px;line-height: 28px;z-index: 9999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 0 auto}
#Catalog_box a{color: #333;}
#Catalog_box .cate-item1{overflow: hidden;text-overflow: ellipsis; white-space: nowrap;text-indent: 10px;}
#Catalog_box .cate-item1 span{color: #999;font-weight: bold;font-family: Arial;font-size: 14px;padding-right: 5px;}
#Catalog_box .cate-item1 a{font-size: 14px;display:block;width: 94%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-indent: 23px;}
#Catalog_box .cate-item3 a{font-size: 15px;text-indent: 5px;}
#Catalog_box .cate-item2{padding-left:28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-indent: 13px;}
#Catalog_box .cate-item2 span{font-weight: 500;}
#Catalog_box .cate-item2 a{font-size: 12px;display:block;width: 94%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#Catalog_box dd.active,#Catalog_box dd.active a{color:#136ec2!important;font-weight: 700}
#Catalog_box dd.active{color:#136ec2!important;font-weight: 700}
.nav_top{height: 35px;line-height: 35px;background: #f0f0f0;cursor: pointer;}
.nav_top_T{color: #000;margin-left: 5px;cursor: pointer;font-size: 15px;font-weight: 700;}
.nav_top{cursor: move;}
.nav_icon{position: fixed;top:10px;left:50%;display:none; margin-left:455px}
.nav_fixed{position: fixed;top: 0px;z-index: 100;box-shadow: rgb(172, 172, 172) 0px 2px 4px;left: 0px;background: rgb(248, 248,248);width: 100%;height: 66px;line-height: 66px;font-size: 16px;z-index: 99999;}
#Catalog_box .cate-item1 a{background:url(images/open.png) no-repeat;background-position:0 7px;text-indent:20px;margin-left:20px;background-size: 12px 12px;}
#Catalog_box .cate-item2 a{background-position:0 8px;margin-left:13px}
#Catalog_box .cate-item3 a{background:url(images/open.png) no-repeat;background-position:0 9px;text-indent:20px;margin-left:0;margin-bottom:5px;background-size: 12px 12px;}
.left_fix{width: 24%;position: fixed;top:0;left: 30px;overflow-y: scroll;overflow-x: hidden;}
.left_fix::-webkit-scrollbar {width: 0px;height: 0px;scrollbar-arrow-color:red;}
.left_fix::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);scrollbar-arrow-color:red;}
.left_fix::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}
.big_size{font-size: 24px !important;}
/* 更改 */
.shousuo{width: 95%;font-size: 14px;color: #666;border-bottom: 1px solid #ccc;}
/* 更改 */
.shousuo p{margin: 0 !important;}
.btn_ss img{cursor: pointer;box-shadow: none;border-radius: 0;}
.btn_img2{margin:0 5px;}
.cover_y{width: 100%;height: 100%;position: fixed;top:0px;left: 0;bottom: 0;background: rgba(0,0,0,0);display: none;z-index: 9;}
.jiang_box_full{position: relative;top: -75px;}
.nav_box{height:auto; padding: 10px 10px 60px 10px;}
.nav_info{position:relative}
.nav_info i{position:absolute;top:9px;left:-10px}
.nav_tbn{font-size:18px}
.nav_box a{color:#444;text-decoration:none;padding:5px 15px 5px 5px;font-size:14px;display:block;height: 36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nav_box .nav_info_a .iconfont{color: #666;margin-right: 5px;}
.nav_box .active .iconfont{color: #fff;margin-right: 5px;}
.nav_box a.active{background: #00a8e6;color: #ffffff;}
.nav_box i{cursor:pointer;font-size:14px}
.nav_info_four,.nav_info_three,.nav_info_two{display:none}
.logo img {box-shadow: 3px 3px 10px #fff!important;margin-top: 26px !important;}
.baizhan_nav li,.baizhan_nav  p {white-space: nowrap !important;}
.nav_search_course input {width: 168px;font-size: 14px !important;}
.baizhan_ul ul {margin: 0 15px;padding-left: 0 !important;}
.login_after_info a .login_avatar{box-shadow: 3px 3px 10px #fff!important;}
.nav_search{height: 42px !important;line-height: 42px !important;}
.login_after_info a .login_avatar{top: -6px;}
.login_user_T{text-align: left !important;margin-bottom: 5px;}
.login_courseMore_info ul{padding-left: 0 !important;}
.login_coursedetail_T{text-align: left !important;}
.login_coursedetail_zhang{text-align: left !important;}
.content_new{width: 90% !important;min-width: 1200px !important;}
.bottomnav p{font-size: 14px !important;}
.comment_title_r img{box-shadow: 3px 3px 10px #fff;}
.comment_title_html{line-height: 50px !important;font-size: 16px !important;}
/* 更改 */
.nav_ss{font-size:16px;display:block;padding:5px 20px;background:#f5f5f5;border:1px solid #ccc;border-bottom-color:transparent;color:#333;border-radius:4px 4px 0 0;margin-right:2px;position:relative;top:1px}
/* 更改 */
.comment_title_html .comment_title_r .com_txt{line-height:30px}
.baizhan_nav_jieshao_box{width:100%;height:90px;box-shadow:0 0 15px #ddd;min-width:1200px}
.baizhan_nav_jieshao_con{min-width:1350px;width:100%;margin-left:auto;margin-right:auto;display:table;padding:0 30px 0 30px;box-sizing:border-box}
.baizhan_nav_jieshao_box .logo img{margin-top:20px!important}
.baizhan_nav_jieshao_box .baizhan_ul ul li{width:88px}
.baizhan_nav_jieshao_box .baizhan_ul ul li a{line-height:90px}
.baizhan_nav_jieshao_box .baizhan_ul ul li em{top:30px}
.baizhan_nav_jieshao_box .shicao_n_plan .sc_nav{left:-7px}
.baizhan_nav_jieshao_box .shicao_n .sc_nav a{line-height:40px}
.baizhan_nav_jieshao_box .nav_search_course{width:250px;height:36px!important;line-height:36px!important;margin:27px 15px 0 0}
.baizhan_nav_jieshao_box .nav_search input{height:34px}
.baizhan_nav_jieshao_box .nav_search span{margin-right:14px}
.baizhan_nav_jieshao_box .course_nav_index{height:36px;line-height:36px;margin-top:27px}
/*.baizhan_nav_jieshao_box .message_info{line-height:90px;height:90px}*/
.message_box{margin: 27px 20px 0 0;}
.baizhan_nav_jieshao_box .login_after_info{height:119px;line-height:119px;margin-right: 52px;}
.baizhan_nav_jieshao_box .login_after_info a{margin-right:0;margin-top:-15px}
.baizhan_nav_jieshao_con .deng_nav{line-height: 90px;margin-right: 55px;}
.section_box{text-align: center;margin-top: 12%;}
.section_txt1{font-size: 28px;font-weight: 700;margin: 40px 0 24px;color: #2c3e50;}
.section_txt2{font-size: 18px;margin-bottom: 40px;}
.section_btn{display: block;width: 175px;height: 46px;line-height: 46px;text-align: center;font-size: 22px;background: #43b244;margin: 0 auto;color: #fff;border-radius: 46px;}
.jiang_right .right_con #write{word-break:break-all !important;}
.jiang_right .right_con #write svg{word-break:break-all !important;width: 100%;}
.jiang_right .right_con pre textarea{width: 100% !important;}
.jiang_right .right_con pre{word-break:break-all !important;}
.jiang_right .right_con table{word-break:break-all !important;}
.md-fences{width: 100% !important;}
.CodeMirror.cm-s-inner{width: 100% !important;}
#write{padding: 0 !important;padding-bottom: 0 !important;padding-top: 0 !important;}
.CodeMirror-line .code .lines{margin-right: 10px;color: #666;display: inline-block;width: 20px;text-align: right;color: rgb(153, 153, 153);font-size: 15px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.CodeMirror-line .code .precode{border-left: 1px solid #ddd;padding: 2px 0 2px 10px;font-size: 14px !important;width: 88% !important;}
@media (max-width:700px){
	.right_content_box #write h2{font-size: 24px;}
	.right_content_box #write h3{font-size: 20px;}
	.right_content_box #write p{font-size: 16px;}
	.jiang_box{padding: 0 15px !important;}
}
.CodeMirror-code{position: relative;}
.copy_btn_code{background: #ddd;font-size: 12px;border-radius: 3px;position: absolute;top: 0;right: 10px;display: none;cursor: pointer;z-index: 11;border: none;width: 44px;height: 30px;line-height: 30px;text-align: center;outline: none;}
#param-div{background:#fff;position:fixed !important;bottom:100px;right:35px;margin:-200px 0 0 0;z-index:9999;box-shadow:0 0 30px 5px #ddd;display:none;width: 400px;height: 220px;border: 1px solid #ccc;position: absolute;min-height: 180px !important;min-width: 320px !important;}
.pv-cover{cursor: move !important;}
.video_cover_index .icon-guanbi{position:absolute;top:6px;right:6px;cursor: pointer;box-shadow:none !important;z-index: 999;color: #ddd;font-weight: 700}
.video_cover_index video{border: none !important;border-radius:0 !important;}
.pv-video-player{min-height: 180px !important;min-width: 320px !important;}
._drag {border-radius: 15px;width: 15px;height: 15px;background: #fff;position: absolute;border: 1px solid #4240eb;}   
.drag_top_left {left: calc(0px - (15px) / 2);top: calc(-15px / 2);cursor: nw-resize;z-index: 9;}
.drag_top_right {right: calc(-15px / 2);top: calc(-15px / 2);cursor: ne-resize;z-index: 9;}
.drag_bottom_left {left: calc(0px - (15px) / 2);bottom: calc(0px - 15px / 2);cursor: sw-resize;z-index: 9;}
.drag_bottom_right {right: calc(-15px / 2);bottom: calc(0px - 15px / 2);cursor: se-resize;z-index: 9;}
.guide-box{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);position: fixed;top: 0;left: 0;bottom: 0;z-index: 999999;display: none;}
.guidetext{font-size: 16px;color: #fff;margin-bottom: 15px;}
.guidetext1{margin-top: 15px;}
.guidefrist{position: absolute;top: 20%;right: 7%;text-align: center;}
.guidesecond{position: absolute;top: 50%;right: 13%;text-align: center;margin-top: -86px;}	
.guidethree{position: absolute;top: 66%;right:0%;text-align: center;}
.guideimg{width: 100px;box-shadow: none;}
.guideimg1{position: relative; right: -49px;}
.guidbtn{width: 80px;}
.vip-cover-box{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);position: fixed;top: 0;left: 0;bototm:0;z-index: 99999;}
.vip-cover-con{width: 410px;height: 472px;position: absolute;top: 50%;left: 50%;margin: -236px 0 0 -205px; }
.vip-cover-txt{font-size: 24px;text-align: center;width: 216px;position: absolute;top: 256px;left:50%;margin-left: -108px;}
.vip-cover-txt p{margin-bottom: 10px;}
.vip-cover-con .vip-cover-btn{display: block;width: 340px;height: 52px;line-height: 52px;background-color: #16d9d8;text-align: center;color: #fff;font-size: 24px;position: absolute;left: 50%;margin-left: -170px;bottom: 29px;border-radius: 52px;cursor: pointer;text-decoration: none;}
.vip-cover-con .vip-cover-close{position: absolute; top: -38px;right: -38px;cursor: pointer;}