@charset "UTF-8";

body{overflow-x: hidden;}
.banner{height: 532px;margin: 0 auto;background: url("../images/banner_bg.png") no-repeat;}
.banner .cont{position:relative;width: 1000px;margin: 0 auto;}
.banner .cont .btns{position: absolute;right: 0px;top: 450px}
.banner .cont .btns a{padding: 5px 20px;color: #fff;border-radius: 10px;text-align: center;vertical-align: middle;}
.banner .cont .btns a:hover{text-decoration: none;}
.banner .cont .btns a:first-child{background: #ef0c10;}
.banner .cont .btns a:last-child{background: #eb1555;}

.content{margin: 0 auto;background: url("../images/content_bg.png") no-repeat #eeeeee;padding-bottom: 60px;}
.content .btns{width: 1000px;height: 125px;margin:0px auto;padding: 80px 0;}
.content .btns .japan{width: 474px;height: 125px;background: url("../images/japan.png") no-repeat; cursor: pointer;}
.content .btns .wifi{width: 474px;height: 125px;background: url("../images/wifi.png") no-repeat; cursor: pointer;}
.content .info{width: 1000px;margin: 0 auto;}
.content .info>div{max-width: 500px;}
.content .info h3{margin-bottom:20px;text-align: center;color: #333;}
.content .info li{padding:10px 0px;font-size: 14px;color: #555;}
.content .info li span{display:inline-block;}
.content .info li span.list{width:20px; height:14px;vertical-align:top;margin-right: 5px;background: url("../images/img1.png") center bottom no-repeat;}
.content .info li span a{color: rgb(8,53,195);}

.footer{height: 75px;background: #2f2f2f;padding-top: 20px;}
.footer div{text-align: center;color: #fff;font-size: 12px;line-height: 2em;}

#popup{padding-bottom: 20px;width: 497px;height: 366px;}
#popup .tit{position:relative;width: 497px;height: 122px;background: url("../images/bg_497.png") no-repeat;}
#popup .tit .card{position:absolute;width: 150px;height: 90px;right: 20px;top:20px;background: url("../images/CRY_0621.png") no-repeat;}
#popup .tit .wi_fi{position:absolute;width: 150px;height: 90px;right: 20px;top:20px;background: url("../images/wifi_jiqi.png") no-repeat;}
#popup .tit .txt{position: absolute;width: 140px;height: 50px;left: 30px;top: 30px;color: #f01217;font-size:20px;line-height: 1.5em;}
#popup .cont{max-height: 450px;}
#popup .cont div{padding:0 30px;text-align: left;font-size: 12px;color: #555;}
#popup .cont>div{line-height: 1.5;}
#popup .cont .p_tit{margin-top:20px;text-align: center;font-size: 16px;color: #333;font-weight: bold;}
#popup .cont .sub_tit{font-weight: bold;color: #333;}
#popup .btn_block{text-align: center;margin-top: 20px;}
#popup .btn_block .btn{border-radius: 5px;}

#cardInfo{padding-bottom: 20px;width: 440px;}
#cardInfo .tit{position:relative;width: 497px;height: 122px;background: url("../images/bg_497.png") no-repeat;}
#cardInfo .tit .card{position:absolute;width: 150px;height: 90px;right: 20px;top:20px;background: url("../images/CRY_0621.png") no-repeat;}
#cardInfo .tit .txt{position: absolute;width: 140px;height: 50px;left: 30px;top: 30px;color: #f01217;font-size:20px;line-height: 1.5em;}
#cardInfo .cont{max-height: 324px;overflow-y: auto;}
#cardInfo .cont div{padding:0 30px;text-align: left;font-size: 12px;color: #555;}
#cardInfo .cont>div{line-height: 1.5em;}
#cardInfo .cont .p_tit{margin-top:20px;text-align: center;font-size: 16px;color: #333;font-weight: bold;}
#cardInfo .cont .sub_tit{font-weight: bold;color: #333;}
#cardInfo .btn_block{text-align: center;margin-top: 20px}
#cardInfo .btn_block .btn{border-radius: 5px;}


#pop{width:340px;height:500px;padding:20px 50px;background: url("../images/signup_bg.png") no-repeat;background-size: 100% 100%;}
#pop .tit{padding: 35px;color: #fff;text-align: center;}
#pop .cont{padding-top: 50px;}
#pop .cont .line{padding:10px;border-bottom: 1px solid #f1f1f1;text-align: left;}
#pop .cont .line input{width: 210px;border: none;outline: none;}
#pop .cont .img{width: 100px;height: 100px;background: url("../images/right.png") no-repeat;margin: 20px auto;}
#pop .cont .line span{color: #eb1555;}
#pop .cont .success{font-size: 16px;color:#333;font-weight: bold;text-align: center;margin: 20px 0;}
#pop .cont .tip{font-size: 12px;color: #555;text-align: center;}
#pop .btn_block{text-align: center;}
#pop .btn_{display:inline-block;padding:9px 25px;margin:42px auto 0;font-size:16px;background:#d51e2d;color:#ffffff!important;border-radius:5px;border:none;font-family:"微软雅黑";cursor:pointer;outline:none;}

#bg{position: fixed;display:none;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 99;}
#inner{position:fixed;left:50%;top:50%;z-index: 999;background: #fff;border-radius: 15px;}
#cardInfo{display: none;width: 497px;height: 486px;z-index: 999;}
#pop,#cardInfo,#popup{display: none;}
#close_{display:none;z-index:99999;width: 35px;height: 35px;position: absolute;right: -14px;top: -16px;cursor:pointer;background: url("../images/cha.png") no-repeat;}

.line2 > .list{margin-top: 2px;}
.line2 .txt{line-height: 1.5;}