@charset "UTF-8";
/*
Theme Name: Mobile Phone
Theme URI: none
Author: wujinke
Author URI: https://wordpress.org/
Description: Mobile Phone Theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: none
*/
@import url("layui/font_add/iconfont.css");

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
h1,h2,h3,div,body,html,p{font:14px/1.6em Helvetica,Arial,sans-serif;}
h1{font-size:26px; font-weight:500; line-height:1.1;}
h2{font-size:24px; font-weight:500; line-height:1.1;}
h3{font-size:22px; font-weight:500; line-height:1.1;}
h4{font-size:20px; font-weight:500; line-height:1.1;}
a{color:#01AAED;}
a:hover{text-decoration:underline;}
ul li{list-style:decimal !important; margin-bottom:5px;}
ol li{list-style:disc !important; margin-bottom:5px;}

html body {
  margin: 0; padding:0;
  font-size:16px !important;
}
body:before{content:''; display:block;}

*{margin:0; padding:0; font-family:inherit; font-size:inherit;}

header:before{content:''; display:block;}
header{display:block; background-color:#393D49; padding:10px 0}
.logo img{max-width:100%;}

.searchbox{margin-top:15px;}

.prow{padding:40px 0;}
.prow h2{margin-bottom:10px;}
.prow p{margin-bottom:8px;}
.prow p i{color:#009688; font-weight:bold; margin-right:5px;}

.img_wrap img{max-width:100%; height:auto; margin-bottom:20px;}

.mobile-icon{
    display: none;
}
.share{margin:25px 0 10px 0;}
.share span{display:inline-block; margin-bottom:5px;}

.totop{width:50px; height:50px; background-color:#000; opacity:0.7; text-align:center; line-height:50px; position:fixed; bottom:50px; right:10px; color:#FFF; cursor:pointer; display:none;}
.totop:hover{opacity:0.5;}
.totop i{font-size:40px;}

@media screen and (max-width: 768px) {
.header .nav{
        display: none;
        width: 100%;
        position: absolute;
        z-index: 99;
        top: 12px; /* 如果需要缝隙，可将值调至61px */
    }
.layui-nav{
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .header .nav li{
        width: 100%;
        text-align: center;
    }
    .mobile-icon{
        display: block;
        color: #FFF;
        font-size: 30px;
		float:right;
		margin-top:-40px;
    }
    .layui-nav .layui-this:after,
    .layui-nav-bar,
    .layui-nav-tree .layui-nav-itemed:after {
        height: 1px;
        background-color: #5FB878;
    }
	
	.layui-carousel{height:220px !important;}
	#breadcrumb{height:20px; line-height:22px;}
	.step{display:none;}
}

.banner-item a{display:block; width:100%; height:100%;}
.banner-item:nth-child(1){background-image:url('/wp-content/themes/ios8/image/banner1.jpg');}
.banner-item:nth-child(2){background-image:url('/wp-content/themes/ios8/image/banner2.jpg');}
.banner-item:nth-child(3){background-image:url('/wp-content/themes/ios8/image/banner3.jpg');}

.banner-item{background-repeat:no-repeat; background-position:center top; background-size:auto 100%;}


footer{display:block; background-color:#2F4056; padding:20px 0 10px 0;}
.footmenu{text-align:center; margin-bottom:30px;}
.layui-breadcrumb a{color:#99b0b9 !important;}

.copyright{text-align:center; color:#99b0b9; margin-bottom:25px;}
.safe{text-align:center;}

.sbox{text-align:center; padding:15px 0 0 0; color:#FFF; background-color:#2F4056; height:100px;}
.sbox strong{display:block; font-size:20px; margin-bottom:20px;}

.layer-photos .img_wrap img{width:100%; height:auto;}

.list-style li{margin-bottom:5px; list-style:inside disc;}