@charset "utf-8";
/* CSS Document */
.nav_box{
	font-family:arial;
	width:100%;
	max-width:1920px;
	margin:auto;
	height:90px;
	background:#333;
	}
#nav{
	width:100%;
	max-width:1200px;
	margin:auto;
	position: relative;
	}
.logo{
	width:150px;
	float:left;
	padding-top: 24px;
	}
.logo img{
	width:100%;
	}
#nav1{ 
	width:66%;
	float:left;
	margin-left: 10%;
	z-index:10;
	}
#nav1 li{
	width:25%;
	float:left;
	line-height:90px;
	color:#fff;
	}
#nav1 li a{
	color:#ccc;
	font-weight:bold;
	}	
#nav_Click{
	cursor:pointer;
	display:none;
	position:absolute;
	left: 13px;
    top: 8px;
	background:url(http://www.tomtop.com/img/20170222_dodocool_nav.png);
	width:30px;
	height:30px;
	}
.d_box{
	width:100%;
	max-width: 1920px;
	margin: auto;
	overflow: hidden;
}
.d_banner_box{
	width:100%;
	max-width: 1920px;
	margin: auto;
	background-position: center  top;
	background-repeat: no-repeat;
}
.d_banner{
	width:100%;
	max-width: 1200px;
	margin: auto;
}
.d_banner img{
	width: 100%;
}
.d_product{
	width:100%;
	max-width: 1200px;
	margin: auto;
	background-color: #ffffff;
}
.d_Description{
	font-size: 30px;
	color: #099aaa;
	text-align: center;
	line-height: 70px;
}
.d_Description span{
	color: #fc9338;
}
.d_product_center{
	width: 100%;
    max-width: 1200px;
    margin: 0 auto 30px;
}
.d_product_center_left{
	width: 800px;
	float: left;
}
.d_product_center_right{
	width: 400px;
	height: 398px;
	float: left;
	background: #f9f9f9;
	border: solid 1px #2f2725;
}
.d_product_center_right .d_Copywriter{ 
	height: 157px;
    width: 290px;
    margin: 30px auto 14px;
}
.d_product_center_right .d_Copywriter li{
	font-size: 26px;
	color: #099aaa;
	line-height: 1.2;
	list-style-image:url(http://www.tomtop.com/img/images/edm/20170323_dodocool_Correct.png);
}
.d_select{
	width: 254px;
	height: 83px; 
	margin-left: 33px;
	position:relative;
	background: url(http://www.tomtop.com/img/images/edm/20170323_dodocool_select.jpg) no-repeat;
}
.d_select.err{
	border-bottom:2px solid red;
}
.you_country{
	width: 180px;
    height: 52px;
    margin-top: 29px;
    margin-left: 72px;
	background: #e2fafd;
	font-size: 24px;
	color: #b0d6db;
}
.country_list{
	width:100%;
	position:absolute;
	max-height:300px;
	background:#fff;
	display:none;
	padding:10px 0;
	font-size:18px;
	border:1px solid #bbbbbb;
	z-index: 20;
}
.country_list li{height:30px;line-height:30px;padding:0 15px;cursor:pointer;}	
.mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;opacity:0.6;filter:alpha(opacity=60);z-index:20;display:none}
.bm_dialog{position:fixed;width:100%;height:100%;top:0;left:0;text-align:center;display:none;z-index:30;}
.bm_dialog s{display:inline-block;width:1px;height:100%;vertical-align:middle;opacity:0;font-size:0}
.bm_dialog .dialog{width:80%;
	min-width:280px;
	max-width:640px;
	display:inline-block;
	border-right:1px solid #dddddd;
	background:#fff;
	text-align:left;
	vertical-align:middle;
	position: relative;
	z-index:30;
	padding:70px 40px;
	background:#fff;
}
.dialog .close{position:absolute;right:8px;top:8px;font-size:18px;cursor:pointer;}
.get_code{font-size:20px;line-height:1.1;}
.clearfix{clear:both; zoom:1;}
.clearfix:after{clear:both; display:block; height:0; font-size:0; content:"."; visibility:hidden;}
.dialog .get_code .code_show{float:left;width:60%;height:60px;}
.code_show p{font-size:24px;text-align:center;}
.code_show #code{font-size:30px;color:#e01d3b;margin-top:20px;text-align:center;background:#fff;}
.dialog .get_code .code_copy{float:left;background-color:#099aaa;position:relative;
	font-size:30px;height:60px;width:40%;line-height:60px;text-align:center;color:#fff;cursor:pointer;}
.dialog .buy_url{display:block;padding:18px 26px;border:1px solid #bbbbbb;text-align:center;margin-top:50px;font-size:30px;}
.code_copy .success{display:none;position:absolute;bottom:-40px;left:38%;font-size:14px;color:#60a917;}
	
.d_an{ 
	color: #fff;
	background: #099aaa;
	width: 254px;
	height: 56px;
	font-size: 24px;
	text-align: center;
	line-height: 56px;
	margin-left: 33px;
    margin-top: 20px;
    cursor:pointer;
}
.d_an[disabled]	{
	background-color:#b4b4b4;
}
.d_bottom{
	background: #099aaa;
	width:100%;
	max-width: 1200px;
	margin:0 auto 30px; 
	overflow: hidden;
}
.d_bottom_title{
	font-size: 35px;
	color: #fff;
	width: 100%;
	text-align: center;
	line-height: 75px;
}
.d_bottom_box{
	overflow: hidden;
	width: 1194px;
	margin:0 auto 3px;
	background: #f8fefe; 
}
.d_bottom_box_center{
	width: 1060px;
	margin: auto;
	padding: 20px 0; 
	font-size:18px;
	line-height: 1;
	color: #000;
	overflow: hidden;
}
.d_bottom_box_center_left{
	width: 75px;
	float: left; 
}
.d_bottom_box_center_right{
	width: 982px;
	float: left;
}
.d_bottom_box_center_left span{
	color: #fff;
	background-color: #099aaa;
	padding: 3px;
}
@media(max-width:770px){
	.nav_box {
    font-family: arial;
    width: 100%;
    max-width: 1920px;
    margin: auto;
    height: 50px;
    background: #333;
}
#nav1 li {
    width: 25%;
    float: left;
    line-height: 50px;
    color: #fff;
    font-size: 6px;
}
.head .logo {
    width: 60px;
    margin-left: 5px;
    float: left;
    padding-top: 16px;
}	
	}
@media(max-width:639px){

.dialog .get_code .code_show{float:left;width:100%;height:60px;}
.code_show p{font-size:14px;text-align:center;}
.code_show #code{font-size:18px;color:#e01d3b;margin-top:10px;text-align:center;background:#fff;}
.dialog .get_code .code_copy{float:left;background-color:#099aaa;
	font-size:20px;height:40px;width:100%;line-height:40px;text-align:center;color:#fff;cursor:pointer;}
.dialog .buy_url{display:block;padding:18px 6px;border:1px solid #bbbbbb;margin-top:30px;font-size:16px;}
	}