#web-main{ width:100%; position:relative; height:100vh;  font-size: 18px;max-width: 1920px; margin: 0 auto;}


/*tag:  */
.left_bar{ left: 0px; top: 70px; width: 234px; z-index: 999;}
.left_bar .role{top: 0; left: -43px;-webkit-transition: all .25s cubic-bezier(.7, .3, .1, 1);
  transition: all .25s cubic-bezier(.7, .3, .1, 1);}
.left_bar .ctx{left: 0; top: 174px;width: 177px;  height: 414px; background: url(/static/web/images/frame2.png) no-repeat; background-size: 100%; padding-top: 19px;     -webkit-transition: all .25s cubic-bezier(.7, .3, .1, 1);
  transition: all .25s cubic-bezier(.7, .3, .1, 1);}
.left_bar .ctx .new_server{border-top: 1px solid #b7b7b7; padding-top: 8px;}
.left_bar .ctx .arrow{right: -23px; width: 24px; height: 64px; background-position: 0 0;}
.left_bar.hide .ctx {left: -177px;}
.left_bar.hide .role{left: -277px;}
.left_bar.hide .ctx .arrow{transform: translateY(-50%) rotateY(180deg);}

.info{background: url(/static/web/images/info.png) no-repeat; background-size: 600px 600px;}
.info_text {  background: url(/static/web/m/images/info_text2.png) no-repeat;  background-size: 750px 1539px;}


.box_wrap{padding-bottom: 280px;background-color: #f0f0fa;}

.banner {height: 302px;background: url(/static/web/images/bg_top.jpg) no-repeat center top;}

.title_box{height: 160px; background-color: #e6e6f8; padding: 39px 0 19px 0; margin-bottom: 22px; color: #3c3c3c;}
.title_box p{color: #888;}

.title_box .tip{color: #6e6c6c;}
.title_box .tip span{color: #bfbfbe;}
.title_box .tip a:hover{text-decoration: underline;}



.article_ctx{padding-bottom: 180px;}
.article_ctx h2{width: 100%; color: #d4775a; font-size: 20px; margin-top: 20px; line-height: 40px;}
.article_ctx p{width: 100%; text-indent: 2em; color: #3c3c3c; font-size: 16px;line-height: 30px; white-space: normal; word-break: break-all;}
.article_ctx p.ql-align-center{text-align: center; text-indent: 0;}
.article_ctx img{width: 520px; margin-top: 20px;}
.article_ctx p.tip{color: #888; text-align: center; margin-bottom: 15px;}
.article_ctx p * {
  text-indent: 0;
}



.btn_to_top{display: none; color: #3c3c3c;left: 50%; margin-left: 550px; top: 50%; margin-top: 100px; z-index: 999;}
.btn_to_top div{width: 67px; height: 67px; background-color: #e4e4ed; border: 1px solid #b6b6be; padding-top: 26px; margin: 0 auto;}
.btn_to_top span{width: 25px; height: 25px; border-left: 1px solid #000;border-top: 1px solid #000; transform: rotate(45deg);}

.inner_box{
  width: 1050px;
}