.title2{font-weight:bold;font-size:12px;color:#111;background:#f1f1f1 ;position:relative;border-bottom:1px solid #f1f1f1;height:35px;line-height:35px;padding-left:10px;text-shadow:0px 1px 0px #fef2f3 }
.title2 .i{display:block;width:0;height:0;border-width:8px;border-style:solid;border-color:#f1f1f1 transparent transparent;position:absolute;top:35px;left:25px;z-index:2px;overflow:hidden;}
.c{padding:8px 8px 10px;background:#fff}
.t{font-weight:600;padding-top:8px;}
.box{color:#666;margin-bottom: 0;}

.paypal{width: 49%;float: left;}
.wire{width: 49%;float: right;}
.additional{margin-top: 15px;float: left;width: 100%;}
.top-box-shadow{background: #eee;}
.p_a{float:right;}

.pbtn{
	background: #b40026;
    color: #fff;
    line-height: 30px;
    width: 119px;
    border: 0px;
    cursor: pointer;
    margin-right: 10px;
	text-align: center;
}
#border {
    margin-bottom: 10px;
	background: #fff;
    overflow: hidden;
}

.content h1,h2 {
    margin-bottom: 20px;
    font-family: microsoft yahei;
    font-size: 16px;
}
.tab, .tab_menu, .tab_box, .tab_content {
    overflow: hidden;
    zoom: 1;
    clear: both;
}
#csstable {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
#csstable .tbody-th{font-size: 16px;}
#csstable td {
    padding: 10px 15px;
    text-align: left;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
}
.content .tips {
    color: #666;
    margin: 20px 0 20px;
    font-size: 12px;
    line-height: 2;
    clear: both;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
}
.content h2 {
    margin-bottom: 20px;
    font-family: microsoft yahei;
    font-size: 22px;
    color: #b40026;
    font-weight: bold;
}
.content p{font-size: 16px;}
.zf{padding-bottom: 20px;}
.zf td {
    line-height: 2;
    font-size: 16px;
}
.price {
    font-size: 16px;
    color: #b40026 !important;
    font-weight: bold;
    font-family: Georgia,Tahoma;
}
.v8Title {
    font-size: 24px;
    font-family: 'Microsoft Yahei','verdana';
    color: #333;
    padding-left: 9px;
    margin: 27px 0 27px 0;
}
.v8Padding {
    padding: 30px;
}

.mainW{overflow: hidden;}

.align{text-align: left;}

.payimg img{width: 6%;float: left;margin-right: 10px;}

.account{display: flex;padding: 20px 0;justify-content: space-between;}
.account .zf{width: 49%;}

.purchase-bgC{background: #eee;}
.clear-p-m{margin: 0 !important;padding: 0 !important;}

.purchase h2{text-align: left;font-size: 28px;font-weight: bold;color: #b40026;margin-top: 0;}
.purchase h3{font-size: 20px;font-weight: bold;}
.purchase h4{font-size: 20px;font-weight: bold;}

.purchase{overflow: hidden;margin: 50px 0;}
.purchase p {font-size: 16px;margin: 0 0 20px;}
.purchase .currency-box{width: 58%;background-color: #fff;padding: 30px;box-sizing: border-box;margin: 40px 0 0px auto;}
.purchase-bg01{background: url(/customer/images/what-is-crypto-currency.jpg)no-repeat; background-position: top right;background-size: cover;height: 790px;}

.purchase .purchase-list ul{display: flex;flex-wrap: wrap;}
.purchase .purchase-list ul li{padding: 20px;box-sizing: border-box;}
.purchase .purchase-list .benefit{justify-content: flex-start;align-items: flex-start;}
.purchase .purchase-list .benefit li{width: calc(100% / 3);}
.purchase .purchase-list .benefit li .img-box{width: 100%;border-bottom: 1px solid #333;margin-bottom: 20px;}
.purchase .purchase-list .benefit li .img-box img{display: block;height: 50px;margin-bottom: 10px;}
.purchase .purchase-list li h3{font-size: 20px;font-weight: bold;margin: 0 0 10px;}
.purchase .purchase-list li span{font-size: 14px;}

.purchase-bg02{background: url(/reseller/images/domain_reseller.png)no-repeat; background-size: cover;padding: 50px 0;}
.purchase .step-ul{justify-content: flex-start;align-items: flex-start;color: #fff;}
.purchase .step-ul li{width: calc(100% / 2);font-size: 16px;}
.purchase .step-ul li h3{margin: 0;font-size: 22px;}
.purchase .step-ul .introduce{font-weight: bold;margin-bottom: 10px;font-size: 18px;}
.purchase .step-ul li span{font-size: 16px;}

.purchase .cryptocurrencies1{justify-content: space-between;}
.purchase .cryptocurrencies1 li{width: 32%;margin: 0;}
.purchase .cryptocurrencies1 li h4{font-size: 16px;font-weight: bold;text-align: center;margin: 0 0 10px;}

.purchase .cryptocurrencies2 li{width: calc(100% / 2);}
.purchase .cryptocurrencies2 li h4{font-size: 16px;font-weight: bold;margin: 0 0 10px;}
.purchase-bgC .purchase-list {padding: 30px 0;box-sizing: border-box;}

.purchase .bottomline-box{display: flex;justify-content: space-between;}
.purchase .bottomline-box img{display: block;width: 550px;}
.purchase .bottomline-box .bottomline-item{width: calc(100% - 570px);}

.topbanner{ background: url('/domain/share/img/domains_2020.png') no-repeat center;background-size: cover;height: 100%;color: #fff;text-align: center;position: relative; width: 100%;padding: 105px 0; box-sizing: border-box;height: 300px;}
.topbanner h2{color:#fff;padding: 20px 0; margin:0;}
.topbanner .banner_title{font-size: 32px;text-align: center;font-weight: bold;margin: 0;}
.topbanner .banner_title_two{font-size: 18px;text-align: center;}

#border{margin:20px auto;}
#border .content .payimg{border-bottom: 1px solid #eee;padding-bottom: 20px;}

@media screen and (max-width: 768px){
	.payimg img{width:12%;}
    
    .account{display: block;padding-top: 0;}
    .account .zf{width: 100%;}
    .top-box-shadow #border{width: 100%;padding: 0 10px;box-sizing: border-box;}
    
    .purchase{margin: 15px 0 0;}
    .purchase .mainW{width: 100%;padding: 0px 10px;box-sizing: border-box;}
    .purchase h2{font-size: 16px;margin-bottom: 15px;padding: 0;text-align: left !important;}
    .purchase p{font-size: 14px;margin-bottom: 10px;}
    .purchase .purchase-list .title{font-size: 18px;}
    .purchase .currency-box{width: 100%;margin: 0;padding: 0px;}
    
    .purchase .purchase-list ul{display: block;}
    .purchase .purchase-list ul li{padding: 10px 0;}
    
    .purchase-bg01{background-image: url('');height: auto;}
    .purchase .purchase-list .benefit li{width: 100%;}
    .purchase .purchase-list li span{font-size: 12px;}
    .purchase .purchase-list li h3{font-size: 14px;margin-bottom: 5px;}
    .purchase .purchase-list .benefit li .img-box{margin-bottom: 10px;}
    .purchase .purchase-list .benefit li .img-box img{height: 40px;}
    
    .purchase-bg02{padding: 20px 0;}
    .purchase .step-ul li{width: 100%;font-size: 12px;padding: 0 0 15px;}
    
    .purchase h4{font-size: 14px !important;margin-bottom: 15px;}
    
    .purchase .cryptocurrencies1 li{width: 100%;padding: 10px !important;margin-bottom: 10px;}
    .purchase .cryptocurrencies1 li h4{font-size: 14px;}
    
    .purchase-bgC .purchase-list{padding: 15px 10px !important;}
    
    .purchase .cryptocurrencies2 li{width: 100%;padding: 0 0 10px !important;}
    
    .purchase h3{font-size: 14px;margin-bottom: 5px;}
    
    .purchase .bottomline-box{display: block;}
    .purchase .bottomline-box .bottomline-item{width: 100%;}
    .purchase .bottomline-box img{width: 100%;}
    
    .content h2{font-size: 16px;margin-bottom: 10px;}
    #border{width: 100%;padding: 0 10px;box-sizing: border-box;margin: 5px 0 0 !important;}
    .content p{font-size: 14px;margin: 0;}
    #csstable td{font-size: 12px;}

    .topbanner{padding: 20px 10px;line-height: 30px;height: auto;}
	.topbanner .banner_title{font-size: 20px;margin-bottom: 5px;}
	.topbanner .banner_title_two{font-size: 14px;line-height: 20px;}

    #border .content .payimg{padding-bottom: 10px;}
    .zf{padding-bottom: 0;}
}

@media screen and (max-width: 414px){
	#left .leftBar,#right,.c_form{width:100%;}	
	#left .leftBar{margin-bottom: 20px;}
	#left .leftBar li{float:left;text-align: center;width: 24.6%;border-right: 1px solid #b40026;border-bottom: 1px solid #b40026;border-top: 1px solid #b40026;height: 33px;overflow: hidden;}
	#left .leftBar li:first-of-type{border-left: 1px solid #b40026;}
	.leftBar li.title,.leftBar li a.hot,.leftBar li a{background:none;}
	.leftBar li a.hot{background: #b40026;color: #fff;}
	
	.p_a{float:none;text-align: center;}
	.pbtn{width:25%;}
	.content,.box{padding:0;}
	#csstable td{padding:5px;}
	/* .content h1,h2,.zf{padding:0 5px;} */
	.v8Padding{padding: 10px;margin: 0 !important;}
	
	.p_a{float:none;text-align: center;}
	.pbtn{width:25%;}
	.payimg img{width:18%;}
}
@media screen and (max-width: 320px){
	#left .leftBar li{width: 24.5%;}
	.content{padding:0;}
	.payimg img{width:21%;}	
	
}