﻿@charset "utf-8";body,html{width:100%;font-family:"微软雅黑",Arial}table{border-collapse:collapse}header{position:fixed;top:0;left:0;width:100%;min-width:1100px;height:60px;background:#555;z-index:99}header a.logo{display:block;position:absolute;top:14px;left:60px;width:100px}header h1{display:block;position:absolute;left:190px;color:#eee;font-size:18px}header .input-group{position:absolute;width:350px;top:15px;left:400px}header .input-group .form-control{height:16px}header .input-group .input-group-btn .btn{height:30px;line-height:16px;margin-left:25px}header .right{position:absolute;top:18px;right:60px}header .right a{color:#fff;cursor:pointer;text-decoration:none}section.model{position:absolute;margin-top:-200px;padding-bottom:60px;width:100%;min-width:1100px;-webkit-transition:all .8s ease-in-out 0s;-moz-transition:all .8s ease-in-out 0s;-ms-transition:all .8s ease-in-out 0s;-o-transition:all .8s ease-in-out 0s;transition:all .8s ease-in-out 0s}section.model.active{margin-top:20px}.model .box{margin-top:100px;width:100%;text-align:center}.model .box h3{font-size:16px}.model .box h3 u{margin:0 10px;text-decoration:none}.model .box p{color:#999;margin-top:15px;line-height:25px}.model .box p u{color:#222;text-decoration:none}.model .box .device{margin:0 auto;margin-top:30px}.model .box .device .screen{float:left}.model .box .device .screen iframe{float:left;width:100%;border:none;background-color:#fff}.model .iphone4.portrait{width:376px;height:730px;background:url(../images/iphone4_portrait.jpg) no-repeat center top}.model .iphone4.portrait .screen{margin:124px 0 0 30px;width:320px;height:480px}.model .iphone4.landscape{width:730px;height:376px;background:url(../images/iphone4_landscape.jpg) no-repeat center top}.model .iphone4.landscape .screen{margin:26px 0 0 124px;width:480px;height:320px}.model .iphone5.portrait{width:382px;height:800px;background:url(../images/iphone5_portrait.jpg) no-repeat center top}.model .iphone5.portrait .screen{margin:118px 0 0 32px;width:320px;height:568px}.model .iphone5.landscape{width:800px;height:382px;background:url(../images/iphone5_landscape.jpg) no-repeat center top}.model .iphone5.landscape .screen{margin:30px 0 0 118px;width:568px;height:320px}.model .iphone6.portrait{width:414px;height:866px;background:url(../images/iphone6_portrait.jpg) no-repeat center top}.model .iphone6.portrait .screen{margin:96px 0 0 19px;width:375px;height:667px}.model .iphone6.landscape{width:866px;height:414px;background:url(../images/iphone6_landscape.jpg) no-repeat center top}.model .iphone6.landscape .screen{margin:20px 0 0 96px;width:667px;height:375px}.model .iphone6_plus.portrait{width:471px;height:978px;background:url(../images/iphone6_plus_portrait.jpg) no-repeat center top}.model .iphone6_plus.portrait .screen{margin:123px 0 0 28px;width:414px;height:736px}.model .iphone6_plus.landscape{width:978px;height:471px;background:url(../images/iphone6_plus_landscape.jpg) no-repeat center top}.model .iphone6_plus.landscape .screen{margin:29px 0 0 123px;width:736px;height:414px}.model .ipad.portrait{width:868px;height:1285px;background:url(../images/ipad_portrait.jpg) no-repeat center top}.model .ipad.portrait .screen{margin:128px 0 0 50px;width:768px;height:1024px}.model .ipad.landscape{width:1285px;height:868px;background:url(../images/ipad_landscape.jpg) no-repeat center top}.model .ipad.landscape .screen{margin:50px 0 0 128px;width:1024px;height:768px}