@charset "utf-8";
/* CSS Document */
html{ font-size:100px;}
body{max-width:7.2rem;margin:0 auto;min-width:3.2rem; font-size:0.18rem; background:#fff; position:relative;}
a{text-decoration:none;out-line: none; color:#fff;}
.header{ position:absolute; top:0;z-index:999;}
.header_bg{ background: url(../images/header_bg.png) no-repeat;background-size: 100%;width:7.2rem; height:1.16rem; display:block;}
.header a{ width:1.36rem; position:absolute;right:0; top:0; margin:0.25rem 0.35rem 0 0 ;}
.icon { width: 1.3rem;height: 1.3rem;background: url(../images/nav-icon.png) no-repeat;background-size: 100%;position:absolute;top:0.15rem;left:0.19rem;}
.h_name{width: 1.47rem; height: 0.34rem; position: absolute;top:0.31rem; left:1.96rem; color: #fff;}

.top{ width:100%;position: relative;}
.top img{ max-width:100%;}
.ban1-yy{ position: absolute;bottom:-0.8rem; left: 50%;margin-left:-3.7rem;  }
.ban1-yy .yy-wrap{ position: relative; width:3.5rem; height: 4.1rem;  }
.ban1-yy .yy-wrap .yy-btn{ cursor: pointer;}
.ban1-yy .yy-wrap i{ width:1.05rem; height: 1.16rem;position: absolute; top: -0.3rem; right: -0.1rem;  }

.h_video{ width: 1.82rem; height: 1.93rem;position: absolute;bottom: 1.5rem;left: 50%; margin-left: 0.5rem; cursor: pointer;animation: updown 3s ease-in-out  infinite; }
.h_qxty{ width: 1.82rem; height: 1.93rem;position: absolute;bottom: 1.5rem; left: 50%; margin-left:0.5rem; cursor: pointer;animation: updown 2s ease-in-out  infinite; }
.animation2{width: 1.82rem; height: 1.93rem; background-image: url(../images/ban1-video-btn-png.png);background-size: auto 1.93rem; animation: swiper 3s steps(80, start) 100ms infinite normal backwards;}
.animation3{width: 1.05rem; height: 1.16rem; background-image: url(../images/yy-laba-png.png);background-size: auto 1.16rem; animation: swiper2 3s steps(80, start) 100ms infinite normal backwards;}
.animation4{width: 1.82rem; height: 1.93rem; background-image: url(../images/ban1-qxty-btn-png.png);background-size: auto 1.93rem; animation: swiper3 2s steps(60, start) 100ms infinite normal backwards;}

@keyframes swiper {0% {background-position: 0 0;}100% {background-position: -145.6rem 0;}}
@keyframes swiper2 {0% {background-position: 0 0;}100% {background-position: -84rem 0;}}
@keyframes swiper3 {0% {background-position: 0 0;}100% {background-position: -109.2rem 0;}}

@keyframes updown { 0%,100%{bottom:1.5rem;margin-left: 0.5rem;} 50%{bottom:1.6rem;margin-left: 0.7rem;} }

.yyjl_xf{ width:100%; position:relative;}
.yyjl_xf img{ max-width: 100%;}
.yyjl_xf .yyjl_inne{position: absolute;top: 0.6rem;left: 0; width:100%;height: 2.87rem;}
.yyjl_xf .yyjl_inne .yyjl-con{ position:relative; display: flex; flex-direction: row;justify-content: flex-start;align-items: center;}
.yyjl_xf .yyjl_inne .yyjl-con .yyjl-box{ display: flex; flex-direction: column; justify-content: flex-start;align-items: center; width: 2.1rem; margin:0 0.05rem; }
.yyjl_xf .yyjl_inne .yyjl-con .yyjl-box .yysl{ width:0.69rem; height: 0.24rem; text-indent: -9999px;}
.yyjl_xf .yyjl_inne .yyjl-con .yyjl-box .yysl-10W{ background: url(../images/yyjl-xf-10w.png) no-repeat;background-size: 100%;}
.yyjl_xf .yyjl_inne .yyjl-con .yyjl-box .yysl-50W{ background: url(../images/yyjl-xf-50w.png) no-repeat;background-size: 100%;}
.yyjl_xf .yyjl_inne .yyjl-con .yyjl-box .yysl-100W{ background: url(../images/yyjl-xf-100w.png) no-repeat;background-size: 100%;}
.yyjl_xf .yyjl_inne .yyjl-con .yyjl-box .yyqk{ width:0.43rem; height: 0.43rem;background: url(../images/yyjl-xf-notr.png) no-repeat;background-size: 100%; margin-top:0.1rem; }
.yyjl_xf .yyjl_inne .yyjl-con .yyjl-box .yyqk.get{background: url(../images/yyjl-xf-get.png) no-repeat;background-size: 100%; }
.yyjl_xf .yyjl_inne .yyjl-con .yyjl-box .yyjl-gift{ width: 2.1rem; height:0.74rem;  }
.yyjl_xf .yyjl_inne .yyjl-con .yyjl-box.g100w{ width: 2.79rem;}
.yyjl_xf .yyjl_inne .yyjl-con .yyjl-box .yyjl-gift-10w{ background: url(../images/yyjl-xf-10w-g.png) no-repeat;background-size: 100%;}
.yyjl_xf .yyjl_inne .yyjl-con .yyjl-box .yyjl-gift-50w{ background: url(../images/yyjl-xf-50w-g.png) no-repeat;background-size: 100%;}
.yyjl_xf .yyjl_inne .yyjl-con .yyjl-box .yyjl-gift-100w{ width: 2.79rem; height:0.74rem;  background: url(../images/yyjl-xf-100w-g.png) no-repeat;background-size: 100%;}


.main{ width:100%; position:relative;}
.main img{max-width:100%;}
.main .inner{ width: 7.2rem; position:absolute; top:2rem;left: 0; z-index:51}
.zjgd{ width: 3.2rem; height: 0.39rem; line-height: 0.39rem; text-align: center; position: absolute;top:0; left: 50%;margin-left:-0.5rem;overflow: hidden; }
.zjgd p{ color: #fff; }
.cj-box{ width: 6rem; height:5rem; position: absolute;top: 0.57rem; left: 50%;margin-left:-3rem;}
.cj-box ul{display: flex;flex-flow: row wrap;justify-content: center;align-items: center; }
.cj-box ul li{ width:1.95rem; height: 1.62rem; display: flex; flex-direction: column;justify-content: flex-start;align-items: center;position: relative;}
.cj-box ul li.cj-jp{ background: url(../images/jp-bg.png) no-repeat;background-size: 100%;  }
.cj-box ul li.cj-jp img{ width: 1.54rem; height: 1.02rem;margin-top: 0.15rem; }
.cj-box ul li.cj-jp .jp-name{ font-size:0.16rem; color:#fff; font-style: normal;margin-top: 0.13rem; white-space: nowrap;  }
.cj-box ul li.cj-btn{ background: url(../images/cj-btn.png) no-repeat;background-size: 100%; cursor: pointer;  }
.cj-box ul li.cj-btn span{ color: #fff;font-size: 0.16rem; margin-top:1rem; }
.cj-box ul li.on p{ width:1.95rem; height: 1.62rem; background:url(../images/jp-on.png) no-repeat;background-size: 100%; position: absolute;top: 0; left: 0;   }
.cj-Pop-btn{display: flex; flex-direction: row;justify-content: center;align-items: center; margin-top:20px;}
.cj-Pop-btn span{ width:2.31rem; height: 1.23rem;text-indent: -9999px;  margin:0 0.3rem;cursor: pointer;  }
.cj-Pop-btn .cj-zjjl{background:url(../images/cj-zjjl.png) no-repeat;background-size: 100%;}
.cj-Pop-btn .cj-hdgz{background:url(../images/cj-hdgz.png) no-repeat;background-size: 100%;}

.main2{ width:100%; position:relative;}
.main2 img{max-width:100%;}
.main2 .inner{ width: 7.2rem; position:absolute; top:0;left: 0;}
.ban3-tit{ width:3.22rem; height: 6.21rem; background: url(../images/ban3-tit.png) no-repeat;background-size: 100%; position: absolute; top: 0.16rem;left: 50%; margin-left:0.43rem; }
.ban3-jp{ width: 3.56rem; position: relative;left: 50%; margin-left:-3rem; top:0.8rem; display: flex;flex-direction: column;justify-content: flex-start;align-items: center;}
.ban3-pic{ position: absolute;top:1.2rem; left: 0rem;}
.ban3-jp h2{ color: #ffdd54;font-size: 0.42rem;}
.ban3-jp p{ color: #fff; font-size: 0.18rem;text-align: center;}
.ban3-jp .ban3-btn{ width:2.41rem; height: 0.83rem; background:url(../images/ban3-btn.png) no-repeat;background-size: 100%; margin-top:3rem;text-indent: -9999px; cursor: pointer;}

.main3{ width:100%; position:relative;}
.main3 img{max-width:100%;}
.main3 .inner{ width: 7.2rem; position:absolute; top:0;left: 0;}
.ban4-juxing{ display: flex;flex-direction: column; justify-content: flex-start;align-items: center;margin-top: 2.1rem; }
.ban4-juxing .ban4-jx-kuang{ width:5.02rem; height:2.16rem; margin: 0.05rem 0;position: relative;cursor: pointer; }
.ban4-juxing .ban4-jx-nxq{background: url(../images/ban4-rw-kuang-1.png) no-repeat;background-size: 100%;}
.ban4-juxing .ban4-jx-gtx{background: url(../images/ban4-rw-kuang-2.png) no-repeat;background-size: 100%;}
.ban4-juxing .ban4-jx-stl{background: url(../images/ban4-rw-kuang-3.png) no-repeat;background-size: 100%;}
.ban4-juxing .ban4-jx-kuang img{ position: absolute;bottom:0.1rem;}
.ban4-juxing .ban4-jx-nxq img{width:2.39rem; height: 2.32rem;left: 0.5rem }
.ban4-juxing .ban4-jx-gtx img{ width:1.75rem; height: 2.67rem; right: 0.6rem;}
.ban4-juxing .ban4-jx-stl img{ width:2.5rem; height: 2.41rem; left: 0.5rem}


.bottom{ width:100%; position:relative;}
.bottom img{max-width:100%;}
.bottom .inner{ width: 7.2rem;height: 10.27rem; background: url(../images/ban5-box.png) no-repeat;background-size: 100%; position: absolute; top:0; left: 50%; margin-left: -3.6rem; display: flex; justify-content: center; align-items: center; }
.bottom .inner .flexslider{ width:4.92rem; height: 7.63rem; margin-left:0.13rem; margin-top:0.9rem; }
.bottom .inner .flexslider .flex-viewport li{width:4.92rem; height:7.63rem;position: relative; margin-top: 0rem; }
.bottom .inner .flexslider .flex-viewport li .rw-img{ width:4.08rem; height: 5.81rem;position: absolute;bottom: 0; left:50%;margin-left: -2.6rem; z-index: 101; }
.bottom .inner .flexslider .flex-viewport li .ts-img{width:4.92rem; height:7.63rem;position: absolute; top: 0; left: 50%; margin-left: -2.46rem;z-index: 100; }
.bottom .inner .flexslider .flex-direction-nav{width: 7.2rem;height: 0.76rem;  position: absolute;top: 50%; left: 50%; margin:-0.5rem 0 0 -3.6rem; }
.bottom .inner .flexslider .flex-direction-nav li a{width:0.93rem; height: 0.76rem; display: block;position: absolute; }
.bottom .inner .flexslider .flex-direction-nav li .flex-prev{ background:url(../images/prev.png) no-repeat;background-size: 100%; left: 0 }
.bottom .inner .flexslider .flex-direction-nav li .flex-next{ background:url(../images/next.png) no-repeat;background-size: 100%; right: 0; }

.new-foot{ width:100%;position:relative;}
.new-foot img{ width:100%;}
.common-foot{width: 100%;padding: 4% 0; height: 96%;background-color: #000;}
.common-foot .inner{margin: 0 auto;text-align: center;}
.foot-con{ position:relative; margin-bottom: 0.5rem }
.fr{ font-size:0.13rem; color:#fff;}

.mask{margin:0;padding:0;border:none;width:100%;height:100%;background:#000;opacity:0.8;filter:alpha(opacity=80);z-index:9995;position:fixed;top:0;left:0;display:none;}
#LoginBox{position:fixed; margin:auto;left:0;right:0;top:0; bottom:0; display:none; z-index:9999}
#LoginBox .inner{position: absolute;width: 860px; height: 360px;left: 50%;top: 50%;margin-left: -430px;margin-top: -180px;}
#LoginBox .inner .video{position: absolute;width: 640px;height: 360px;left: 0;top: 0;}
#LoginBox .inner .close_btn{ position: absolute;right: 0; top: 0;width: 40px; height: 40px;background: url(../images/closeBtn.png) no-repeat;z-index: 3;cursor: pointer;}

#LoginBox_1,#LoginBox_2,#LoginBox_3,#LoginBox_4,#LoginBox,#POP-jx-nxq,#POP-jx-gtx,#POP-jx-stl{position:fixed; margin:auto;left:0;right:0;top:0; bottom:0; display:none; z-index:9999}

#LoginBox_1 .yy_inner{position: absolute;width: 5.7rem; height:6.37rem;left: 50%;top: 50%;margin-left: -3rem;margin-top: -3.18rem;  background: url(../images/yytc-bg.png) no-repeat;background-size: 100%;}
#LoginBox_1 .yy_inner .yy_bg1{position:absolute; top: 0.5rem; left: 1.3rem; color:#ffebb0;font-size: 0.18rem; display: none;}
#LoginBox_1 .yy_inner .yy_bg1 h3{ text-align: center;font-size: 24px;color: #fff;}
#LoginBox_1 .yy_inner .yy_bg1 p{ text-align: center;margin-top: 5px;color: #fff;}
#LoginBox_1 .yy_inner .yy_bg1 .li{width: 3.94rem;margin: 0 auto;margin-top: 0.06rem;overflow: hidden;position: relative; display: flex;flex-direction: row; justify-content: flex-start; align-items: center;}
#LoginBox_1 .yy_inner .yy_bg1 label{display: block;float: left;text-align: left;width: 0.96rem;height: 0.46rem;line-height: 0.46rem;letter-spacing: 0.05rem;}
#LoginBox_1 .yy_inner .yy_bg1 .radioli{ display: flex; flex-direction: row;justify-content: flex-start;align-items: center; }
#LoginBox_1 .yy_inner .yy_bg1 .radioli label{letter-spacing: 0px;}
#LoginBox_1 .yy_inner .yy_bg1 .radioli span{border: none;width: 0.75rem;padding-left: 0.12rem;height:0.24rem;cursor: pointer; line-height: 0.44rem;position: relative; display: flex; flex-direction: row;justify-content: flex-start; align-items: center;}
#LoginBox_1 .yy_inner .yy_bg1 .radioli span i{border: none;width: 0.24rem;height: 0.24rem;background: url(../images/pop_select.png) center center no-repeat;background-size: 100%; line-height: 0.44rem;display: block;float: left;}
#LoginBox_1 .yy_inner .yy_bg1 .radioli span.on i{background: url(../images/pop_select-h.png) no-repeat;background-size: 100%;}
#LoginBox_1 .form input{display: block;width:2.98rem;height: 0.7rem;line-height: 0.7rem; border:none;outline: none;text-indent: 0.24rem;text-align: left; color: #3d297d;}
#LoginBox_1 .yy_inner .yy_bg1 .yy-bg-long{background:url(../images/yy-shuru-bg.png) no-repeat;background-size: 100%;}
#LoginBox_1 .yy_inner .yy_bg1 .yy-bg-short{background:url(../images/yy-yz-bg.png) no-repeat;background-size: 100%;}
#LoginBox_1 .yy_inner .yy_bg1 .btn_form {width: 1.04rem;height: 0.7rem;text-align: center;line-height:0.7rem;color: #3d297d; position: absolute;right: 0.25rem;top: 0px;font-size: 0.18rem;}
#LoginBox_1 .yy_bg1 .btn_pop{background: url(../images/yy-btn.png) no-repeat center;background-size: 100%; outline: none;width: 1.36rem;height: 0.49rem;display: block;margin: 0.12rem auto;text-indent: -9999px;}
#LoginBox_1 .close_btn_1{ position: absolute;right: -0.45rem; top: -0.45rem;width: 0.72rem; height: 0.72rem;background: url(../images/yy-close-1.png) no-repeat;background-size: 100%; z-index: 3;cursor: pointer;}

#LoginBox_1 .yy_inner .yy_get{position: absolute;top: 0.98rem; left: 0.95rem;color:#ffebb0;font-size: 0.16rem;}
#LoginBox_1 .yy_inner .yy_get h3{ text-align: center;font-size: 0.34rem;color: #fff;}
#LoginBox_1 .yy_inner .yy_get p{ text-align: center;margin-top: 0.42rem;color: #fff;}
#LoginBox_1 .yy_inner .yy_get .form{ display: flex;flex-direction: column;justify-content: center;align-items: center;}
#LoginBox_1 .yy_inner .yy_get .li{width: 4.5rem;margin: 0 auto;overflow: hidden;position: relative;}
#LoginBox_1 .yy_inner .yy_get .form input{display: block;width:3.9rem;height: 0.59rem;line-height: 0.59rem; border:none;outline: none;text-align:center; color: #3d297d;padding: 0 0.3rem;}
#LoginBox_1 .yy_inner .yy_get .yy-bg-long{background:url(../images/yq-shuru-bg.png) no-repeat;background-size:100%; }
#LoginBox_1 .yy_inner .yy_get .btn_pop{background: url(../images/yq-fz-btn.png) no-repeat center;background-size: 100%; outline: none;width: 1.14rem;height: 0.41rem;display: block;margin: 0.1rem auto;text-indent: -9999px;}


#LoginBox_4 .yq_inner{position: absolute;width: 7.11rem; height: 5.21rem;left: 50%;top: 50%;margin-left: -3.6rem;margin-top: -2.6rem;  background: url(../images/yyyq-bg.png) no-repeat;background-size: 100%;}
#LoginBox_4 .yq_inner .yq_bg1{position: relative; width: 3.1rem; padding: 1.13rem 1.67rem 0 2.4rem; color:#3d297d;font-size: 0.16rem;  display: flex; flex-direction: column;justify-content: flex-start;align-items: center;}
#LoginBox_4 .yq_inner .form{ display: flex;flex-direction: column;justify-content: center;align-items: center;}
#LoginBox_4 .yq_inner .li{width: 4.5rem;margin: 0 auto;overflow: hidden;position: relative;}
#LoginBox_4 .yq_inner .form input{display: block;width:3.7rem;height: 0.59rem;line-height:0.59rem; border:none;outline: none;text-align:center; color: #3d297d; padding: 0 0.4rem;}
#LoginBox_4 .yq_inner .yy-bg-long{background:url(../images/yq-shuru-bg.png) no-repeat;background-size: 100%;}
#LoginBox_4 .yq_inner .btn_pop{background: url(../images/yq-fz-btn.png) no-repeat center;background-size: 100%; outline: none;width: 1.02rem;height: 0.37rem;display: block;margin: 0.09rem auto;text-indent: -9999px;}
#LoginBox_4 .yq_inner .web-code{margin-top: 0.4rem; width: 0.9rem; height: 0.9rem;}
#LoginBox_4 .close_btn_4{ position: absolute;right: 0.2rem; top: 0.35rem;width:0.32rem; height: 0.32rem;background: url(../images/yq-close-1.png) no-repeat;background-size: 100%; z-index: 3;cursor: pointer;}

.cjtc_inner{position: absolute;width: 5.7rem; height:6.37rem;left: 50%;top: 50%;margin-left: -3rem;margin-top: -3.18rem; background: url(../images/yycj-bg.png) no-repeat;background-size: 100%;}
.cjtc_inner .cjtc_bg1{position: absolute; width: 3.66rem; height: 3.72rem;top:0.36rem; left: 1.34rem; color:#fff;font-size: 0.16rem; display: block; }
#LoginBox_2 .cjtc_inner .cjtc_bg1 .cjtc-tit{ text-align: center; color:#fff;}
#LoginBox_2 .cjtc_inner .cjtc_bg1 .hj-tit em,#LoginBox_2 .cjtc_inner .cjtc_bg1 .hj-tit i{text-align: center;}
#LoginBox_2 .cjtc_inner .cjtc_bg1 .list{ width: 100%;height: 3.50rem; margin: 0 auto; overflow:scroll; }
#LoginBox_2 .cjtc_inner .cjtc_bg1 ul{width: 100%;margin: 0 auto;}
#LoginBox_2 .cjtc_inner .cjtc_bg1 ul li{ width: 100%; height: 1.2rem;line-height: 0.6rem; border-bottom: 1px solid #fff;position: relative;}
#LoginBox_2 .cjtc_inner .cjtc_bg1 ul li.xxcy{height: 0.6rem;}
#LoginBox_2 .cjtc_inner .cjtc_bg1 ul li.hj-tit{height: 0.6rem;}
#LoginBox_2 .cjtc_inner .cjtc_bg1 ul li em,#LoginBox_2 .cjtc_inner ul li i{font-style:normal; width: 50%; text-indent: 0.24rem; display: block; float: left;}
#LoginBox_2 .cjtc_inner .cjtc_bg1 ul li .lbm{width: 100%;position: absolute;left: 0; bottom: 0;}
#LoginBox_2 .cjtc_inner .cjtc_bg1 input{display: block;width:1.49rem;height: 0.7rem;line-height: 0.7rem; border:none;outline: none;text-indent: 0.24rem;text-align: left; color: #3d297d;padding-right: 1.5rem }
#LoginBox_2 .cjtc_inner .cjtc_bg1 input[value]{ font-size: 0.16rem;}
#LoginBox_2 .cjtc_inner .cjtc_bg1 .yy-bg-short{background:url(../images/yy-yz-bg.png) no-repeat;background-size: 100%;}
#LoginBox_2 .cjtc_inner .cjtc_bg1 .lbm {display: flex;justify-content: center;align-items: center;}
#LoginBox_2 .cjtc_inner .cjtc_bg1 .lbm a{width: 0.84rem;height: 0.7rem;text-align: center;line-height: 0.7rem;color: #3d297d;font-size: 0.16rem;display: block;position: absolute;right:0.72rem;top: 0}
#LoginBox_2 .cjtc_inner .cjtc_bg1 ul li .lqjl{width: 100%;position: absolute;left: 0; bottom: 0;display: flex;justify-content: center;align-items: center;}
#LoginBox_2 .cjtc_inner .cjtc_bg1 ul li .lqjl a{display: block;width:2.45rem;height: 0.59rem;line-height: 0.59rem; border:none;outline: none;text-align: center; color: #3d297d;background:url(../images/yy-shuru-bg.png) no-repeat;background-size: 100%;}
#LoginBox_2 .cjtc_inner .cjtc_bg1 .ipage{margin: 0.18rem auto; text-align: center;}
#LoginBox_2 .cjtc_inner .cjtc_bg1 .ipage a{ margin: 0 0.24rem;color: #fff;}
#LoginBox_2 .cjtc_inner .cjtc_bg1 .btn_shadd{text-decoration: underline; text-align: center;display: block;color: #fff;}
#LoginBox_2 .close_btn_2{position: absolute;right: -0.45rem; top: -0.45rem;width: 0.72rem; height: 0.72rem;background: url(../images/yy-close-1.png) no-repeat;background-size: 100%; z-index: 3;cursor: pointer;}

#LoginBox_2 .cjtc_inner .dz_bg1{position: absolute; width: 3.66rem; height: 4.14rem;top:0.36rem; left: 1.34rem;  color:#ffebb0;font-size: 0.16rem;display:none; }
#LoginBox_2 .cjtc_inner .dz_bg1 h4{ text-align: center; color: #fff; font-size:0.2rem; margin-bottom: 0.72rem;  }
#LoginBox_2 .cjtc_inner .dz_bg1 .li{width: 3.94rem;margin: 0 auto;margin-top: 0.06rem;overflow: hidden;position: relative; display: flex;flex-direction: row; justify-content: flex-start; align-items: center;}
#LoginBox_2 .cjtc_inner .dz_bg1 label{display: block;float: left;text-align: left;width: 0.96rem;height: 0.51rem;line-height: 0.51rem;letter-spacing: 0px;}
#LoginBox_2 .cjtc_inner .dz_bg1 .form input{display: block;width:2.38rem;height: 0.7rem;line-height: 0.7rem; border:none;outline: none;text-align: left; color: #3d297d; overflow: hidden; padding: 0 30px 0 20px;}
#LoginBox_2 .cjtc_inner .dz_bg1 .yy-bg-long{background:url(../images/yy-shuru-bg.png) no-repeat;background-size: 100%;}
#LoginBox_2 .cjtc_inner .dz_bg1 .yy-bg-long1{background:url(../images/yy-shuru-bg.png) no-repeat;background-size: 100%;}
#LoginBox_2 .cjtc_inner .dz_bg1 .btn_pop{background: url(../images/yy-btn.png) no-repeat center;background-size: 100%;outline: none;width: 1.36rem;height: 0.49rem;display: block;margin: 0.12rem auto;text-indent: -9999px;}

#LoginBox_2 .cjtc_inner .lxkf_bg1{position: absolute; width: 3.66rem; height: 4.14rem;top:0.36rem; left: 1.34rem;  color:#ffebb0;font-size: 0.18rem;display:none; }
#LoginBox_2 .cjtc_inner .lxkf_inner{display: flex;flex-direction: column; justify-content: flex-start;align-items:center;}
#LoginBox_2 .cjtc_inner .lxkf_bg1 .lxkf-tit{ font-size:0.28rem; font-weight: bold; margin-top:0.72rem;text-align: center;}
#LoginBox_2 .cjtc_inner .lxkf_bg1 h5{ font-size: 0.35rem;color: #ffde00;margin-top: 0.16rem; }
#LoginBox_2 .cjtc_inner .lxkf_bg1 .btn_pop-lxkf{background: url(../images/lxkf-btn.png) no-repeat center;background-size: 100%; outline: none;width: 1.83rem;height: 0.50rem;line-height: 0.45rem; display: block;margin-top: 0.72rem;color:#6f5a1c;text-align: center; font-weight: bold;}

#LoginBox_2 .xjhb_bg1{ position: absolute; width:3.77rem; height: 3.79rem; left: 50%;top:0;margin-left: -1.6rem; display: none; color:#fff;}
#LoginBox_2 .xjhb_inner{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }


#LoginBox_3 .cjtc_bg1 h1{text-align: center;color: #fff;}
#LoginBox_3 .close_btn_3{position: absolute;right: -0.45rem; top: -0.45rem;width: 0.72rem; height: 0.72rem;background: url(../images/yy-close-1.png) no-repeat;background-size: 100%; z-index: 3;cursor: pointer;}


#LoginBox .inner{position: absolute;width: 7.2rem; height: 4.05rem;left: 50%;top: 50%;margin-left: -3.6rem;margin-top: -2.02rem;}
#LoginBox .inner .video{position: absolute;width: 7.2rem; height: 4.05rem;left: 0;top: 0;cursor: pointer;}
#LoginBox .inner .video video{ width: 100%;height: 100%; }
#LoginBox .inner .close_btn{ position: absolute;right: 0; top: -0.6rem;width: 0.4rem; height: 0.4rem;background: url(../images/closeBtn.png) no-repeat;background-size: 100%; z-index: 3;cursor: pointer;}

.jx_inner{ width:4.83rem; height:7.99rem;position: absolute;left: 50%;top: 50%;margin-left: -2.41rem;margin-top: -4rem;  background: url(../images/jx-bg.png) no-repeat;background-size: 100%;}
.jx_inner img{ margin:0.55rem 0 0 0.31rem;width: 4.64rem;}
.jx_inner .close_btn_2{ position: absolute;right: -0.7rem; top: -0.7rem;width: 0.72rem; height: 0.72rem;background: url(../images/yy-close-1.png) no-repeat;background-size: 100%; z-index: 3;cursor: pointer;}

#POP-xjhb {position:fixed; margin:auto;left:0;right:0;top:0; bottom:0; display:none; z-index:9999}
#POP-xjhb .xjhb_inner{ position: absolute; width:4.52rem; height: 4.54rem; left: 50%;top: 50%;margin-left: -2.26rem;margin-top: -2.27rem;  background: url(../images/xjhb-bg.png) no-repeat;background-size: 100%; display: flex; flex-direction: column;justify-content: flex-start; align-items: center;color:#fff;}
#POP-xjhb .xjhb_inner input{border:0; padding: 0; outline: none; background:transparent; width: 100%; margin-top: 0.15rem;}
#POP-xjhb .xjhb_inner input[value]{ font-size:0.40rem; color:#ffde00;text-align: center; font-weight: bold;}
.xjhb_inner .xjhb-tit{ font-size:0.28rem; font-weight: bold; margin-top:0.2rem;}
.code-box{ display: flex;flex-direction: row; justify-content: flex-start;align-items: center; }
.code-left{display: flex;flex-direction: column;justify-content: flex-start;align-items: center; margin: 0 20px;}
.xjhb_inner .btn-code .xjhb-codeText{ margin-top:0.15rem;text-align: center;white-space: nowrap;}
.btn-code{display: flex;flex-direction: column; justify-content: flex-start;align-items: center; }
.xjhb_inner h5{ font-size:0.35rem; color:#ffde00; margin-top: 0.16rem;}
.xjhb_inner .code-box .xjhb-codeText{ margin-top:0.26rem;}
.xjhb_inner img{ margin-top:0.25rem; width: 1.2rem;}
#LoginBox_1 .yy_inner .yy_get .form input{display: block;width:3.9rem;height: 0.59rem;line-height: 0.59rem; border:none;outline: none;text-align:center; color: #3d297d;padding: 0 0.3rem;}

.xjhb_inner .xjhb-btn{background: url(../images/lxkf-btn.png) no-repeat center;background-size: 100%; outline: none;width: 1.83rem;height: 0.50rem;line-height: 0.45rem; display: block;margin-top: 0.32rem;color:#6f5a1c;text-align: center; font-weight: bold;}
#POP-xjhb .close_btn_5{position: absolute;right: -0.5rem; top: 0px;width: 0.4rem; height: 0.4rem;background: url(../images/closeBtn-2.png) no-repeat;background-size: 100%; z-index: 3;cursor: pointer;}

.qxty-code{ position:fixed; margin:auto;left:0;right:0;top:0; bottom:0; display:none; z-index:9999}
.qxty-code .qxty-inner{ position: absolute; width:4.52rem; height: 4.54rem; left: 50%;top: 50%;margin-left: -2.26rem;margin-top: -2.27rem;  background: url(../images/xjhb-bg.png) no-repeat;background-size: 100%;display: flex; flex-direction: column;justify-content: flex-start; align-items: center;color:#fff;}
.qxty-code img{ width:1.2rem; height: 1.2rem; margin-top:0.8rem;}
.qxty-code .qxty-tit{font-size: 0.28rem;font-weight: bold;margin-top: 0.20rem;text-align: center;}
.qxty-code .qxty-close_btn{ position: absolute;right: -0.5rem; top: 0px;width: 0.4rem; height: 0.4rem;background: url(../images/closeBtn-2.png) no-repeat;background-size: 100%; z-index: 3;cursor: pointer;}

.xf-code{ position:absolute;top:1.7rem; left: 0; width:2.51rem; height:0.84rem; background: url(../images/xf-bg.png) no-repeat;background-size: 100%; z-index: 9995; }
.xf-code .xf-inner{  height: 100%; display: flex; flex-direction:row; justify-content: center; align-items: center; }
.xf-code .xf-weibo{ width:0.53rem; height: 0.53rem; background:url(../images/weibo.png) no-repeat;background-size: 100%; text-indent:-9999px; margin-right: 0.15rem }
.xf-code .xf-tap{ width:0.53rem; height: 0.53rem; background:url(../images/taptap.png) no-repeat;background-size: 100%; text-indent:-9999px;margin-right: 0.15rem }
.xf-code .xf-weixin{ width:0.53rem; height: 0.53rem; background:url(../images/weixin.png) no-repeat;background-size: 100%; text-indent:-9999px; }

.qxty-inner .xjhb-btn{background: url(../images/lxkf-btn.png) no-repeat center;background-size: 100%; outline: none;width: 1.83rem;height: 0.50rem;line-height: 0.45rem; display: block;margin-top: 0.32rem;color:#6f5a1c;text-align: center; font-weight: bold;}