@charset "utf-8";
/* CSS Document */
html{overflow-x:hidden;overflow-y:auto}
body,h1,h2,h3,h4,h5,ul,p,form,a,input { padding:0; margin:0;  font: 12px/1.5 arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif; color:#555; list-style:none;font-weight:normal;}
img { border:none;}
a { text-decoration:none;}
body { padding-top:58px; padding-bottom:0 }
.display-none { display:none;}
form{ margin:0; padding:0}
:focus{outline:0;}

.about_bg{-webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;}
/*
head 头部
*/
/*.head {position:fixed; top:0; z-index:999; _position: absolute;_top: expression(eval(document.documentElement.scrollTop+0));}*/
.head_content,
.head { height:78px; width:100%}
.foots,
.foots_content { height:84px; overflow:hidden}
.head{position:absolute;top:0;background-color: #FFF; /*filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;*/}
.foots {background-color: #FFF;/* filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; width:100%;*/}
.head_content,
.foots_content { width:1200px; margin: 0 auto; position:relative;}

/*.head_content a.go_index,
.head_content a.go_weibo { background:url(../images/youjoys_icon.png) no-repeat left center; z-index:1;}*/

.head_content a.go_index { position:absolute; top:5px; left:0; width:368px; height:66px;}
.head_content a.go_weibo { width:100px; height:25px; position:absolute; right:0; top:27px; background:url(../../../images/icon-home.png) no-repeat left 1px; 
text-indent:1.5em; color:#555}
.head_content a.go_weibo:hover{ color:#F60}
.head_content a.tmall {background:url(../images/tmall.png) no-repeat left center; position:absolute; top:10px; right:0; width:248px; height:76px; display:block; text-indent:-9999em}


/*
about
*/
.about_center_texts {width:940px; min-height:390px; margin: 0 auto;  padding-top:80px; padding-bottom:30px;line-height:26px; color:#ccc;}
.about_center_texts h1 { font-size:30px; height:45px; color:#FFF; padding:20px 0 40px 0;}

/*
foots
*/
.foots {
	/*position:fixed; 
	bottom:0; 
	z-index:999;left:0;*/display:-webkit-box;
expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
.foots p.foots_info {color:#555; line-height:84px; padding:0;}/**/
/*.foots .foots_content .codes { cursor:pointer; position:absolute; right:0; top:10px; width:196px; height:81px; background:url(../images/weixin.png) no-repeat 0 0;}*/
.foots .foots_content .d_codes { z-index:1; position:absolute; right:0; bottom:0; width:205px; height:205px; background:url(../images/subscribe.jpg) no-repeat;}

.foots .foots_content .qq_service { position:absolute; right:225px; top:18px; width:86px; height:32px; background:url(../images/youjoys_icon.png) no-repeat left -151px;}

.foots .foots_content .co-dealer { position:absolute; top:29px; right:230px;}
.foots .foots_content .co-dealer a { color:#555; padding-right:14px; }
.foots .foots_content .co-dealer a:hover { color:#F60;}

/*
permit
*/
.check_permit { padding:50px 0; width:808px; position:relative;}

.check_permit_input span {}
.check_permit_input .names,
.check_permit_input .input,
.check_permit_input .tips_text { float:left; display:block;}

.check_permit_input .names,
.check_permit_input .input,
.check_permit_input { height:36px;}

.check_permit_input { padding-bottom:20px;}

.check_permit_input .names { font-size:22px; line-height:36px; width:80px; color:#FFF;}

.check_permit_input .tips_text { font-size:14px; line-height:36px; color:#CCC; padding-left:10px;}
.check_permit_input .tips_text strong { color:#F60;}

.check_permit_input .input .text_input_class,
.check_permit_input .input .verify_input_class { border:0;background-color: #ddd; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; width:500px; height:36px; line-height:36px; font-size:22px; padding-left:6px; color:#000;}

.check_permit_input .input .verify_input_class { width:154px;}

.check_permit_input .input .text_input_class.bg { background:#999;}


.check_permit_input .verify_img { cursor:pointer;}
.check_permit_input .verify_img img{ display:block; height:36px; line-height:36px; float:left;}


.check_permit_input .verify_img img { background:url(../images/securimage_show.gif);}

.verify_button {width:254px; background:#F60; color:#FFF; font-size:22px; border:0; height:48px; line-height:36px; cursor:pointer;}
.verify_button_span { height:48px; padding-top:10px;}
.verify_button:hover {background-color:#F90;}

.check_permit a.go_report { display:block; background:#390; color:#FFF; position:absolute; top:60px; right:0; font-size:16px; text-align:center; width:70px; height:26px; line-height:26px;}
.check_permit a.go_report:hover { background:#3BA506;}

.check_permit a.go_report.back {right:82px; background:#666;}
.check_permit a.go_report.back:hover { background:#6F6F6F;}


#msg{margin-top:30px;font-size:14px;
/*background-color: #000; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;*/
vborder-radius: 4px; 
-moz-border-radius: 4px;  
-webkit-border-radius:4px; 
border-radius: 4px 4px 4px 4px; padding:5px 10px
}
#msg *{font-size:14px;}
#msg img{font-size:16px;border:none; vertical-align:middle}
.pop_result{ padding:10px 20px; font-size:14px}
#msg hr,.pop_result hr{width:100%;height:1px;border:none;border-top:1px dashed #0066CC; margin:5px 0 0 0}
.error{color:red;font-size:14px;}
.error_ico{color:red;background:url(../images/error.png) no-repeat 10px center; text-indent:1.5em}
.success{color:green;font-size:16px;}
.success_ico{color:green;}
a.reloadcode{ cursor:pointer; font-size:16px; padding-left:10px; color:#FFF}
/*
notice
*/
.notice .media_img { text-align:center;}
.hand_cream_notice { position:absolute; width:100%; height:28px; bottom:-28px;}

a.more{ color:#F60}
a.more:hover{ color:#F00}

@media screen and (max-width: 670px) {
.about_center_texts {width:100%; min-height:390px; margin: 0 auto;  padding-top:80px; padding-bottom:30px;line-height:26px; color:#ccc;}
.about_center_texts h1 { font-size:30px; height:45px; color:#ccc; padding-bottom:10px;}
.foots_content{ width:100%}
.check_permit { padding:20px 0; width:90%; position:relative;}
.check_permit_input .names { font-size:22px; line-height:36px; width:90%; color:#FFF; display:block}
.verify_button_span { height:48px; padding-top:0px;}
.verify_button_span .input{display:block; width:100%;}
.validate_class{ position:relative}
.check_permit_input .verify1 {position:absolute; left:140px;top:50px}
.check_permit_input .verify2{position:absolute; left:140px;top:88px}
.check_permit a.go_report { display:block; background:#390; color:#FFF; position:absolute; top:30px; right:0; font-size:16px; text-align:center; width:70px; height:26px; line-height:26px;}
.foots .foots_content .codes { display:none}
.check_permit_input .input .text_input_class,
.check_permit_input .input .verify_input_class{
border:0; background:#FFF; width:90%; height:36px; line-height:36px; font-size:22px; padding-left:6px; color:#000;}
.check_permit_input .input .verify_input_class{width:130px; float:left}
#msg{margin-top:30px;font-size:16px; width:92%; display:inline-block}
.pop_result{ width:92%}
.head_content,
.head { height:68px;}
.foots,
.foots_content { height:64px;}
.head_content a.go_index {top:2px; left:10px}
.head_content a.go_weibo { top:25px;}

.foots p.foots_info {color:#555; line-height:22px; padding:10px 0 13px 10px;}/**/
.foots .foots_content .co-dealer { position:absolute; top:37px;left:10px; width:100%;}

/*.foots .foots_content .co-dealer a { color:#ccc; padding-right:14px; display:block}*/

a.reloadcode{ display:none}
}