@charset "utf-8";
/* CSS Document */

html,body,ul,li,p,img,dl,dt,dd{ margin:0; padding:0; list-style:none;}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-weight:normal; color:#666;}
html,body{ position:relative; width:100%; height:100%;}
.m_page{ width:100%; font-family:"Microsoft YaHei"; font-size:0.24rem; line-height:2em; color:#666; position:relative; width:100%; height:100%; padding-bottom:1rem; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-overflow-scrolling: touch;  overflow-x:hidden; overflow-y:scroll;}
.m_page img{ display:block; width:100%; }
.m_page img.p_tb{ display:inline-block; width:auto; vertical-align:middle;}

.m_page .nav_box{ width:100%; height:0.58rem; position:fixed; left:0; top:0; z-index:99; background-repeat:repeat-x; background-size:10px;}
.m_page .nav_ul{ width:5.43rem; padding-right:0.6rem; margin:0 auto; overflow:hidden; margin-top:0.04rem;}
.m_page .nav_ul>li{ float:left; width:1.56rem; height:0.65rem; margin-right:0.25rem; background-size:4.68rem 1.32rem; cursor:pointer;}
.m_page .nav_ul>li img{ display:block; border:0;}


.m_page .nav_ul>li.li1.on{ background-position:0 -0.66rem;}
.m_page .nav_ul>li.li2{ background-position:-1.56rem 0;}
.m_page .nav_ul>li.li2.on{ background-position:-1.56rem -0.66rem;}
.m_page .nav_ul>li.li3{ background-position:-3.12rem -0.66rem;}
.m_page .nav_ul>li.li3.on{ background-position:-3.12rem -0.66rem;}
.m_page .nav_box .nav_tips{ position:absolute; left:5rem; width:1.15rem; top:0;}


.m_page .gd_box{ position:relative; width:100%; overflow:hidden;}
.m_page .gd_box .box_ul{ width:99999px; overflow:hidden; margin-left:0;}
.m_page .gd_box .box_ul>li{ float:left; width:6.4rem; position:relative;}
.m_page .gd_box .btn_left,.m_page .gd_box .btn_right{ width:0.7rem; position:absolute; top:1.78rem; z-index:2; cursor:pointer; background-image:url(../images/qhbtn.png); background-size:200%;}
.m_page .gd_box .btn_left{ left:5%; background-position:0 0;}
.m_page .gd_box .btn_right{ right:5%; background-position:-100% 0;}
.m_page .gd_box .btn_left:hover{ background-position:0 0;}
.m_page .gd_box .btn_right:hover{ background-position:-100% 0;}

.m_page .gd_box .btn_ul{ height:0.12rem; overflow:hidden; position:absolute; left:50%; bottom:0.4rem; z-index:5; display:none;}
.m_page .gd_box .btn_ul li{ width:0.13rem; height:0.12rem; margin:0 0.1rem; float:left; position:relative; cursor:pointer; background:#fff; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.m_page .gd_box .btn_ul li:hover{ background:#f00;}
.m_page .gd_box .btn_ul li.on{ background:#f00;}

.m_page .m_rel{ position:relative;}
.m_page .m_pos{ position:absolute;}

.m_page .m_bot{ width:87.5%; margin:5vw auto 0;}

.main_t{border:1px solid #cccccc; box-sizing:border-box; -webkit-box-sizing:border-box; width:87.5%; margin:5vw auto; padding:0.2rem 0.15rem; }
.main_t .plls{ font-size:3.125vw; line-height:1.5em;}
.main_t .plls img{ width:0.34rem; display:inline-block; vertical-align:middle; }
.main_t .pinlun_zz{ display:block; margin-top:0.2rem;}
.main_t .srk{ overflow:hidden;}
.main_t #comment{ display:block; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #cccccc; height:1.5rem; font-size:0.2rem; color:#292929; background:none;}
.main_t .tj{ width:0.8rem; height:0.4rem; display:inline-block; background:#cf2700; color:#fff; text-align:center; line-height:0.4rem; margin:0.2rem 0 0; float:right;}

.main_t .wdlu{ width:100%; text-align:center; font-size:0.24rem; color:#999999;}
.main_t .wdlu a{ color:#cf2700;  }
	
.main_t #comments{ margin-top:0.2rem;}
.main_t .txt_b{ margin: 0 auto; border-top:1px solid #cccccc; padding:0.1rem 0 0.15rem; width:100%; }
.main_t .pl1{ font-size:0.24rem; color:#000;}
.main_t .pl1 span{ display:block; float:right; font-size:0.2rem; color:#aeaeae; font-size:0.18rem;}
.main_t .pl1 img{ display:inline-block; width:0.18rem; vertical-align:middle;}
.main_t .pl2{ color:#323232; font-size:0.24rem; }

.main_t .ym{ overflow:hidden; padding-bottom:0.2rem; display:none;}
.main_t .ym>li{ float:right; cursor:pointer; margin-left:0.1rem; font-size:0.2rem;}
.main_t .ym>li:hover{ color:#f00;}
.main_t .ym>li.on{ color:#f00;}


/*底部导航*/

.menu_m{ position:fixed; left:0; bottom:-1px; height:1.04rem; width:100%; z-index:100;}
.menu_ul{ overflow:hidden; }
.menu_ul>li{ float:left; cursor:pointer; width:1.6rem; height:0.4rem; margin:0.03rem 0 0; border-top:solid 0.01rem #cccccc; background-color:#fff; background-image:url(../images/bot_menu_180703.png); background-size:6.4rem; text-align:center; font-size:0.2rem; line-height:2em; padding:0.5rem 0 0.1rem;}
.menu_ul>li.on{ margin-top:0; border-top:solid 0.04rem #17bbbb; color:#4cd6eb; padding:0.52rem 0 0.08rem;}
.menu_ul>.li1{ background-position:0 0;}
.menu_ul>.li2{ background-position:-1.6rem 0;}
.menu_ul>.li3{ background-position:-3.2rem 0;}
.menu_ul>.li4{ background-position:-4.8rem 0;}
.menu_ul>.li1.on{ background-position:0 -1rem;}
.menu_ul>.li2.on{ background-position:-1.6rem -1rem;}
.menu_ul>.li3.on{ background-position:-3.2rem -1rem;}
.menu_ul>.li4.on{ background-position:-4.8rem -1rem;}
.menu_ul>.li3.on2{ background-position:-3.2rem -1rem; color:#4cd6eb;}

.menu_ul2{ }
.menu_ul2>li{ float:left; cursor:pointer; width:2.13rem;}
.menu_ul2>.li1{ background-position:0.26rem 0;}
.menu_ul2>.li2{ background-position:-1.34rem 0;}
.menu_ul2>.li3{ background-position:-2.94rem 0;}
.menu_ul2>.li1.on{ background-position:0.26rem -1rem;}
.menu_ul2>.li2.on{ background-position:-1.34rem -1rem;}
.menu_ul2>.li3.on{ background-position:-2.94rem -1rem;}

.sharebg{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=70); opacity: 0.7; z-index:101;}
.share{ position:fixed; left:21%; top:10%; width:62.5%; z-index:102;}
.share>img{ width:100%;}


.m_box{ position:fixed; left:0; bottom:0; padding-bottom:1rem; width:100%; background:#fff; z-index:-1;}
.m_box h2{ font-size:0.26rem; line-height:0.77rem; padding-left:0.3rem; color:#555; font-weight:normal; border-top:solid 1px #e7e7e7; border-bottom:solid 1px #e2e2e2;}
.m_box h2 .btn_prev,.m_box h2 .btn_next{ float:right; width:0.8rem; height:0.77rem; background-image:url(../images/bot_menu_jt02.png); background-size:1.6rem;}
.m_box h2 .btn_prev{ background-position:-0.8rem 0;}
.m_box h2 .btn_next{ background-position:0 0;}
.m_box h2 .btn_prev.on{ background-position:-0.8rem -0.8rem;}
.m_box h2 .btn_next.on{ background-position:0 -0.8rem;}
.m_box>ul>li{ font-size:0.2rem; line-height:1.5em; color:#777; }
.m_box>ul>li>a{ color:#777; display:block; overflow:hidden; text-decoration:none;}


.m_course>ul{ padding:0.22rem 0 0.3rem; max-height:4.56rem; overflow:hidden;}
.m_course>ul>li{ padding:0.18rem 0.5rem;}

.m_comment>ul{ padding:0.14rem 0 0.26rem;}
.m_comment>ul>li{ padding:0.14rem 1rem 0.14rem 0.33rem; min-height:0.74rem; font-size:0.2rem; line-height:1.8em; border-top:solid 1px #f2f2f2; background-image:url(../images/menu_list/bot_menu_tips.png); background-size:0.45rem; background-repeat:no-repeat; background-position:5.5rem 0.3rem;}
.m_comment>ul>li:first-child{ border-top:0;}
.m_comment>ul>li>a>img{ float:left; display:block; width:0.74rem; margin:0 0.25rem 0 0;}


.menu_jt{ position:absolute; left:0.7rem; width:0.19rem; bottom:1.04rem; height:0.09rem; background:url(../images/bot_menu_jt.png) no-repeat; background-size:0.19rem; z-index:101; display:none;}