/* 公共样式 */
*{margin: 0;padding: 0;outline: 0;box-sizing: border-box;}
body {
font-family: 'Microsoft Yahei',"Helvetica Neue", Helvetica, STHeiTi, sans-serif;-webkit-user-select: none;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(255,255,255,0)}
h1,h2,h3,h4,h5,h6 {font-size: inherit;font-weight: normal}
fieldset,img {border: 0}
li {list-style: none}
input,button,textarea,select {
font-family: inherit;font-size: inherit;font-weight: inherit;border: 0;background: none;-webkit-appearance: none;outline: 0}

a,button,input,select,textarea,a:focus,button:focus,input:focus,select:focus,textarea:focus,[onclick] {
outline: 0;-webkit-tap-highlight-color: rgba(255,255,255,0)}
a {
-webkit-touch-callout: none;text-decoration: none;color: #00a5e0;outline: 0}
em,i {font-style: normal}
em {color: #f28c48}
html,body {background-color: #fff;margin: 0 auto;padding: 0px;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{ display:block;visibility:hidden;clear:both; height:0;content:".";}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{ display:block;}
img{vertical-align: middle;}
body{-webkit-overflow-scrolling:touch;}


/* 自己的样式 */
.pr{position: relative;}
.share{position: absolute; left: -300px; top:-300px; width: 300px; height: 300px;}
img{width: 100%;vertical-align: top;}
.overflow{overflow: hidden;}

.btn{float: left; width: 3.2rem;height: 0.94rem;}
.btn img{width: 100%;height: 100%;}
.btns1{padding: 0.2rem 0 0.2rem 0.6rem;}
.btns1 .btn{margin-right: 0.24rem;}
.btns2{width: 6.8rem;margin: 1.2rem auto 0.8rem;}
.btns2 .btn2{float: right;}

.phoneC{
	position: absolute;left: 50%;z-index: 1;
	width: 6.46rem;height: 10.3rem; margin-left: -3.23rem;
	background: url(http://pic.ziroom.com/zhuanti/2017/appLoad/m/img/phone.png);background-size: 100% 100%;
}
.part1 .phoneC{top: 4.48rem;}
.part2 .phoneC{top: 6.54rem;}
.part3 .phoneC{top: 4.65rem;}
.part4 .phoneC{top: 5.44rem;}

.part0 .phoneC1{top: 4.48rem;}
.part0 .phoneC2{top: 19.5rem;}


.slick{
	position: absolute;top: 1.05rem;left: 1.13rem;box-sizing: content-box;
	width: 4.2rem;height: 7.6rem;border: 1px solid #999999;
}
.slick img{height: 7.6rem;}
.slick .slick-dots{bottom: -2.3rem;}
.slick .slick-dots li{width: 0.15rem;height: 0.15rem;border-radius: 0.2rem;background: #c9c9c9;margin: 0 0.1rem;}
.slick button{display: none !important;}
.slick .slick-dots .slick-active{background: #ffc501;}



.part5{
	padding: 1.2rem 0.8rem;background: #fdd44b;
	font-size: 0.35rem;color: #1b1b1b;line-height: 0.6rem;text-align: justify;
}

#footer{display:none!important;}


/*Android 2.3.x 动画退化处理*/
.android23 .font-title,.android23 .font-subtitle,.android23 .icon-impression {opacity: 1}
.android23 .icon-name {height: 45px}
.android23 .between510 {height: 50px}
.android23 .icon-tone1 {top: 240px}
.android23 .icon-tone2 {top: 230px}
.android23 .icon-tone3 {top: 180px}

/*横竖屏切换相关样式*/
@-webkit-keyframes rotation {
    10% { -webkit-transform: rotate(-90deg) }
    50%, 60% { -webkit-transform: rotate(0deg) }
    90% { -webkit-transform: rotate(-90deg) }
    100% { -webkit-transform: rotate(-90deg) }
}
@keyframes rotation {
    10% { transform: rotate(-90deg)}
    50%, 60% { transform: rotate(0deg)}
    90% { transform: rotate(-90deg)}
    100% { transform: rotate(-90deg)}
}
#orientLayer { display: none; }
@media screen and (min-aspect-ratio: 13/9) { 
    #orientLayer { display: block; } 
}
.mod-orient-layer { 
	display: none; position: fixed; height: 100%; width: 100%; left: 0; top: 0; right: 0; 
    bottom: 0; background: #000; z-index: 29891014 }
.mod-orient-layer__content { 
	position: absolute; width: 100%; top: 45%; margin-top: -35px; text-align: center }
.mod-orient-layer__icon-orient {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAADaCAMAAABU68ovAAAAXVBMVEUAAAD29vb////x8fH////////x8fH5+fn29vby8vL////5+fn39/f6+vr////x8fH////////+/v7////09PT////x8fH39/f////////////////////x8fH///+WLTLGAAAAHXRSTlMAIpML+gb4ZhHWn1c2gvHBvq1uKJcC6k8b187lQ9yhhboAAAQYSURBVHja7d3blpowFIDhTUIAOchZDkre/zE7ycySrbUUpsRN2/1fzO18KzEqxEVgTiZNfgmmtxRc8iaR8HNe8x4BtjQePKayYCIoyBSgvNNE1AkNSHqZyLqk97EgUCCHBzZ5mkg7ScvIJuIyOyXBRFxgpqWZyGsAZLB1KjsJi8nutHU4JCRbFRH8tmirI9k8Jx2sqNs8K/m0LQkrktO2crgcgXGB4AiTEsB0hJfo9MGgX7CGcYiYwQxmMOOvZwRhBG8tCoMXjBDeXvWCEcHbi14wgCBmMIMZzGAGM5jxETNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxY6E2rUQxnH2tz9cirlJFwFBJedaPnUv0M7++egPDE8iAJcIDmxwH5wwv9vUviw2kLbVO3TJU5uul/EyB0FoLp4x60PdGUd3qPurrWyjGGTc05u+1dcgI7/+tCCPARWGhH7o5Y7RCf+bH9ctXLp6v2BVDxfqz0oPXeSVaNtINo/1SXDv4dck8IIkbhtC2ol+iouEonTBCbYvVMnXOjxww6s/RFrBUpXHh/gw1rHj5d/qhYn9Gpk2FWh6xRBRX5Oj3Znh2Sq49/L6+y8pB26q9GbE2dbA2mVbx6I+7MfBglLCttm73ZQi7AD3iL4HqjFYJHSPRppqaUaJ3ATpGa+ckpGak2hRRMyqjGMkvl+xyFeSMwjAqcsZgGDdyhl0oNTnDN4yenJGZFGxNChP5/Y3efh6SM2rDOJMzboYxkDMqwyjIGcIw6F+io2FU1IxIm1JqRmgXSkvNKNCXeTpGrU0JNSO2c6LIGPgCS8AuDHz9ta0SXWDtxoDRH+MqlbC2Dt2G2JFRadtQZt2qq/orGowdGb2euxYiqWEpVWhTBnszoNAPdStuQwxqf0aocdWKW4Z+DfszIh8pxJqbuCE4YAC+4bm0evtipjpgJHeFnyyt1Ku2xa0bhjxr27p75rECNwyI9ZwvXkHq+7aTaMEV44YYy/spfgjgjNHaWW+GeUhGEX7tLlVinIFDDSgnOwhi1V6bU0b6tVS9eAERe863g4dRrtiHdc6o+nn5vtyVVgR79Cqt4uL6gfHPQyGqtP2vf7HADGbcYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JjhtOM+J/AgT008yDMkN/dPP9hzS8zAMQN3OEYeekp5YU7KOKXwVXqiY+QS7smcinGKABWdiBgpPJTSMHJ4KidhhPBUSMLw4CmPhKHgKUXCkHsygum71ftNSgCX6bsl8FQyfbcL5EdYsDk0R3j7aiA5wpt5AjKg/2gLJEBD/0Hf2OOf/vRrj6z/7GtP4B3nMKyjHA12kIPSjnJs3FEO0TvKkYJHOWCR+rjJH0Vn6fI5PjNbAAAAAElFTkSuQmCC');
	display: inline-block; width: 35px; height:55px;
    transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -webkit-animation: rotation infinite 1.5s ease-in-out; animation: rotation infinite 1.5s ease-in-out; 
    -webkit-background-size: 35px; background-size: 35px 
}
.mod-orient-layer__desc { margin-top: 14px; font-size: 12px; color: #fff }
