﻿/* Add here all your css styles (customizations) */
body{font-family:-apple-system, BlinkMacSystemFont, "PingFang SC", Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, SimSun, 宋体, Heiti, 黑体, sans-serif;}
.tp-banner-container{margin-top:49px!important;}
@media (max-width: 768px)
{
    .tp-banner-container,.forcefullwidth_wrapper_tp_banner{margin-top:0!important;}
    #topheader{padding-top:50px!important;margin-top:0!important;}
}
@media (max-width:450px)
{
    .shrink-logo{width:118px!important;}
    .menu-icons-list{padding-left:10px;}
    .shopping-cart{padding-right:0!important;}
    .header-v6 .navbar-toggle{margin:16px 0 16px 15px;}
    .header-v6 .navbar-brand{height:64px;padding-top:0;}
    .header-v6 li.menu-icons i.menu-icons-style{line-height:64px;}
    .form-block {min-width: 320px;padding:35px;}
}
@media (max-width:350px) {.shrink-logo{width:108px!important;}.header-v6 .navbar-brand{padding:0 15px 5px 0!important;}.header-inner-right{margin-left:-20px!important;}}
@media (max-width:1170px){.buyonline{background:#69c4c7}}
.imac {background: url(../img/imac.png);width: 475px;height:403px;
    position: absolute;z-index: 1;margin-top:-20px;-webkit-animation: sliderInImac ease-in-out 1.5s;margin-left: -83px;
}
.macbook {background: url(../img/macbook.png);width: 587px;height: 350px;
    position: absolute;z-index:2;margin: 130px 0 0 0;-webkit-animation: sliderInMacbook ease-in-out 1.5s;margin-left: -278px;
}
.iphoneS {background: url(../img/iphones.png);width: 143px;height: 294px;background-size: contain;
    position: absolute;margin:170px 0 0 0;z-index: 2;-webkit-animation: slideriphone ease-in-out 1.8s;margin-left: 250px;
}
.S3 {background: url(../img/s3.png);width: 143px;height: 294px;background-size: contain;
    position: absolute;z-index: 3;margin: 170px 0 0 0;-webkit-animation: sliders3 ease-in-out 2s;margin-left: 390px;
}
.buyonline,.buyonline h2,.buyonline p{color:#fff;text-align:left;}
.btn-buy-users{width:95px;margin-bottom:5px;text-align:center;}
.btn-buy-months{width:140px;margin-bottom:5px;text-align:center;}
.mui-bar{position:fixed!important;right:0;left:0;margin-top:-64px;background-color: #fff;-webkit-box-shadow: 0 0 1px rgba(0,0,0,.35);box-shadow: 0 0 1px rgba(0,0,0,.35);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.float0831 {POSITION: fixed;RIGHT: 1px;_position: absolute;_bottom: auto;_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)-60));z-index: 1055;bottom: 55px;}
.float0831 A {COLOR: #00a0e9}
.float0831 A:hover {COLOR: #ff8100; TEXT-DECORATION: none}
.float0831 .floatL {POSITION: relative;WIDTH: 34px;height: 148px;FLOAT: left;}
.float0831 .floatL A {TEXT-INDENT: -9999px;DISPLAY: block;FONT-SIZE: 0px;WIDTH: 34px;height: 149px;}
.float0831 .btnOpen {BACKGROUND: url(../../images/float_s.gif) no-repeat;BACKGROUND-POSITION: -33px -396px;POSITION: relative;WIDTH: 33px;HEIGHT: 148px;LEFT: 2px;}
.float0831 .btnCtn {BACKGROUND: url(../../images/float_s.gif) no-repeat;BACKGROUND-POSITION: 0px -396px;POSITION: relative;WIDTH: 33px;HEIGHT: 148px;TOP: 100px;LEFT: 2px;}
.float0831 .floatR {BACKGROUND: url(../../images/float_bg.gif);PADDING-BOTTOM: 15px;WIDTH: 150px;BACKGROUND-REPEAT: no-repeat;BACKGROUND-POSITION: -151px bottom;FLOAT: left;}
.float0831 .tp {BACKGROUND: url(../../images/float_bg.gif);BACKGROUND-REPEAT: no-repeat;BACKGROUND-POSITION: 0% 0%;HEIGHT: 10px;overflow: hidden;}
.float0831 .cn {BACKGROUND: url(../../images/float_bg.gif);BACKGROUND-REPEAT: repeat-y;BACKGROUND-POSITION: -302px 0px;text-align: left;}
.float0831 .cn H3 {TEXT-INDENT: -9999px; HEIGHT: 62px; FONT-SIZE: 0px}
.float0831 .cn UL {PADDING-BOTTOM: 0px; PADDING-LEFT: 7px; PADDING-RIGHT: 8px; PADDING-TOP: 0px;}
.float0831 .cnqq {BORDER-BOTTOM: #e6e5e4 1px solid; LINE-HEIGHT: 32px; WORD-WRAP: break-word; HEIGHT: 32px; OVERFLOW: hidden; WORD-BREAK: normal; color:#535353; font-weight:bold;}
.float0831 .cn UL LI {BORDER-BOTTOM: #e6e5e4 1px solid; LINE-HEIGHT: 32px; WORD-WRAP: break-word; HEIGHT: 32px; OVERFLOW: hidden; WORD-BREAK: normal; color:#535353; font-weight:bold;}
.float0831 .titZx {BACKGROUND: url(../../images/float_s.gif) no-repeat; BACKGROUND-POSITION: 5px -10px}
.float0831 .titDh {BACKGROUND: url(../../images/float_s.gif) no-repeat; BACKGROUND-POSITION: 5px -66px}
.float0831 .titDc {BACKGROUND: url(../../images/float_s.gif) no-repeat; BACKGROUND-POSITION: 1px -78px;display:inline-block;}
.float0831 .icoZx {clear:both;BACKGROUND: url(../../images/float_s.gif) no-repeat; BACKGROUND-POSITION: 2px -160px; _height:80px;}
.float0831 .icoTc {BACKGROUND: url(../../images/float_s.gif) no-repeat; BACKGROUND-POSITION: 0px -323px; PADDING-LEFT: 33px; DISPLAY: block; FLOAT: left}
.float0831 .icoFf {BACKGROUND: url(../../images/float_s.gif) no-repeat; BACKGROUND-POSITION: 2px -213px; PADDING-LEFT: 33px; DISPLAY: block; FLOAT: left}
.float0831 .icoTl {BACKGROUND: url(../../images/float_s.gif) no-repeat; PADDING-LEFT: 10px; DISPLAY: block; BACKGROUND-POSITION: 2px -270px; FLOAT: left; width:120px; font-size:14px; font-weight: bold; color:#00a0e9; text-align: left; height:40px;}
.float0831 .btnOpen_n {BACKGROUND: url(../../images/float_s.gif) no-repeat; BACKGROUND-POSITION: 0px -530px; POSITION: relative; WIDTH: 33px; HEIGHT: 148px; TOP: 100px; LEFT: 2px; }
.float0831 UL LI H3.titDc A {WIDTH: 80px;display:block; HEIGHT: 36px}
.float0831 UL LI.top {BORDER-BOTTOM: #ace5f9 1px solid}
.bot {BORDER-BOTTOM-STYLE: none;LINE-HEIGHT: 32px; WORD-WRAP: break-word; HEIGHT: 32px; OVERFLOW: hidden; WORD-BREAK: normal; color:#535353; font-weight:bold;}
.float0831 UL.webZx {PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 140px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/webZx_bg.jpg) no-repeat; HEIGHT: 82px; PADDING-TOP: 0px}
.float0831 UL LI.webZx-in {BORDER-BOTTOM-STYLE: none; PADDING-LEFT: 5px; HEIGHT: 50px; PADDING-TOP: 8px}