@charset "utf-8";

/* Layout *************************************************************************************************************/
.viewport{width:100%;max-width:640px;margin:0 auto;}
.content-m-b-10{margin-bottom:10px;}
.content-m-b-15{margin-bottom:15px;}
.content-m-b-70{margin-bottom:70px;}
.content-m-b-90{margin-bottom:90px;}

/* 通用 */
.btn{display:inline-block;padding:2px 5px;color:#fff;background:#0daaea;font-size:14px;}
.box{background:#fff;position:relative;}
.pic img{width: 100%;}
.l-line{border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; margin-bottom: 10px;}
.iClr{color: #0daaea;}
.bgfff{background: #fff}
.input{height: 35px; line-height: 35px; border: 1px solid #bdbdbd; font-size: 14px;padding-left: 10px;width: 100%;display: inline-block; box-sizing: border-box;}
.select{height: 35px; line-height: 35px; border: 1px solid #bdbdbd; font-size: 14px;padding-left: 10px;width: 100%;display: inline-block;box-sizing: border-box;}
.textarea{height: 200px; line-height: 28px; border: 1px solid #bdbdbd; font-size: 14px;padding-left: 10px;width: 100%;display: inline-block;box-sizing: border-box; color: #A9A9A9;}



/* Header *************************************************************************************************************/
.index-header{position:relative; /*width:100%;*/height:60px;line-height:60px;text-align:center;background-color:#fff;padding:0 20px;}
.index-header img{width:100%;}
.index-header .menu{width:20px;height:20px;}
.index-header .p-center{margin-right:20px;}
.index-header .logo{display:inline-block;color:#333;font-size:18px;/*width:135px;*/}

/* 底部 *************************************************************************************************************/
.footer-fixed{position:relative;z-index:10;position:fixed;bottom:0;z-index:10;width:100%;max-width:640px;height:60px;}

/* footer */
.footer{background: #008fee;color: #fff; padding: 10px;}
.f-phone{border-bottom: 1px solid #4cb8ff; font-size: 20px; font-family: arial; padding-bottom: 10px; padding-left: 20px;margin-bottom: 10px;padding-top: 5px;}
.f-phone .icon{width:30px; margin-right: 10px;margin-top: -5px;}
.f-contact{border-bottom: 1px solid #4cb8ff;font-size: 14px;line-height: 28px; padding-bottom: 10px; margin-bottom: 10px;}

/*栏目*/
.menuWrap{position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:999;}
.menu_bg{width:100%;height:100%;background:#000;opacity:0.5;z-index:99;}
.menu_box{width:80%;height:100%;position:absolute;top:0px;left:0px;background:#fff;z-index:9999;overflow:hidden;}
.menu_box ul{padding:0 20px;}
.menu_box ul li{color:#fff;height:50px;line-height:50px;font-size:16px;padding:0 20px;border-bottom:1px solid #e6e6e6;}
.menu_box ul li a{color:#666;}
.menu_box ul li:active{background:#008fee; color: #fff}
.menu_box ul li:active a{color: #fff}
.menu_box ul li .fr{color:#BDBDBD;font-size:25px;}
.menu_box ul li img{width:18px;height:18px;margin-right:10px;vertical-align:sub;}

/*返回顶部*/
.gotop-btn {position: fixed; right: 2%;bottom: 10%; display:block; width:50px; height:50px;}