.inter{ width:1000px; height:2900px; margin:0 auto; position:relative;}
#p1,#p2,#p3,#p4{ position:relative;}
#logo{ left:14px; top:100px; margin:20px;}
.title{ background-image:url(http://www.stg-smartlearning.com/H5/QunarCestbon/images/title.png);background-size:cover; width:662px; height:307px; margin:50px 0; margin-left:180px;}
.p1bk{ background-image:url(http://www.stg-smartlearning.com/H5/QunarCestbon/images/information.png);background-size:cover; width:1000px; height:341px; position:relative;}
.p1bk p{ position:absolute; width:34%; font-size:19px; color:#9f9f9f; line-height:30px; font-weight:normal;}
.p1bkp1{ left:170px;top:98px;}
.p1bkp2{ left:580px;top:98px;}
#p2{ width:100%;height:630px;}
.leftbox{ width:700px; height:604px; float:left; position:relative;}
.rightbox{ width:260px; height:604px; float:left; position:relative; padding-right:40px;}
.p2bk{ width:697px; height:533px; background:url(http://www.stg-smartlearning.com/H5/QunarCestbon/images/interactive.png);}
.p2bk p{ font-size:36px; position:absolute; color:#22954d; font-weight:bold;}
.p2bkp1{ top:25%; left:32%;}
.p2bkp2{ top:52%; left:46%;}
.p2button li{ display:inline; border:1px solid #22954d; border-radius:20px; padding:10px 20px; color:#22954d; padding-right:40px; cursor:pointer; position:absolute; font-size:24px; line-height:24px; font-weight:500;}
#p2rulebutton{ left:44%;top:10%;}
#p2winbutton{ left:72%;top:10%;}
.p2button li span{ border:10px solid transparent; border-top-color:#22954d; width:0px; height:0px; position:absolute; margin-left:5px; margin-top:8px;}
.li_span_hover{ margin-top:-2px!important; transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform: rotate(180deg);}
.p2button li:hover{ background:#22954d; color:#fff;}
.p2button li:hover span{ border-top-color:#fff;}
#submit{ width:149px; height:174px; background:url(http://www.stg-smartlearning.com/H5/QunarCestbon/images/button.png); color:#22954d; line-height:200px; text-align:center; font-size:60px; font-weight:bolder; position:absolute; left:78%; cursor:pointer; border:none;}
#imgform{ position:absolute; width:60%; height:auto; top:226px; left:32%;}
#p2scroll{width:10px;margin-left:10px; margin-top:40px;height:382px;float:left;background:#aaceae;position:relative; cursor:default; border-radius:10px;}
#p2scrollscroll{width:10px;height:60px;background:#69986e;left:0px;top:1px;position:absolute; cursor:pointer; border-radius:10px;margin-right: 0px!important;}
.p2rulebox{ position:absolute; top:5px; left:0px; width:718px; height:489px; margin-top:110px; background:rgba(255,255,255,0.9); z-index:10; }
.p2rule{ margin:0 auto; background:url(http://www.stg-smartlearning.com/H5/QunarCestbon/images/p2rule.png); background-size:cover; width:680px; height:461px;}
.p2ruleif{ width:640px; height:382px; overflow:hidden; margin:0 auto; margin-top:40px; float:left;}
.p2rule p{ color:#22954d; font-size:18px; margin-left:40px; margin-right:20px;}
.p2rule strong{ color:#22954d; font-size:18px; margin-left:40px;float:left;}
.p2rule span{ display:inherit; color:#22954d; font-size:18px; margin-left:130px; margin-right:20px;}
.p2win{ margin:0 auto; background:url(http://www.stg-smartlearning.com/H5/QunarCestbon/images/p2win.png); background-size:cover; width:640px; height:289px;}
.p2win p{ color:#22954d; font-size:60px; text-align:center; margin-top:160px; margin-left:240px; position:absolute;}
.p2go{ margin:0 auto; width:640px; height:289px;}
.p2go ul{ margin-top:40px;}
.p2go li{ float:left; margin:0 10px;}
.p2go li div{ width:140px; height:140px; border-radius:50%; overflow:hidden;}
.p2go li div img{ width:280px; height:auto; margin-left:-70px;}
.p2go li p{ display:block; width:138px; height:40px; line-height:18px; color:#339966; text-align:center; font-size:18px; font-weight:bold; margin:10px 0;}
/*.p2go li a{ display:block; background:#339966; color:#fff; border-radius:10px; width:138px; border:1px solid #339966; padding:2px 0px; text-align:center;}
.p2go li a:hover{ background:#fff; color:#339966; }*/
.p2destination{ background:url(http://www.stg-smartlearning.com/H5/QunarCestbon/images/destination.png); width:248px; height:71px; margin:30px auto;}
.p2destination p{ font-size:26px; font-weight:bold; color:#22954d; line-height:70px; margin-left:80px;}
.register .p2destination p{ padding-left:5px; text-align:left;}
.p2mask1,.p2mask2{ width:165px; height:60px; background:rgba(255,255,255,0.9); position:absolute; left:305px; top:60px;}
.p2mask2{ left:500px;}
.recent{ float:right; width:200px; height:300px; border:1px solid #22954d; margin-top:30px; padding:20px; padding-top:25px; padding-bottom:10px;}
.recent .head{ position:absolute; top:0px; background:url(http://www.stg-smartlearning.com/H5/QunarCestbon/images/active.png) no-repeat center; width:147px; height:67px;}
.recent ul{ padding-top:10px;}
.recent li{ background:url(http://www.stg-smartlearning.com/H5/QunarCestbon/images/p2li.png) no-repeat left; background-position:0 5px;font-size:16px;  line-height:150%; padding-left:25px; margin:5px 0;}
.scrolltext{width:200px;height:200px;overflow:hidden;}
.textmask{  background-image:-webkit-linear-gradient(top, transparent , #fefefe);background-image:-moz-linear-gradient(top, transparent, #fefefe);background-image:-o-linear-gradient(top, transparent, #fefefe);background-image:-ms-linear-gradient(top, transparent, #fefefe);background-image:linear-gradient(top, transparent, #fefefe); z-index:5; position:absolute; top:226px; left:28px; width:220px; height:30px; }
.weibo{ line-height:50px; background:url(http://www.stg-smartlearning.com/H5/QunarCestbon/images/weibo.png) no-repeat left; padding-left:50px; height:50px;}
.weixin{ line-height:50px; background:url(http://www.stg-smartlearning.com/H5/QunarCestbon/images/weixin.png) no-repeat left; cursor:default; padding-left:50px; height:50px;}
.weixin img{ border:1px solid #22954d; display:none; width:200px; height:200px; position:absolute; top:110px; left:38px; z-index:100;}
.weixin:hover img,.weixin img:hover{ display:block;}
.video{ position:absolute; top:368px; left:718px; width:200px; height:160px; border:1px solid #22954d; margin-top:40px; padding:20px; padding-top:25px; padding-bottom:10px;}
.video .head{ position:absolute; top:-30px; background:url(http://www.stg-smartlearning.com/H5/QunarCestbon/images/video.png) no-repeat center; width:147px; height:67px;}
.video img{ position:absolute; top:370px; left:-20px;}
#videobutton{ width:200px; height:160px; background:url(http://www.stg-smartlearning.com/H5/QunarCestbon/images/TVC.png) no-repeat center; cursor:pointer; }
.videobox{ position:fixed; left:0px; top:50%; width:100%; height:620px; margin-top:-350px; padding-top:50px; text-align:center; z-index:100;}
.videoinbox{ left:0px; top:0px; width:100%; height:620px;  text-align:center; z-index:100;}
.videobox video{ width:960px; height:540px;}
.close{ display:block; width:50px; line-height:50px; font-size:36px; text-align:center;border-radius:50%; border:2px solid #22954d; color:#22954d; cursor:pointer; margin:10px auto;}
.close:hover{ background:#22954d;color:#fff; cursor:pointer;}
#p2goclose{ position:absolute; right:5%; top:0px; border-width:1px; font-weight:100;}
#p3{ width:100%;height:1020px; margin-top:50px;}
#p3 .head{ position:absolute; top:-50px; left:20px; background:url(http://www.stg-smartlearning.com/H5/QunarCestbon/images/p3.png) no-repeat center; width:265px; height:99px;}
.carousel{ background:rgba(250,250,250,0.7); width:100%; height:1050px;}
.hdjs{ position:absolute;background:url(http://www.stg-smartlearning.com/H5/QunarCestbon/images/Introduction.png); width:253px; height:99px; left:60px;}
.hd{ border:1px solid #22954d;border-top:none; width:900px; height:700px; margin-left:49px; margin-top:-54px; }
.hd h1{color:#22954d; font-size:24px; line-height:50px; padding-left:30px;padding-top:180px; padding-bottom:40px; text-align:left;}
.photobox{ float:left; width:300px;}
.photobox .item{position:relative;width:240px;height:240px;margin:0 auto;background-color:#fff;overflow:hidden;}
.photobox .item img{ width:auto; height:240px; margin-left:-120px;}
.photobox p{color:#006034; font-size:20px; line-height:30px; padding-left:32px; font-weight:700;}
.qrcode{ background:url(http://www.stg-smartlearning.com/H5/QunarCestbon/images/w.png); width:242px; height:119px; float:left; margin-top:200px;}
.product{ background:url(http://www.stg-smartlearning.com/H5/QunarCestbon/images/ybcp.png); width:420px; height:346px; float:right;}
#getcode_char{cursor:pointer; height:30px; width:70px; margin-left:20px;}
.register p{ color:#22954d; text-align:center; font-size:20px;}
#regForm{  width:500px; margin-top:20px; margin-left:160px;}
#regForm label{ color:#22954d;  line-height:30px; font-size:20px; text-align:right; margin-right:20px;display:inline; margin-bottom:20px;}
#regForm .label1{ margin-left:20px;}
#regForm .label2{ margin-left:20px;}
#regForm input{ background:#e1e1e1; width:300px; height:26px; padding:5px; padding-left:10px; font-size:18px;}
#regForm #code_char{ width:200px;}
#regForm p{ margin-left:-120px; padding-top:15px; color:#F15656;}
.button{ border:1px #22954d solid; background:transparent; padding:4px 28px; font-size:22px; font-weight:bolder; color:#22954d; border-radius:10px; display:block; margin-left:120px; margin-top:15px; cursor:pointer;}
.button:hover{ background:#22954d; color:#fff;}
.success{ background:rgba(255,255,255,0.9); border:5px solid #22954d;; width:450px; height:270px; position:absolute; left:150px; top:150px; z-index:20;}
.success h1{ background:url(http://www.stg-smartlearning.com/H5/QunarCestbon/images/tt.png) no-repeat; width:175px; font-size:22px; height:45px; color:#fff; font-weight:bolder; padding-top:15px; padding-left:40px; margin-left:145px; margin-top:40px;}
.message{ text-align:center; color:#22954d; font-size:17px; margin:20px 0; line-height:30px;}
.p2suclose{ border:1px solid #22954d; text-align:center; color:#22954d; padding:3px 30px; width:100px; display:block; font-size:19px; border-radius:10px; margin:0 auto; cursor:pointer; margin-top:20px;}
.p2suclose:hover{ background:#22954d; color:#fff;}
.p2award{ color:#22954d; text-align:center; width:620px; height:471px; }
.p2award h1{ font-size:22px; padding:20px 0; line-height:30px; }
.p2award h1 span{ display:inline-block;font-size:60px;line-height:60px; padding:5px; background:#22954d; color:#fff; border-radius:50%; width:60px; height:60px; margin:0 10px;}
.p2award p{ font-size:20px; line-height:32px;}
#month,#partner{ background-color:#eee; text-align:left; display:block; font-size:20px; line-height:32px; width:250px; height:32px; line-height:24px; border:none; background-image:url(images/selectimg.png);background-repeat:no-repeat; background-position:right;-moz-appearance:none;-o-appearance:none;-webkit-appearance:none;appearance:none;}
#partner{ margin-top:132px;}
input, textarea, keygen, select, button{ font-family:"微软雅黑",Arial,Helvetica,sans-serif;}
#p2reclose{ position:absolute; right:5%; top:0px; border-width:1px; font-weight:100;}
#videoclose{ position:absolute; left:50%; margin-left:500px; top:40px;}

#weiboshare{ display:inline-block; border-radius:5px; width:209px; line-height:30px; border:1px solid #339966; padding:2px 2px; text-align:center; cursor:pointer; margin:10px 220px; font-size:18px; background:#339966; color:#fff;}
#weiboshare:hover{ color:#339966; background:#FFF;}
/*修改微博按钮样式*/
#weiboshare:hover .publishButton_red01 span{color:#339966!important;}
.publishButton, .publishButton span{ background:none!important;}
.publishButton_red01, .publishButton_red01 span{ color:#fff!important;display: inline-block;height: 32px;line-height: 32px;font-size: 16px;}
.publishButton_red01 { padding:0px!important;}
.publishButton_red01 span{ padding:0px!important;}