*{margin:0;padding:0;list-style-type:none;}
body{background:#000; font: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Verdana", "Arial", "Helvetica", "微软雅黑"，sans-serif}
a {text-decoration:none}

/*pc*/
@media screen and (min-width:1001px) and (max-device-width:5000px)
{
/*one*/
.con1 {width:100%; height:100%; overflow:hidden}
.con1 video {width:auto; height:auto; position:relative}
.con1 .shangc {width:100%; height:100%; overflow:hidden; position:absolute; top:0px; left:0px; z-index:1}
.con1 .shangc .logo {width:348px; height:112px; float:left; margin:60px 0 0 40px}
.con1 .shangc .zhuce {margin:0px auto; width:800px; text-align:center; margin-top:480px; display:block}
.con1 .shangc .zhuce .time1,.con1 .shangc .zhuce .time2 { margin-bottom:20px;}
.con1 .shangc .zhuce .youxiang {width:510px; margin:0px auto}
.con1 .shangc .zhuce .youxiang .tijiao {width:442px; height:75px; background:url(../images/2.png); border:none; cursor:pointer; display:block; display:inline-block; margin-top:10px}
.con1 .shangc .zhuce .youxiang .tijiao:hover {width:442px; height:75px; background:url(../images/3.png); box-shadow:0 0 6px #00ffff;}
.con1 .shangc .zhuce .tishixinxi {  background:url(../images/tm50.png); padding:10px 20px; text-align:center; color:#ff6c6c; font-size:16px; font-weight:bold; line-height:150%; margin-top:10px; display:inline-block; overflow:hidden}
.con1 .shangc .zhuce .youxiang a {float:left; font-size:14px; color:#FFF; line-height:14px; text-shadow:1px 1px 0px #211a61; margin-top:10px; text-decoration:underline}
.con1 .shangc .zhuce .youxiang a:hover {color:#FF0004}

/*navigation*/
.con1 .daohang {float:right; width:140px; position:fixed; top:50%; right:20px; z-index:2; margin-top:-200px}
.con1 .daohang a {float:left; margin-bottom:6px; filter:alpha(Opacity=80); -moz-opacity:0.8; opacity:0.8; }
.con1 .daohang .ewm {float:left; width:140px; height:140px; margin-bottom:6px}
.con1 .daohang .anniu1 {width:104px; height:40px; background:#07ffe1 url(../images/jihuo.png) no-repeat 6px center; font-size:14px; color:#000; line-height:40px; padding-left:36px}
.con1 .daohang .anniu2,.con1 .daohang .anniu3,.con1 .daohang .anniu4 {width:102px; height:38px; border:#FFF 1px solid; font-size:14px; color:#FFF; line-height:40px; display:inline-block; padding-left:36px; text-align:center}
.con1 .daohang .anniu2 {background:#000 url(../images/android.png) no-repeat 6px center}
.con1 .daohang .anniu3 {background:#000 url(../images/twitter.png) no-repeat 6px center}
.con1 .daohang .anniu4 {background:#000 url(../images/zixun.png) no-repeat 6px center}
.con1 .daohang .anniu5 {background:#000 url(../images/wenj.png) no-repeat 6px center; width:102px; height:34px; border:#FFF 1px solid; font-size:12px; color:#FFF; line-height:14px; padding:4px 0 0 36px; text-align:center}
.con1 .daohang .anniu6 {background:#000 url(../images/zhuyi.png) no-repeat 6px center; width:102px; height:34px; border:#FFF 1px solid; font-size:12px; color:#FFF; line-height:14px; padding:4px 0 0 36px; text-align:center}
.con1 .daohang .anniu7 {background:#000 url(../images/yindao.png) no-repeat 6px center; width:102px; height:34px; border:#FFF 1px solid; font-size:12px; color:#FFF; line-height:14px; padding:4px 0 0 36px; text-align:center}
.con1 .daohang a:hover {filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; box-shadow:0 0 6px #00ffff}
.con1 .down {display:none}

/*two*/
.con2 {width:100%; height:900px; overflow:hidden; background:url(../images/bg1.jpg) no-repeat center 0px}
.con2 .juese {width:100%; height:900px; background:url(../images/r1.png) no-repeat 250px 0px; overflow:hidden}
.con2 .neir {width:1200px; margin:0px auto;}
.con2 .neir .title {width:100%; text-align:right; font-size:68px; color:#FFF; line-height:68px; background:url(../images/4.png) no-repeat right 84px; height:100px; font-weight:bold; margin:130px 0 30px 0}
.con2 .neir .wenz {float:right; background:url(../images/k1.png); width:712px; height:472px}
.con2 .neir .wenz p {width:620px; height:370px; font-size:16px; color:#FFF; line-height:30px; text-shadow:1px 1px 0px #211a61; margin:50px 0 0 50px; text-align:justify; background:url(../images/5.png) no-repeat 0px bottom}

/*three*/
.con3 {width:100%; height:900px; overflow:hidden; background:url(../images/bg2.jpg) no-repeat center 0px}
.con3 .juese {width:100%; height:900px; background:url(../images/r2.png) no-repeat right 0px; overflow:hidden}
.con3 .neir {width:1200px; margin:0px auto;}
.con3 .neir .title {width:100%; text-align:left; font-size:68px; color:#FFF; line-height:68px; background:url(../images/4.png) no-repeat left 84px; height:100px; font-weight:bold; margin:130px 0 30px 0}
.con3 .neir .wenz {float:left; background:url(../images/k2.png); width:1011px; height:555px}
.con3 .neir .wenz ul {width:910px; height:430px; margin:50px 0 0 70px; overflow:hidden}
.con3 .neir .wenz ul li {margin-bottom:20px;}
.con3 .neir .wenz ul li img { margin:10px 0; display:block; width:640px; height:300px}
.con3 .neir .wenz ul li b {font-weight:bold; color:#00ffff; line-height:30px; display:block}
.con3 .neir .wenz ul li p {margin-bottom:20px; font-size:14px; color:#FFF; line-height:24px; text-align:justify;}
.con3 .neir .wenz ul li p i { color:#ff6c6c; font-style:normal; display:block; font-weight:bold; }
.con3 .neir .wenz ul li p em { color:#FFF; display:block; font-style:normal; font-weight:bold;}
.con3 .neir .wenz ul li table {background:#000}
.con3 .neir .wenz ul li table tr td {background:#1b3053; font-size:14px; padding:4px 8px}
.con3 .neir .wenz ul li table tr .w1 {width:120px; background:#000; color:#FFF; text-align:center} 
.con3 .neir .wenz ul li table tr .w2 {color:#FFF}
.con3 .neir .wenz ul li table tr .w3 {color:#ff6c6c; font-weight:bold}
.con3 .neir .wenz ul li .zysx { color:#ff6c6c; line-height:180%; font-weight:bold;}

/*Opposing faction*/
.contain { display:none}

/*four*/
.con4 {width:100%; height:900px; overflow:hidden; background:url(../images/bg3.jpg) no-repeat center 0px}
.con4 .juese {width:100%; height:900px; background:url(../images/r3.png) no-repeat left 0px; overflow:hidden}
.con4 .neir {width:1200px; margin:0px auto;}
.con4 .neir .title {width:100%; text-align:right; font-size:68px; color:#FFF; line-height:68px; background:url(../images/4.png) no-repeat right 84px; height:100px; font-weight:bold; margin:130px 0 30px 0}
.con4 .neir .wenz {float:right; background:url(../images/k3.png); width:781px; height:504px}
.con4 .neir .wenz ul {width:680px; margin:46px 0 0 50px;}
.con4 .neir .wenz ul li {font-size:14px; color:#FFF; line-height:24px; text-shadow:1px 1px 0px #211a61; text-align:justify; background:url(../images/dian.png) no-repeat 0px 10px; padding-left:20px}

/*five*/
.con5 { width:100%; background:#222; padding:40px 0; overflow:hidden; text-align:center} 
.con5 p { margin:0px auto; color:#f5f5f5; font-size:16px; line-height:220%; text-align:left; width:30%; display:inline-block}
.con5 img { margin:0px auto; width:126px; border-radius:20px; border:#FFF 3px solid}

/*foot*/
footer {background:#fff;width:100%; padding:20px 0; text-align:center}
footer img {width:186px;height:69px;}
footer ul {margin:0px auto; display:inline-block; vertical-align:top; margin-top:30px}
footer ul a {font-size:14px; color:#666; text-decoration:none; border-right:#999 1px solid; padding-right:10px; margin-left:10px}
footer p {width:100%;text-align:center;margin:0;font-size:70%;}

/*The terms of*/
.sy-mask {width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.8);left:0;top:0;z-index:3;}
.tiaok {position:fixed;display:none; border:#00ffe4 2px solid; background:url(../images/tm50.png); overflow:hidden; width:800px; height:700px; left:0;right:0;margin:0 auto;z-index:4}
.tiaok .waik {width:696px; height:496px; padding:50px; background:url(../images/tm50.png); overflow:hidden;}
.tiaok .nr { width:100%; height:100%; color:#f5f5f5; font-size:14px; line-height:150%; text-align:justify;}
.tiaok .nr .title {width:100%; height:60px; text-align:center; font-size:28px; color:#FFF; line-height:28px; display:block; margin-bottom:40px; background:url(../images/lt.png) no-repeat center bottom; font-weight:bold}
.tiaok .nr b { display:block; color:#00ffe4; margin-bottom:10px}
.tiaok .nr p { margin-bottom:10px}
.tiaok .nr p a { color:#FF8A8C}
.tiaok .nr p a:hover { color:#FF2327; text-decoration:underline}
.tiaok .nr span { display:block; margin-bottom:10px; background:url(../images/dian.png) no-repeat 0px 8px; padding-left:20px}
.tiaok .sy-btn { text-align:center; margin-top:20px}
.tiaok .sy-btn a {margin:0px auto; color:#FFF; width:100px; display:inline-block; height:40px; border:#FFF 1px solid; background:none; line-height:40px;font-size:16px; text-align:center; opacity:0.8;filter:alpha(opacity=80)}
.tiaok .sy-btn a:hover {opacity:1;filter:alpha(opacity=100); border:#00ffe4 1px solid; color:#00ffe4}

/*confirm*/
.quer_bg {width:100%; height:900px; background:url(../images/quer_bg.jpg) no-repeat center 0px; overflow:hidden}
.quer_bg .logo {width:348px; height:112px; margin:0px auto; display:block; margin-top:50px; margin-bottom:50px;}
.quer_bg .neir {margin:0px auto; width:1011px; height:555px; background:url(../images/k4.png);}
.quer_bg .neir p {width:800px; font-size:28px; color:#FFF; line-height:200%; margin:80px 0 60px 100px; display:inline-block}
.quer_bg .neir p span {color:#ff1818}
.quer_bg .neir a {width:280px; height:80px; margin:0px auto; background:#000 url(../images/tj.png) no-repeat 14px center; border:#FFF 1px solid; font-size:22px; color:#FFF; line-height:80px; display:block; text-align:center; filter:alpha(Opacity=70); -moz-opacity:0.7; opacity:0.7;}
.quer_bg .neir a:hover {filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; box-shadow:0 0 6px #00ffff}

/*The questionnaire*/
.wenjuan {position:fixed;display:none; width:800px; height:700px; border:#00ffe4 2px solid; left:0; right:0; margin:0px auto; z-index:4}
.wenjuan .waik {width:696px; height:496px; padding:50px; background:url(../images/tm50.png); overflow:hidden;}
.wenjuan #sucai2 {width:100%; height:100%; color:#FFF}
.wenjuan #sucai2 span {width:100%; height:60px; text-align:center; font-size:28px; color:#FFF; line-height:28px; display:block; margin-bottom:40px; background:url(../images/lt.png) no-repeat center bottom; font-weight:bold}
.wenjuan #sucai2 .topic-group {border-bottom:#666 1px dashed; padding-bottom:20px; color:#00ffe4; font-weight:bold; line-height:150%}
.wenjuan #sucai2 .topic-group input { margin-right:6px}
.wenjuan #sucai2 .topic-group label { font-size:16px; color:#f5f5f5; font-weight:normal;letter-spacing:2px }
.wenjuan #sucai2 #checkquest {width:140px; height:50px; cursor:pointer; margin:0px auto; display:block; background:#00ffe4; border:none; color:#000; font-weight:bold; margin-top:20px;}
.wenjuan #sucai2 #checkquest:hover { background:#00ffff; filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; box-shadow:0 0 6px #00ffff}
.wenjuan #sucai2 .notice {font-size:14px; line-height:150%; margin-top:30px; color:#f5f5f5}
.wenjuan .guanbi {height:50%; overflow:hidden; text-align:center; margin-top:20px}
.wenjuan .guanbi a {margin:0px auto; color:#FFF; width:100px; display:inline-block; height:40px; border:#FFF 1px solid; background:none; line-height:40px;font-size:16px; text-align:center; opacity:0.8;filter:alpha(opacity=80)}
.wenjuan .guanbi a:hover {opacity:1;filter:alpha(opacity=100); border:#00ffe4 1px solid; color:#00ffe4}


/*attention*/
.attention {position:fixed;display:none; width:800px; height:700px; border:#00ffe4 2px solid; left:0; right:0; margin:0px auto; z-index:4}
.attention .waik {width:696px; height:496px; padding:50px; background:url(../images/tm50.png); overflow:hidden;}
.attention #sucai3 {width:100%; height:100%; color:#FFF; font-size:14px; line-height:150%}
.attention #sucai3 .biaoh { color:#ff6c6c}
.attention #sucai3 strong { font-weight:bold; font-size:16px}
.attention #sucai3 .line { width:100%; display:block; height:1px; border-top:#FFF 1px solid; margin:10px 0; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
.attention .guanbi {height:50%; overflow:hidden; text-align:center; margin-top:20px}
.attention .guanbi a {margin:0px auto; color:#FFF; width:100px; display:inline-block; height:40px; border:#FFF 1px solid; background:none; line-height:40px;font-size:16px; text-align:center; opacity:0.8;filter:alpha(opacity=80)}
.attention .guanbi a:hover {opacity:1;filter:alpha(opacity=100); border:#00ffe4 1px solid; color:#00ffe4}

/*down_sm*/
.down_sm {position:fixed;display:none; width:840px; height:560px; border:#00ffe4 2px solid; left:0; right:0; margin:0px auto; z-index:4}
.down_sm .waik {width:696px; height:360px; padding:50px; background:url(../images/tm50.png); overflow:hidden;}
.down_sm #sucai4 {width:100%; height:100%; color:#FFF; font-size:14px; line-height:150%}
.down_sm #sucai4 p { float:right; width:80%}
.down_sm #sucai4 .biaoh { color:#ff6c6c}
.down_sm #sucai4 strong { font-weight:bold; font-size:16px}
.down_sm #sucai4 img { float:left; width:100px; margin-bottom:20px; border:#FFFFFF 2px solid; border-radius:10px}
.down_sm .guanbi { overflow:hidden; text-align:center; margin-top:0px}
.down_sm .guanbi a {margin:0px auto; color:#FFF; width:100px; display:inline-block; height:40px; border:#FFF 1px solid; background:none; line-height:40px;font-size:16px; text-align:center; opacity:0.8;filter:alpha(opacity=80)}
.down_sm .guanbi a:hover {opacity:1;filter:alpha(opacity=100); border:#00ffe4 1px solid; color:#00ffe4}
}

/*sp*/
@media screen and (min-width:320px) and (max-device-width:1000px)
{
/*one*/
.con1 {width:100%; height:730px; background:url(../images/sp_sy_bg.jpg) no-repeat center 0px; background-size:100%; overflow:hidden; position:relative}
.con1 video {display:none}
/*.con1 video {width:210%; height:auto; position:relative; left:50%; margin-left:-105%}*/
.con1 .shangc {width:100%; height:auto; overflow:hidden; position:absolute; top:0px; left:0px; z-index:1}
.con1 .shangc .logo {width:40%; float:left; margin:10px 0 0 10px}
.con1 .shangc .zhuce {margin:0px auto; width:100%; text-align:center;}
.con1 .shangc .zhuce .zhuyu {width:90%; margin:140px 0 20px 0}
.con1 .shangc .zhuce .time1,.con1 .shangc .zhuce .time2 { width:70%;}
.con1 .shangc .zhuce .time2 { margin-bottom:20px;}
.con1 .shangc .zhuce .youxiang {width:100%; height:auto }
.con1 .shangc .zhuce .youxiang .tijiao {margin:0px auto; width:70%; height:80px; background:url(../images/2.png) no-repeat 0px 0px; background-size:100% auto; border:none; cursor:pointer; display:block; margin-bottom:0px; outline:none}
.con1 .shangc .zhuce .youxiang .tijiao:hover {width:70%; background:url(../images/3.png) no-repeat 0px 0px; background-size:100% auto; outline:none }
.con1 .shangc .zhuce .tishixinxi {  background:url(../images/tm50.png); padding:10px 20px; color:#ff6c6c; text-align:left; font-size:14px; font-weight:bold; line-height:150%; margin-top:0px; display:inline-block}
.con1 .shangc .zhuce .youxiang .dg {width:16px; height:16px; margin:0px 10px 0 0}
.con1 .shangc .zhuce .youxiang a {font-size:14px; color:#FFF; line-height:14px; text-shadow:1px 1px 0px #211a61; text-decoration:underline}
.con1 .shangc .zhuce .youxiang a:hover {color:#FF0004}
.con1 .daohang {float:right; width:44px; position:fixed; top:10px; right:0px; z-index:99999;}
.con1 .daohang a {float:left; margin-bottom:2px; color:#FFFFFF; filter:alpha(Opacity=80); -moz-opacity:0.8; opacity:0.8; font-size:0px; overflow:hidden; width:40px; height:40px; border-radius:3px;display:inline-block;}
.con1 .daohang .ewm {display:none}
.con1 .daohang .anniu1 {background:#07ffe1 url(../images/jihuo.png) no-repeat 9px center;}
.con1 .daohang .anniu2 {background:#000 url(../images/android.png) no-repeat 10px center; display:none}
.con1 .daohang .anniu3 {background:#000 url(../images/twitter.png) no-repeat 8px center}
.con1 .daohang .anniu4 {background:#000 url(../images/zixun.png) no-repeat 9px center}
.con1 .daohang .anniu5 {background:#000 url(../images/wenj.png) no-repeat 10px center;}
.con1 .daohang .anniu6 {background:#000 url(../images/zhuyi.png) no-repeat 10px center;}
.con1 .daohang .anniu7 {background:#000 url(../images/yindao.png) no-repeat 8px center;}
.con1 .down {float:left; color:#FFF; filter:alpha(Opacity=80); -moz-opacity:0.8; opacity:0.8; font-size:14px; overflow:hidden; border:#FFF 1px solid; width:100px; height:40px; border-radius:3px; background:#000 url(../images/android.png) no-repeat 10px center; position:absolute; bottom:20px; left:50%; margin-left:-70px; z-index:4; padding-left:45px; line-height:40px; font-weight:bold}

/*two*/
.con2 {height:auto; overflow:hidden; background:url(../images/bg1.jpg) no-repeat center 0px; padding-bottom:40px}
.con2 .juese {width:100%; background:none;}
.con2 .neir {width:100%;}
.con2 .neir .title {width:100%; margin:0px auto; text-align:center; font-size:36px; color:#FFF; line-height:36px; background:url(../images/4.png) no-repeat center bottom; background-size:40%; height:60px; font-weight:bold; margin:40px 0 30px 0}
.con2 .neir .wenz {margin:0px auto; width:88%; padding:6%; background:url(../images/sp_k1.png) no-repeat 0px 0px; background-size:98% 100%}
.con2 .neir .wenz p {width:100%; height:280px; font-size:14px; color:#FFF; line-height:20px; text-shadow:1px 1px 0px #211a61; text-align:justify; background:url(../images/sp_5.png) no-repeat 0px bottom; background-size:98%}

/*three*/
.con3 {height:auto; overflow:hidden; background:url(../images/bg2.jpg) no-repeat center 0px; padding-bottom:40px}
.con3 .juese {width:100%; background:none;}
.con3 .neir {width:100%;}
.con3 .neir .title {width:100%; margin:0px auto; text-align:center; font-size:36px; color:#FFF; line-height:36px; background:url(../images/4.png) no-repeat center bottom; background-size:40%; height:60px; font-weight:bold; margin:40px 0 30px 0}
.con3 .neir .wenz {margin:0px auto; width:88%; padding:6% 2% 6% 6%; background:url(../images/sp_k2.png) no-repeat 0px 0px; background-size:98% 100%; }
.con3 .neir .wenz ul {width:98%; height:430px; overflow:hidden}
.con3 .neir .wenz ul li {margin-bottom:20px; width:98%}
.con3 .neir .wenz ul li b {font-weight:bold; color:#00ffff; font-size:12px; line-height:30px; display:block}
.con3 .neir .wenz ul li img {width:100%; display:block}
.con3 .neir .wenz ul li p {margin-bottom:20px; font-size:12px; color:#FFF; line-height:20px; text-align:justify;}
.con3 .neir .wenz ul li p i { color:#ff6c6c; font-style:normal; display:block; font-weight:bold;}
.con3 .neir .wenz ul li p em { color:#FFF; display:block; font-style:normal; font-weight:bold;}
.con3 .neir .wenz ul li table {background:#000}
.con3 .neir .wenz ul li table tr td {background:#1b3053; font-size:12px; padding:4px 8px}
.con3 .neir .wenz ul li table tr .w1 {width:20%; background:#000; color:#FFF; text-align:center} 
.con3 .neir .wenz ul li table tr .w2 {color:#FFF}
.con3 .neir .wenz ul li table tr .w3 {color:#ff6c6c; font-weight:bold}
.con3 .neir .wenz ul li .zysx { color:#ff6c6c; line-height:180%; font-weight:bold;}

/*Opposing faction*/
.contain{width:100%; height:650px; background:url(../images/qh_bg.jpg) no-repeat center 0px; background-size:110%; position:relative; overflow:hidden}
.box_k {width:100%; height:650px; position: relative; overflow:hidden;}
.box_wheel{ height:650px; position:absolute;overflow: hidden;}
.box_wheel li { width:414px; text-align:center; height:100%; float:left;}
.box_wheel li img { width:100%}
.box .jiantou { width:100%; position:absolute; top:0px; left:0px; z-index:3}
.btn {width: 40px;height:64px; cursor: pointer;}
.btn img { width:100%}
.btn_left {position: absolute; left: 0px; top: 50%;}
.btn_right {position: absolute; right: 0px; top: 50%;}

/*four*/
.con4 {height:auto; overflow:hidden; background:url(../images/bg3.jpg) no-repeat center 0px; padding-bottom:40px}
.con4 .juese {width:100%; background:none;}
.con4 .neir {width:100%;}
.con4 .neir .title {width:100%; margin:0px auto; text-align:center; font-size:36px; color:#FFF; line-height:36px; background:url(../images/4.png) no-repeat center bottom; background-size:40%; height:60px; font-weight:bold; margin:40px 0 30px 0}
.con4 .neir .wenz {margin:0px auto; width:90%; padding:6% 6% 6% 4%; background:url(../images/sp_k1.png) no-repeat 0px 0px; background-size:98% 100%}
.con4 .neir .wenz ul {width:100%;}
.con4 .neir .wenz ul li {font-size:12px; color:#FFF; line-height:20px; text-shadow:1px 1px 0px #211a61; text-align:justify; background:url(../images/dian.png) no-repeat 0px 8px; background-size:5px; padding-left:10px}

/*five*/
.con5 { width:100%; background:#222; padding:30px 0; overflow:hidden; text-align:center} 
.con5 p { margin:0px auto; color:#f5f5f5; font-size:14px; line-height:180%; text-align:left; width:90%; display:inline-block; margin-bottom:20px}
.con5 img { margin:0px auto; width:20%; border-radius:20px; border:#FFF 2px solid}

/*foot*/
footer {background:#fff; float:left; width:100%; padding:10px 0 20px 0; text-align:center}
footer img {width:140px;}
footer ul {float:left; width:100%; text-align:center; margin-bottom:10px}
footer ul a {margin:0px auto; font-size:12px; color:#666; text-decoration:none; padding-right:10px; margin-left:10px}
footer p {width:100%; float:left; text-align:center;margin:0;font-size:70%; color:#999 }

/*The terms of*/
.sy-mask {width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.8);left:0;top:0;z-index:5;}
.tiaok {position:fixed;display:none; border:#00ffe4 2px solid; width:98%; height:98%; left:0; right:0; top:0; margin:0px auto; z-index:9}
.tiaok .waik {width:90%; height:80%; padding:5% 3%; margin:0px auto; background:url(../images/tm50.png); overflow:hidden;}
.tiaok .nr { width:100%; height:100%; color:#f5f5f5; font-size:14px; line-height:150%; text-align:justify;}
.tiaok .nr .title {width:100%; height:60px; text-align:center; font-size:28px; color:#FFF; line-height:28px; display:block; margin-bottom:40px; background:url(../images/lt.png) no-repeat center bottom; font-weight:bold}
.tiaok .nr b { display:block; color:#00ffe4; margin-bottom:10px}
.tiaok .nr p { margin-bottom:10px}
.tiaok .nr p a { color:#FF8A8C}
.tiaok .nr p a:hover { color:#FF2327; text-decoration:underline}
.tiaok .nr span { display:block; margin-bottom:10px; background:url(../images/dian.png) no-repeat 0px 8px; padding-left:20px}
.tiaok .sy-btn {height:50%; overflow:hidden; text-align:center; margin-top:20px}
.tiaok .sy-btn a {margin:0px auto; color:#FFF; width:100px; display:inline-block; height:40px; border:#FFF 1px solid; background:none; line-height:40px;font-size:16px; text-align:center; opacity:0.8;filter:alpha(opacity=80)}
.tiaok .sy-btn a:hover {opacity:1;filter:alpha(opacity=100); border:#00ffe4 1px solid; color:#00ffe4}

/*confirm*/
.quer_bg {background:url(../images/quer_bg.jpg) no-repeat center 0px; position:fixed; top:0; left:0; width:100%; height:100%; z-index:-10; zoom:1;}
.quer_bg .logo {width:40%;  margin:0px auto; display:block; margin-top:50px; margin-bottom:50px;}
.quer_bg .neir {margin:0px auto; width:85%; height:90%; padding:10% 5% 0 10%; background:url(../images/sp_k3.png) no-repeat center 0px; background-size:98%}
.quer_bg .neir p {width:100%; font-size:16px; color:#FFF; line-height:200%; margin:0 0 20px 0; display:inline-block}
.quer_bg .neir p span {color:#ff1818}
.quer_bg .neir a {width:180px; height:50px; margin:0px auto; background:#000 url(../images/tj.png) no-repeat 14px center; background-size:5%; border:#FFF 1px solid; font-size:14px; color:#FFF; line-height:50px; display:block; text-align:center; filter:alpha(Opacity=70); -moz-opacity:0.7; opacity:0.7;}
.quer_bg .neir a:hover {filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; box-shadow:0 0 6px #00ffff}

/*The questionnaire*/
.wenjuan {position:fixed;display:none; border:#00ffe4 2px solid; width:98%; height:98%; left:0; right:0; top:0; margin:0px auto; z-index:9}
.wenjuan .waik {width:96%; height:80%; padding:5% 1% 5% 3%; margin:0px auto; background:url(../images/tm50.png); overflow:hidden;}
.wenjuan #sucai2 {width:100%; height:100%;}
.wenjuan #sucai2 span {width:100%; height:46px; text-align:center; font-size:22px; color:#FFF; line-height:22px; display:block; margin-bottom:20px; background:url(../images/lt.png) no-repeat center bottom; font-weight:bold}
.wenjuan #sucai2 .topic-group {border-bottom:#666 1px dashed; padding-bottom:20px; color:#00ffe4; font-size:14px; font-weight:bold; line-height:150%}
.wenjuan #sucai2 .topic-group input { margin-right:6px}
.wenjuan #sucai2 .topic-group label { color:#f5f5f5; font-weight:normal;}
.wenjuan #sucai2 #checkquest {width:140px; height:50px; cursor:pointer; margin:0px auto; display:block; background:#00ffe4; border:none; color:#000; font-weight:bold; margin-top:20px;}
.wenjuan #sucai2 #checkquest:hover { background:#00ffff; filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; box-shadow:0 0 6px #00ffff}
.wenjuan #sucai2 .notice {font-size:14px; line-height:150%; margin-top:30px; color:#f5f5f5}
.wenjuan .guanbi {height:50%; overflow:hidden; text-align:center; margin-top:20px}
.wenjuan .guanbi a {margin:0px auto; color:#FFF; width:100px; display:inline-block; height:40px; border:#FFF 1px solid; background:none; line-height:40px;font-size:16px; text-align:center; opacity:0.8;filter:alpha(opacity=80)}
.wenjuan .guanbi a:hover {opacity:1;filter:alpha(opacity=100); border:#00ffe4 1px solid; color:#00ffe4}

/*attention*/
.attention {position:fixed;display:none; border:#00ffe4 2px solid; width:98%; height:98%; left:0; right:0; top:0; margin:0px auto; z-index:9}
.attention .waik  {width:96%; height:80%; padding:5% 1% 5% 3%; margin:0px auto; background:url(../images/tm50.png); overflow:hidden;}
.attention #sucai3 {width:100%; height:100%; color:#FFF; font-size:14px; line-height:150%}
.attention #sucai3 .biaoh { color:#ff6c6c}
.attention #sucai3 strong { font-weight:bold; font-size:16px}
.attention #sucai3 .line { width:100%; display:block; height:1px; border-top:#FFF 1px solid; margin:10px 0; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;}
.attention .guanbi {height:50%; overflow:hidden; text-align:center; margin-top:20px}
.attention .guanbi a {margin:0px auto; color:#FFF; width:100px; display:inline-block; height:40px; border:#FFF 1px solid; background:none; line-height:40px;font-size:16px; text-align:center; opacity:0.8;filter:alpha(opacity=80)}
.attention .guanbi a:hover {opacity:1;filter:alpha(opacity=100); border:#00ffe4 1px solid; color:#00ffe4}


/*down_sm*/
.down_sm {position:fixed;display:none; border:#00ffe4 2px solid; width:98%; height:98%; left:0; right:0; top:0; margin:0px auto; z-index:9}
.down_sm .waik  {width:96%; height:80%; padding:5% 1% 5% 3%; margin:0px auto; background:url(../images/tm50.png); overflow:hidden;}
.down_sm #sucai4 {width:100%; height:100%; color:#FFF; font-size:14px; line-height:150%}
.down_sm #sucai4 p { width:100%;}
.down_sm #sucai4 img { display:block; margin:0px auto; width:100px; margin-bottom:20px; border:#FFFFFF 2px solid; border-radius:10px}
.down_sm #sucai3 strong { font-weight:bold; font-size:16px}
.down_sm .guanbi {height:50%; overflow:hidden; text-align:center; margin-top:20px}
.down_sm .guanbi a {margin:0px auto; color:#FFF; width:100px; display:inline-block; height:40px; border:#FFF 1px solid; background:none; line-height:40px;font-size:16px; text-align:center; opacity:0.8;filter:alpha(opacity=80)}
.down_sm .guanbi a:hover {opacity:1;filter:alpha(opacity=100); border:#00ffe4 1px solid; color:#00ffe4}
}

/*Opposing faction 320-375*/
@media screen and (min-width:320px) and (max-device-width:375px)
{
.box_wheel li { width:375px; height:100%; float:left;}
}