body, h1,h2,h3,h4,h5,h6, hr, p, blockquote,pre, dl,dt,dd,ul,li,ol,th,td, img,form,fieldset,legend,button,select,input,textarea{margin:0; padding:0;list-style: none} 
article,aside,details,figcaption,figure,summary,hgroup,section,nav,menu,header,main,footer {display:block}
input,button,select,a{display:inline-block; box-shadow:none; outline:none; border:none}
img{border:0px} 
em,i{font-style:normal} 
a,a:hover{text-decoration:none;color:#333; cursor: pointer}
button,html input[type="button"] {outline:none; cursor: pointer; background: none}
*{box-sizing:border-box}

body{    
    font:14px/1.6 
    "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",
    Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif ;   
    color:#333;
    background:#fff; 
}
/**********公共**********/
.f-l{ float:left}
.f-r{ float:right}
.c-b{clear:both}
.t-l{ text-align:left}
.t-r{ text-align:right}
.t-c{ text-align:center}
.d-no{ display:none}
.d-ib{ display:inline-block}
.p0{ padding:0}
.m0{ margin:0}
.p15{ padding:15px}
.p25{ padding:25px}
.pt25{padding-top: 25px}
.pb25{padding-bottom: 25px}
.mr5{margin-right: 5px}
.mr10{margin-right: 10px}
/**********容器**********/

.m-auto{margin: 0 auto}
.w100{width: 100%}
/**********nav pc**********/
.ml100{margin-left:100px}
.menu{padding-top: 15px}
.menu ul{
    float: left;
    margin-right: 40px;
}
.menu ul a,.menu ul a:visited{color: #333; font-weight: bold}
.menu ul a.isthis,.menu ul a:hover{ color: #22bb9d}
.menu-fff ul a,.menu-fff ul a:visited{color: #fff;}
.menu-fff ul a.isthis,.menu-fff ul a:hover{ color: #22bb9d}
/*****user*****/
.user{min-width: 300px; padding-top: 9px}
.log-btn{
    width: 80px;
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
    border: solid 1px #22bb9d;
    color:#22bb9d;
    text-align: center
}
.user-name{
    position: relative;
    height: 40px;
    line-height: 40px;
    padding-right: 15px;
    cursor: pointer;
}
.user-name-triangle{
    position: absolute;
    top:20px;
    right: 0;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color:#d6d6d6 transparent transparent transparent;
}
.user-name-eject{
	  display: none;
    position: absolute;
    top:40px;
    right: 0;
    width: 80px;
}
.user-name:hover .user-name-eject{
	display: block;
	position: absolute;
	top:40px;
	right: 0;
	width: 80px;
}
.user-name-eject-triangle{
    position: absolute;
    top:0;
    left: 37px;
    width: 0px;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #a9a9a9 transparent;

}
.user-name-eject-triangle-White{
    position: absolute;
    top:1px;
    left: 37px;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}
.height6{height: 6px;}
.user-name-eject-body{
	  
    margin-top: 6px;
    width: 80px;
    border: solid 1px #a9a9a9;
    border-radius: 3px;
    padding: 10px;
    background: #fff
}
.user-name-eject-body ul{
    text-align: center;
    line-height: 2;
}
/**********nav Mobile phone**********/
.height80{height: 70px}
.height50{height: 50px}
.img5050{width: 50px; height: 50px}
.img3232{width: 32px; height: 32px}
.img2{width:2rem; height: 2rem; display: inline-block; vertical-align: middle}
.top-nav {
    display: none;
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    width: 100%;
    background: rgba(0,0,0,0.8);
    padding: 2rem 10rem;
    z-index: 1000;
}
.top-nav a {
    display: inline-block;
    width: 100%;
    padding: 1rem;
    color: #fff;
    background: url(../images/icon-arrow.png) 96% 1.8rem no-repeat;
    background-size: 1rem 1rem;
    border-bottom: solid 1px #536165;
}

/**********header**********/
@media (min-width: 320px) {
    #pc{display: none}
    #phone{display: block}
    .banner-box{
    position: relative;
    width: 100%;
    height: 53rem;
    padding-top: 38rem
    }
		.btn-center{text-align: center;}
		.phone-display{display:block;}
		.pc-display{display:none;}
		.down-item{
			float: left;
			width: 96%;
			margin-left: 2%;
			margin-bottom: 10px;
			border: solid 1px #d6d6d6; 
			background: #fff; 
			border-radius:3px;
			padding: 40px 0;
			
			}
		.banner-bg2{
		     position: relative;
		     margin-top: -2px;
		     background-image: url(../images/banner02.jpg); 
		     padding-top: 7rem;
		     height: 40rem;
		     z-index: 1;
		     text-align: center
		    }
		.banner{
		    position: absolute;
		    top:0;
		    left:0;
		    right: 0;
		    width: 100%;
		    height: 100%;		
		    background-position: center top;
		    background-repeat: none;
		    background-size: ;
		    color: #fff;
		    text-align: center;
		    padding: 12% 15px
		}
}
@media (min-width: 992px) {
    #pc{display: block}
    #phone{display: none}
    .banner-box{
        position: relative;
        width: 100%;
        height: 62rem;
        padding-top: 50rem
    }
		.btn-center{text-align: left;}
		.phone-display{display:none}
		.pc-display{display:block}
		.down-item{
			float: left;
			width: 18%;
			margin-left: 2%;
			margin-bottom: 10px;
			border: solid 1px #d6d6d6; 
			background: #fff; 
			border-radius:3px;
			padding: 40px 0;
                       
            }
              
            
			.banner-bg2{
			     position: relative;
			     margin-top: -82px;
			     background-image: url(../images/banner02.jpg); 
			     padding-top: 14rem;
			     height: 40rem;
			     z-index: 1;
			     text-align: center
			    }
			.banner{
			    position: absolute;
			    top:0;
			    left:0;
			    right: 0;
			    width: 100%;
			    height: 100%;		
			    background-position: center top;
			    background-repeat: none;
			    background-size: ;
			    color: #fff;
			    text-align: center;
			    padding: 8% 15px
			}
		
}
@media (min-width: 1200px) {
        #pc{display: block}
        #phone{display: none}
        .banner-box{
            position: relative;
            width: 100%;
            height: 72rem;
            padding-top: 60rem
        }
				.btn-center{text-align: left;}
				.phone-display{display:none}
				.pc-display{display:block}

                .down-item{
					float: left;
					width: 18%;
					margin-left: 7%;
					margin-bottom: 10px;
					border: solid 1px #d6d6d6; 
					background: #fff; 
					border-radius:3px;
                    padding: 40px 0;
                    box-sizing: border-box;                    
					}
				.banner-bg2{
				     position: relative;
				     margin-top: -82px;
				     background-image: url(../images/banner02.jpg); 
				     padding-top: 14rem;
				     height: 40rem;
				     z-index: 1;
				     text-align: center
				    }
				.banner{
				    position: absolute;
				    top:0;
				    left:0;
				    right: 0;
				    width: 100%;
				    height: 100%;		
				    background-position: center top;
				    background-repeat: none;
				    background-size: ;
				    color: #fff;
				    text-align: center;
				    padding: 8% 15px
				}
} 
@-moz-document url-prefix() {/***firefox识别***/
    .down-item{
        float: left;
        width: 18%;
        margin-left: 2%;
        margin-bottom: 10px;
        border: solid 1px #d6d6d6; 
        background: #fff; 
        border-radius:3px;
        padding: 40px 0;
        height: 32rem;           
        }    
}


h1{font-size: 42px}
.lh2{line-height: 2}
.down-btn01{
    padding:0 20px;
    height: 3.6rem;
    line-height: 3.6rem;
    background: #22bb9d;
    color: #fff;
    border-radius: 3px
}
.down-btn01:hover{background: #007a7a}
.mt25{margin-top: 25px}
.banner01{ background: url(../images/banner-home011.jpg) no-repeat top center; background-size: 100% 100%;}
.banner02{}
.banner-nav{
    position: relative;
    border-top: solid 1px rgba(255,255,255,0.7);
    text-align: center;
    z-index:100
}
.banner-nav-body{text-align: center}
.banner-nav ul{
    margin-top: -1px;
    display:inline-block;
    padding: 10px 20px;
    color: #fff;
    font-size: 18px;
    font-weight: bold
}
.banner-nav ul:hover{cursor: default}
.banner-nav ul.isthis{border-top: solid 2px #3ccdb9; color: #3ccdb9}

/**********main**********/
main{min-height: 680px}
h2{
    font-size: 30px;
    line-height: 2.2
}
.col-000{color: #000}
.pt50{padding-top: 50px}
.why-item{
    /*margin-left: -1px;*/
    margin-bottom: 5px;
    /*border: solid 1px #dfdfdf;*/
    padding: 50px 25px;
    text-align: center
}
.fs18{font-size: 18px}
.more-btn{
    padding: 12px 55px 12px 20px;
    border-radius: 3px;
    background: url(../images/right-arrow.png) 92% 5px no-repeat #22bb9d;
    color: #fff
}
.pt15{padding-top: 15px}
.col-a6a6a6{color: #a6a6a6}

.down-item:hover{
	cursor: pointer;
	border: solid 1px #22bb9d; 
	box-shadow: 0 0 3px rgba(34,187,157,0.3);
	}	
.pl25{padding-left: 25px}
.pr25{padding-right: 25px}
.pb15{padding-bottom: 15px}
.news a,.new a:visited{
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow:ellipsis; 
    white-space:nowrap;
}
.news a:hover{color: #007a7a}
.down-btn02{padding:6px 12px;}
.down-btn03{
    padding:0 20px;
    background: #fff;
    border: solid 1px #22bb9d;
    color: #22bb9d;
		margin-top: 0.5rem;
}
.down-btn03:hover{
    padding:5px 10px;
    background: #007a7a;
    border: solid 1px #007a7a;
    color: #fff
}
/*兼容safari*/
.down-btn031{
    background: #fff;
    border: solid 1px #fff;
    color: #fff;
    margin-top: 0.5rem;
 }
 .down-btn031:hover{background: #fff; cursor: default !important;}
 /*//兼容safari*/
.width75{width: 75%;}




/**********footer**********/
footer{
    padding:0;
    background: #191919; 
    color: #fff; 
    line-height: 2.6;
    color: #a6a6a6;
}
footer a,footer a:visited{color: #a6a6a6}
footer a:hover{ color: #fff; text-decoration: underline}
.footer-bottom{
    padding: 15px 0;
    background: #2b2b2b;
    color: #a6a6a6;
    text-align: center
}
.lh16{line-height: 1.6}





/***********弹窗***********/
.black50{position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.7); z-index:1001}
.eject
{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1002
}
/**********登录注册*********/
/*修改placeholder默认颜色*/
input::-webkit-input-placeholder{color:#d6d6d6}
input::-moz-placeholder{color:#d6d6d6}/* Mozilla Firefox 19+ */
input:-moz-placeholder{color:#d6d6d6}/* Mozilla Firefox 4 to 18 */
input:-ms-input-placeholder{color:#d6d6d6}/* Internet Explorer 10-11 */
.eject-log{
   background: #fff;
   border-radius: 5px;
   padding: 35px 
}
.log-ipt01{
    width: 100%;
    height: 42px;
    line-height: 42px;
    padding: 0 15px;
    border: solid 1px #d6d6d6;
    border-radius: 3px;
    background: #fff
}
.log-ipt01-current{
    border: solid 1px #3ccdb9;
    box-shadow: 0px 0px 6px rgba(60,205,185,0.2)
}
.col-ff0000{color: #ff0000}
.log-btn01{
    width: 100%;
    height: 42px;
    line-height: 42px;
    border-radius: 3px;
    background:#3ccdb9;
    color: #fff;
    font-size: 16px;   
}
.eject-close{
     position: absolute;
     top: 1rem;
     right: 1rem;
     width: 22px;
     height: 22px;
     background: url(../images/close.png) no-repeat;
     background-size: 100% 100%;
		 cursor: pointer;
}
.auto-log{
    display: block;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: solid 1px #d6d6d6;
    margin-right: 5px
}
.auto-log-current{
    background: url(../images/duigou.png) center 2px no-repeat  #fff;
    background-size: 14px 14px
    
}
a.privacy,a.privacy:visited, a.privacy:hover{color: #3ccdb9}
a.line,a.line:visited{text-decoration:underline}
a.visited:hover{color: #000}

/****为什么使用加速器****/
.banner-two{
    width: 100%;
    height: 32rem;
    background-position: center top;
    background-repeat: none;
    background-size: ;
    color: #fff;
}
.banner-bg1{background-image: url(../images/banner-home01.jpg); padding-top: 6rem}
.fs16{font-size: 16px}
.fs12{font-size: 12px}
.border-b1{border-bottom: solid 1px #dfdfdf}
.banner-bg3{background-image: url(../images/banner03.jpg); padding-top: 6rem}
.pager li.isthis>a{background: #eee;}

/****新闻内容页****/
.border-t1{border-top: solid 1px #dfdfdf}
.fs26{font-size: 26px; color: #007a7a}
.border-b1green{border-bottom: solid 1px #007a7a}
.left-title{
    display: inline-block;
    height: 3.2rem;
    line-height: 3.2rem;
    border-bottom: solid 1px #007a7a
}
.height4{height: 3.2rem}
/****常见问题****/
.bg-fff{
    position: relative;
    background: rgba(255,255,255,0);
    z-index:2
}

.serch-ipt{
    width: 100%;
    padding: 1rem 4rem 1rem  1rem;
    background:rgba(255,255,255,0.3);
    border-radius: 3px;
    color:#fff
}
.serch-btn{
	position: absolute;
	top:0.5rem;
	right: 2rem;
	z-index: 100;
}
.problem-classification{
    width:100%;
    font-size: 20px;
    padding: 1.2rem 0 1.2rem 2rem;
		border: solid 1px #efefef;
		margin-bottom: 1.5rem;
		box-shadow: 0 2px 5px rgb(0,0,0,0.1);
		border-radius: 3px;
}
.problem-classification:hover{cursor: pointer}
.problem-classification:hover,.problem-classification.isthis{
	color: #3ccdb9;
	border: solid 1px #3ccdb9;
	box-shadow: 0 2px 5px rgb(60,205,185,0.2);
	}
.fs20{font-size: 26px}


/****个人中心****/
.bg-42475a{background: #42475a;}
.bg-3ccdb9{background: #007a7a}
.height40{height: 60px}
.pt10{padding-top: 10px}
.col-3ccdb9{color: #3ccdb9}
.col-fff{color: #fff}
.menu-white ul a,.menu-white ul a:visited{color: #fff; font-weight: bold}
.menu-white ul a.isthis,.menu-white ul a:hover{ text-decoration: underline}
.plan-item{
    position: relative;
    width: 100%;
    padding: 2.5rem;
    border-radius: 5px;
    border: solid 1px #d6d6d6;
    text-align: center
}
.fs48{font-size: 48px}
.plan-item .sale{
    display: inline-block;
    padding: 0.5rem 1.5rem;
    border-radius: 5rem;
    text-align: center;
    background: #efefef;
    font-size: 12px    
}
.plan-item .sale-best{background: #fddfdf; color: #fe6666;}
.plan-item .no-sale{ color: #fe6666;}
.v-m25{vertical-align: 25px}

.plan-item .correct{
    position: absolute;
    top:1rem;
    right:1rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: solid 1px #d6d6d6;
}
.plan-item:hover{cursor: pointer;}
.plan-item:hover, .plan-item.isthis{
    border: solid 1px #3ccdb9;
    box-shadow: 0 0 0 2px #3ccdb9
}
 .plan-item:hover .correct,.plan-item.isthis .correct{
    border: none;
    background:url(../images/duigou1.png) no-repeat center 4px #3ccdb9;
    background-size: 16px 16px
}
.buy-btn01{
    padding: 8px 20px;
    border-radius: 3px;
    background:#efefef;
    color: #000;    
    border: solid 1px #d6d6d6   
}
.plan-item:hover .buy-btn01, .plan-item.isthis .buy-btn01{
    background:#22bb9d;
    color: #fff;    
    border: none
}
.number{
	  display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #3ccdb9;
    color: #fff;
    font-size: 18px;
    text-align: center;
    border-radius: 50%;
    margin-right: 15px
}
.lh1{line-height: 1}
.lh26{line-height: 2.6}
.pay-style{
    width: 100%;
    min-height: 1px;
    padding:0 2rem 2rem 2rem;
    border-radius: 5px;
    border: solid 1px #dfdfdf
}
.pay-style-item{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: solid 1px #dfdfdf;
    cursor: pointer;
}
.pay-style ul:last-child{border-bottom: none}
.pay-btn01{   
    padding:0.5rem 1.5rem;
    /*background:url(../images/alipay-white.png) 8rem 0.2rem no-repeat #1f94fa;*/
		background:#1f94fa;		
    border-radius: 3px;
    color: #fff;
    font-size: 18px;	
}
.pay-btn02{background:#08bb07;}
.pay-btn03{background:#223a7a;}
.pay-btn04{background:#026862;}
.imgauto48{width: auto; height: 48px;}

table.pay-list{
    width: 100%;
    border: none
}
table.pay-list td,table.pay-list th{   
    padding: 1rem 3rem;
    border-bottom: solid 1px #e8e8e8
}
table.pay-list th{background: #fafafa}
table.pay-list tr:hover{
    cursor: pointer;
    background: #fafafa
}
.pr45{padding-right: 45px}
.col-1f94fa{color:#1f94fa}
.col-08bb07{color:#08bb07}
.col-223a7a{color:#223a7a}
.col-026862{color:#026862}
.ml20{margin-left: 20px}
.change-password-btn{
	padding: 0.5rem 1rem; 
	border-radius:3px;
	color: #fff;
	background: #23bc9e;
	}
	.xufei-btn{ background: #feb531;}