body{background-color: #f2f2f2;height: auto;padding-bottom: 1.4rem;}

.banner{
    height: 4.24rem;position: relative;background-repeat: no-repeat;-webkit-background-size: contain;
    background-size: contain;
}
.bannerhk{
    height: 4.24rem;position: relative;background: url(../images/hk/banner.png) no-repeat;-webkit-background-size: contain;
    background-size: contain;
}
.banner h1{position: absolute;left: -999rem;z-index: -111;}
.banner .logo{width: 1.8rem;position: absolute;left: .3rem;top: .4rem;}

.scroll-stock{padding: .5rem .3rem;background-color: #fff;}
.scroll-stock .swiper-slide{width: 2.08rem!important;font-size: .24rem;color: #ffffff;background-size: 2.08rem 2.08rem;background-repeat: no-repeat;opacity: .5;height: 2.08rem;padding: .3rem .2rem;}
.scroll-stock .swiper-slide-active{opacity: 1;}
.scroll-stock .swiper-slide h2{font-size: .3rem;margin-bottom: .3rem;}

.stock-infor{
	background-color: #fff;margin-top: .3rem;padding: .4rem .3rem;
}

.left-logo{width: 2.6rem;display: inline-block;vertical-align: middle;}
.stock-name{display: inline-block;margin-left: 10px;vertical-align: top;}
.stock-name h3{font-size: .3rem;color: #485460;}
.stock-name h4{font-size: .34rem;color: #ff4049;font-weight: normal}

/*.market-time{border: 1px solid #ff4049;color: #ff4049;width: 1.9rem;text-align: center;height: .35rem;line-height: .35rem;border-radius: .04rem;}*/

.left-h{
	font-size: .28rem;color: #020202;font-weight: normal;height: .8rem;line-height: .8rem;padding-left: .2rem;position: relative;
}
.left-h::before{
	width: .04rem;height:  .26rem;content: "";background-color: #ff4049;display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);
}

.financial-report{border-top: 1px solid #f2f2f2;color: #333333;font-size: .24rem;line-height: .4rem;margin-bottom: .4rem;padding-top: .4rem;}
.report-title{
	padding: 0 0 .2rem;
}
.v-portrait{width: .8rem;height: .8rem;border-radius: 50%;overflow: hidden;display: inline-block;vertical-align: middle;}
.report-name{
	display: inline-block;font-size: .24rem;color: #999;vertical-align: middle;
}
.report-name h3{font-size: .3rem;color: #333333;font-weight: normal;}
.report-precent{
	color: #fe4031;font-size: .24rem;color: #fe4031;line-height: .8rem;
}
.report-precent b{font-size: .48rem;}
.top-wl{
	padding-top: .3rem;border-top:  1px solid #f2f2f2;
}
.top-wl th{
	color: #999999;font-size: .2rem;font-weight: normal;line-height: .5rem;
}
.top-wl td{
	color: #313131;font-size: .24rem;border-bottom: 1px solid #f2f2f2;padding: .16rem 0;
}
.c-f34e46{color: #f34e46!important;}
.c-1aa665{color: #1aa665!important;}
.report-infor{text-align: center;margin:.5rem auto;}
.report-infor a{
	text-decoration: underline;font-size: .24rem;color: #313131;
}

.dw-infor{
	text-align: center;
}
.dw-infor a{
	display: inline-block;width: 3.3rem;height: .88rem;line-height: .88rem;text-align: center;border: 1px solid #ff635d;color: #ff635d;font-size: .36rem;border-radius: .04rem;
}
.dw-infor a:last-child{
	background-color: #ff635d;color: #fff;
}
.dz-precent{
	background-color: #fbfbfb;font-size: .24rem;color: #313131;margin-top: .5rem;border: 1px solid #e3e3e3;border-radius: .08rem;padding: .4rem .2rem;
}

.precent-box{margin-top: .3rem;}
.precent-box span{width: .6rem;display: inline-block;text-align: center;vertical-align: middle;}
.precent-step{width: 5rem;display: inline-block;background: linear-gradient(to left,#21bb60 0%,#57ffae 100%);height: .1rem;border-radius: .1rem;}
.precent-step p{background: linear-gradient(to left,#ff5d49 0%,#ff9861 100%);height: .1rem;border-radius: .1rem 0 0 .1rem;position: relative;}
.precent-step p::after{
	content: "";display: block;position: absolute;right: -.1rem;top: 0;width: .2rem;height: .1rem;background-color: #fff;transform: rotate(-50deg);
}
.vs-box{position: relative;margin-top: .4rem;height: .9rem;}
.up-btn{position: absolute;left: 0;top: 0;width: 3.3rem;}
.down-btn{position: absolute;right: 0;top: .04rem;width: 3.34rem;}
.vs-btn{width: 1.07rem;position: absolute;top: -.3rem;left: 50%;transform: translateX(-50%);z-index: 2;}

.special-subject{background-color: #fff;margin-top: .2rem;padding:0 .3rem 1px;}

.right-more{position: absolute;right: 0;top: .25rem;color: #999999;}
.right-more::after{content: "";display: inline-block;width: .14rem;height: .14rem;border-right: 1px solid #ff4049;border-bottom: 1px solid #ff4049;transform: rotate(-45deg);margin-left: .1rem;}

.zx-list{background-color: #fff;}
.zx-list li {
  position: relative;
  font-size: .32rem; }
  .zx-list li a {
    display: block;
    color: #333333;
    padding: 0.4rem 0.3rem 0.34rem 0.3rem;
    min-height: 2.3rem;border-top: 1px solid #f2f2f2;}

.zx-list time {
  color: #999999;
  font-size: .22rem; }
.original{color: #ff4049;border: 1px solid #ff4049;font-size: .22rem;padding: 0 .04rem;border-radius: .04rem;}
.zx-list img {
  width: 2.2rem;
  height: 1.5rem; }

.zx-list .w-left {
  width: 4rem; }

.zx-list .m-right {
  position: absolute;
  right: .2rem;
  top: .4rem; }

.ztop-btn{display: inline-block;background-color: #ff635d;font-size: .22rem;margin-right: .04rem;color: #fff;padding: .04rem .1rem;vertical-align: middle;border-radius: .04rem;}

.talk-tab{
	padding-top: .3rem;border-top: 1px solid #f2f2f2;text-align: center;
}
.talk-tab li{text-align: center;display: inline-block;height: .7rem;line-height: .7rem;font-size: .28rem;margin:0 .5rem;}
.talk-tab .act{border-bottom: 1px solid #ff4049;color: #ff4049;}


.h-img{
	font-size: .36rem;color: #fffefe;text-align: center;margin:0 auto .5rem;position: relative;
}
.h-img::before{width: .28rem;height: .13rem;content: "";display: inline-block;vertical-align: middle;background: url(../images/left.png) no-repeat;-webkit-background-size: contain;background-size: contain;margin-right: .3rem;}
.h-img::after{width: .28rem;height: .13rem;content: "";display: inline-block;vertical-align: middle;background: url(../images/left.png) no-repeat;-webkit-background-size: contain;background-size: contain;margin-left: .3rem;transform: rotate(180deg);}

.original-other{color: #f5a623;
    border: 1px solid #f5a623;
    font-size: .22rem;
    padding: 0 .04rem;
    border-radius: .04rem;}
.add-codebox{
	background-color: #fff;margin:.3rem;border-radius: .1rem;padding: .4rem;font-size: .24rem;color: #333333;line-height: .4rem;
}

.code-btn a{
	width: 3.36rem;display: block;height: .88rem;line-height: .88rem;text-align: center;background: linear-gradient(to left,#fd5944 0%,#fe3528 100%);color: #fff;font-size: .36rem;margin:1rem auto;border-radius: .1rem;
}

.code-box{width: 2.84rem;height: 2.84rem;margin: .6rem auto .2rem;border: .1rem solid #f2f2f2;border-radius: .1rem;}
.declare{padding: .8rem .3rem;color: #333333;font-size: .24rem;line-height: .4rem;}
.declare h3{font-size: .26rem;color: #333;margin-bottom: .2rem;}

.footer-fix{
	background-color: #fff;position: fixed;left: 0;right: 0;bottom: 0;height: 1.3rem;box-shadow:  0 -1px 8px rgb(0,0,0,.1);z-index: 11;
}
.footer-fix a{display: block;width: 6rem;height: .88rem;line-height: .88rem;text-align: center;color: #fff;margin: .18rem auto;background: #ff811d;border-radius: .1rem;font-size: .36rem;}


.pop-con {
  width: 5.8rem;
  text-align: center;
  line-height: .55rem;
  display: none;
  font-family: "Microsoft YaHei"; }

.pop-open {
  padding: .6rem .3rem;
  color: #333333;
  font-size: .3rem; }

  .pop-open p {
    margin-top: .4rem; }
.popup-close {
  position: absolute;
  right: 0;
  top: 0;
  width: .7rem;
  height: .6rem;
  line-height: .6rem;
  text-align: center;
  font-size: .48rem;
  color: #a0a0a0; }
  .popup-btncell3 {
    margin: .8rem .2rem 0; }
  
  
  .btn03 {
    display: block;
    height: .78rem;
    line-height: .78rem;
    text-align: center;
    color: #fff;
    background: #ff4049;
    font-size: .32rem;
    -webkit-border-radius: .1rem;
    border-radius: .1rem; }
.hstscroll{position: absolute;left:0; right:0; bottom:0; top:0; background: #fff; overflow-y: scroll;-webkit-overflow-scrolling: touch;-webkit-transform: translateZ(0);-webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;-webkit-perspective: 1000;}
.hstscroll .default_pulldown{position: absolute; left:0;bottom:0;right:0;}
.hstscroll .default_pullup{position: absolute; left:0;bottom:0;right:0;}
.hstscroll_refresh{height: 0; line-height: .6rem; text-align: center;background:#fff;color: #999; overflow: hidden; position: relative; }
.hstscroll_loadMore{height:1rem; line-height: 1rem; text-align: center;background:#fff;color: #999; overflow: hidden; position: relative; }
.hstscroll_icon{display: inline-block;vertical-align: -2px;width:.26rem; height: .26rem; margin-right: .1rem; border:1px solid #fff; border-bottom-color: transparent; border-radius: 50%; overflow: hidden;}
.hstscroll_loadMore.hstscroll_nodata{}
.hstscroll_loadMore .hstscroll_icon,
.hstscroll_wait .hstscroll_icon{-webkit-animation: rtt 0.8s linear infinite;animation: rtt 0.8s linear infinite;}
@-webkit-keyframes rtt{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes rtt{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.wb-ba{word-break: break-all;}
.market-time {
    color: #333333;
    height: .35rem;
    line-height: .35rem;
    text-decoration: underline;
    font-size: .26rem;
}
.banner .logo2{width: 3.24rem;position: absolute;left: .3rem;top: .4rem;}
.author-intro{background-image: url("data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAA4CAYAAADEgGkbAAAAzklEQVRIie2UuwrCQBBFT0J6f84/sBDFB6goYmEXUIioBF/4kZJaiIzcQAibqLV7q4E92Z0zWTbIsoyGtICHLYdNVDke9OB/g+1vwA5wU72OaqAucAYCYAXELrAPpIIWwNZ19KgEzQqoCk6Ag+oxkJR3KMC5FnJgCByr/ViPS2tWUA+4uuxC9VMkr5nCG4xlZx9cZO0Ekd1UcCp7J2jZyday1xScILIdqE40DSdoOcnexDaaCnX/2kb01KUw2ejT02w36G6Ff8M96MEfQOAFlnAqf9lqqcsAAAAASUVORK5CYII=");background-repeat: no-repeat;background-size: .1rem .56rem;padding-left: .5rem;background-position: .2rem center;height: .8rem;display: flex;align-items: center;flex: 1;}
.report-title {
    padding: 0 0 .2rem;
    display: flex;
}