@charset "utf-8";
/* CSS Document */
.fontvray{
	font-family: PingFang SC,-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.bannerdw
{
	min-height:620px;
	background-image:url(./images/banner-bg-1.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	border-radius: 0px!important;
	}
.bannertexth1{
    	font-family: Roboto,San Francisco,"Helvetica Neue",Helvetica,Arial,PingFangSC-Light,"Hiragina Sans GB","WenQuanYi Micro Hei",'microsoft yahei ui','microsoft yahei',sans-serif;
	  -webkit-font-smoothing: antialiased;
color: #000;
	}
.bannersmtext{
	 font-family: Lucida Grande,Lucida Sans Unicode,Hiragino Sans GB,WenQuanYi Micro Hei,Verdana,Aril,sans-serif;
    -webkit-font-smoothing: antialiased;

}
.helpbannertexth1{
    	font-family: Roboto,San Francisco,"Helvetica Neue",Helvetica,Arial,PingFangSC-Light,"Hiragina Sans GB","WenQuanYi Micro Hei",'microsoft yahei ui','microsoft yahei',sans-serif;
	  -webkit-font-smoothing: antialiased;
	text-shadow: 0 1px 1px #fff;
	color:#628098;
	}
.servertext1{
	 font-family: Lucida Grande,Lucida Sans Unicode,Hiragino Sans GB,WenQuanYi Micro Hei,Verdana,Aril,sans-serif;
    -webkit-font-smoothing: antialiased;
	text-shadow: 0 1px 1px #fff;
    position: relative;
	}
.servertext1h5{
   /*  font-family: PingFang SC,-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; */
	text-shadow: 0 1px 1px #fff;
	 font-family: Lucida Grande,Lucida Sans Unicode,Hiragino Sans GB,WenQuanYi Micro Hei,Verdana,Aril,sans-serif;
    -webkit-font-smoothing: antialiased;
}
.shezhijieshao{
	font-size:15px;
	    font-family: Lucida Grande,Lucida Sans Unicode,Hiragino Sans GB,WenQuanYi Micro Hei,Verdana,Aril,sans-serif;
    -webkit-font-smoothing: antialiased;
}
.bannerregtext{
	    font-family: Lucida Grande,Lucida Sans Unicode,Hiragino Sans GB,WenQuanYi Micro Hei,Verdana,Aril,sans-serif;
    -webkit-font-smoothing: antialiased;
}
.visual-list .img-holder {
    float: left;
    width: 80px;
    text-align: center;
    margin: 7px 1px 0 0;
	list-style-type: none;
}
.visual-list .text-holder {
    overflow: hidden;
}
.lia {
	display: list-item;
	text-align: -webkit-match-parent;
	list-style-type: none;
}
.topnavbaise{
    background-color: #fff!important;
	 font-family: Lucida Grande,Lucida Sans Unicode,Hiragino Sans GB,WenQuanYi Micro Hei,Verdana,Aril,sans-serif;
    -webkit-font-smoothing: antialiased;
	-vendor-animation-iteration-count：infinite;
   box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .0);

}
.shangwangrenqun {
	background-image: url(../images/banner-bg.svg);
    background-position: center 140%;
    background-repeat: no-repeat;
    padding-top: 40px;
	
}
.shangwangrenqun p{
	font-family: Lucida Grande,Lucida Sans Unicode,Hiragino Sans GB,WenQuanYi Micro Hei,Verdana,Aril,sans-serif;
    -webkit-font-smoothing: antialiased;
}

.navbar.gobig{
	position: fixed;
    z-index: 1030;
	background-color: #fff!important;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
   box-shadow: 0 2px 4px rgba(3,27,78,.1);
   background: rgba(255, 255, 255, 0.98);
	 font-family: Lucida Grande,Lucida Sans Unicode,Hiragino Sans GB,WenQuanYi Micro Hei,Verdana,Aril,sans-serif;
    -webkit-font-smoothing: antialiased;
	 width:100%;
     color: rgba(37, 37, 37, 0.5);
}
.navbar.gobig .nav-link {
    color: #595959;
}
.navbar.gobig .nav-link.active {
    color: #262626!important;
}
.gbbr{
	-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.08);
    box-shadow: 0 0 25px rgba(0,0,0,0.08);
}
.gbbrpic{
	
	border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
border: 1px solid #E9ECEF;
}

footer.footer-large {
    padding: 100px 0 !important;
}
.fdb-block {
    border-bottom: solid 1px #EEE;
	background-image: url(../images/bgd2.png);
    background-position: center 138%;
    background-repeat: no-repeat;
	
	
}
.fdb-block {
	font-family: Lucida Grande,Lucida Sans Unicode,Hiragino Sans GB,WenQuanYi Micro Hei,Verdana,Aril,sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
    padding: 10px 0;
    color: #444444;
    position: relative;
    background-size: cover;
    background-position: center;
    background-color: #FFFFFF;
}

.footer {
    background-color: #fafafb;
    padding: 100px 0;
	font-family: 'Noto Sans SC',Lucida Grande,Lucida Sans Unicode,Hiragino Sans GB,WenQuanYi Micro Hei,Verdana,Aril,sans-serif;
    -webkit-font-smoothing: antialiased;
}
.footer .footer-left {
    flex: 0 1 65%;
}
.footer .footer-celebration-image {
    margin-top: -150px;
    max-width: 200px;
	position: relative;
}
.footer .container {
    display: flex;
    justify-content: space-between;
}
.footer .footer-links {
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    font-weight: 500;
    justify-content: space-between;
    margin: 32px -16px;
    padding-right: 24px;
	font-family: 'Noto Sans SC',Lucida Grande,Lucida Sans Unicode,Hiragino Sans GB,WenQuanYi Micro Hei,Verdana,Aril,sans-serif;
    -webkit-font-smoothing: antialiased;
}
.footer ul {
    list-style-type: none;
    padding: 16px;
	font-family: 'Noto Sans SC',Lucida Grande,Lucida Sans Unicode,Hiragino Sans GB,WenQuanYi Micro Hei,Verdana,Aril,sans-serif;
    -webkit-font-smoothing: antialiased;
}
.footer ul li:first-child {
    margin-bottom: 5px;
}


@media only screen and (max-width:990px)
{.pricing-table{padding:20px 20px 30px}
.pricebox{height: 100%;padding: 36px 0 8%;}
.pricing-table ul {
	margin:0
}
}
@media only screen and (max-width:750px) {

}
@media only screen and (max-width: 1366px)
{.pricebox{height: 100%;
padding: 36px 0 8%;
}
}
.navbar-light .navbar-nav .nav-link.active{
	 font-weight:bold!important;
 }
.navbar-light .navbar-nav .active>.nav-link{
	font-weight:bold!important; 
 }
 body {
  position: relative;
}
/* help */
.helpbannerdw
{
	min-height:330px;
	background-image: url(../images/bookseex1.png);	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center bottom;
	}
@media (min-width: 320px) and (max-width:653px) {
        .helpbannerdw {
            min-height:286px;
            background-image: url(../images/bookseex-sm.png);	background-repeat: no-repeat;
            padding-bottom: 0px;
            font-size: 14px;
            border-radius: 0px!important;
        }

}

.withmargin {
  margin-bottom: 80px;
}
.icon-helpicons {
    float: left!important;
    margin-right: 10px;!important;
}

.icon-helpicons .fa {
    font-size: 48px!important;
}
.call-to-action {
    border: 3px solid #e1e8ee;
    border-radius: 3px;
    padding: 20px;
    margin: 20px 0;
	padding-top: 30px;
}
.call-to-action h3 {
    font-size: 22px;
    font-weight: 400;
    color: #43484d;
    margin: 0 0 10px;
}
.icon-envelope-line {
    display: inline-block;
    width: 64px;
    height: 64px;
	color:#c6d1da;
}
.call-to-action .btn-action {
    margin-top: 12px;
}
.feature-helpdetails
{
	margin-bottom:20px;
}
.helpbg {
	background-color:#f9fafc;
}
.u-fontWeight-bold {
	font-family: 'Noto Sans SC',Lucida Grande,Lucida Sans Unicode,Hiragino Sans GB,WenQuanYi Micro Hei,Verdana,Aril,sans-serif;
    -webkit-font-smoothing: antialiased;
}
.gobig2{
	background-color: #ECEEEF!important;
}
.footerhelp{
	padding: 64px 0;
	margin-top:84px;
}
.sf {
	background-attachment: scroll;
	background-image: url(../images/banner-bg-4-down.png);
	background-repeat: no-repeat;
	background-position: center top;
}
 .navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
  font-weight: 600;
}

.transparent-heading {
    position: absolute;
    text-align: center;
    margin: auto;
    width: 100%;
    opacity: .03;
    font-size: 180px;
    font-family: Gotham,Helvetica,Arial,sans-serif;
    font-weight: 900;
    top: -35px;
}

.websitelogo{
    background-image: url(../images/sitelogobg.png);
    padding: 0px 0 220px;
    background-color: #fff;
    border-bottom: 1px solid #dcdfe4;
    background-size: cover;
}

.websitelogo .container .row img {
   filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */

    margin-bottom:20px;
}

.websitelogo .container .row img:hover {
  filter: none; /* IE6-9 */
  -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
 
}
#changelogo .container .row div:hover{
    opacity:5;
  cursor:pointer;
}

.playinternetcenter-block {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pulsate-css {
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite; 
    opacity: 0.0;

    /* you dont need the stuff below, but its what I used to create the loading circle */
    border: 3px solid #999;
    border-radius: 30px;
    height: 30px;
    width: 30px;
    position: relative;
    display: inline-block;
    margin-top: 20px;
    text-align: center;
    left: -326px;
    top: -48px;
}

.alertPulse-css {
    animation: alertPulse 2s ease-out;
    animation-iteration-count: infinite;
    opacity: 1;
    background: #007bff;
    position: relative;
    height: 6px;
    width: 6px;
    border-radius: 3px;
    left: 263px;
    top: -252px;
}
.pricing-table hr{
 width: 90%;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(210, 210, 210, 0.75), rgba(0, 0, 0, 0));
}
.pricing-tabletexing{
    font-family: -apple-system,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif!important;
    font-size: 14px!important;
    -webkit-font-smoothing: antialiased; /*chrome、safari*/
    -moz-osx-font-smoothing: grayscale;/*firefox*/
}
.pricing-table b{
    font-family: -apple-system,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif!important;
    font-size: 14px!important;
    font-weight: 700;
}
.newuserpricing{
width: 80%;
    background: rgb(254, 254, 254);
    border-radius: .625rem;
    box-shadow: 0 0.35rem 1.75rem rgba(0, 0, 0, 0.1);
margin-left:auto; 
margin-right:auto;
}
.bannertextshebei
{
    font-family: Roboto,San Francisco,"Helvetica Neue",Helvetica,Arial,PingFangSC-Light,"Hiragina Sans GB","WenQuanYi Micro Hei",'microsoft yahei ui','microsoft yahei',sans-serif!important;
    -webkit-font-smoothing: antialiased;
    color: #000;
    font-size: 20px;
    margin-bottom: 120px;
}

.tabtextxilie{
      font-family: -apple-system,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif!important;
    -webkit-font-smoothing: antialiased;
}


.nav-tabs .nav-link.active{
     font-family: -apple-system,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif!important;
    -webkit-font-smoothing: antialiased;
}
 

.nav-tabs .nav-link.active{
    font-family: -apple-system,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif!important;
    -webkit-font-smoothing: antialiased;
}

.borders .nav-tabs {
    border-bottom: 0px solid #ddd;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
border-color: #5A6169 #5A6169 #5A6169;
}

.customergrouptitle{
     font-family:-apple-system,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif;
    -webkit-font-smoothing: antialiased;
    position: relative;
    font-weight: 700;
    -webkit-font-smoothing: antialiased; /*chrome、safari*/
    -moz-osx-font-smoothing: grayscale;/*firefox*/

    }
.customergrouptitle:after {
    content: '';
    width: 69px;
    height: 2px;
    background: #ffd986;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    bottom: -20px;
}

.subscribe-section {
  height: 120px;
  margin-top: -50px;
  margin-left: auto;
  margin-right: auto;
  width: auto;
}
.subscribe-section:before {
    position: absolute;
    top: 50%;
}

.overly:before, .subscribe-section:before {
    right: 0;
    bottom: 0;
    left: 0;
}
.box-shad {
    -webkit-box-shadow: 0 0 75px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 75px rgba(0,0,0,.1);
    box-shadow: 0 0 75px rgba(0,0,0,.1);
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    background: #fff;
    z-index: 1;
}
@media (min-width: 320px) and (max-width:653px) {
    .box-shad-mobile-devices {
        padding-bottom: 0px;
        padding-top: 20px;
        height: 110px;
        margin-top: 100px;
        font-size: 14px;
        border-radius: 0px!important;
    }
    .mobile-device-textsize{
       font-size: 16px;
    }
  }
/* BackToTop button css */
#backscroll {
    position:fixed;
    right: 24px;
    bottom: 110px;
    cursor:pointer;
    width:40px;
    height:40px;
    background-color:#3498db;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
#backscroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff
}
#backscroll:hover {
    background-color:#e74c3c;
    opacity:1;
    filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

/* BackToTop button css */
#backscroll2 {
    position:fixed;
    right: 24px;
    bottom: 170px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#3998D9;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
     background-image: url(../images/qqonline.png);
     background-position: center center;
     background-repeat: no-repeat;
}
#backscroll2 span {
    position:absolute;

    height:50px;
    width:50px;
    background-image: url(../images/qqonline.png);
}
#backscroll2:hover {
    background-color:#e74c3c;
    opacity:1;
    filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}
.s-show{
    display: none;
}
.small-text {
    color: #726d82;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding-bottom: 16px;
}
@media (min-width: 580px) and (max-width:767px) {
  .navbar-expand .container {
    max-width: 599px;
  }
}
@media (min-width: 576px) and (max-width:650px) {
  .navbar-expand .container {
    max-width: 500px;
  }
}
@media (min-width: 320px) and (max-width:653px) {
 .s-show{
    display: block;
  }
}
@media (min-width: 320px) and (max-width:653px) {
 .bannerdw{
    background-position: 65%;
  }
}
@media (min-width: 320px) and (max-width:767px) {
 .fdb-block2 {
        background-image: none;
  }
}
@media (min-width: 320px) and (max-width:767px) {
 .tanqin{
        float: none!important;
  }
}
@media (min-width: 320px) and (max-width:767px) {
 .gongchengshi{
        float: none!important;
  }
}
@media (min-width: 320px) and (max-width:653px) {
 .allsitelogo{
   display: none;
  }
}
@media (min-width: 320px) and (max-width:767px) {
 .logoyuansu{
   display: none;
  }
}
@media (min-width: 320px) and (max-width:767px) {
 .navbar-expand .container .allsitelogo{
   display: none;
  }
}
@media (min-width: 768px) and (max-width:956px) {
 .footer .footer-celebration-image {
    margin-top: -40px;
    max-width: 176px;
    position: relative;
   }
}
@media (min-width: 957px) and (max-width:1200px) {
 .footer .footer-celebration-image {
      margin-top: -70px;
    max-width: 200px;
    position: relative;
   }
}
@media (min-width: 320px) and (max-width:766px) {
 .footer .footer-celebration-image {
display: none;
   }
}
@media (min-width: 320px) and (max-width:767px) {
 .subscribe-section{
   height: 160px!important;
  }
}
@media (min-width: 320px) and (max-width:767px) {
 .footer .footer-left{
  flex: 0 1 98%;
  }
}
@media (min-width: 320px) and (max-width:767px) {
 .downemail{
  text-align: center;
  }
}
@media (min-width: 320px) and (max-width:575px) {
 .logowall1, .logowall2 , .logowall3{
  display: none;
  }
}
@media (min-width: 320px) and (max-width:575px) {
 .b-email{
  display: block;
  }
}
.logostyle2 , .logostyle1{
    display: none;
}
@media (min-width: 768px) and (max-width:990px) {
 .logostyle2{
  display: block;
  }
  .logostyle1{
    display: none;
  }
  .logostyle{
    display: none;
  }
}
@media (min-width: 991px) and (max-width:1002px) {
 .logostyle2{
  display: block;
  }
  .logostyle1{
    display: none;
  }
  .logostyle{
    display: none;
  }
}
@media (min-width: 1003px) and (max-width:1199px) {
 .logostyle1{
  display: block;
  }
  .logostyle2{
    display: none;
  }
  .logostyle{
    display: none;
  }
}

.subscribe-section h2 {
    font-size: 24px;
}
.black-friday-graphic
{
    vertical-align: middle;
}
@media (min-width: 320px) and (max-width:510px) {
 .websitelogo{
  display: none;
  }
}
@media (min-width: 320px) and (max-width:575px) {
 .small-text{
 margin-top: 135px;
    font-size: 12px;
  }
}
@media (min-width: 320px) and (max-width:575px) {
    .m-device-effect{
        max-height: 90px;
        padding-top: 20px;
    padding-bottom: 64px;
     }
   }
.gundongtiao1::-webkit-scrollbar {
    width: 12px;
     height: 12px;
}
    .gundongtiao1::-webkit-scrollbar-thumb {
        background: radial-gradient(circle, #bccce0 28%,#ccd7db 66%);
        border-radius: 10px;
}
    .gundongtiao1::-webkit-scrollbar-thumb:hover{
        background: linear-gradient(13deg, #9fd4f2 23%,#cee5f5 60%);
}
    .gundongtiao1::-webkit-scrollbar-track{
        background: #ffffff;
        border-radius: 10px;
        box-shadow: inset 7px 12px 12px #f0f0f0;
}
.gdt {
    max-height:100px;
background:#FFF;
/*word-break:break-all;*/
word-wrap:break-word; 
overflow:auto;
/*自动出现滚动条*/
/*超出div部份则自动隐藏*/
/*overflow-x:hidden;*/
/*div自动出现垂直滚动条*/
/*overflow-y:auto;*/
}