body,ul,h1,h2,h3,h4,h5,h6,form,input,p{margin: 0;padding: 0;font-weight: normal;}
a{text-decoration: none;-webkit-tap-highlight-color: rgba(0,0,0,0); -moz-tap-highlight-color: rgba(0,0,0,0);  tap-highlight-color: rgba(0,0,0,0);  -webkit-focus-ring-color: rgba(0,0,0,0);  -moz-focus-ring-color: rgba(0,0,0,0); focus-ring-color: rgba(0,0,0,0);   }
*{-webkit-tap-highlight-color: transparent;}
li{list-style: none;}
img{vertical-align: middle;width:100%;}
.fl{float: left;}
.fr{float: right;}
.clear:after{content: "";display: block;clear: both;}
.clear{zoom: 1;}

body{position:relative;font-family: "\5FAE\8F6F\96C5\9ED1";background-color: #fff;color:#fff;margin: 0 auto;font-size: 0.14rem;}
.main_content{max-width: 7.5rem; position: relative;}
.pubMain{width:7.5rem; position: relative; overflow: hidden;}

.top{height: .98rem;width:7.5rem;background: url(i/cn_top.jpg) no-repeat;background-size:100% auto; position: fixed; left: 0; top:0; z-index: 999;}
.top.en{background: url(i/en_top.jpg) no-repeat;background-size:100% auto;}
.top.tg{background: url(i/th_top.jpg) no-repeat;background-size:100% auto;}
.top.yn{background: url(i/yn_top.jpg) no-repeat;background-size:100% auto;}
    .topIcon{display: block; width: 1.2rem; height: 1.2rem; position: absolute; left: .16rem; top: .16rem;}
    .inBtn{display: block; width: 1.77rem; height: .98rem;position: absolute; right: 0; top: 0; font:.3rem/.98rem "微软雅黑";}
    .language{position:absolute;right:1.8rem;top:0px;height:.98rem;}
        .language>div{cursor:pointer;width:1.8rem;height:100%;}
        .language>div>span{padding:0 .1rem;font:.14rem/.4rem "Microsoft YaHei";color:#fff;margin:0 .1rem 0;}
        .language ul{display:none;}
        .language ul li{width:100%;height:.6rem;background:#29221f;font:.2rem/.6rem "Microsoft YaHei";text-align:center;color:#fff;border-bottom:1px solid #c5a56e;cursor:pointer;}
        .language ul li a{color:#fff;}
        .language ul li:nth-child(4){border:none;}

.page1{background: url(i/cn_page1.jpg) no-repeat center top; background-size: 100% 100%;}
.page1.en{background: url(i/en_page1.jpg) no-repeat center top; background-size: 100% 100%;}
.page1.tg{background: url(i/th_page1.jpg) no-repeat center top; background-size: 100% 100%;}
.page1.yn{background: url(i/yn_page1.jpg) no-repeat center top; background-size: 100% 100%;}
	.page1 .pubMain{height: 11.6rem;}
        	.btn_wrap .video_btn{width:2.25rem; height: .77rem; position: absolute; right:0; bottom:6rem;}
        	.btn_wrap .video_btn img{width:2.25rem; height: auto;}
        	.btn_wrap>div{position: absolute;top: 6.8rem;left: 0.3rem;}
            .btn_wrap.en>div{position: absolute;top: 6.2rem;left: 0.3rem;}
            .btn_wrap.yn>div{position: absolute;top: 6.2rem;left: 0.55rem;}
        	.btn_wrap>div img{height: 0.95rem; width:auto;}
	

.page2{background: url(i/cn_page2.jpg) no-repeat center top; background-size: 100%;}
.page2.en{background: url(i/en_page2.jpg) no-repeat center top; background-size: 100%;}
.page2.tg{background: url(i/th_page2.jpg) no-repeat center top; background-size: 100%;}
.page2.yn{background: url(i/yn_page2.jpg) no-repeat center top; background-size: 100%;}
    .page2 .pubMain{height: 24rem;}
    .page2 .pubMain_yn{height: 24.8rem;position: relative;}
	.reach_num{font: 0.48rem/1.6rem "Microsoft YaHei";width: 3.9rem;height: 1.8rem;text-align: right;color: #ffe380;z-index: 9;float: left;}
    .reach_txt{line-height: 1.65rem;font-size: .3rem;}
    .reach_txt.yn{line-height: 1.65rem;font-size: .28rem;}
    .reach_txt.tg{font-size: .4rem;}
    .reach_num.en{width:3rem;}
    .reach_num.tg{width:3.8rem;}
    .reach_num.yn{width:2.8rem;margin-right:0.2rem;}
	.yuyue{width: 7.1rem;height: 9.96rem;padding:0 .2rem;position: relative;font-size: .24rem;}
        .yuyue .p_txt{color: #fff;margin-top: .22rem;padding-left: .4rem;}
        .yuyue .system{height: .8rem;line-height: .8rem;padding: .8rem 0 0 .6rem;margin-bottom: .1rem;}
        .yuyue .system label{height: .8rem; margin:0 .5rem; padding-left:.4rem; position: relative;}
        .yuyue .system label input{position: absolute; left: 0; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width:.25rem; height: .25rem;}
        .yuyue .system label .item{display: block; float: left; height: .8rem; padding-left:.5rem;}
        .yuyue .system label .item1{background: url(i/android.png) no-repeat left center;background-size: 0.35rem 0.38rem;}
        .yuyue .system label .item2{background: url(i/ios.png) no-repeat left center;background-size: 0.35rem 0.38rem;}
        .yuyue .part_fb{position: absolute;right: 1.5rem;top: 1.4rem;}
        .phone_wrap{padding:0px .6rem;}
    .yuyue.yn{width: 7.1rem;height: 9.96rem;padding:0 .2rem;position: relative;font-size: .24rem;margin-top:.6rem;}
        .yuyue.yn .p_txt{color: #fff;margin-top: .42rem;padding-left: .4rem;}
        .yuyue.yn .system{height: .8rem;line-height: .8rem;padding: .8rem 0 0 .6rem;margin-bottom: .1rem;margin-top:-0.5rem;}
        .yuyue.yn .system label{height: .8rem; margin:0 .5rem; padding-left:.4rem; position: relative;}
        .yuyue.yn .system label input{position: absolute; left: 0; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width:.25rem; height: .25rem;}
        .yuyue.yn .system label .item{display: block; float: left; height: .8rem; padding-left:.5rem;}
        .yuyue.yn .system label .item1{background: url(i/android.png) no-repeat left center;background-size: 0.35rem 0.38rem;}
        .yuyue.yn .system label .item2{background: url(i/ios.png) no-repeat left center;background-size: 0.35rem 0.38rem;}
        .yuyue.yn .part_fb{position: absolute;right: 1.5rem;top: .95rem;}
        .yuyue.yn .img_title{width:90%;display: block;margin: 0 auto;}
        .yuyue.yn .phone_wrap{padding:0px .6rem;margin-top:1rem;}
        .yuyue.yn .agree{margin-top: .2rem;display: block;color: #FFF;}
            .phone_wrap span{margin-bottom:.3rem;}
            .phone_con{width:100%;}
            .phone_con select{width:100%;height: .55rem;border:1px solid #887350;appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url(i/select_icon.png) no-repeat scroll 5.3rem center #1f1c2d;-webkit-border-radius: .1rem; border-radius: .1rem;padding-left:.2rem;padding-right: .41rem;font:.16rem/.55rem "Microsoft YaHei";color:#7a768c;}
            .phone_con select option{background: #f9f6ec; -webkit-appearance:none;appearance:none;}
            #area_show {width: .75rem;height: .55rem;float: left;text-align: center;border: 1px solid #887350;background: #1f1c2d;-webkit-border-radius: .1rem;border-radius: .1rem;margin: .3rem .15rem .3rem 0px;font-size: .18rem;}
            .phone_con .phone{width:4.95rem; height: .55rem; -webkit-box-sizing: border-box; box-sizing: border-box;border:1px solid #887350; -webkit-border-radius: .1rem; border-radius: .1rem; margin-bottom:.2rem; font:.18rem/.55rem "Microsoft YaHei"; padding-left:.2rem; margin:.3rem 0;background:#1f1c2d;color: #7a768c;}
            .phone_con .warn{line-height: .25rem; color:#e63e3e; text-align: justify;}
            .agree{margin-top: .5rem;display: block;color: #FFF;}
            .agree input{width: .22rem;height: .22rem;vertical-align: middle;margin-right: .08rem;margin-top: -.02rem;}
            .register_btn{position: absolute; bottom:.6rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
            .register_btn img{width:auto; height: .8rem;}
            .yuyue.en .register_btn{bottom: .1rem;}
            .yuyue.yn .register_btn{bottom: .4rem;}
    .reach{position:absolute; left:0; bottom:0rem; width:4.2rem; height:12.24rem;}
    .reach li{z-index:9;}
        .reach .item{position:absolute; width:1.51rem; height: .88rem;}
        .reach .item:nth-child(1){left: 1.4rem;top: 0.9rem;}
        .reach .item:nth-child(2){left: 1.2rem;top: 2.7rem;}
        .reach .item:nth-child(3){left: 0.9rem;top: 4.8rem;}
        .reach .item:nth-child(4){left: 1.2rem;top: 7rem;}
        .reach .item:nth-child(5){left: 1.8rem;top: 9.2rem;}
        .reach .item.on{background: url(i/cn_achieved.png) no-repeat; -webkit-background-size:100% 100%; background-size:100% 100%;}
        .reach.en .item.on{background: url(i/en_achieved.png) no-repeat; -webkit-background-size:100% 100%; background-size:100% 100%;}
        .reach.tg .item.on{background: url(i/th_achieved.png) no-repeat; -webkit-background-size:100% 100%; background-size:100% 100%;}
        .reach.yn .item.on{background: url(i/yn_achieved.png) no-repeat; -webkit-background-size:100% 100%; background-size:100% 100%;}
	

.page3{background: url(i/cn_page3.jpg) no-repeat center top; background-size: 100%;}
.page3.en{background: url(i/en_page3.jpg) no-repeat center top; background-size: 100%;}
.page3.tg{background: url(i/th_page3.jpg) no-repeat center top; background-size: 100%;}
.page3.yn{background: url(i/yn_page3.jpg) no-repeat center top; background-size: 100%;}
    .page3 .pubMain{height: 18rem;}
    .page3 .pubMain_yn{height: 18.7rem;}
	.explain{height:8rem;padding-top:2.35rem; padding-left:.6rem; color:#1c1924; padding-right:.5rem;}
    .explain.en{padding-top: 1.9rem;height:8.4rem;}
    .explain.tg{padding-top: 2.2rem;height:7.3rem;}
    .explain.yn{padding-top: 2rem;height:8.7rem;}
    .explain p{font: .24rem/.4rem "Microsoft YaHei"; position: relative; padding-left:.5rem;}
    .explain p span{position: absolute; left: 0;top: .06rem;width: .3rem;height: .3rem; background: #a68264; line-height: .3rem; text-align: center; -webkit-border-radius: 50%; border-radius: 50%;}
    .explain p b.explain_span{color:#d73426;font-weight: normal;}
    .explain p b.explain_span2{font-weight:bold;}
    .page3_yy_l{margin-top: 0.8rem;position: relative;}
    .page3_yy_box h3{color: #d7b567;font-size: .36rem;text-align: center;line-height: .7rem;}
    .page3_yy_box h5{font-size: .24rem;text-align: center;}
    .page3_yy_box .clear{text-align: center;margin-top: .5rem;}
    .page3_yy_l .clear a:nth-child(1){margin-right: .5rem;}
    .page3_yy_l .clear a img{width: 2.53rem;}
    .page3_yy_r{position: relative;margin-top: 0.8rem;}
    .page3_yy.en .page3_yy_r{margin-top: 1rem;}
    .page3_yy.yn .page3_yy_r{margin-top: 1rem;}
    .page3_yy_r h5{text-align: left;padding-left: 1.6rem;line-height: 0.5rem;}
    .page3_yy_r .part_fb{position: absolute;left: 4.2rem;top: .68rem;}
    .page3_yy_r .clear a img{width:3.2rem;}

    .mobile .footer{background: #FFF;padding-bottom:0.5rem;}
    .mobile .pic_wrap{padding-left:0.3rem;}
    .mobile .pic_wrap img{float:left;}
    .mobile .footer .pubMain{height: 1rem;padding-top:0.55rem;width:7rem;margin:0 auto;}
    .mobile .footer .pubMain span{float: none;white-space: nowrap;}
    .mobile .footer .pubMain>div{height: 0.5rem; padding-left:0.6rem;}
    .mobile .footer .pubMain>div span{font:0.21rem/0.5rem "微软雅黑"; margin-right:0.5rem;color: #000;}
    .mobile .footer .pubMain>div em{margin-right:0.2rem;}
    .mobile .footer .pubMain>div img{display:block; height: 0.5rem; width:auto; margin-right:0.2rem;}

/*-- model --*/
.model_bg {background:#000;opacity:.8;width: 100%;height: 100%;position: fixed;top:0;left:0;z-index: 9998;display: none;}
.model {position: fixed;top:35%;left:28%;width:3.81rem;height:2.04rem;box-sizing:border-box;background: url(i/model_bg.png) no-repeat;background-size: 100% auto;z-index: 9999;padding:.5rem .4rem;display: none;}
.model .close {width:.4rem;height:.4rem;background:url(i/model_gb.png) no-repeat;background-size: 100% auto;position: absolute;top:.1rem;right:.1rem;cursor: pointer;}
.model .msg {font-size:.16rem;line-height:.2rem;}
#video{width: 100%; height: 100%;}
	.videoPop{width: 7.5rem; height: 3.75rem; position:fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);  z-index: 9999; background: #000; display: none;}
	.closeBtn{width: 0.4rem; height: 0.4rem; background: url(i/close.jpg) no-repeat 0 0; background-size: 100% auto; position: absolute; right: 0; top: -0.4rem;z-index: 999;}