/* Reset Css */
html {-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
html,body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0;margin:0;}
fieldset,img {border:0;outline:medium none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
address,caption,cite,code,dfn,em,th,var {font-weight:normal;font-style:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
[hidden],script{display:none;}
a{text-decoration:none;outline:medium none;}
input,textarea{outline:medium none;}

/* Common */
html,body{font: 12px/1 'Microsoft YaHei',Arial,Helvetica,sans-serif;color: #444;background: #FFF;}
input,label{font-family: 'Microsoft YaHei';font-size: 12px;}
textarea{font-family: 'Microsoft YaHei';font-size: 12px;}
img{font-size: 12px;}
a{color: #666;}
p{word-break: break-all;word-wrap: break-word;}
.l{float: left;}
.r{float: right;}
.wrap{width: 1322px;margin: 0 auto;}
.p-wrap{width: 1000px;margin: 0 auto;}

.hplist{height:30px; width:190px; overflow:hidden;display:block; overflow:hidden; margin:5px 0;}
.hplist:hover{ background:#eee;}

.bznr{ width:770px; padding:0 5px;margin-top:30px; }
.bznr table{ max-width:770px; }
.bznr img{ max-width:770px; }


.aft:after{clear: both;display: block;content: "";height: 0;font-size: 0;visibility: hidden;} 
.transition{-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.box-sizing{-webkit-box-sizing:border-box;box-sizing:border-box;}
 
/* swiper css */
.swiper-container{height:100%;position:relative;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;z-index:1;}
.swiper-wrapper{position:relative;width:100%;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:0s;-moz-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s;-webkit-transition-property:-webkit-transform,left,top;-moz-transition-property:-moz-transform,left,top;-o-transition-property:-o-transform,left,top;transition-property:transform,left,top;-webkit-transform:translate3d(0px,0,0);-moz-transform:translate3d(0px,0,0);-o-transform:translate3d(0px,0,0);-o-transform:translate(0px,0px);transform:translate3d(0px,0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;}
.swiper-slide{height:100%;float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}

/*HD & FT*/
.header{}
.header .hd-bar{height: 37px;background-color: #4C4C4C;overflow: hidden;}
.header .hd-bar .l{margin-left: 42px;line-height: 36px;}
.header .hd-bar .l a{color: #FFF;font-size: 14px;}
.header .hd-bar .l a:hover{text-decoration: underline;}
.header .hd-bar .r{margin-right: 42px;overflow: hidden;}
.header .hd-bar .hd-tel{float: left;margin-top: 11px;padding-right: 19px;border-right: 1px solid #868686;color: #FEFEFE;font-size: 14px;line-height: 14px;}
.header .hd-bar .hd-tel em{color: #FD5E4C;font-weight: 700;margin-left: 3px;}
.header .hd-bar .hd-qq{float: left;margin-left: 20px;height: 16px;margin-top: 10px;}
.header .hd-bar .hd-qq a{display: block;height: 16px;padding-left: 22px;background:url(../images/hd-qq.png) 0 center no-repeat;color: #FEFEFE;font-size: 14px;line-height: 14px;}
.header .hd-bar .hd-qq a:hover{text-decoration: underline;}
.header .hd-bar .hd-link{float: left;margin-left: 40px;margin-top: 6px}
.header .hd-bar .hd-link a{display: block;width: 100px;height: 24px;background-color: #FD5E4C;border-radius: 6px;color: #FFF;font-size: 14px;line-height: 20px;text-align: center;}

.hd-nav{width: 100%;height: 100px;background-color: rgba(255,255,255,.9);border-bottom: 1px solid #DDD;position: absolute;left: 0;z-index: 990;}
.hd-nav-fixed{position: fixed;left: 0;top: 0;}

.hd-nav .logo{float: left;font-size: 0;line-height: 1;}
.hd-nav .logo img.m-logo{display: none;}
.hd-nav .m-menu{display: none;position: absolute;left: 20px;top: 15px;z-index: 9;width: 23px;height: 20px;background:url(../images/m-menu.png) center 0 no-repeat;cursor: pointer;}
.hd-nav .navbox{height: 100px;position: absolute;left: 50%;margin-left: -15%;z-index: 9;}
.hd-nav .navbox li{float: left;}
.hd-nav .navbox li a{display: block;padding: 0 15px;height: 95px;color: #777;font-size: 14px;line-height: 94px;cursor: pointer;}
.hd-nav .navbox li a.join{height:30px; line-height:30px; border-radius:20px; background:#FF0000; color:#FFF; margin-top:33px;}
.hd-nav .navbox li a.join:hover{color:#ccc;}
.hd-nav .navbox li a:hover{color: #444;}
.hd-nav .navbox li.nav-act a{color: #F00;border-bottom: 5px solid #F00;}

.footer{border-top: 1px solid #E5E5E5;overflow: hidden;}
.footer .ft-cont{min-height: 153px;padding-top: 65px;overflow: hidden;}
.footer .ft-cont .ft-text{float: left;width: 431px;border-right: 1px solid #E5E5E5;overflow: hidden;}
.footer .ft-cont .ft-text .ft-logo{height: 46px;margin-top: 10px;font-size: 0;line-height: 1;}
.footer .ft-cont .ft-text .ft-logo img{height: 100%;}
.footer .ft-cont .ft-text .ft-cpr{color: #6B737F;font-size: 14px;margin-top: 15px;white-space: pre;}
.footer .ft-cont .ft-text .ft-cpr a{color: #6B737F;}
.footer .ft-cont .ft-text .ft-cpr p{ padding:0px; margin:0px;}
.footer .ft-cont .ft-tel{float: left;padding-left: 37px;overflow: hidden;width: 380px;border-right: 1px solid #E5E5E5;}
.footer .ft-cont .ft-tel .ft-tel-num{padding-left: 70px;margin-top: 23px;background:url(../images/ft-tel-icon.png) 0 0 no-repeat;color: #6B737F;font-size: 14px;line-height: 35px;}
.footer .ft-cont .ft-tel .ft-tel-num p.num{margin-top: 10px;font-family: Arial;font-size: 30px;font-weight: 700;line-height: 35px;}
.footer .ft-cont .ft-sns{float: left;padding-top: 23px;padding-left: 60px;}
.footer .ft-cont .ft-sns a{display: block;float: left;width: 46px;height: 46px;border-radius: 46px;margin-right: 14px;}
.footer .ft-cont .ft-sns a.weibo{background: url(../images/sns-weibo.png);}
.footer .ft-cont .ft-sns a.wechat{background: url(../images/sns-wechat.png);position: relative;}
.footer .ft-cont .ft-sns a.wechat em{display: none;position: absolute;left: 54px;top: -40px;z-index: 9;width: 110px;height: 110px;padding: 10px 10px;border-radius: 5px;background-color: #2E363E;font-size: 0;line-height: 1;}
.footer .ft-cont .ft-sns a.wechat em img{width: 110px;height: 110px;}
.footer .ft-cont .ft-sns a.wechat em:after{display: block;content: '';position: absolute;left: -8px;top: 57px;width: 0;height: 0;border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-right: 8px solid #2E363E;}
.footer .ft-cont .ft-sns a.wechat:hover em{display: block;}
.footer .ft-cont .ft-sns a.email{background: url(../images/sns-email.png);}
.footer .ft-cont .ft-sns a.qq{background: url(../images/sns-qq.png);}
.footer .ft-nav{height: 60px;background-color: #2E363E;}
.footer .ft-nav .ft-nav-list{line-height: 60px;}
.footer .ft-nav .ft-nav-list a{float: left;margin-right: 30px;color: #FFF;font-size: 14px;}
.footer .ft-nav .ft-nav-list a:hover{text-decoration: underline;}
.footer .ft-nav .ft-backtop{float: right;width: 90px;padding-right: 60px;height: 60px;background: url(../images/ft-backtop.png) 100px center no-repeat #3C434B;color: #FFF;font-size: 14px;line-height: 60px;text-align: right;cursor: pointer;}

.fly-tools{display: none;}
.fly-tools .minibox{width: 40px;height: 140px;background: url(../images/fly-minibox.png) center 21px no-repeat #FF4745;padding: 50px 12px 0;color: #FFF;font-size: 16px;line-height: 18px;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;cursor: pointer;-moz-user-select: none;position: fixed;right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 99;}
.fly-tools .minibox:before{display: block;content: '';width: 22px;height: 22px;border-radius: 22px;position: absolute;top: -11px;left: 9px;background: url(../images/fly-minibox-before.png) center center no-repeat #FFF;}
.fly-tools .largebox{position: fixed;right: 0;top: 50%;-webkit-transform: translate(100%,-50%);transform: translate(100%,-50%);z-index: 100;}
.fly-tools .largebox .close{width: 28px;height: 28px;border-radius: 28px;background: url(../images/flyclose.png) center 4px no-repeat #EEE;position: absolute;right: 0;top: -13px;cursor: pointer;}
.fly-tools .largebox .close:hover{background-color: #FF4745;background-position: center -26px;}
.fly-tools .largebox li{margin-bottom: 2px;overflow: hidden;}
.fly-tools .largebox li:first-child{border-radius: 5px 0 0 0;}
.fly-tools .largebox li:last-child{background: url(../images/backtop.png) center 18px no-repeat #EEE;border-radius: 0 0 5px 5px;height: 45px;cursor: pointer;}
.fly-tools .largebox li:last-child:hover{background-color: #FF4745;background-position: center -27px;}
.fly-tools .largebox li a{display: block;width: 90px;height: 93px;padding-top: 58px;background: url(../images/largebox-bg.png) 32px 21px no-repeat #EEE;color: #7A7A7A;font-size: 14px;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;}
.fly-tools .largebox li a:hover{background-color: #FF4745;background-position: -58px 21px;color: #FFF;}

.fly-tools-show{display: block;}
.fly-tools-act .minibox{-webkit-transform: translateX(100%);transform: translateX(100%);}
.fly-tools-act .largebox{-webkit-transform: translate(0,-50%);transform: translate(0,-50%);}

/* Index */
.ibanner{position: relative;}
.ibanner .swiper-slide{font-size: 0;line-height: 1;}
.ibanner .swiper-slide a{display: block;}
.ibanner .swiper-slide img{width: 100%;}
.ibanner .swiper-slide .m-slide{display: none;}
.ibanner .pagination{display: none;position: absolute;left: 50%;bottom: 30px;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: 9;padding: 0 25px;height: 20px;border-radius: 7px;background-color: rgba(138,142,147,.7);font-size: 0;line-height: 20px;}
.ibanner .pagination span.swiper-pagination-switch{display: inline-block;vertical-align: middle;width: 8px;height: 8px;border: 1px solid #FFF;border-radius: 10px;margin: 0 3px;cursor: pointer;}
.ibanner .pagination span.swiper-active-switch{width: 10px;height: 10px;border-radius: 12px;background-color: #FFF;}
.ibanner:hover .pagination{display: block;}

.iintro{padding: 70px 0;}
.iintro .iintro-title{text-align: center;}
.iintro .iintro-title h4{padding-bottom: 13px;color: #333;font-size: 24px;}
.iintro .iintro-title .iit-text{position: relative;}
.iintro .iintro-title .iit-text a{color: #333;font-size: 16px;}
.iintro .iintro-title .iit-text .fade-show{visibility: hidden;opacity: 0;position: absolute;left: 50%;top: 25px;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 50%;background-color: rgba(0,0,0,.7);border-radius: 5px;padding: 20px 20px;color: #FFF;font-size: 14px;line-height: 20px;text-align: left;}
.iintro .iintro-title .iit-text .fade-show:before{display: block;content: '';width: 0;height: 0;border-bottom: 7px solid #000;border-left: 6px solid #FFF;border-right: 6px solid #FFF;opacity: .7;position: absolute;top: -7px;left: 50%;margin-left: -6px;}
.iintro .iintro-title .iit-text:hover .fade-show{visibility: visible;opacity: 1;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.iintro .iintro-list{overflow: hidden;margin-top: 58px;padding: 0 45px;}
.iintro .iintro-list li{float: left;width: 240px;text-align: center;margin-left: 90px;}
.iintro .iintro-list li:first-child{margin-left: 0;}
.iintro .iintro-list li img{width: 150px;height: 150px;border-radius: 150px;}
.iintro .iintro-list li h5{padding: 40px 0 15px;color: #333;font-size: 18px;font-weight: 700;}
.iintro .iintro-list li p{color: #4C4C4C;font-size: 14px;line-height: 24px;text-align: left;}
.iintro .iintro-tips{padding-top: 55px;color: #666;font-size: 14px;text-align: center;line-height: 20px;}
.iintro .iintro-tips a{color: #F00;display: inline-block;}

.ibuy{padding: 100px 0 108px;min-height: 658px;background-color: #F5F5F5;}
.ibuy li{float: left;width: 300px;height: 658px;margin-left: 55px;padding: 0 22px;background-color: #FFF;box-shadow: 0 0 10px #F2F2F2;text-align: center;}
.ibuy li:first-child{margin-left: 90px;}
.ibuy li .ibuy-hd{margin-top: 16px;height: 60px;padding-bottom: 20px;border-bottom: 1px dashed #CCD0D9;}
.ibuy li .ibuy-hd img{height: 128px;}
.ibuy li .ibuy-hd h5{padding: 25px 0 15px;color: #333;font-size: 22px; height:50px;}
.ibuy li .ibuy-hd h5 span{font-size:16px;}
.ibuy li .ibuy-hd p{color: #666;font-size: 14px;line-height: 24px;}
.ibuy li .ibuy-info{padding-top: 20px;}
.ibuy li .ibuy-info .ib-price{color: #F00;font-size: 18px;text-align: center;}
.ibuy li .ibuy-info .ib-price em.fz24{font-size: 24px;}
.ibuy li .ibuy-info .ib-price em.fz50{font-size: 50px;font-family: Arial;}
.ibuy li .ibuy-info .ib-info{margin-left: 40px;margin-top: 22px;color: #666;font-size: 14px;text-align: left;}
.ibuy li .ibuy-info .ib-info b{font-size:16px;}
.ibuy li .ibuy-info .ib-info span{margin-left: 33px;}
.ibuy li .ibuy-info .ib-tips{padding: 20px 0 18px;color:#000000;font-size: 14px; line-height:30px;}
.ibuy li .ibuy-btn{text-align: center;}
.ibuy li .ibuy-btn a{display: inline-block;width: 160px;height: 46px;background: url(../images/ibuy-btn.png) center center no-repeat;border-radius: 8px;color: #FFF;font-size: 18px;line-height: 46px;font-weight: 700;}

.ibuy li .ibuy-btn3{text-align: center;}
.ibuy li .ibuy-btn3 a{display: inline-block;width: 160px;height: 46px;background: url(../images/ibuy-btn.png) center center no-repeat;border-radius: 8px;color: #FFF;font-size: 18px;line-height: 46px;font-weight: 700;}

.ibuy li .ibuy-btn4{text-align: center;}
.ibuy li .ibuy-btn4 a{display: inline-block;width: 160px;height: 46px;background: url(../images/ibuy-btn.png) center center no-repeat;border-radius: 8px;color: #FFF;font-size: 18px;line-height: 46px;font-weight: 700;}

.ibuy li .ibuy-help{margin-top: 12px;}
.ibuy li .ibuy-help a{display: inline-block;padding-left: 25px;height: 20px;background: url(../images/ibuy-help.png) 0 center no-repeat;color: #7A7A7A;font-size: 14px;line-height: 18px;}
.ibuy li .ibuy-help a:hover{text-decoration: underline;}
.ibuy li.ibuy-vip .ibuy-hd h5{color: #EFA004;}
.ibuy li.ibuy-vip .ibuy-info .ib-price{color: #EFA004;}

.ibuy li.ibuy-vip .ibuy-btn a{background: url(../images/ibuy-btn-vip.png) center center no-repeat;}

.ibuy-hd-t{ overflow:hidden; border-bottom:1px dashed #CCCCCC;}

.icase{width: 100%;position: relative;}
.icase .swiper-slide{font-size: 0;line-height: 1;position: relative;}
.icase .swiper-slide img{width: 100%;}
.icase .swiper-slide img.m-img{display: none;}
.icase .swiper-slide p{position: absolute;left: 58%;top: 38%;z-index: 9;width: 28%;color: #FFF;font-size: 16px;line-height: 24px;}
.icase .pagination{display: none;position: absolute;bottom: 25%;left: 58%;z-index: 99;}
.icase .pagination span.swiper-pagination-switch{display: inline-block;vertical-align: middle;margin-right: 10px;width: 8px;height: 8px;border: 1px solid #FFF;border-radius: 10px;cursor: pointer;}
.icase .pagination span.swiper-active-switch{background-color: #FFF;}
.icase:hover .pagination{display: block;}

.ifriend{padding: 90px 0 40px;}
.ifriend .ifriend-top{text-align: center;}
.ifriend .ifriend-top h5{margin-bottom: 15px;color: #333;font-size: 24px;}
.ifriend .ifriend-top p{color: #333;font-size: 14px;}
.ifriend .ifriend-list{overflow: hidden;margin-top: 50px;}
.ifriend .ifriend-list li{float: left;width: 25%;padding: 0 1%;font-size: 0;line-height: 1;text-align: center;-webkit-box-sizing:border-box;box-sizing:border-box;}
.ifriend .ifriend-list li img{max-width: 100%;}

.ihelp{padding: 70px 0 40px;background-color: #F5F5F5;}
.ihelp .ihelp-hd{color: #333;font-size: 24px;}
.ihelp .ihelp-list{margin-top: 15px;}
.ihelp .ihelp-list li{min-height: 20px;padding: 14px 0;border-bottom: 1px solid #E2E2E2;}
.ihelp .ihelp-list li a{display: inline-block;color: #666;font-size: 14px;line-height: 20px;}
.ihelp .ihelp-list li a:hover{color: #868686;}
.ihelp .ihelp-tips{margin-top: 18px;color: #666;font-size: 12px;white-space: pre;}
.ihelp .ihelp-tips a{color: #FF494B;}
.ihelp .ihelp-btn{text-align: center;margin-top: 40px;}
.ihelp .ihelp-btn a{display: inline-block;width: 160px;height: 46px;background: url(../images/ihelp-btn.png) center center no-repeat;}

/* product */
.inner-banner{font-size: 0;line-height: 1;max-width: 100%;}
.inner-banner img{width: 100%;height: auto;}
.inner-banner img.m-banner{display: none;}

.pro-top-text{padding: 70px 0 60px;color: #333;font-size: 14px;line-height: 36px;}

.pro-title{position: relative;overflow: hidden;width: 1438px;margin: 0 auto;padding-bottom: 1px;}
.pro-title h4{float: left;padding-right: 16px;background-color: #FFF;color: #000;font-size: 24px;position: relative;z-index: 5;}
.pro-title:after{position: absolute;left: 0;top: 50%;display: block;content: '';width: 100%;height: 2px;background-color: #E6E6E6;}

.pro-advantage{overflow: hidden;margin: 50px auto 75px;}
.pro-advantage li{float: left;width: 240px;text-align: center;margin-left: 159px;}
.pro-advantage li:first-child{margin-left: 0;}
.pro-advantage li img{width: 150px;height: 150px;border-radius: 150px;}
.pro-advantage li h5{padding: 40px 0 15px;color: #333;font-size: 18px;font-weight: 700;}
.pro-advantage li p{color: #4C4C4C;font-size: 14px;line-height: 24px;text-align: left;}

.pro-features{}
.pro-features ul{overflow: hidden;margin-top: 30px;border-left: 1px solid #E6E6E6;background-color: #FDFDFD;}
.pro-features li{float: left;width: 33.3%;height: 223px;padding: 0 30px;text-align: center;-webkit-box-sizing:border-box;box-sizing:border-box;border: 1px solid #E6E6E6;border-left: none;font-size: 0;line-height: 1;}
.pro-features li img{height: 60px;margin-top: 37px;} 
.pro-features li h5{color: #333;font-size: 18px;margin-top: 20px;}
.pro-features li p{color: #4C4C4C;font-size: 14px;line-height: 24px;margin-top: 20px;}

.pro-fea-list{padding: 40px 0 30px;overflow: hidden;}
.pro-fea-list li{float: left;width: 33.3%;height: 105px;-webkit-box-sizing:border-box;box-sizing:border-box;border-right: 1px dashed #E3E3E3;padding: 0 30px;margin-bottom: 50px;}
.pro-fea-list li h5{border-left: 3px solid #FF494B;padding-left: 12px;margin-bottom: 13px;color: #333;font-size: 18px;line-height: 20px;}
.pro-fea-list li p{padding-left: 15px;color: #4C4C4C;font-size: 14px;line-height: 24px;}
.pro-fea-list li:nth-child(3n){border-right: none;}

.vip-top{height: 150px;text-align: center;background-color: #D1D1D1;font-size: 0;line-height: 1px;}
.vip-top img{margin-top: 25px;}
.vip-top p{width: 50%;padding-top: 10px;margin: 0 auto;color: #333;font-size: 14px;line-height: 20px;}

.vip-intro{overflow: hidden;background-color: #FAFAFA;}
.vip-intro ul{width: 66.6%;margin: 0 auto;text-align: center;}
.vip-intro li{display: inline-block;vertical-align: top;width: 34%;margin: 0 16% 30px 0;padding: 20px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align: center;font-size: 0;line-height: 1;}
.vip-intro li:nth-child(2n){margin-right: 0;}
.vip-intro li img{max-width: 100%;}
.vip-intro li h5{color: #333;font-size: 18px;font-weight: 700;}
.vip-intro li p{margin-top: 10px;padding: 0 10px;color: #333;font-size: 14px;line-height: 20px;}

.vip-buy{overflow: hidden;background-color: #FAFAFA;}
.vip-buy .vb-box{overflow: hidden;width: 80%;margin: 30px auto 0;padding: 30px 0 10px;border-top: 1px solid #DDD;color: #333;font-size: 14px;line-height: 20px;}
.vip-buy .vb-box .vbb-left{float: left;width: 50%;padding-top: 20px;overflow: hidden;}
.vip-buy .vb-box .vbb-left table{float: right;}
.vip-buy .vb-box .vbb-left table td{padding: 5px 5px;cursor: default;}
.vip-buy .vb-box .vbb-left .table-left{padding: 0 20px;}
.vip-buy .vb-box .vbb-left .table-left .tl-hd{padding: 5px 5px;background-color: #EEE;} 
.vip-buy .vb-box .vbb-left .table-left .tl-hd p{padding-bottom: 10px;}
.vip-buy .vb-box .vbb-left .buy-line-box{position: relative;width: 150px;height: 35px;}
.vip-buy .vb-box .vbb-left .buy-line-box > div{position: absolute;}
.vip-buy .vb-box .vbb-left .buy-line-box > button{position: absolute;border: none;}
.vip-buy .vb-box .vbb-left .buy-line-box > button:focus{outline: none;}
.vip-buy .vb-box .vbb-left .buy-line-box .buy-line-sel{height: 20px;background-color: #BBA98D;border-radius: 5px 0 0 5px;top: 6px;cursor: pointer;z-index: 8;pointer-events: none;}
.vip-buy .vb-box .vbb-left .buy-line-box .buy-line-bg{width: 150px;height: 20px;background-color: #EEE;border-radius: 5px 0 0 5px;top: 6px;cursor: pointer;}
.vip-buy .vb-box .vbb-left .buy-line-box .buy-line-bth{width: 20px;height: 30px;background-color: #EEE;border: 1px solid #999;border-radius: 5px;left: -10px;z-index: 9;-webkit-box-sizing:border-box;box-sizing:border-box;cursor: pointer;}
.vip-buy .vb-box .vbb-left span.max-num{vertical-align: middle;font-family: Arial;}
.vip-buy .vb-box .vbb-left input[type="text"].now-num{vertical-align: middle;margin-left:5px;border-radius:3px;border:1px solid #bbb;width:40px;height: 22px;font-size: 14px;font-family: Arial;text-align:center;}
.vip-buy .vb-box .vbb-left .year-sel{display: inline-block;vertical-align: middle;font-size: 0;line-height: 1;border-radius: 5px;overflow: hidden;}
.vip-buy .vb-box .vbb-left .year-sel span{display: inline-block;vertical-align: middle;width: 48px;height: 30px;background-color: #EEE;color: #333;font-size: 14px;line-height: 30px;text-align: center;cursor: pointer;}
.vip-buy .vb-box .vbb-left .year-sel span.act{background-color: #BBA98D;color: #FFF;}
.vip-buy .vb-box .vbb-left .year-sel span:hover{color: #333;}
.vip-buy .vb-box .vbb-right{float: left;width: 32%;margin-left: 10%;background-color: #FFF;padding: 20px 0;}
.vip-buy .vb-box .vbb-right table{margin: 0 auto;}
.vip-buy .vb-box .vbb-right table td{padding: 5px 5px;}
.vip-buy .vb-box .vbb-right span.result-money{color: #C1B198;}
.vip-buy .vb-box .vbb-right span.result-money span.cousts{width:90px;font-size: 25px;display: inline-block;line-height: 36px;}
.vip-buy .vb-box .vbb-right a.vip-try{font-size: 0;line-height: 1;display: inline-block;vertical-align: middle;}
.vip-buy .vb-box .vbb-right a.vip-try img{max-width: 200px;}

.fly-vtry{visibility: hidden;opacity: 0;position: fixed;left: 0;top: 0;z-index: 999;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.fly-vtry .vtry-box{width: 600px;height: 560px;background-color: #FFF;border-radius: 5px;box-shadow: 0 0 10px #333;position: fixed;left: 50%;margin-left: -300px;top: 6%;color: #333;font-size: 14px;-webkit-transform: translateY(-100px);transform: translateY(-100px);-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.fly-vtry .vtry-box .close{text-align: right;padding: 5px 10px;}
.fly-vtry .vtry-box .close span{display: inline-block;width: 30px;height: 30px;line-height: 30px;text-align: center;font-size: 40px; color: #F00;font-family: Arial;font-weight: 700;cursor: pointer;opacity: 0.3;-moz-user-select: none;}
.fly-vtry .vtry-box .close span:hover{opacity: 1;}
.fly-vtry .vtry-box .title{margin-top: 35px;color: #333;font-size: 22px;text-align: center;}
.fly-vtry .vtry-box .tips{color: #333;font-size: 14px;line-height: 20px;text-align: center;padding-top: 10px;}
.fly-vtry .vtry-box-pat .title{display: none;}
.fly-vtry .vtry-box-pat .tips{padding-top: 40px;}
.fly-vtry .vtry-box .form{width: 415px;margin: 5px auto 0;}
.fly-vtry .vtry-box .form .f-row{height: 30px;margin-top: 25px;}
.fly-vtry .vtry-box .form .f-row span{display: inline-block;vertical-align: middle;}
.fly-vtry .vtry-box .form .f-row span.name{margin-right: 15px;text-align: right;font-weight: 700;width: 55px;}
.fly-vtry .vtry-box .form .f-row span.name em{color: #F00;}
.fly-vtry .vtry-box .form .f-row input[type="text"]{width: 320px;height: 28px;border: 1px solid #CCC;border-radius: 3px;padding: 0 10px;box-shadow: 0 0 5px #EEE inset;color: #666;font-size: 14px;}
.fly-vtry .vtry-box .form .f-row .v-sel{display: inline-block;vertical-align: middle;}
.fly-vtry .vtry-box .form .f-row .v-sel-p{margin-left: -4px;margin-right:40px;}
.fly-vtry .vtry-box .form .f-row .v-sel .form-sel{width: 150px;height: 30px;border-radius: 3px 0 0 3px;border: 1px solid #CCC;box-shadow: 0 0 5px #EEE inset;color: #666;font-size: 14px;line-height: 20px;font-family: 'Microsoft Yahei',Arial}
.fly-vtry .vtry-box .form .f-row .v-sel .form-sel:focus{box-shadow: 0 0 5px #EEE inset;border-color: #66afe9;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);}
.fly-vtry .vtry-box .form .f-sub{text-align: center;margin-top: 25px;}
.fly-vtry .vtry-box .form .f-sub input[type="submit"]{width: 120px;height: 42px;background: url(../images/v-try-btn.png) no-repeat center center / cover;border: none;}

.fly-vtry-show{visibility: visible;opacity: 1;}
.fly-vtry-show .vtry-box{-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all 0.3s ease 0.2s;transition: all 0.3s ease 0.2s;}



/* 第二个 */
.fly-vtry2{visibility: hidden;opacity: 0;position: fixed;left: 0;top: 0;z-index: 999;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.fly-vtry2 .vtry-box2{width: 600px;height: 560px;background-color: #FFF;border-radius: 5px;box-shadow: 0 0 10px #333;position: fixed;left: 50%;margin-left: -300px;top: 6%;color: #333;font-size: 14px;-webkit-transform: translateY(-100px);transform: translateY(-100px);-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.fly-vtry2 .vtry-box2 .close{text-align: right;padding: 5px 10px;}
.fly-vtry2 .vtry-box2 .close span{display: inline-block;width: 30px;height: 30px;line-height: 30px;text-align: center;font-size: 40px; color: #F00;font-family: Arial;font-weight: 700;cursor: pointer;opacity: 0.3;-moz-user-select: none;}
.fly-vtry2 .vtry-box2 .close span:hover{opacity: 1;}
.fly-vtry2 .vtry-box2 .title{margin-top: 35px;color: #333;font-size: 22px;text-align: center;}
.fly-vtry2 .vtry-box2 .tips{color: #333;font-size: 14px;line-height: 20px;text-align: center;padding-top: 10px;}
.fly-vtry2 .vtry-box-pat2 .title{display: none;}
.fly-vtry2 .vtry-box-pat2 .tips{padding-top: 40px;}
.fly-vtry2 .vtry-box2 .form{width: 415px;margin: 5px auto 0;}
.fly-vtry2 .vtry-box2 .form .f-row{height: 30px;margin-top: 25px;}
.fly-vtry2 .vtry-box2 .form .f-row span{display: inline-block;vertical-align: middle;}
.fly-vtry2 .vtry-box2 .form .f-row span.name{margin-right: 15px;text-align: right;font-weight: 700;width: 55px;}
.fly-vtry2 .vtry-box2 .form .f-row span.name em{color: #F00;}
.fly-vtry2 .vtry-box2 .form .f-row input[type="text"]{width: 320px;height: 28px;border: 1px solid #CCC;border-radius: 3px;padding: 0 10px;box-shadow: 0 0 5px #EEE inset;color: #666;font-size: 14px;}
.fly-vtry2 .vtry-box2 .form .f-row .v-sel{display: inline-block;vertical-align: middle;}
.fly-vtry2 .vtry-box2 .form .f-row .v-sel-p{margin-left: -4px;margin-right:40px;}
.fly-vtry2 .vtry-box2 .form .f-row .v-sel .form-sel{width: 150px;height: 30px;border-radius: 3px 0 0 3px;border: 1px solid #CCC;box-shadow: 0 0 5px #EEE inset;color: #666;font-size: 14px;line-height: 20px;font-family: 'Microsoft Yahei',Arial}
.fly-vtry2 .vtry-box2 .form .f-row .v-sel .form-sel:focus{box-shadow: 0 0 5px #EEE inset;border-color: #66afe9;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);}
.fly-vtry2 .vtry-box2 .form .f-sub{text-align: center;margin-top: 25px;}
.fly-vtry2 .vtry-box2 .form .f-sub input[type="submit"]{width: 120px;height: 42px;background: url(../images/v-try-btn.png) no-repeat center center / cover;border: none;}

.fly-vtry-show2{visibility: visible;opacity: 1;}
.fly-vtry-show2 .vtry-box2{-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all 0.3s ease 0.2s;transition: all 0.3s ease 0.2s;}

/* 第3个 */
.fly-vtry3{visibility: hidden;opacity: 0;position: fixed;left: 0;top: 0;z-index: 999;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.fly-vtry3 .vtry-box3{width: 600px;height: 560px;background-color: #FFF;border-radius: 5px;box-shadow: 0 0 10px #333;position: fixed;left: 50%;margin-left: -300px;top: 6%;color: #333;font-size: 14px;-webkit-transform: translateY(-100px);transform: translateY(-100px);-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.fly-vtry3 .vtry-box3 .close{text-align: right;padding: 5px 10px;}
.fly-vtry3 .vtry-box3 .close span{display: inline-block;width: 30px;height: 30px;line-height: 30px;text-align: center;font-size: 40px; color: #F00;font-family: Arial;font-weight: 700;cursor: pointer;opacity: 0.3;-moz-user-select: none;}
.fly-vtry3 .vtry-box3 .close span:hover{opacity: 1;}
.fly-vtry3 .vtry-box3 .title{margin-top: 35px;color: #333;font-size: 22px;text-align: center;}
.fly-vtry3 .vtry-box3 .tips{color: #333;font-size: 14px;line-height: 20px;text-align: center;padding-top: 10px;}
.fly-vtry3 .vtry-box-pat3 .title{display: none;}
.fly-vtry3 .vtry-box-pat3 .tips{padding-top: 40px;}
.fly-vtry3 .vtry-box3 .form{width: 415px;margin: 5px auto 0;}
.fly-vtry3 .vtry-box3 .form .f-row{height: 30px;margin-top: 25px;}
.fly-vtry3 .vtry-box3 .form .f-row span{display: inline-block;vertical-align: middle;}
.fly-vtry3 .vtry-box3 .form .f-row span.name{margin-right: 15px;text-align: right;font-weight: 700;width: 55px;}
.fly-vtry3 .vtry-box3 .form .f-row span.name em{color: #F00;}
.fly-vtry3 .vtry-box3 .form .f-row input[type="text"]{width: 320px;height: 28px;border: 1px solid #CCC;border-radius: 3px;padding: 0 10px;box-shadow: 0 0 5px #EEE inset;color: #666;font-size: 14px;}
.fly-vtry3 .vtry-box3 .form .f-row .v-sel{display: inline-block;vertical-align: middle;}
.fly-vtry3 .vtry-box3 .form .f-row .v-sel-p{margin-left: -4px;margin-right:40px;}
.fly-vtry3 .vtry-box3 .form .f-row .v-sel .form-sel{width: 150px;height: 30px;border-radius: 3px 0 0 3px;border: 1px solid #CCC;box-shadow: 0 0 5px #EEE inset;color: #666;font-size: 14px;line-height: 20px;font-family: 'Microsoft Yahei',Arial}
.fly-vtry3 .vtry-box3 .form .f-row .v-sel .form-sel:focus{box-shadow: 0 0 5px #EEE inset;border-color: #66afe9;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);}
.fly-vtry3 .vtry-box3 .form .f-sub{text-align: center;margin-top: 25px;}
.fly-vtry3 .vtry-box3 .form .f-sub input[type="submit"]{width: 120px;height: 42px;background: url(../images/v-try-btn.png) no-repeat center center / cover;border: none;}

.fly-vtry-show3{visibility: visible;opacity: 1;}
.fly-vtry-show3 .vtry-box3{-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all 0.3s ease 0.2s;transition: all 0.3s ease 0.2s;}

/* 第4 */
.fly-vtry4{visibility: hidden;opacity: 0;position: fixed;left: 0;top: 0;z-index: 999;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.fly-vtry4 .vtry-box4{width: 600px;height: 560px;background-color: #FFF;border-radius: 5px;box-shadow: 0 0 10px #333;position: fixed;left: 50%;margin-left: -300px;top: 6%;color: #333;font-size: 14px;-webkit-transform: translateY(-100px);transform: translateY(-100px);-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.fly-vtry4 .vtry-box4 .close{text-align: right;padding: 5px 10px;}
.fly-vtry4 .vtry-box4 .close span{display: inline-block;width: 30px;height: 30px;line-height: 30px;text-align: center;font-size: 40px; color: #F00;font-family: Arial;font-weight: 700;cursor: pointer;opacity: 0.3;-moz-user-select: none;}
.fly-vtry4 .vtry-box4 .close span:hover{opacity: 1;}
.fly-vtry4 .vtry-box4 .title{margin-top: 35px;color: #333;font-size: 22px;text-align: center;}
.fly-vtry4 .vtry-box4 .tips{color: #333;font-size: 14px;line-height: 20px;text-align: center;padding-top: 10px;}
.fly-vtry4 .vtry-box-pat4 .title{display: none;}
.fly-vtry4 .vtry-box-pat4 .tips{padding-top: 40px;}
.fly-vtry4 .vtry-box4 .form{width: 415px;margin: 5px auto 0;}
.fly-vtry4 .vtry-box4 .form .f-row{height: 30px;margin-top: 25px;}
.fly-vtry4 .vtry-box4 .form .f-row span{display: inline-block;vertical-align: middle;}
.fly-vtry4 .vtry-box4 .form .f-row span.name{margin-right: 15px;text-align: right;font-weight: 700;width: 55px;}
.fly-vtry4 .vtry-box4 .form .f-row span.name em{color: #F00;}
.fly-vtry4 .vtry-box4 .form .f-row input[type="text"]{width: 320px;height: 28px;border: 1px solid #CCC;border-radius: 3px;padding: 0 10px;box-shadow: 0 0 5px #EEE inset;color: #666;font-size: 14px;}
.fly-vtry4 .vtry-box4 .form .f-row .v-sel{display: inline-block;vertical-align: middle;}
.fly-vtry4 .vtry-box4 .form .f-row .v-sel-p{margin-left: -4px;margin-right:40px;}
.fly-vtry4 .vtry-box4 .form .f-row .v-sel .form-sel{width: 150px;height: 30px;border-radius: 3px 0 0 3px;border: 1px solid #CCC;box-shadow: 0 0 5px #EEE inset;color: #666;font-size: 14px;line-height: 20px;font-family: 'Microsoft Yahei',Arial}
.fly-vtry4 .vtry-box4 .form .f-row .v-sel .form-sel:focus{box-shadow: 0 0 5px #EEE inset;border-color: #66afe9;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);}
.fly-vtry4 .vtry-box4 .form .f-sub{text-align: center;margin-top: 25px;}
.fly-vtry4 .vtry-box4 .form .f-sub input[type="submit"]{width: 120px;height: 42px;background: url(../images/v-try-btn.png) no-repeat center center / cover;border: none;}

.fly-vtry-show4{visibility: visible;opacity: 1;}
.fly-vtry-show4 .vtry-box4{-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all 0.3s ease 0.2s;transition: all 0.3s ease 0.2s;}