@charset "gb2312";
html{-webkit-tap-highlight-color:transparent;}
body{width:100%;  font-family:'Microsoft Yahei'; }
html, button, input, select, textarea { font-family:'Microsoft Yahei';}
div:after,ul:after { content:"\20"; display:block; height:0; clear:both; visibility:hidden;}

.u-tit{ display: block; width: 10rem; margin:.833333rem auto .416667rem; padding-top: .64rem; height: auto; overflow: hidden;} 
.u-tit h2{ text-indent: -9999px; height: 1.066667rem;}

.u-tit.t1{background:url(../images/t1.png) no-repeat center .64rem; background-size:4.666667rem 1.066667rem;}
.u-tit.t2{background:url(../images/t2.png) no-repeat center  .64rem;margin-top: 0; background-size: 5.611111rem 1.013889rem; height: 1.013889rem;}
.u-tit.t3{background:url(../images/t3.png) no-repeat center .64rem;margin-top: 0; background-size:4.666667rem 1.066667rem;}
.u-tit.t4{background:url(../images/t4.png) no-repeat center .64rem;margin-top: 0; background-size:4.666667rem 1.066667rem;}
.u-tit.t5{background:url(../images/t5.png) no-repeat center .64rem; margin-top: 0;background-size:6.666667rem 1.066667rem;}

.u-tit.t6{background:url(../images/t6.png) no-repeat center  .64rem;margin-top: 0; background-size:3.4rem 1.013889rem;}
.u-tit.t7{background:url(../images/t7.png) no-repeat center .64rem;  margin:0 auto;background-size:5.733333rem 1.066667rem;}
.u-tit.t8{background:url(../images/t8.png) no-repeat center top .64rem;margin-top: 0; background-size:6.4rem 1.013889rem;}
.u-tit.t9{background:url(../images/t9.png) no-repeat center top .64rem;margin-top: 0; background-size:6.533333rem 1.013889rem;}
.u-tit.t10{background:url(../images/t10.png) no-repeat center top; background-size:5.944444rem 1.013889rem; height: 1.013889rem;}

.more{width:3.861111rem;height: 0.875rem;font-family: arial;line-height: 0.875rem;font-size: 0.416666rem;color: #7e99de;display: block;margin: 0.138888rem auto 0;border: solid 1px #e8ecfb;text-align: center;background: #fff;border-radius: 0.069444rem;}


.bg1{background:url(../images/bg1.jpg) no-repeat center top;width: 10rem;height:6.933333rem;background-size: 10rem 6.933333rem;}
.bg2{background:url(../images/bg2.jpg) no-repeat center top;width: 10rem;height:5.733333rem;background-size: 10rem 5.733333rem;}

.nav {width:9.5rem;margin:0 auto; padding-top:3.8rem;}
.nav li{float: left; width: 1.8rem; height: .933333rem; line-height: .933333rem; background: #00337c; text-align: center;margin:0.05rem;}
.nav li a{display: block; font-size:.32rem;color: #fff;}

.bomb{width: 5.902777rem;display: none; margin-top: -1.777777rem;z-index: 999;padding-top: 0.555555rem;margin-left: -2.944444rem;left: 50%;top:50%;position: fixed;height: 3.541666rem;border-radius: 0.208333rem;background: #fff;}
.bomb p{ font-size:0.35rem;  text-align: center; line-height: 0.652777rem; color: #666; }
.bomb .p1{ color: #999;}
.bomb .p2{ font-size: 0.47rem; color: #666;}
.bomb .subline{width: 1.944444rem; text-align: center; color: #fff; margin: 0.208333rem auto 0;border-radius: 0.069444rem; font-size: 0.333333rem; line-height:0.7rem;height: 0.694444rem;background: #5376d1;}
#simplemodal-overlay {background-color:#000;}
.wrapper{  width:10rem;margin:0px auto; height: auto; overflow: hidden;  }

.area2{ height: 4.8rem; background: #fff; padding-top: 0.5rem;}
.area2 p{ font-size: 0.333333rem; color: #5264c2; line-height:0.55rem; text-indent: 2em;}
.area2 p.c1{color: #444;}

.area3{ margin-top: 0.833333rem;height: 7.805555rem; background: url(../images/bg1.jpg) no-repeat center top; background-size: 9.180555rem 7.805555rem; }
.area3 .com{ padding-top: 2.65rem;}
.area3 p{ font-size: 0.293333rem; color: #777; line-height:0.48rem;  text-align: center;}


.area4{background: #f4f6fe;padding-bottom: 0.8rem;}
.area4 ul{margin-left: 0.266666rem;}
.area4 ul li{width: 4.583333rem;margin: 0 0.266666rem 0.266666rem 0;float: left;box-shadow: 1px 1px 5px #ddd;height: 5.333333rem;background: #fff;}
.area4 ul li img{ width: 4.583333rem; height: 3.4rem; }
.area4 ul li a h2{font-size: 0.333333rem;color: #000;line-height: 0.416666rem;padding: 0 0.208333rem; margin: 0.138888rem auto 0.138888rem;}
.area4 ul li a p{padding: 0px 0.208333rem;font-size: 0.25rem;color: #888;text-align: justify; line-height: 0.333333rem;}


.fukang{width: 1.527777rem;z-index: 4;height: 5.5rem;position: fixed;right: 0.1rem;bottom: 5%;border-radius: 0.25rem;overflow: hidden;}
.fukang li{ width: 1.527777rem; height: 1.527777rem; margin-bottom: 0.266666rem;}
.fukang li img{ width: 1.527777rem; height: 1.527777rem;}

.area5 .img4,.area5 .img5{width: 9.2rem;display: block; margin:0 auto 0.2rem;}
.area5 .img4{ height:5.466667rem;}
.area5 .img5{ height:6.4rem;}

.area6 img{ width:8.533333rem; height:6rem; display: block; margin:0 auto 0.2rem;}
.area6 p{width: 9.2rem; height: .96rem; margin: 0 auto 0.2rem;border-radius:8px; background: #f4f6fe; font-size: .4rem; color: #5264c2; line-height:.96rem; text-align: center;}


.area7{ width: 10rem; height: 12.638889rem;background: #fff; overflow: hidden;}
.area7 .event{ width:9.2rem; height: 10.8rem; margin: 0 auto;}

.area7 .event img{width: 100%;height: auto;}



.area8{ width: 10rem; height:8.5rem;background: #fff; overflow: hidden;}
.area8 .com{ width:9.2rem; height:6.133333rem; background: url(../images/img3_bg.jpg) no-repeat; background-size:9.2rem 6.133333rem; margin: 0 auto;}


.area9{ width: 10rem; height:10rem;background: #f4f6fe; overflow: hidden;}
.vote_zone .inner{ width: 9.722222rem; position: relative;}
.area9 .iconfont{color: #bfccff;padding-right: 0;width: 1.152777rem;text-align: center;vertical-align:  middle;line-height: 1.638888rem;}
.vote_zone ul{padding-left: 0.235rem;padding-bottom: 0.555555rem;}
.vote_zone ul li{width:3.055555rem;overflow: hidden;transition: all 0.5s linear 0s;-webkit-transition: all 0.5s linear;height:1.611111rem;border-radius: 0.069444rem;-webkit-border-radius: 0.069444rem;float:left;margin-right:0.180555rem;margin-bottom:0.277777rem;background: #5376d1;}
.vote_zone ul li p{ font-size: 0.333333rem;color: #333; padding-top:1.430555rem; font-weight: bolder; text-align: center;}
.vote_zone ul li:hover .iconfont {color: #fff;}
/*.vote_zone ul li:hover{transform: translateY(-0.083333rem);-webkit-transform: translateY(-0.083333rem); width: 3.027777rem; height: 1.611111rem;  }
.border-line:after{content:'';display:block;position:absolute}
.border-line:before{content:'';display:block;position:absolute}
.border-line{background:0;border:0;box-sizing:border-box;box-shadow:inset 0 0 0 0 transparent}
.border-line:after,.border-line:before{box-sizing:border-box;border:0.013888rem solid transparent;width:0;height:0}
.border-line:after{top:0;left:0;-webkit-transition:border-color 0s ease-in .8s,width .2s ease-in .6s,height .2s ease-in .4s;transition:border-color 0s ease-in .8s,width .2s ease-in .6s,height .2s ease-in .4s}
.border-line:before{bottom:0;right:0;-webkit-transition:border-color 0s ease-in .4s,width .2s ease-in .2s,height .2s ease-in;transition:border-color 0s ease-in .4s,width .2s ease-in .2s,height .2s ease-in}
.border-line:hover:after,.border-line:hover:before{width:100%;height:100%}
.border-line:hover:after{border-top-color:#73663f;border-right-color:#73663f;-webkit-transition:width .2s ease-out,height .2s ease-out .2s;transition:width .2s ease-out,height .2s ease-out .2s}
.border-line:hover:before{border-bottom-color: #fff;border-left-color: #fff;-webkit-transition:border-color 0s ease-out .4s,width .2s ease-out .4s,height .2s ease-out .6s;transition:border-color 0s ease-out .4s,width .2s ease-out .4s,height .2s ease-out .6s;}*/

.vote_zone .notice{ font-size:0.291666rem; color:#999; margin: 0.208333rem auto 0.555555rem; text-align: center; font-weight: lighter; }
.vote_zone span{font-size: 0.333333rem;float: left;font-weight: bold;color: #fff;text-align: center;line-height: 1.638888rem;}
.vote_zone .icon1{ font-size: 0.763888rem; float: left;}
.vote_zone .icon2{ font-size: 0.875rem; float: left; }
.vote_zone .icon3{ font-size: 0.805555rem; float: left; }
.vote_zone .icon4{ font-size: 0.902777rem; float: left; }
.vote_zone .icon5{ font-size: 1.027777rem; float: left; }
.vote_zone .icon6{ font-size: 0.847222rem; float: left; }
.vote_zone .icon7{ font-size: 0.805555rem; float: left; }
.vote_zone .icon8{ font-size: 0.819444rem; float: left; }
.vote_zone .icon9{ font-size: 0.861111rem; float: left; }
.vote_zone .icon10{ font-size: 0.861111rem; float: left; }
.vote_zone .icon11{ font-size: 0.902777rem; float: left; }
.vote_zone .icon12{ font-size: 0.833333rem; float: left; }
.vote_zone .icon13{ font-size: 0.763888rem; float: left; }
.vote_zone .icon14{font-size: 0.63rem;float: left;line-height: 1.666666rem !important;}
.vote_zone .icon15{ font-size: 0.763888rem; float: left; }
.vote_zone .jb{ display: inline-block; float:left; width: 0.722222rem; height: 0.777777rem; margin: 0.416666rem 0.138888rem 0 0.222222rem;}
.vote_zone .one{ background: #c84798;}
/*.area10{ height: 14rem;}*/
.join_us ul{ width: 9.444444rem;margin: 0 auto; height: 7.3rem;}
.join_us ul li{width: 4.7rem;float: left; border-bottom: solid 0.013888rem #ddd;border-left: solid 0.013888rem #ddd;border-right: solid 0.013888rem #ddd;}
.join_us ul li:first-child{ border-top: solid #ddd 0.013888rem;}
.join_us ul li.one{width: 9.430555rem;}
.join_us ul li.two{/* border: 0; */}
.join_us ul li.two .lab{ width: 3.263888rem; border: 0;}
.join_us ul li .lab{height: 0.902777rem;float: left;padding-left: 0.277777rem;line-height: 1.041666rem;width: 1.6rem;font-size: 0.388888rem;color: #666;/* border-right: solid 0.013888rem #ddd; */}
.join_us ul li .input{background: transparent;border: 0;color: #333;font-size:0.388888rem;height: 1.055555rem;line-height: 1.055555rem;padding: 0 0.13rem;width: 2.5rem;float:left;}
.join_us ul li.one input{width: 6.8rem;} 
.join_us ul li.two .right{ width: 3.472222rem; margin-left: 0.347222rem; padding-top: 0.180555rem; float: left; height: 1.083333rem; }
.radio_box{ display:inline-block; position:relative; float: left; width: 1.666666rem;}
.radio_box label{ width:0.5rem; height:0.5rem; position:absolute; top:0.16rem; left:0; border:0.013888rem solid #ddd; border-radius:50%; background:#fff; cursor:pointer;}
.radio_box input:checked + label:after{ content:''; width:0.208333rem; height:0.208333rem; position:absolute; top:0.15rem; left:0.15rem; background:#5376d1; border-radius:50%;}
.radio_box em{ margin:0 0 0 0.555555rem; font-size: 0.388888rem; color: #333;   line-height: 0.833333rem;}
.join_us .submit{ height: 1.388888rem;width: 9.444444rem;border: 0;outline: none;font-size: 0.555555rem;color: #fff;text-align: center;background: #5376d1;margin:0.416666rem auto 0.6rem;border-radius: 0.069444rem;}

.join_us h4{ font-size:.293333rem; color: #cccccc;  line-height:1rem; text-align: center;}
.join_us h3{ margin:0.25rem 0; font-size: .416667rem; color: #5376d1;background: url(../images/icon-r.gif) no-repeat 1.8rem 0.2rem; background-size: .319444rem  .277778rem; margin-left: 0.4rem;   }
.join_us p{ font-size:.28rem; color: #666; padding: 0 0.4rem; line-height: 0.5rem;}
.join_us p span{ color: #dc1616;}

.area10_2{ height: 9.444444rem; background: #fff; overflow: hidden;}
.area10_2 img{ display: block; width: 9.458333rem; height: 6.291667rem; margin: 0 auto;}



.area11{ width: 10rem; height: 11.2rem;background: #fff; overflow: hidden;}


.review .top {  margin: 0 auto 0.305555rem 0.277777rem; }
.review .top li {width:2.26rem; float: left; background: #a7b7f6; text-align: center; margin-right: 0.138888rem;   height:0.833333rem;  font-size:0.3rem; line-height:0.805555rem; border-radius: 0.069444rem; -webkit-border-radius: 0.069444rem; color:#fff;  cursor:pointer; }
.review .top li i{ font-size: 0.36rem; color: #fff; opacity: 0.6;}

.review .top li.a1{ background: #a7b7f6;}
.review .top li.a2{ background: #5376d1;}
.review .top li.a3{ background: #c84798;}
.review .top li.active{ background: #0f87f6;}
.review .top li.active i{ color: #fff;opacity:1;}
.review .boxImg .imgList{ display: block; margin: 0 auto; width: 9.444444rem; height: 7.430555rem;} 
.review .big_bg{ background: #ededed;}

.slideBox{ width:9.444444rem; height:7.430555rem; overflow:hidden; position:relative; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:9.444444rem; height:6.25rem; display:block;  }
.slideBox .prev .icon-zuoyouqiehuan{line-height: 0.777777rem;font-size: 0.722222rem; color:#c0c1c3 ;}
.slideBox .next .icon-btnright{line-height: 0.777777rem;  font-size: 0.763888rem;}
.slideBox .prev .icon-zuoyouqiehuan{ left: 3.805555rem;  color: #a1a1a1;  top:6.708333rem; position: absolute; z-index: 5;  } 
.slideBox .prev:hover .icon-zuoyouqiehuan{ left: 3.805555rem;   color: #839cde;  top:6.708333rem; position: absolute; z-index: 5;  } 

.slideBox .next .icon-btnright{ right: 3.805555rem; top:6.708333rem; position: absolute; z-index: 5; color: #839cde; } 
.slideBox .next:hover .icon-btnright{ right: 3.805555rem; top:6.708333rem; position: absolute; z-index: 5; color: #839cde; } 


.slideBox2{ width:9.444444rem; height:5.5rem;  position:relative; margin: 0 auto; }
.slideBox2 .bd li{ zoom:1; vertical-align:middle; }
.slideBox2 .bd img{ width:8.611111rem; height:4.930555rem; display:block;  }
.slideBox2 .prev,.slideBox2 .next{ display: block; position: absolute; right: 0; width:.625rem; height: 1.694444rem;line-height:1.694444rem;text-align: center; background: #839cde;}
.slideBox2 .next{top: 3.225rem;background: #c0c1c3;}
.slideBox2 .prev::after{content: '';position: absolute;width:0.027777rem;height: 1.4rem;background-color: #c0c1c3;top: 1.76rem;right: 0.3rem;}
.slideBox2 .prev .icon-shang,.slideBox2 .next .icon-xia{  font-size: 0.2rem; color:#fff ;}
.slideBox2 .next:hover{  background: #839cde;} 


.area12{ width: 10rem; height:6.388889rem; background: url(../images/footer_bg.jpg) no-repeat; background-size: 10rem 6.388889rem; overflow: hidden;}
.area12 a{ display: block;width: 10rem; height:6.388889rem; }


/*mui 弹窗*/
.mui-popup-backdrop { position: fixed; z-index: 998; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 400ms; transition-duration: 400ms; opacity: 0; background: rgba(0, 0, 0, .4) }
.mui-popup-backdrop.mui-active { opacity: 1 }
.mui-popup { position: fixed; z-index: 10000; top: 50%; left: 50%; display: none; overflow: hidden; width: 8rem; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-transform: translate3d(-50%, -50%, 0) scale(1.185); transform: translate3d(-50%, -50%, 0) scale(1.185); text-align: center; opacity: 0; color: #000; border-radius: 13px }
.mui-popup.mui-popup-in { display: block; -webkit-transition-duration: 400ms; transition-duration: 400ms; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); opacity: 1 }
.mui-popup.mui-popup-out { -webkit-transition-duration: 400ms; transition-duration: 400ms; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); opacity: 0 }
.mui-popup-inner { position: relative; padding: 0.5rem; border-radius: 0.234375rem 0.234375rem 0 0; background: rgba(255, 255, 255, .95) }
.mui-popup-inner:after { position: absolute; z-index: 15; top: auto; right: auto; bottom: 0; left: 0; display: block; width: 100%; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; background-color: rgba(0, 0, 0, .2) }
.mui-popup-title { font-size: 0.4rem; font-weight: 500; text-align: center }
.mui-popup-title+.mui-popup-text { font-family: inherit; font-size: 0.4rem; margin: 0.3125rem 0 0.2rem; color: #555; }
.mui-popup-buttons { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; height: 1.2rem; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center }
.mui-popup-button { font-size: 0.40625rem; line-height: 1.2rem; position: relative; display: block; overflow: hidden; box-sizing: border-box; width: 100%; height: 1.2rem; padding: 0 5px; cursor: pointer; text-align: center; white-space: nowrap; text-overflow: ellipsis; color: #007aff; background: rgba(255, 255, 255, .95); -webkit-box-flex: 1 }
.mui-popup-button:after { position: absolute; z-index: 15; top: 0; right: 0; bottom: auto; left: auto; display: block; width: 1px; height: 100%; content: ''; -webkit-transform: scaleX(.5); transform: scaleX(.5); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; background-color: rgba(0, 0, 0, .2) }
.mui-popup-button:first-child { border-radius: 0 0 0 0.234375rem }
.mui-popup-button:first-child:last-child { border-radius: 0 0 0.234375rem 0.234375rem }
.mui-popup-button:last-child { border-radius: 0 0 0.234375rem }
.mui-popup-button:last-child:after { display: none }

.mui-plus.mui-android .mui-popup-backdrop { -webkit-transition-duration: 1ms; transition-duration: 1ms }
.mui-plus.mui-android .mui-popup { -webkit-transition-duration: 1ms; transition-duration: 1ms; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1) }