@charset "utf-8";
/* CSS Document */
body{ font-family:"微软雅黑";}
body,html{width: 100%;height:auto;overflow-x: hidden}
h2,h3{font-size: .36rem;text-align: center;color: #666;padding-top: .2rem;padding-bottom: .2rem;}
h3{font-weight: 100;font-size: .29rem;padding-top: .1rem;padding-bottom: .1rem;}
body,h1,h2,h3,h4,h4,p,ul,li{ margin:0 auto; padding:0;}
input{outline: none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
/* 通用 */
.goup-container{ opacity:0.4; z-index:1030; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;behavior:url(PIE.htc);display: block}
#doyoo_con{display: none}


/* 内容样式 */
.header{width: 7.5rem;box-sizing: border-box;position: relative;}
/* .header .banner img{width: 7.5rem;height: auto;} */
.header .banner{background: url("../images/banner.jpg") #ddaa00 no-repeat center top;background-size: 100%;/* height: 13.28rem; */overflow: hidden;}
.header .log{position: absolute;left: .43rem;top: .35rem;}
.header .log a{width: 1.37rem;display: inline-block;vertical-align: middle}
.header .log a img{width: 1.37rem;height: .58rem;}
.header .log span{font-size: .3rem;color: #fff;font-weight: 900;float: right;margin-top: 0.08rem;margin-left: .05rem;}
.box1{background: url("../images/box1_bg.jpg") no-repeat;background-size: cover;padding-bottom: .55rem;}
.box1 h2{font-size: .36rem;color: #2a49d7;text-align: center;padding-top: .45rem;padding-bottom: .45rem;}
.box1 ul {text-align: center}
.box1 ul li{display: inline-block;}
.box1 ul li {width: 1.8rem;display: inline-block;background: url("../images/a_btn.png") no-repeat;background-size: cover;line-height: .5rem;text-align: center;font-size: .22rem;color: #fff;margin-bottom: .1rem;}
.box2{text-align: center;margin-top: 8.5rem}
.box2 h2{font-size: .36rem;text-align: center;color: #fff;padding-top: .4rem;padding-bottom: .4rem;}
.box2 h2 b{width: .53rem;height: .5rem;background: url("../images/icon1.png") no-repeat;display: inline-block;background-size: cover;vertical-align: middle;margin-right: .15rem;}
.box2 input{border: none;outline: none;width: 100%;text-indent: 15px;font-size: .24rem;border-radius: 5px;padding-top: .2rem;padding-bottom: .2rem;}
.box2 .xm,.box2 .dh{width: 6.7rem;line-height: .57rem;margin: 0 auto;margin-bottom: .15rem;text-align: left}
.box2 .xm label,.box2 .dh label{margin-left: .6rem;font-size: .2rem;}
.box2 button{border: none;width: 6.7rem;line-height: .83rem;background: #d97023;color: #fff;font-size: .3rem;text-align: center;margin-top: .1rem;font-weight: 900;margin-bottom: .3rem;outline: none;border-radius: 5px;}

.demo1{background: url("../images/demo1.jpg") no-repeat center top;height: 14.29rem;background-size: cover;overflow: hidden;}
.demo1_top{width: 3.98rem;margin-left: .7rem;margin-top: 1.96rem;}
.demo1_top h2{font-size: .36rem;color: #fff;text-align: left}
.demo1_top p{font-size: .24rem;color: #fff;line-height: .35rem;margin-top: .2rem}

.demo1_bottom{width: 6.7rem;margin: 0 auto;height: 3rem;margin-top: 5.67rem;background: url("../images/demo1_sb.png") no-repeat center top;background-size: cover;}
.demo1_bottom h3{font-size: 0;font-weight: 900;color: #fb7615;text-align: left;text-indent: .3rem;line-height: .52rem;}
.demo1_bottom ul{padding-top: .3rem;}
.demo1_bottom ul li{font-size: .3rem;color: #1fa5a4;font-weight: 900;padding-left: .64rem;line-height: .48rem;background: url("../images/cr.png") no-repeat .23rem center;background-size: .23rem .2rem;}

.demo2{background: url("../images/demo2.jpg") no-repeat center top;height: 13.29rem; background-size: cover;overflow: hidden;}
.deom2_top{width: 2.32rem;height: 5.4rem;margin-top: .83rem;margin-left: 2.60rem;}
.deom2_top h2{font-size: .36rem;color: #fff;font-weight: 900;}
.deom2_top p{font-size: .24rem;color: #fff;line-height: .4rem;margin-top: 1.11rem;width: 1.46rem;margin-left: .15rem;}


.demo2_bottom{width: 6.7rem;height: 3rem;margin:0 auto;margin-top: 3.2rem;background: url("../images/demo2_sb.png") no-repeat center top;background-size: cover;}
.demo2_bottom h3{font-size: 0;font-weight: 900;color: #fb7615;text-align: left;text-indent: 1.6rem;line-height: .56rem}
.demo2_bottom ul{padding-top: .25rem;}
.demo2_bottom ul li{font-size: .3rem;color: #1fa5a4;font-weight: 900;padding-left: .64rem;line-height: .48rem;background: url("../images/cr.png") no-repeat .23rem center;background-size: .23rem .2rem;}

.demo3{background: url("../images/demo3.jpg") no-repeat center top;background-size: cover;height: 13.26rem;overflow: hidden;}
.demo3_top{width: 6.14rem;text-align: left;margin-top: 1.5rem;margin-left: .7rem;}
.demo3_top p{font-size: .24rem;color: #fff;line-height: .35rem;margin-top: .2rem}
.demo3_top h2{font-size: .36rem;color: #fff;text-align: left}

.demo3_bottom{width: 6.7rem;height: 3.37rem;margin: 0 auto;margin-top: 5.8rem;background: url("../images/demo3_sb.png") no-repeat center top;background-size: cover;}
.demo3_bottom h3{font-size: 0;color: #fb7615;font-weight: 900;text-align: left;line-height: .63rem;}
.demo3_bottom ul{padding-top: .25rem;}
.demo3_bottom ul li{font-size: .3rem;color: #1fa5a4;font-weight: 900;line-height: .48rem;padding-left: .64rem;background: url("../images/cr.png") no-repeat .23rem center;background-size: .23rem .2rem;}


.demo4{background: url("../images/demo4.jpg") no-repeat center top;background-size: cover;height: 12.77rem;overflow: hidden;}
.demo4_top{width: 3.56rem;margin-left: .72rem;margin-top: 1.5rem;}
.demo4_top h2{font-size: .36rem;color: #fff;text-align: left}
.demo4_top p{font-size: .24rem;color: #fff;line-height: .35rem;margin-top: .2rem}

.demo4_bottom {width: 6.74rem;height:2.60rem;margin: 0 auto;margin-top: 4.85rem;background: url("../images/sb.png") no-repeat center top;background-size: cover;}
.demo4_bottom h3{font-size: 0;color: #fb7615;font-weight: 900;text-align: left;line-height: .55rem;padding-left: .1rem;}
.demo4_bottom ul{padding-top: .25rem;}
.demo4_bottom ul li{font-size: .3rem;color: #1fa5a4;font-weight: 900;line-height: .5rem;padding-left: .64rem;background: url("../images/cr.png") no-repeat .23rem center;background-size: .23rem .2rem;}
.demo5{height: 8.24rem}
.demo5 img{width: 100%;height: auto;height: 8.24rem;}
.box_ifrm{margin-top: 0px;background: #1fa5a4;}
.box5{background: #1fa5a4;color: #fff;text-align: center;padding-top: .3rem;padding-bottom: .25rem;}
.box5 p{font-size: .26rem;line-height: .4rem}
.demo6{height: 1.41rem;background: url("../images/demo6.jpg") no-repeat center top;background-size: cover;margin-bottom: 45px;}

.xdf-pop-content button{background: #ccc!important;}
.xdf-pop-box{height: 220px!important;}
#xdf-footer1{margin-bottom: 0px!important;}
.bottom_cont a{width: 49%!important;}
.xdf-copy-sm a{color: #fff!important;}
.copy-sm-line{display: none!important;}
.testShare .list span{color: #333;}

.box2 .get_verication_code_none{background-color: #ccc;}

.box2 .agree{width: 6.5rem;margin: 0 auto;position: relative;height: .6rem;}
.box2 .agreet{width: .28rem;height: .28rem;display: block;margin-left: .22rem;position: absolute;top: 0rem;left: 0rem;padding-top: 0rem!important;padding-bottom: 0rem!important;}
.box2 .agree p{display: block;color: #fff;font-size:.24rem;margin-top: .05rem;margin-left: .4rem;position: absolute;left: .15rem;top: 0rem;}
.box2 .agree p a{color: #ffd927;}
/*判断*/
@media screen and (max-width: 321px) {
    body {
        font-size:16px
    }
}
 
@media screen and (min-width: 321px) and (max-width:400px) {
    body {
        font-size:17px
    }
}
 
@media screen and (min-width: 400px) {
    body {
        font-size:19px
    }
}
@media screen and (max-width: 360px) {
    .demo1_bottom h3,.demo2_bottom h3{line-height: .62rem;}
    .demo3_bottom h3{line-height: .7rem;}
    .demo4_bottom h3{line-height: .6rem;}
}