/* 全局样式 */
*{ margin:0; padding:0;}
*,*::before,*::after {
 -webkit-box-sizing: inherit;
     -moz-box-sizing: inherit;
          box-sizing: inherit;
}
ul,li,p,br{ list-style:none;}
img{ border:0; vertical-align:middle; width:100%;}
a{ text-decoration:none; outline:none;}
:focus{outline:0;}
a:hover{ text-decoration:none;}
em,i{ font-style: normal;}
button,input,select,textarea{ font-family:"Microsoft YaHei",Tahoma,Verdana,Arial; border:0;}
body{ max-width: 720px; margin:0 auto; background-color:#fff; font-family:"Microsoft YaHei",Tahoma,Verdana,Arial;color:#333; font-size: 14px;}
.clearfix:after{ content:"."; display:block; clear:both; height:0; visibility:hidden; zoom:1;}
.ellipsis{ display: block; width: 96%; padding: 0 2%; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


/************header***************/
header{ padding: 0 10px; background-color: #fff; text-align: center; line-height: 40px; font-size: 18px; color: #000; position:relative; border-bottom:1px solid #eee;}
header a.back { display:block; position:absolute; left:12px; top:13px; width:12px; height:12px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); border-bottom:2px solid #000; border-left:2px solid #000;}
/************section***************/
section{ background:#fff;}

/*首页*/
.v-title{ font-size:18px; font-weight:bold; text-align:center; color:#333; position:relative; padding:5px 10px; }
.v-title .icon{ background: url('../images/hmsjkj/icon-camera.png') no-repeat; background-size:30px 30px; position:absolute; left:50%; top:0; margin-left:-70px; display:block; width:30px; height:30px;}
.v-title span{ color:#8dc400;}
.v-title:after{content:''; display:block; width:30px; height:0; border-bottom:2px solid #8dc400; position:absolute; left:50%; margin-left:-15px; bottom:0;}
.v-title .more{ position:absolute; bottom:10px; right:10px; color:#333; float:right; font-size:12px; font-weight:normal;}
.v-sub-title{ text-align:center; color:#999; font-size:12px; font-weight:normal; padding:5px;}

.w-title{ font-size:18px; font-weight:bold; text-align:center; color:#000; padding:5px 10px; }

/*首页-我已购买看家设备*/
.bg-brought{background: -webkit-linear-gradient(#fff 32%, #cef5ee); background: -o-linear-gradient(#fff 32%, #cef5ee); background: -moz-linear-gradient(#fff 32%, #cef5ee); background: linear-gradient(#fff 32%, #cef5ee); padding:10px 0;}
.brought-list{ padding: 10px 5px; }
.brought-list li{ float: left; width: 50%; }
.brought-list li a{ display: block; margin:0 5px; position: relative;}

/*首页-热卖机型*/
.hot-phone{ margin:10px 0;}
.phone-scroll { width: 100%; height: 100%; overflow: hidden; background-color: #fff; position: relative;}
.phone-scroll .phone-list{ width: 100000px; }
.phone-scroll .phone-list li{ width: 136px; padding:5px; float: left;}
.phone-scroll .phone-list li a { background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px;  border-radius: 5px; border: 1px solid #e5e5e5; display:block; text-align: center; width: 100%; padding: 0; height:238px; color:#999; overflow:hidden; position:relative;}
.phone-scroll .phone-list li a.more{ background: url('../images/hmsjkj/phone-more.png') no-repeat center 80px #f7f7f7; padding-top:126px; height:112px;}
.phone-scroll .phone-list li img{ width:136px; height:136px; margin: 0 auto;}
.phone-scroll .phone-list li h1 { font-size: 14px; color: #333; font-weight: normal; line-height:20px; height:20px; overflow:hidden;}
.phone-scroll .phone-list li h2 { font-size: 16px; color: #8dc400; font-weight: normal; line-height:24px; margin-top:15px; padding:0 2%;}
.phone-scroll .phone-list li h3 { font-size: 16px; color: #fff; font-weight: normal; line-height:28px;  background-color:#8dc400; border-radius:5px; display:inline-block; padding:0 10px;}
.phone-scroll .phone-list li .tag-hot{ background: url('../images/hmsjkj/tag-hot.png') no-repeat 0; position:absolute; top:0; right:0;display:block; width:38px; height:38px; background-size:38px 38px;}
.phone-scroll .swiper-scrollbar {  border-radius: 10px;  -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); position: absolute; left: 1%; bottom: 0; z-index: 2; height: 5px;width: 98%;}
.phone-scroll .swiper-scrollbar .swiper-scrollbar-drag {height: 100%;width: 100%;position: relative; background: rgba(0, 0, 0, 0.5); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; left: 0;  top: 0;}

/****底部按钮****/
.footer-btn{ height: 70px; }
.footer-btn>.footer-btn{ position: fixed; bottom: 0; width: 100%; left: 0; right: 0;  background: #f6f6f6; text-align:center;}
.footer-btn .btn{ width: 50%; display: inline-block; line-height: 46px; text-align: center; font-size: 18px; color:#fff; margin: 12px 1%; background:#ffa10e; border-radius:5px;}
.footer-btn .fav,
.footer-btn .share{ background-size: 40px 40px; background-repeat: no-repeat; display: inline-block; width: 40px; height: 40px; position:absolute; top:15px;}
.footer-btn .fav{ background-image: url('../images/hmsjkj/footer-fav.png'); left: 15px; }
.footer-btn .share{ background-image: url('../images/hmsjkj/footer-share.png'); right:15px;}

/*弹出遮罩层*/
.mask{ background:rgba(0,0,0,0.5); position:fixed; width:100%; height:100%; top:0; left:0; z-index: 29; display:none;}


/**弹窗*/
.pop{background: #FFF; position: fixed; z-index: 30; width:90%; top:15%; left:5%; display:none;border-radius: 5px; overflow: hidden; }
.pop .p-head{padding:10px; text-align: center; border-bottom: 1px solid #0195ff; color: #0195ff;font-size: 18px; background: none; position:relative; }
.pop .p-head .close{ display:block; width:22px; height:22px; position:absolute; right:5px; top:10px; line-height:22px; color:#0195ff; text-align:center;}
.pop .p-body{ padding:10px 15px; line-height: 120%; color:#333; line-height:150%; }
.pop .p-foot{ padding:0 10px 20px; text-align:center;}
.pop .p-foot button{ width:40%; text-align:center; color:#fff; background:#0195ff; font-size:15px;border-radius:5px; line-height:36px; margin:0 5px;}
.pop .p-foot button.btn-gray{ background:#d2d2d2;}
.scroll{max-height:300px; overflow: hidden; overflow-y:scroll;}


.banner{ position: relative; }
.banner .bl-btn{ position: absolute; top: 26%; left: 23%; width: 54%; height:8% ; display:block; font-size:0; line-height:0; text-indent: -9999px;}