@charset "utf-8";
/* CSS Document */

html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, th, td {padding:0;margin:0;}
table {border-collapse:collapse;border-spacing:0;font-size:inherit;}
body { width: 100%; font-family:"Microsoft YaHei"; background:#fff; }
html{font-size: 100%;}
img {border:none;vertical-align:bottom;}
a, a:visited, a:hover, a:active {outline:0;text-decoration:none;}
a {color:#ffffff; font-family:"Microsoft YaHei"; }
a:hover {text-decoration:underline;color:#fff;}
a:link{ color:#ffffff;}
ul, li {list-style-type:none;padding:0;margin:0;}
input, select, textarea, button {font-size:100%;font-family:inherit;}
h2 {font-size:14px;}

.clear {clear:both;height:0;overflow:hidden;font-size:0px;line-height:0;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}



/*回到顶部*/
.Backtop{width:50px; height:50px;overflow:hidden; position:fixed;z-index:100;top:77%;/*left:89.5%;*/ right:1px; _position:absolute; _right:expression(eval(document.documentElement.scrollRight)+10);_top:expression(eval(document.documentElement.scrollTop)); display:none;}
.Backtop img{ width:100%;}



.float{ position:fixed; right:5px; bottom:10px;}

/*摘要*/
.banner{ background:url(../images/banner.jpg) no-repeat top center; height:558px;}
.banner img{ display:none; vertical-align:top;}


.bodybg{ background:#ff613c;}
.main{ width:1200px; margin:0 auto; }
.mainleft{ float:left; width:620px; margin-right:10px;  background:url(../images/index_04.jpg) no-repeat; height:863px; position:relative;}
.mainleft b{ text-align:center; display:block; font-size:28px;  color:#7a1700; line-height:69px;  font-family:"Microsoft YaHei"; }

.mainright{ float:left; width:570px;}
.mainleft dl{ }
.mainleft dl dt{ float:left; width:380px;}
.mainleft dl dd{ float:left; width:200px; padding-top:50px;}
.mainleft dl dt p{ font-size:16px; line-height:28px; padding-left:80px; font-family:"Microsoft YaHei"; color:#500e07; }
.mainleft dl dt .txt{  padding-top:20px; }
.mainleft dl dd a{ background:url(../images/reg.jpg) no-repeat left center; height:172px; display:block;}

.mainleft span{ display:block; background:url(../images/arrow.png) no-repeat; position:absolute; width:195px; height:172px; left:500px; z-index:10; top:50px; }
.reg{ margin-top:60px; }
.reg i{ background:url(../images/dd.jpg) no-repeat; height:26px; display:block;}
.regbox{ background:#fff; width:562px; padding-bottom:20px;}
.reg em{ background:url(../images/index_14.jpg) no-repeat; height:33px; display:block;}
.regbox b{ text-align:center; font:bold 48px/60px "Microsoft YaHei"; color:#811800; display:block; margin-bottom:40px;}
.regbox b.frien{ font-size:32px;}
.regbox dl{ width:520px; margin-left:40px; height:70px; overflow:hidden;}
.regbox dl dt{ float:left;  text-align:right; font-size:20px; width:74px; font-family:"Microsoft YaHei"; line-height:40px;}
.regbox dl dd{ float:left; width:392px; }
.regbox dl dd input{ height:38px; width:382px; border:1px solid #ddd; padding-left:10px; color:#000; font-family:"Microsoft YaHei"; font-size:14px;}
.regbox dl dd span{ display:block; color:#ff0000;}
.regbox a{ background:url(../images/index_11_over.jpg) no-repeat; height:54px; width:215px; display:block; margin:20px auto 0;}
.bot{ background:url(../images/index_03-16.png) no-repeat top center; height:80px;}
.bot img{ display:none; vertical-align:top;}

.indu{ background:#545046; color:#ffffff; font:16px/32px "Microsoft YaHei"; padding:10px 0; }
.indu b{ display:block; font-size:24px; display:block; }
.indu p{ text-indent:2em; margin-bottom:20px; margin-top:10px;}


.regbox p{ font:16px/28px "Microsoft YaHei"; padding:0 20px; text-indent:2em; }
.fz{ height:50px; border:1px solid #ff613c; border-radius:10px; margin:30px 40px;}
.fz a{ float:right; background:#ff613c; height:50px; margin:0; width:100px; font:bold 22px/50px "Microsoft YaHei"; color:#ffffff; border-top-right-radius:10px;border-bottom-right-radius:10px;}
.fz a:hover ,.fz a:link{ color:#fff; text-align:center;}
.fz input{ width:340px; display:block; height:46px; border:0; margin-left:10px; outline:0; float:left;}
.fz span{ width:340px; display:block; height:46px; border:0; margin-left:10px; outline:0; float:left; display:block;}
.regbox ul{ border-top:1px  dashed #ff613c; padding-top:20px; display:block; margin-top:20px;}
.regbox ul li{font:16px/32px "Microsoft YaHei"; margin-left:15px;}
.regbox a.invite{ background:url(../images/yq_over.jpg) no-repeat; height:54px; width:215px; display:block; margin:20px auto 0;}

.bookindu{ padding-bottom:20px; height:104px; overflow:hidden; }
.bookindu dl dt{ float:left; width:880px; font:17px/30px "Microsoft YaHei"; color:##7a1700; text-indent:2em;}
.old{ float:right; padding-right:30px; background:#c30203; border-radius:5px; }
.old a{ background:#c30203 url(../images/rarrow.jpg) no-repeat right center;  border-radius:5px; text-align:center;  height:58px;font-family:"Microsoft YaHei"; font-size:22px; color:#fff; line-height:58px; display:block; padding:0 30px 0 30px;}
.old a:hover ,.old a:link{ color:#ffffff;}


.layerback{  z-index: 99; cursor: default;  border: none;  margin: 0;  padding: 0;  width: 100%;  height: 100%; top: 0; left: 0; background-color: #000;  position: fixed;opacity: 0.30; display:none;
filter: alpha(opacity=30);-ms-filter: "alpha(opacity=30)";-khtml-opacity: .30;-moz-opacity: .30;}

.clayer{ position: fixed;  z-index: 10000; width:660px; left:320px; top:100px; background:#ffedca; display:none; border-radius:10px; padding:10px;}
.clayer a.close{ background:url(../images/close.png) no-repeat;  width:38px; height:38px; float:right; position:absolute; right:-20px; top:-20px;}
.picbg{ height:500px; overflow-y:scroll;}
.clayer p{ font-size:20px; color:#7d3802; text-align:center; font-family:"Microsoft YaHei"; padding-top:20px;  font-weight:bold; line-height:30px;}
.clayer a.but{ display:block; background:url(../images/rrr_over.jpg) no-repeat; height:54px; width:215px; margin:20px auto;}
.clayer a.rinvite{ display:block; background:url(../images/rinvite_over.jpg) no-repeat; height:54px; width:215px; margin:20px auto;}




@media screen and ( max-width:600px){
	
.banner{ background:none; height:auto; }
.banner img{ width:100%; display:block;}

.main{ width:100%; max-width:640px; min-width:320px;}

.mainleft{ float:none; width:100%; margin-right:0;  background:url(../images/index_04.jpg) no-repeat; padding-bottom:50px; background-size:100% 100%; width:100%; height:100%;   position:relative;}
.mainright{ float:none; width:100%;}

.mainleft b{ text-align:center; display:block; font-size:16px;  color:#7a1700; line-height:69px;  font-family:"Microsoft YaHei"; }

.mainleft dl{}
.mainleft dl dt{ float:none; width:100%;  }
.mainleft dl dd{ float:none; width:100%; padding-top:20px; }
.mainleft dl dt p{ font-size:14px; line-height:26px; padding-left:40px; font-family:"Microsoft YaHei"; color:#500e07; }
.mainleft dl dt .txt{  padding-top:0px; }
.mainleft dl dd a{ background:url(../images/reg.jpg) no-repeat left center; background-size:80px 80px; width:80px; height:80px; display:block;position:absolute; top:100px; right:35px;  }


.mainleft span{ display:block; background:url(../images/down.png) no-repeat; background-size:120px 120px; position:absolute; width:120px; height:120px; left:180px; z-index:10;   top:720px;  }

.reg{ width:95%; margin:20px auto 0;}
.reg i{ background:url(../images/dd.jpg) no-repeat; height:26px; display:block; width:100%;}
.regbox{ background:#fff; width:100%; padding-bottom:20px;}
.reg em{ background:url(../images/index_14.jpg) no-repeat; height:33px; display:block; width:100%}
.regbox b{ text-align:center; font:bold 24px/32px "Microsoft YaHei"; color:#811800; display:block; margin-bottom:20px;}
.regbox b.frien{ font-size:16px;}
.regbox dl{ display: -webkit-box; margin-left:0px; height:50px; width:100%;}
.regbox dl dt{ float:none;  text-align:right; font-size:16px; width:65px; font-family:"Microsoft YaHei"; line-height:30px;}
.regbox dl dd{ float:none; width:100%;  -webkit-box-flex: 1;}
.regbox dl dd input{ height:28px; width:90%;  border:1px solid #ddd; padding-left:10px;  color:#000; font-family:"Microsoft YaHei"; font-size:14px;}
.regbox dl dd span{ display:block; color:#ff0000;}
.regbox a{ background:url(../images/index_11.jpg) no-repeat; height:54px; width:215px; display:block; margin:10px auto 0;}

.bot{ background:none; height:auto; }
.bot img{ width:100%; display:block;}


.indu{ background:#545046; color:#ffffff; font:14px/26px "Microsoft YaHei"; padding:10px; }
.indu b{ display:block; font-size:16px; display:block; margin-top:10px; }
.indu p{ text-indent:2em; margin-bottom:20px;}


.regbox p{ font:14px/22px "Microsoft YaHei"; padding:0 20px; text-indent:2em; }
.fz{ height:40px; border:1px solid #ff613c; border-radius:10px; margin:30px 20px;/* display: -webkit-box;*/}
.fz a{ float:none; background:#ff613c; height:40px; margin:0; width:80px; font:bold 22px/40px "Microsoft YaHei"; color:#ffffff; border-top-right-radius:10px;border-bottom-right-radius:10px;}
.fz a:hover ,.fz a:link{ color:#fff; text-align:center;}
.fz input{ width:90%;  -webkit-box-flex: 1; display:block; height:34px; border:0; margin-left:10px; outline:0;}
.fz span{ width:90%;  display:block; height:34px; border:0; margin:0 10px; outline:0; display:block; word-wrap:break-word;  font-family:'arial'; font-size:14px; line-height:20px;}

.regbox ul{ border-top:1px  dashed #ff613c; padding-top:20px; display:block; margin-top:20px;}
.regbox ul li{font:14px/26px "Microsoft YaHei"; margin-left:15px;}
.regbox a.invite{ background:url(../images/yq_over.jpg) no-repeat; height:54px; width:215px; display:block; margin:20px auto 0;}


.bookindu{ height:auto; overflow:hidden; padding:10px 15px 20px; }
.bookindu dl dt{ float:noen; width:100%; font:14px/22px "Microsoft YaHei"; color:#7a1700; text-indent:2em; overflow:hidden; }

.old{ float:right; padding-right:20px; background:#c30203; border-radius:5px; margin-right:5px; }
.old a{ background:#c30203 url(../images/rarrow.jpg) no-repeat right center;  border-radius:5px; text-align:center;  height:40px;font-family:"Microsoft YaHei"; font-size:16px; color:#fff; line-height:40px; display:block; padding:0 30px 0 30px;}
.old a:hover ,.old a:link{ color:#ffffff;}



.clayer{ position:fixed; z-index:10000; width:92%; left:10px; top:20px; background:#ffedca; border-radius:10px; padding:0; }
.clayer a.close{ background:url(../images/close.png) no-repeat;  width:38px; height:38px; float:right; position:absolute; right:-10px; top:-10px; z-index:10001;}
.picbg{ height:250px; overflow-y:scroll;}
.picbg img{ width:100%; display:block;}
.clayer p{ font-size:14px; color:#7d3802; text-align:center; font-family:"Microsoft YaHei"; padding:20px 20px 0; font-weight:bold; line-height:24px;}
.clayer a.but{ display:block; background:url(../images/rrr_over.jpg) no-repeat; height:54px; width:215px; margin:20px auto;}
.clayer a.rinvite{ display:block; background:url(../images/rinvite.jpg) no-repeat; height:54px; width:215px; margin:20px auto;}




/*回到顶部*/
.Backtop{width:50px; height:50px;overflow:hidden; position:fixed;z-index:100;top:77%;/*left:89.5%;*/ right:1px; _position:absolute; _right:expression(eval(document.documentElement.scrollRight)+10);_top:expression(eval(document.documentElement.scrollTop)); display:block;}
.Backtop img{ width:100%;}

.float{ position:fixed; right:5px; bottom:10px; display:none;}

	}