html,body{width:100%;height:100%;}
*{margin:0;padding:0;font-family: 'Noto Sans JP', sans-serif;-webkit-text-size-adjust: none;-webkit-appearance: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.hidden{display:none}
.layui-layer-hui .layui-layer-content{padding:0.24rem 0.32rem!important}
.layui-layer-dialog .layui-layer-content{font-size:0.36rem!important;line-height:0.8rem!important;}
.content{position:absolute;top:0;z-index:2;width:100%;}
.main{margin:0 auto;height:100%;overflow:hidden;position:relative;background-size:cover;background-color:#fdeac8;min-height: 32rem;}
.img100{width:100%}
.red{color:#ff1b1b}
.green{color:#1dbf60}
.head{width: 100%;padding-top: 0.23rem;height: 4.65rem;background:#ffc45f;color:#6b4503;}
li{list-style:none;float:left;font-size:0.52rem;}
.h_l{float:left;width:5.96rem;}
.h_r{margin-left:6.2rem;border-left:1px solid white;}
.h_r li{width:20%;margin-left:12%;margin-bottom:0.32rem;font-size:0.6rem;}
.center{text-align:center;}
.white{color:white;}
.clear:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.c_b li{width:20%;margin-left:4%;font-size:0.52rem;}
.c_b{margin-top:0.32rem;border-top:1px solid white;padding-top:0.16rem;}
.c_b ul{margin-top:0.08rem;}
.bold{font-weight:bold}
.name{font-size:0.64rem;}
.xianjia{font-size:0.55rem;height: 0.57rem;line-height: 0.57rem;}
.zhangshu{height: 0.6rem;line-height:0.6rem;font-size: 0;}
.zhangdie{font-size:0.33rem;margin-right:0.13rem;}
.zhangfu{font-size:0.33rem;}
.time,.date{width: 6.54rem;height: 0.53rem;line-height: 0.53rem;font-size:0.28rem;color:#6b4503;float: left;}
.time_c{margin-top:0.16rem;text-align:center}
.h_l>div{text-align:center;}
li .bold{line-height:1.6;}
.dsj{margin-top:0.4rem;margin-left:0.64rem;}
.success,.peopleNum{color:#ffc600;}
.inputBg,.inputBgb{background-image:url('https://aikabu.online/st1/static/images/inputBg.png');width:5.45rem;height:0.82rem;margin:0 auto;background-size:100% 100%;}
.phone,.phoneb{display:block;outline:none;background:#fff;border:2px solid #ddd;height:100%;width:100%;font-size:0.42em;letter-spacing:1px;text-align:center;border-radius:0.06rem;}
.btnBg {background-image:url('../image/btnBg3.png');width:3.56rem;height:1.1rem;padding:0.14rem 0 0 2rem;margin:0.15rem auto 0.25rem;background-size:100% 100%;font-size:0.36rem;cursor:pointer;color:white;}
.btnBg p {text-align:left;height:0.44rem;line-height:0.44rem;color:#ffffff;font-size:0.32rem;letter-spacing: 0.02rem;margin-left: -0.6rem;}
.head_bg {width:6.54rem;height:0.53rem;padding:0 0.1rem;margin:0 auto;background-color:#fcce82;}
.stockState {min-width:0.98rem;margin-top:0.06rem;padding:0.02rem 0.07rem;text-align:center;color:#ffffff;font-size:0.28rem;background-color:#ff1b1b;float:right;border-radius:0.05rem;}

.tips{font-size:0.3rem;color: #595454;margin-top: 0.3rem;}
.gupiao{width: 6.58rem;height:1.37rem;margin: 0.3rem auto 0;}
.head th,.head td{height:0.45rem;line-height: 0.45rem;min-width: 1.53rem;text-align:left;font-size:0.31rem;font-weight:normal;color:#6b4503;}
.head .interval td{height:0.05rem;}
.tablecontent{margin-left:0.1rem;}
.tablecontent table{width: 100%;}
.gName{height: 0.57rem;line-height: 0.57rem;font-size:0.54rem;font-weight: bold;}
.gCode{font-size:0.4rem;height: 0.35rem;line-height: 0.35rem;margin-top: 0.16rem;}
.zhishu{font-size:0.5rem;line-height: 0.4rem;font-weight:bold;margin-bottom:0;color:rgb(255,0,0)}
.zhishu img{height: 0.45rem;width: 0.3rem;}
.t1,.t2{float:left;text-align:center;}
.t1{width:3rem;border-right:1px dashed #c18c30;padding-left: 0.1rem;}
.t2{width:3.2rem;}
.tableBg {
    width: 7.18rem;
    height: 7.85rem;
    padding-top: 0.94rem;
    margin: 0  auto;
    background: url('../image/tableBg2.png') no-repeat;
    background-size: 100% 100%;
}
.onlineBlock{color:#707071;font-size:0.3rem;margin-top: 0.2rem;margin-bottom: 0.2rem;}
.onlineBlock2{color:#707071;font-size:0.3rem;margin-bottom: 0.2rem;}
.onlineBlock img{width: 0.4rem; height:0.39rem;}
.tdFrist{width:1.4rem;}
.tdLast{width:7rem;}
.sharesList{text-align:center;width:100%;font-size:0.26rem;color:#545455;transition:all .5s;}
.sharesList td{min-width:1.6rem;height:0.6rem;}
.tableCon{height:3.2rem;overflow:hidden;}
.dongtai{width: 6.58rem;height: 2.2rem;padding-top: 0.2rem; margin: 0 auto;border-top:1px dashed #c18c30;}
.imgContent{position:relative}
.zhegai{width:100%;height:100%;background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;z-index:20;display:none;}

.inciting img{display:inline-block;width:0.23rem;height: 0.25rem;margin: auto 0.05rem  auto 0.15rem;}
.barbox div.barline div.charts{background:#ffd14f;border-radius:100px;overflow:hidden;height:0.44rem;}
.barbox div.barline{width:7.06rem;height:0.44rem;background-size:100% 100%}
.imgContent_title{width: 6.86rem;height: 1rem;margin: 0.2rem auto 0;background: url("../image/imgContent_title2.png") no-repeat;background-size: 100% 100%;}
.dimension_box {position:relative;width:6.94rem;height:5.47rem;margin:0.3rem auto 0  0.2rem;background:url("../image/dimension_box.png") no-repeat;background-size:6.94rem 5.47rem;}
.dimension_bg{position: relative;width: 100%;height: 100%;}
.dimension_bg p {position:absolute;cursor:pointer;background-repeat:no-repeat;background-position:center center;background-size:100% 100%;z-index:3;}
.dimension_bg p i {position:absolute;top:-0.05rem;left:0;width:1.92rem;height:1.92rem;background-repeat:no-repeat;background-position:left top;background-size:100% 100%;display:none;z-index:3;}
.dimension_bg p span {display:block;height:0.47rem;line-height:0.47rem;color:#fafafa;text-align:center;font-size:0.32rem;font-weight:bold;}
.dimension_bg p span em{font-style: normal;}
.dimension_bg .p1{width: 1.91rem;height: 1.52rem;padding-top: 0.4rem;top: 0.14rem;left: 0.87rem;background-image: url("../image/p1.png");}
.dimension_bg .p2{width: 1.92rem;height: 1.52rem;padding-top: 0.4rem;top: 0.14rem;left: 4.35rem;background-image: url("../image/p2.png");}
.dimension_bg .p3{width: 1.92rem;height: 1.52rem;padding-top: 0.4rem;bottom: 0.72rem;left: 4.35rem;background-image: url("../image/p3.png");}
.dimension_bg .p4{width: 1.89rem;height: 1.5rem;padding-top: 0.4rem;bottom: 0.72rem;left: 0.87rem;background-image: url("../image/p4.png");}
.dimension_bg .p5{top: 0.85rem;left: 0.4rem;background-image: url("https://aikabu.online/st1/static/images/p5.png?2");}
.dimension_bg .p1 i{background-image: url("../image/y.png");}
.dimension_bg .p2 i{background-image: url("../image/y.png");}
.dimension_bg .p3 i{background-image: url("../image/y.png");}
.dimension_bg .p4 i{background-image: url("../image/y.png");}
.dimension_bg .p5 i{background-image: url("../image/y.png");}
.dimension_name {position:absolute;top:1.52rem;left:50%;width:1.78rem;height:1.28rem;padding-top:0.5rem;margin-left: -0.8rem;text-align:center;background:url("../image/dimension_name.png") no-repeat;background-size:100% 100%;z-index:3;}
.dimension_name h3 {text-align:center;font-size:0.3rem;font-weight:bold;height: 0.37rem;line-height: 0.37rem;}
.dimension_name .dimensionName {width: auto;color:#ff1b1b;}
.dimension_name .dimensionTxt {color:#333333;}
.zoomIn {-webkit-animation:zoomIn 1s ease-in-out infinite both;-moz-animation:zoomIn  1s ease-in-out infinite both;-o-animation:zoomIn  1s ease-in-out infinite both;animation:zoomIn 1s ease-in-out infinite both;}
@-webkit-keyframes zoomIn {
    from {opacity:0;-webkit-transform:scale3d(.3,.3,.3);-webkit-transform:scale3d(.5,.5,.5);}
    50% {opacity:1;}
    75% {opacity:0.5;}
    100% {opacity:0.2;}
}
@-moz-keyframes zoomIn {
    from {opacity:0;-moz-transform:scale3d(.3,.3,.3);-moz-transform:scale3d(.5,.5,.5);}
    50% {opacity:1;}
    75% {opacity:0.5;}
    100% {opacity:0.2;}
}
@-o-keyframes zoomIn {
    from {opacity:0;-o-transform:scale3d(.3,.3,.3);-o-transform:scale3d(.5,.5,.5);}
    50% {opacity:1;}
    75% {opacity:0.5;}
    100% {opacity:0.2;}
}
@keyframes zoomIn {
    from {opacity:0;transform:scale3d(.3,.3,.3);transform:scale3d(.5,.5,.5);}
    50% {opacity:1;}
    75% {opacity:0.5;}
    100% {opacity:0.2;}
}

.Land_li_input input{border-radius:0.24rem;text-align:center;width:0.56rem;height:0.91rem;font-size:0.4rem;}
.land_btn input{height:0.96rem;width:0.56rem;background:url('https://aikabu.online/st1/static/images/freeGet.png');background-size:100% 100%;color:white;font-size:0.4rem;}
.dialog4,.dialog3{position: fixed;top: 50%;left: 50%;width: 7.18rem;height: 6.13rem;padding-top: 2.33rem;margin: -5.23rem 0 0 -3.59rem;background-repeat: no-repeat;background-size:100% 100%;z-index: 1002;display: none;}
.circle4,.circle6{position:absolute;width:0.67rem;height:0.67rem;bottom:-0.8rem;left:50%;margin-left:-0.33rem;background:url("../image/circle.png");cursor: pointer;background-size: 100% 100%;}
.result{font-size:0.36rem;color:#666;margin-top:0.5rem;}
.cName{font-size:0.44rem;color:#f90303;margin-right:0.1rem;font-weight:bold;}
.dialog4_input,.dialog3_input{display:block;width:4.64rem;height:1.03rem;line-height: 1.03rem;padding-left: 1.28rem;border:0;outline:0;margin:0.15rem auto 0;font-size:0.34rem;background:url("../image/dialog4_input.png");background-size: 100% 100%;}
.dialog4_btn,.dialog3_btn{margin:0.2rem auto 0;width:5.92rem;height:1.11rem;line-height:1.11rem;font-size:0.3rem;color:#fef0c3;background:url("../image/dialog4_btn.png");background-size: 100% 100%;cursor: pointer;}
.dialog4_btn span,.dialog3_btn span{color:#ffde00;font-weight: bold;}
.promise{width:100%;height:0.3rem;line-height:0.3rem;font-size:0.24rem;color:#666;margin-top:0.34rem;}
.dialog3 .promise{margin-top:0.2rem;}
.newBtn{background-image:url('../image/btnBg3.png');width:3.56rem;height:1.1rem;padding:0.14rem 0 0 2rem;margin:0.3rem auto 0.25rem;background-size: 100% 100%;cursor: pointer;}
.gpName{color:#efec0a;}
.newBtn p {text-align:left;height:0.44rem;line-height:0.44rem;color:#ffffff;font-size:0.32rem;letter-spacing: 0.02rem;margin-left: -0.6rem;}
.ever{font-size:0.24rem;color:#595454;margin-top:0.25rem;}
.prompt{text-align:center;font-size: 0.32rem;color: #333333;line-height:0.4rem;}
.prompt1{text-align:center;font-size:0.25rem;margin:0.08rem auto 0;}
.prompt2{text-align:center;color:#2a4159;font-size:0.2rem;margin:0.3rem auto 0;}
.top35{margin-top: 0.35rem;}
.dimension {position:fixed;top:50%;left:50%;width:7.05rem;height:6.58rem;padding-top:0.37rem; margin:-3.47rem auto auto -3.52rem;background-repeat: no-repeat;background-size:100% 100%;z-index:22;display:none;}
.circle3 {position:absolute;bottom:-0.8rem;left:50%;width:0.67rem;height:0.67rem;margin-left:-0.33rem;background:url("../image/circle3.png") no-repeat;background-size: 100% 100%;}
.dimension .cName {font-size:0.54rem;color:#ffd800;font-weight:bold;}
.dimension_code {font-size:0;}
.dimension_txt {color: #ffd800;font-size: 0.44rem;}
.dimension_txt1{font-size:0.44rem;color:#fff;}
.dimension_code i {display:inline-block;width:0.42rem;height:0.42rem;background:url("../image/dimension_code.png") no-repeat;background-size:100% 100%;}
.dimension .prompt {color:#2a4159;font-size:0.34rem;margin:0.55rem;}
.dimension .prompt span{color: #f1392b;}
.dimension .dimension_input {display:block;width:4.8rem;height:1.03rem;line-height: 1.03rem;padding-left:1.22rem; margin:0.27rem auto;border:0;outline:0;font-size:0.34rem;background:url("../image/dimension_input.png") no-repeat;background-size: 100% 100%;}
.dimension .dimension_btn {width:6.02rem;height:1.03rem;line-height:1.03rem;text-align:center;margin:0.34rem auto 0;font-size:0.43rem;color:#ffd800;cursor:pointer;background:url("../image/dimension_btn.png") no-repeat;background-size: 100% 100%;}
.dimension .promise {color:#ffd7ba;}
.dimensionName{display: block;min-height: 0.3rem;}
.dimension_bg .p4{color: brown;}
.bannerAd_val{display: none;}
.logo_ico {position: absolute;top: 0;left: 0.1rem;width: 0.92rem;height: 0.19rem;background: url(https://aikabu.online/st1/static/images/logo2.png?4) no-repeat;background-size: 100% 100%;display: none;}
.plTime{font-size:0.28rem;}


/* 今日热门 */
.newBtn_input{display: block;width: 6.27rem;height: 1.15rem;border: 0;outline: 0;margin: 0.5rem auto 0;font-size: 0.4rem;}
.dialog5 {position:fixed;top:50%;left:50%;width:7.05rem;height:6.68rem;padding-top: 0.27rem;margin:-3.47rem auto auto -3.52rem;background-repeat:no-repeat;background-size:100% 100%;z-index:22;display:none;}
.circle5 {position:absolute;bottom:-0.8rem;left: 50%;width:0.67rem;height:0.67rem;margin-left: -0.33rem;cursor:pointer;background:url("../image/circle5.png") no-repeat;background-size:100% 100%;}
.results {font-size:0.36rem;margin-top:0.3rem;}
.dialog5_txt {font-size:0.44rem;color:#ffd800;text-align:center;margin-top: 0.1rem;}
.dialog5_code .cName{color: #ffd800;font-size: 0.54rem;}
.dialog5_code i {display:inline-block;width: 0.42rem;height: 0.42rem;background:url(../image/dimension_code.png) no-repeat;background-size: 100% 100%;}
.target {width:4.9rem;height:0.8rem;line-height:0.8rem;font-size:0.48rem;text-align:center;margin:0  auto;}
.target span {display:block;float:left;color:#ffffff;}
.target img {margin-top:0.1rem;display:block;width:0.9rem;height:0.69rem;float:left;}
.buying {width:6.1rem;height:0.8rem;line-height:0.8rem;font-size:0.4rem;margin:0.14rem  auto;display:none;}
.buying span {display:block;height: 0.8rem;line-height: 0.8rem;margin-left:0.5rem;float:left;}
.buying img {display:block;width:0.9rem;height:0.69rem;float:left;}
.dialog5_code{font-size: 0;}
.dialog5 .results{margin-top: 0;}
.dialog5_prompt {font-size:0.34rem;color:#2a4159;margin:0.55rem 0.55rem 0 0.55rem;text-align:center;}
.dialog5_prompt span{color:#f1392b;}
.prompts5 {color:#ffffff;}
.dialog5_input {display:block;width:4.8rem;height:1.03rem;line-height:1.03rem;padding-left: 1.22rem; margin:0.25rem  auto;border:0;outline:0;color:#000000;font-size:0.34rem;background:url("../image/dialog5_input.png") no-repeat;background-size:100%  100%;}
.dialog5_btn {width:6.02rem;height:1.03rem;line-height:1.03rem;margin:0.3rem auto auto;color:#ffd800;text-align:center;font-size:0.4rem;cursor:pointer;background:url("../image/dialog5_btn.png") no-repeat;background-size:100%  100%;}
.dialog5  .promise {margin-top:0.2rem;color:#333;}

/*单独挽留*/
#confirm_stay{width: 6.7rem!important;height: 3.1rem!important;margin-top: -1.55rem !important;margin-left: -3.35rem !important;}
.confirm_stay {position: fixed;top: 50%;left: 50%;background:linear-gradient(#FFFFFF, #e3effe);background:-webkit-linear-gradient(#FFFFFF,#e3effe);z-index: 300;display: none;}
.confirm_stay_txt {color: #4e5660;text-align: center;margin-top: 0.7rem !important;font-size: 0.39rem !important;}
.confirm_stay_txt span {color: #f73722;margin-right: 0;font-size: 0.39rem !important;}
.confirm_refuse {background: url("../image/wbpkq2.png") no-repeat;float: left;}
.confirm_accept {cursor: pointer;background: url("../image/rzcfb2.png") no-repeat;float: left}
.confirm_alignment {margin: 0 auto;}
#confirm_stay .confirm_refuse{width: 2.71rem !important;height: 0.68rem !important;margin:0.24rem 0.3rem 0.44rem 0.52rem !important;background-size: 100% 100%;}
#confirm_stay .confirm_accept{width: 2.81rem !important;height: 0.78rem !important;margin: 0.24rem auto !important;background-size: 100% 100%;}
#confirm_stay{border-radius: 0.2rem;border: 0.05rem solid #3d8de3 !important;}



/*单独进度条*/
.loadBox2 {position:fixed;left:0;top:0;height:100%;width:100%;z-index:999;background:rgba(0,0,0,0.8);display:none;}
.loadBox2 .load_title2 {position:absolute;top:25%;left:50%;width:4.76rem;height:2.55rem;padding:0.52rem 0 0 0.5rem;color:#6c5051;margin-left:-2.7rem;font-size:0.24rem;background-color:#ffffff;z-index:1;}
.loadBox2 .load_discuss2 p {height:0.36rem;line-height:0.36rem;letter-spacing:0.01rem;}
.loadBox2 .loadCode,.loadBox2 .loadName {color:#ec3c3e;}
.load_discuss2 {height:0.36rem;overflow:hidden;}
.load_bod {position:absolute;top:0;left:0;width:5.3rem;height:3.08rem;overflow:hidden;}
.load_title2 .ico3 {position:absolute;top:0;left:-3rem;width:3rem;height:0.07rem;background:-webkit-linear-gradient(#ffc158,#fe790d);background:linear-gradient(to right,#ffc158,#fe790d);}
.load_title2 .ico1 {position:absolute;top:0;left:0;width:5.24rem;height:2.97rem;border-top:0.06rem solid #ffc158;border-bottom:0.06rem solid #ffc158;}
.load_title2 .ico2 {position:absolute;top:0;left:0;width:5.18rem;height:3.07rem;border-left:0.06rem solid #ffc158;border-right:0.06rem solid #ffc158;}
.no_number{font-size: 0.3rem; font-weight: bold;}
.promise .cName{font-size: 0.3rem;margin: 0}
.tableBg_trend {width:6.72rem;height:1.9rem;margin:0 auto;}
.tableBg_user {width:4.86rem;height:1.5rem;padding:0.2rem 0 0 0.07rem;float:left;background-color:#eeedec;border-radius:0.05rem;}
.tableBg_user .p1 {color:#4c4c4c;line-height:0.44rem;font-size:0.26rem;padding-left:0.55rem;margin-bottom:0.05rem;background:url("../image/user3.png") no-repeat;background-size:0.44rem  0.44rem;}
.tableBg_user .p2,.tableBg_user .p3 {color:#4c4c4c;height:0.45rem;line-height:0.45rem;font-size:0.3rem;font-weight:bold;}
.tableBg_user .p2 span {color:#ff1b1b;font-size:0.32rem;font-weight:normal;}
.tableBg_user .p3 span {font-weight:normal;font-size: 0.25rem;}
.tableBg_raio {width:1.68rem;height:1.4rem;padding-top:0.3rem;color:#fdfbf7;float:right;text-align:center;font-size:0.32rem;border-radius:0.05rem;}
.tableBg_raio p{width: 1.68rem;height: 0.42rem;line-height: 0.42rem;}
.tableBg_red {background-color:#ef5456;}
.tableBg_green {background-color:#46c36f;}
.tableBg_bg {width:6.5rem;height:3.45rem;padding:0.1rem;margin:0 auto 0.32rem;background-color:#fdeac8;}
.tableBg_box {position:relative;width:6.5rem;height:3.45rem;background-color:#ffffff;}
.tableBg_bg img {display:block;width:6.5rem;height:3.45rem;}
.tableBg_box span {position:absolute;top:2.1rem;right:0;width:0.6rem;line-height:0.3rem;color:#6b4503;text-align:center;font-size:0.24rem;border-radius:0.1rem;background-color:#fdcc79;}
.tableBg_pl {width:6.7rem;margin:0 auto;color:#4c4c4c;font-size:0.32rem;}
.tableBg_pl span {font-weight:bold;}
.tableBg_txt {width:2.87rem;height:0.31rem;margin:0.3rem auto 0.2rem;background:url("https://aikabu.online/st1/static/images/tableBg_txt.png") no-repeat;background-size:100% 100%;}
.newBtn_tip {width:3.21rem;height:0.77rem;margin:0 auto 0;background:url("../image/newBtn_tip.png") no-repeat;background-size:100% 100%;}
.swiper-container {width:7.1rem;height:8.1rem;margin:0 auto;}
.swiper-pagination-bullet-active {background-color: #eab04d}

.dialog3_ico {display:inline-block;width:0.42rem;height:0.42rem;background:url("../image/dialog3_ico.png") no-repeat;background-size:100% 100%;}
.dialog3_txt {color:#b8743a;font-size:0.44rem;}
.dialog3_textType {font-weight:bold;}
.dialog3 .prompt {color:#b8743a;font-size:0.34rem;margin:0.35rem 0.55rem 0.35rem 0.55rem;}
.dialog3 .prompt span {color:#fd382a;}
.dialog3 .result {margin-top:0;}
.dialog3 .result  .cName {font-size:0.54rem;}
.dialog3 .promise {color:#b8743a;font-size:0.28rem;margin-top:0.5rem;}
.dialog3 .promise span {color:#fd382a;}

.circular {position:absolute;top:0;left:0.9rem;width:4.94rem;height:4.94rem;background:url("../image/circular.png") no-repeat;background-size:100% 100%;-webkit-animation:rood 8s linear  infinite;-moz-animation:rood 8s linear  infinite;animation:rood 8s linear  infinite;z-index:2;}
@-webkit-keyframes rood {
    from {-webkit-transform:rotate(0deg);}
    to {-webkit-transform:rotate(360deg);}
}
@keyframes rood {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
.circular_i {position:absolute;top:1.5rem;left:2.7rem;width:1.8rem;height:1.8rem;background: url("../image/circular_i.png") no-repeat; background-size: 100% 100%;-webkit-animation:rood 8s linear infinite;animation:rood 8s linear infinite;z-index:5;}
.circular_online {position:absolute;top:1.6rem;left:50%;width:1.68rem;height:1.68rem;margin-left:-0.74rem;border-radius:50%;z-index:4;}
.online_left {position:relative;display:block;float:left;width:0.84rem;height:1.68rem;overflow:hidden;}
.online_left i {position:absolute;top:0;left:0;display:block;width:1.58rem;height:1.58rem;border:0.04rem solid #e6a268;border-bottom:0.04rem solid transparent;border-left:0.04rem solid transparent;border-radius:50%;-webkit-animation:circleProgressLoad_left 8s linear infinite;animation:circleProgressLoad_left 8s linear infinite;}
.online_right {position:relative;display:block;float:right;width:0.84rem;height:1.68rem;overflow:hidden;}
.online_right i {position:absolute;top:0;right:0;display:block;width:1.58rem;height:1.58rem;border:0.04rem solid #e6a268;border-right:0.04rem solid transparent;border-top:0.04rem solid transparent;border-radius:50%; -webkit-animation:circleProgressLoad_right 8s linear infinite;animation:circleProgressLoad_right 8s linear infinite;}
@-webkit-keyframes circleProgressLoad_left{
    0%{-webkit-transform: rotate(42deg);}
    50%{-webkit-transform: rotate(42deg); }
    100%{-webkit-transform: rotate(227deg);}
}
@keyframes circleProgressLoad_left{
    0%{transform: rotate(42deg);}
    50%{transform: rotate(42deg); }
    100%{transform: rotate(227deg);}
}
@-webkit-keyframes circleProgressLoad_right{
    0%{-webkit-transform: rotate(42deg);}
    50%{-webkit-transform: rotate(227deg);}
    100%{-webkit-transform: rotate(227deg);}
}
@keyframes circleProgressLoad_right{
    0%{transform: rotate(42deg);}
    50%{transform: rotate(227deg);}
    100%{transform: rotate(227deg);}
}