*{margin: 0;padding: 0;}
body, html{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-text-size-adjust:none;width: 100%;overflow-x: hidden;text-align: justify;text-justify: distribute-all-lines;}
.include{padding: 0 .5rem;}
.body {margin-top: .8rem;position: relative;width: 100%;height: 100%;overflow: scroll;}
a {text-decoration: unset;color: #fff;}
img{max-width: 100%;}
li {list-style: none;}

/*header*/
.header{background-color: #e60012;position: fixed;width: 6.5rem;height: .8rem;line-height: .8rem;z-index: 999;}
.logo{background-image:url(//insight-officialwebsite.oss.cdn.gdinsight.com/portal_images/mobile/logo.png);background-repeat: no-repeat;background-size: contain;background-position: center;}
.logo{height: 100%;width: 1.67rem;display: block;position: absolute;top: 0;left: .5rem;}
.menu_box{width: .3rem;height: .3rem;position: absolute;right: 1.5rem;top: .25rem;cursor: pointer;}
.menu_box:before{content:"";position: absolute;width: 100%;height: .02rem;background-color: #fff;left: 0;top: 0;}
.menu_box:before{transition: all .5s;transform-origin: 0 .01rem;}
.menu_box:after{content:"";position: absolute;width: 100%;height: .02rem;background-color: #fff;left: 0;bottom: 0;}
.menu_box:after{transition: all .5s;transform-origin: 0 .01rem;}
.menu_box.active .line_center{transform: translateX(.3rem);-webkit-transform: translateX(.3rem);opacity: 0;}
.menu_box.active:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);width: 135%;}
.menu_box.active:before{transform: rotate(45deg);-webkit-transform: rotate(45deg);width: 135%;}
.line_center{transition: all .5s;position: absolute;left: 0;height: .02rem;width: 100%;top: .14rem;background-color: #fff;}
.langue{color: #fff;font-size: .24rem;width: .55rem;position: absolute;right: .5rem;}
.langue_icon{right: 0;top: .35rem;}
/*header*/

/*header menu*/
.menu_body.active{height: 100%;}
.menu_body{height: 0;transition: height .5s;background-color: #e60012;position: fixed;top: 0;width: 100%;z-index: 90;overflow: hidden;}
.menu_data_box{padding: 1.68rem .82rem;height: 80%;overflow-y: scroll;}
.menu_data_item{font-size: .28rem;cursor: pointer;}
.menu_data_item, .menu_data_box>ul li{height: .72rem;line-height: .72rem;border-bottom: #fff .01rem solid;position: relative;}
.menu_data_box>ul{width: 3rem;position: relative;left: 2.26rem;font-size: .28rem;display: none;}
.menu_data_icon{right: .6rem;top: 50%;margin-top: -.05rem;}
/*header menu*/

/*public*/
.inverted_triangle{width: .1rem;height: .1rem;position: absolute;overflow: hidden;transition: all .5s;}
.inverted_triangle{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);cursor: pointer;}
.inverted_triangle.active{transform: rotate(135deg);-webkit-transform: rotate(135deg);}
.inverted_triangle:before{content: "";position: absolute;left: 0;top: 0;width: 200%;border-bottom: .09rem solid #fff;}
.inverted_triangle:before{transform: rotate(45deg);-webkit-transform: rotate(45deg);}

/*.tips_more_btn{margin: .56rem 0;font-family: "SourceHanSansCN_Normal";display: inline-block;font-size: .2rem;height: .36rem;cursor: pointer;line-height: .36rem;position: relative;box-sizing: border-box;padding-left: .1rem;padding-right: .3rem;text-align: left;}*/
.tips_more_btn {margin: .56rem 0;font-family: "SourceHanSansCN_Normal";display: flex;align-items: center;width: 1.7rem;font-size: .2rem;height: .36rem;cursor: pointer;position: relative;box-sizing: border-box;padding-left: .1rem;padding-right: .3rem;text-align: left;}
.tips_more_btn.tips_more_btn_white{color: #f8f8f8;border: 1px solid #f8f8f8;}
.tips_more_btn.tips_more_btn_black{color: #a8a8a8;border: 1px solid #a8a8a8;}
.tips_more_btn>i{width: .15rem;height: .36rem;display: inline-block;position: absolute;top: 50%;right: .1rem;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.tips_more_btn>i:before{content: "\f105";font: normal normal normal .36rem/1 FontAwesome;position: absolute;left: 0;top: 0;font-size: .2rem;line-height: .36rem;width: 100%;height: .36rem;}
/*public*/

/*public_pagination*/
.public_pagination {position: relative;width: 100%;font-size: .26rem;}
.public_pagination .active {border-bottom: .01rem solid #939393;}
.public_pagination a, .public_pagination span {margin-right: .6rem;color: #939393;text-decoration: none;padding: .15rem .05rem;}
.public_pagination_left:before{content: "\f104";font-weight: lighter;font: normal normal normal .36rem/1 FontAwesome;}
.public_pagination_right:before{content: "\f105";font-weight: lighter;font: normal normal normal .36rem/1 FontAwesome;}
/*public_pagination*/