@charset "utf-8";
@import url("http://cdn.oppsky.com/upload/iconfont/iconfont.css");

/* CSS Document */
* {margin: 0;padding: 0; outline: none;}
body{background:#f3f3f3; color:#333; font-size:14px; font-family:"Microsoft YaHei";}
h1,h2,h3,img,input,button,p,ul,dl,dt,dd,li{margin:0; padding:0; list-style:none; font-style:normal; border:0}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], input[type="date"], input[type="number"],textarea {-webkit-appearance: none; outline: none;}
img {width: 100%;}
a {text-decoration: none;}

.mainfont{
    font-family:"mainfont" !important;
    font-style:normal; display:inline-block;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.g_red {color: #f00 !important;}
.g_blue {color: #09c !important;}
.g_green {color: #008000 !important;}
.bg_fff { background:#fff;}

.flex {display: flex; display: -webkit-box; display: -webkit-flex;}
/*纵列*/
.flex_column {-webkit-flex-direction: column; flex-direction: column;}
/*居中*/
.flex_justify_center {justify-content: center; -webkit-justify-content: center;}
/*两端对齐*/
.flex_justify_between {justify-content: space-between; -webkit-justify-content: space-between;}
/*水平居中*/
.flex_align_center {align-items: center; -webkit-align-items: center;}

/*flex布局*/
.g_flex {display: flex; display: -webkit-box; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; height: 100%; width: 100%; position: absolute;}
.g_home {width: 100%; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.g_footer {height: 50px; flex-shrink: 0; -webkit-flex-shrink: 0; display: flex; display: -webkit-box; display: -webkit-flex; background: #fff; border-top: 1px solid #eee; color: #999; z-index: 20;}
.g_footer li {display: flex; display: -webkit-box; display: -webkit-flex; flex: 1; -webkit-flex: 1; height:50px; box-sizing: border-box; font-size:12px; flex-direction: column; -webkit-flex-direction: column; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center;}
.g_footer li i {font-size:20px; font-style:normal; display:block;}
.g_footer .face {width: 50px; height: 50px; border-radius: 50%; border: 3px solid #ccc; position: absolute; bottom: 10px;}
.g_footer .face img {width:100%; height:100%; border-radius: 50%;}
.g_footer .select {color:#008000;}
/*2个按钮*/
.g_simper_footer {height: 50px; flex-shrink: 0; display: flex; display: -webkit-box; display: -webkit-flex; -webkit-flex-shrink: 0; background: #333;}
.g_simper_footer li {flex: 1; -webkit-flex: 1; line-height: 50px; text-align: center; font-size: 14px; color: #fff; background: #f60;}
.g_simper_footer li:first-child {flex: 0.4; -webkit-flex: 0.4; background: #999;}

/*--版权--*/
.g_copyright {width:100%; padding:15px 0; line-height:25px; text-align:center; font-size:12px;}
.g_copyright span {color:#069;}

/*顶部tag*/
.g_tag {margin:10px; border:1px solid #d3d3d3; border-radius:5px; overflow:hidden; height:35px; background:#fff; display: flex; display: -webkit-box; display: -webkit-flex; flex-shrink: 0; -webkit-flex-shrink: 0;}
.g_tag li {flex: 1; -webkit-flex: 1; border-right:1px solid #d3d3d3; height:35px; text-align:center; line-height:35px; font-size:14px; position:relative; box-sizing: border-box;}
.g_tag li:last-child {border-right:0px;}
.g_tag .select {background:#09C; color:#fff;}
/*单独小的*/
.g_tag dl {flex-shrink: 0; -webkit-flex-shrink: 0; width:10%; height:35px; text-align:center; line-height:35px; font-size:20px; background: #e5e5e5;}
.g_tag span {vertical-align:middle;}

/*顶部导向tag*/
.g_guide_tag {height: 40px; line-height: 40px; background: #555; color: #fff; padding: 0 10px; font-size: 14px; flex-shrink: 0; -webkit-flex-shrink: 0;}
.g_guide_tag i {padding: 0 5px 0 0; font-size: 16px;}

/*无数据*/
.g_no_data {display: none; text-align: center; color: #999; padding: 40px 20px; line-height: 22px;}
.g_no_data i {font-size: 50px; display: block; margin-bottom: 20px; color: #ccc;}
.g_no_data i img { width:40vw;}
.g_no_data b {padding: 0 2px; color: #09c;}

/*checkbox选项*/
.g_checkbtn {display:inline-block;position:relative;width: 60px;height: 30px;line-height:30px;box-sizing:border-box;border-radius:15px;background: #333;}
.g_checkbtn:before {position:absolute;left:8px;content: '开';color: #26ca28;font-size: 14px;}
.g_checkbtn:after {position:absolute;right:8px;content: '关';color: #ddd;font-size: 14px;}
.g_checkbtn label {display: block;width: 30px;height: 24px;border-radius: 12px;-webkit-transition: all .5s ease;transition: all .5s ease;position: absolute;top: 2px;z-index: 1;left: 3px;background: #ddd;}
.g_checkbtn input[type=checkbox]:checked + label {left: 27px; background: #26ca28;}
.g_checkbtn input[type=checkbox] {visibility:hidden; display:none;}

/*弹出层显示二维码*/
.g_mask_code {position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: none; z-index: 9999;}
.g_mask_code .mask_in {position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.85); display: flex; display: -webkit-box; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; flex-direction: column; -webkit-flex-direction: column; top: 0; left: 0;}
.g_mask_code .img {background: #fff; padding: 10px; border-radius: 5px; margin-bottom: 5vh; line-height: 0;}
.g_mask_code .img img {width: 50vw; display: block;}
.g_mask_code .text {margin-bottom: 5vh; width: 80%; text-align: center; color: #fff; line-height: 22px;}
.g_mask_code .text b {color: #f30;}
.g_mask_code .textcontent {background: #fff; width: 80vw; border-radius: 5px;box-sizing: border-box; margin-bottom: 4vh;padding-bottom:15px;}
.g_mask_code .textcontent .title {text-align: center;font-size: 16px; font-weight: bold; line-height: 22px; border-bottom: 1px solid #eee; background: url(img/vipcenter_tcbg.png) no-repeat,-webkit-linear-gradient(left,#54d788,#3cc7b8); color:#fff;background-size: 100%;border-radius: 5px;border-bottom-left-radius: 0;border-bottom-right-radius: 0; padding:20px;}
.g_mask_code .textcontent .content {max-height: 50vh; overflow-y: auto; line-height: 20px; -webkit-overflow-scrolling: touch; padding:10px 15px 0 15px;}
.g_mask_code .close {width: 40px; height: 40px; border-radius: 50%; border: 1px solid #fff; font-size: 20px; color: #fff; display: flex; display: -webkit-box; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; line-height: 0;}

/*分页*/
.g_page_more {display: block; width:100%; text-align: center; padding: 15px 0; font-size: 12px;}

/*订单确认*/
.g_show_order_bg {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,0.8); display: none;}
.g_show_order {position:fixed; bottom:0px; width:100%; z-index:100; display: none; border-top:1px solid #ddd; font-size: 12px;}
.g_show_order .close {position:absolute; right:5px; top:10px; width:20px; height:20px; line-height:20px; text-align:center; font-size:18px; color:#fff; background:#F60; border-radius:50%;}
.g_show_order h3 {font-size:15px; background: #eee; padding: 10px; border-bottom: 1px solid #ddd;}
.g_show_order li {padding:10px; border-bottom:1px dashed #ddd; background: #fff; line-height: 22px;}
.g_show_order li span {display:inline-block; margin-right: 10px;}
.g_show_order li span:last-child {margin-right: 0;}
.g_show_order li .select {color:#F00;}
.g_show_order li .s {background:#E78C00; border:1px solid #F60; color:#fff;}
.g_show_order li b {display:inline-block; margin-right:15px; border:1px solid #989898; background:#989898; color:#fff; padding:2px 8px;}
.g_show_order li b:last-child {margin-right: 0;}
.g_show_order li .input {width:33%; border:1px solid #ccc; line-height:25px; height:25px; background:#fff; outline:none; margin-right:10px; text-align:center;}
.g_show_order ul li:last-child {border-bottom: 0px;}
.g_show_order li .checkbox {width: 15px; height: 15px; margin-right: 5px; vertical-align: middle;}
.g_show_order li label i {font-style: normal; color: #f00; font-weight: bold;}
.g_show_order .but {background:#ddd; height:50px; display: flex; display: -webkit-box; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.g_show_order .but p {width: 100%; padding: 0 10px; height:50px; line-height:50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.g_show_order .but p b {font-size:16px; color:#F30;}
.g_show_order .but p span {text-decoration:line-through;}
.g_show_order .but .button {width: 90px; text-align: center; height:50px; border:0px; outline:none; background:#F60; color:#fff; font-weight:bold; -webkit-appearance: none;}

/*免费会员提示*/
.g_freeuser {background: rgba(255,153,0,0.1); flex-shrink: 0; -webkit-flex-shrink: 0; padding: 8px 10px; border-bottom: 1px solid #f90; color: #f30; font-size: 12px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center;}
.g_freeuser p:last-child {background: #f60; color: #fff; padding: 2px 6px; border-radius: 5px; margin-left: 15px;}

/*分享成功提示*/
.g_success_show {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.75);}
.g_success_show > div {position: relative; width: 100%; height: 100%; top: 0; left: 0; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: center; -webkit-justify-content: center;}
.g_success_show .img {width: 100%; margin: 0 auto 6vh auto; line-height: 0;}
.g_success_show .img img {width: 100%;}
.g_success_show .text {width: 80%; margin: 0 auto 6vh auto; color: #fff; line-height: 20px; padding: 6px; border-radius: 6px; box-shadow: 0px 2px 5px 0px rgba(255,255,255,0.6);}
.g_success_show .but {width: 60%; margin: 0 auto;}
.g_success_show .but p {color: #fff; height: 36px; line-height: 36px; border-radius: 18px; box-sizing: 0; text-align: center;}
.g_success_show .but p:first-child {background: rgba(1,189,138,0.1); border: 1px solid #01BD8A; margin-bottom: 30px;}
.g_success_show .but p:last-child {background: #01BD8A;}