body{font-size:1.4rem}
div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,legend,table,caption,tbody,tfoot,thead,tr,th,
td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,summary,time,mark,audio,
video{margin:0;padding:0;border:0;font-family:'Microsoft YaHei', SimSun;font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:500;}
h1{font-size:1.8rem;}
h2{font-size:1.6rem;}
ul,ol{list-style:none;}
button{outline:none;}
a{color:#fff;text-decoration:none;cursor:pointer;}
a:link,a:visited,a:hover{outline:none;}
a:hover,a:focus{color:#ff0;text-decoration:none;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.ml10{margin-left:10px;}
.mr10{margin-right:10px;}
.ml20{margin-left:20px;}
.mr20{margin-right:20px;}
.mb10{margin-bottom:10px;}
.palr10{padding:0 10px;}
.pal10{padding-left:10px;}
.minh500{min-height:500px;}
.mt60{margin-top:60px;}
.xt-center{justify-content:center;align-items:center;}/*居中对齐*/
.xt-flex-row{display:flex;flex-direction:row;}/*水平方向排列*/
.xt-jsb{justify-content:space-between;}/*均匀分布子元素*/

.red{color:red;}
.green{color:green;}
.blue{color:blue;}
.black{color:black;}
.orange{color:orange;}
.grey{color:grey;}
.purple{color:purple;}
.white{color:white;}
.afb{color:#01dafb;}
.fb8{color:#fb8686;}
.b-white{background-color:white;}
.b-green{background-color:green;}
.b-red{background-color:#f00;}
.b-fab{background-color:#fab1b1;}
.b-blue{background-color:blue;}
.b-purple{background-color:purple;}
.b-orange{background-color:orange;}
.bat{background:transparent;}
.p10{padding:10px;}
.p20{padding:20px;}
.h-20{height:20px;}
.h-30{height:30px;}
.lh-30{line-height:30px;}
.lh-50{line-height:50px;}
.h-full{height:100%;}
.w-full{width:100%;}
.w-100{width:100px;}
.w-200{width:200px;}
.maa{margin:0px auto;}
.rounded-full{border-radius:9999px;}
.overflow-hidden{overflow:hidden;}
.f18{font-size:18px;}
.fwb{font-weight:bold;}
.tac{text-align:center;}
.fs18{font-size:18px;}
.active{background:#F38F1A;font-weight:bold;border-radius:8px;}
.cur{cursor:pointer;}
.cur:hover{color:#ff0;}
.dii{display:inherit !important;}

.am-dropdown-content{-webkit-box-shadow: 0 2px 10px rgba(54, 77, 254, 0.4); -moz-box-shadow: 0 2px 10px rgba(66, 66, 250, 0.4); box-shadow: 0 2px 10px rgba(69, 49, 250, 0.4);}
.am-radius{border-radius:8px;}
.am-tab-panel{padding:10px 0;}
.am-active{z-index:100;visibility:visible; -webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
.am-form{overflow:hidden;padding:10px 10px 0 10px;}
.am-form-group{padding:0 0 30px 0; margin-bottom:0;}
.am-radio-inline{padding-left:10px;min-width:20px;min-height:20px;font-size:14px;}
ul.am-dropdown-content>li>a{padding:8px 11px;width:calc(100% - 2px);}
.header-top ul.am-dropdown-content>li>a:hover,ul.am-dropdown-content>li>a:focus{background-color:#f2f2f2;}


.header-top{display:flex;width:100%;height:60px;z-index:9999;background-color:rgba(0,0,0,0.6);color:#fff;position:fixed;top:0;}
.header-top a{color:#fff;}
.header-top a:hover{color:#ff0;font-weight:bold;}
.header-top .logo-big{float:left;height:60px;width:auto;padding-left:20px;}
.header-top .logo-big img{width:auto;height:60px;color:transparent;}
.header-top .top-nav-right{height:60px;line-height:40px;float:right;margin-right:20px;margin-top:10px;}
.header-top .top-nav-right .login{text-align:center;color:#fff;border:solid 1px rgba(255, 255, 255, 0.8);background-image:linear-gradient(145deg, #fa71cd, #c471f5);cursor:pointer;padding:0 20px;border-radius:20px;}
.header-top .top-nav-right .login:hover{color:#ff0;font-weight:bold;}
.header-top .top-nav-right i{margin-right:5px;}
.header{width:1200px;margin:0px auto;font-size:14px;position:relative;}
.header li{float:left;}
.main{width:100%;position:relative;z-index:10;margin-top:60px;}
.main h1{padding:30px 0 0 20px;font-size:24px;font-weight:bold;color:#fff;}
.index_container{width:1200px;margin:0 auto;padding:0;}
.index_container .indexbga{background:url(../images/index01.png) center center no-repeat;width:600px;height:600px;float:right;display:block;background-size:cover!important;}
.index_container .indexbgb{width:600px;height:600px;float:left;text-align:center;font-weight:bold;color:#fff;}
.index_container .indexbgc{background:url(../images/index02.png) center center no-repeat;width:600px;height:600px;float:right;display:block;background-size:cover!important;}
.index_container .indexbgd{background:url(../images/index04.png) center center no-repeat;width:600px;height:600px;float:left;display:block;background-size:cover!important;text-align:center;color:#fff;}
.index_container .hometitle{font-size:50px;margin-top:150px;}
.index_container .slogan{font-size:36px;margin-top:20px;}
.index_container .login{text-align:center;color:#fff;border:solid 1px rgba(255, 255, 255, 0.8);background-image:linear-gradient(145deg, #fa71cd, #c471f5);cursor:pointer;padding:20px;border-radius:50px;width:200px;margin:30px auto;}
.services{background-color:#ffffff18;width:100%;height:465px;}
.services ul{width:100%;padding-top:60px;}
.services li{width:33.333%;float:left;text-align:center;margin-bottom:20px;}
.services li img{width:200px;height:200px;margin:30px 100px;position:relative;opacity:0.6;}
.services li h2{color:#fff;font-weight:bold;}
.footer{width:100%;background:transparent;min-height:100px;margin-top:20px;z-index:9;position:relative;}
.footer a{color:#fff;}
.footer a:hover,.footer a:focus{color:#ff0;}
.footer .links{padding:20px;text-align:center;font-size:14px;}
.footer .links a{margin-right:20px;}
.footer .footer-line{border-bottom:1px solid #ddd;height:5px;}
.footer .copyright{color:#fff;text-align:center;font-size:13px;line-height:32px;}
.register_bg{background:url(../images/index01.png) left no-repeat;width:1200px;height:600px;margin:60px auto 0 auto;display:block;background-size:auto 100%!important;}
.register-container{width:400px;margin-right:100px;float:right;padding-top:50px;}
.agreement-container{margin-top:60px;min-height:600px;display:block;}
.login-background{background:url(../images/index02.png) left no-repeat;width:1200px;height:600px;display:block;background-size:auto 100%!important;}
.emotion-container{width:1200px;margin:0 auto;}
.tabbg1{width:100%;height:200px;background:url(../images/bg1.png) center center no-repeat;background-size:cover;}
.tabbg2{width:100%;height:200px;background:url(../images/bg2.png) center center no-repeat;background-size:cover;}
.tabbg3{width:100%;height:200px;background:url(../images/bg3.png) center center no-repeat;background-size:cover;}
.tabbg4{width:100%;height:200px;background:url(../images/bg4.png) center center no-repeat;background-size:cover;}
.tabbg5{width:100%;height:200px;background:url(../images/bg5.png) center center no-repeat;background-size:cover;}
.tabbg6{width:100%;height:200px;background:url(../images/bg6.png) center center no-repeat;background-size:cover;}
.tabbg7{width:100%;height:200px;background:url(../images/bg7.png) center center no-repeat;background-size:cover;}
.tabbg8{width:100%;height:200px;background:url(../images/bg8.png) center center no-repeat;background-size:cover;}
.tabbg9{width:100%;height:200px;background:url(../images/bg9.png) center center no-repeat;background-size:cover;}
.tabbg10{width:100%;height:200px;background:url(../images/bg10.png) center center no-repeat;background-size:cover;}
.banner{width:1000px;height:200px;margin-left:100px;position:absolute;}
.banner .take{padding:20px 0 0 0;width:25%;font-style:italic;letter-spacing:1px;color:#fff;text-align:right;font-size:24px;font-weight:bold;}
.banner h1{text-align:center;color:#fff;font:36px/150% "Hiragino Sans GB","Microsoft Yahei",arial,宋体,"Helvetica Neue",Helvetica,STHeiTi,sans-serif;font-style:italic;letter-spacing:4px;font-weight:bold;padding-top:20px;}
.banner button{font-size:15px;line-height:32px;padding:5px 20px;margin:5px;border-radius:30px;color:#fff;border:0;}
.button-cc{padding:20px 50px;max-width:600px;margin:20px auto;height:50px;}
.button-cc .button{width:100%;height:50px;line-height:50px;color:#fff;background:linear-gradient(to right,#fa71cd,#c471f5,#fa71cd);font-size:18px;border-radius:30px;letter-spacing:4px;font-weight:bold;border:0;}
.button-cc .butblue{width:100%;height:50px;line-height:50px;color:#fff;background:linear-gradient(to right,#00aaff,#0000ff,#00aaff);font-size:18px;border-radius:30px;letter-spacing:4px;font-weight:bold;border:0;}
.button-cc .butblack{width:100%;height:50px;line-height:50px;color:#fff;background:linear-gradient(to right,#3a3a3a,#c5c5c5,#3a3a3a);font-size:18px;border-radius:30px;letter-spacing:4px;font-weight:bold;border:0;}
.button-cc .butorange{width:100%;height:50px;line-height:50px;color:#fff;background:linear-gradient(to right,#ffa500,#885901,#ffa500);font-size:18px;border-radius:30px;letter-spacing:4px;font-weight:bold;border:0;}
.emotion-content{padding:20px;background:url(../images/index02.png) right no-repeat;color:#fff;}
.emotion-content p{font-size:13px;line-height:30px;color:#fff;padding:10px 0;}
.emotion-content i{margin-right:5px;}
.emotion-content h2{font-size:22px;font-weight:bold;line-height:60px;}
.emotion-content ul{margin:12px 0;font-size:13px;line-height:24px;}
.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));}
.progress-red{background:linear-gradient(to right,#fc8f8f,#f88484,#801a1a);}
.progress-blue{background:linear-gradient(to right,#36d1dc,#5b86e5,#1a2980);}
.progress-purple{background:linear-gradient(to right,#fa83fa,#fc68fc,#540154);}
.progress-green{background:linear-gradient(to right,#9efb9e,#6eed6e,#015201);}
.progress-orange{background:linear-gradient(to right,#ffdea1,#fbc86a,#996401);}
.progress-green{background:linear-gradient(to right,#9efb9e,#6eed6e,#015201);}
.progress-afb{background:linear-gradient(to right,#acdefd,#5be4f9,#01dafb);}
.total{padding-left:10px;margin-top:-10px;}
.total .type{font-size:24px;font-weight:bold;color:red;}
.total .type-green{font-size:24px;font-weight:bold;color:#015201;}
.total .type-black{font-size:24px;font-weight:bold;color:#fff;}
.total .type-orange{font-size:24px;font-weight:bold;color:#ffff00;}
#answer-cc,#result-cc{color:#fff;}
.answer{margin-left:20px;margin-top:20px;}
.answer input[type="radio"], .answer input[type="checkbox"]{height:auto;position:absolute;left:5px;top:5px;}
.answer li{line-height:32px;font-size:14px;}
.answer .answerA,.answer .answerB,.answer .answerC,.answer .answerD{width:calc(100% - 60px);}
.progress-red{background:linear-gradient(to right,#fedbdb,#fd7070,#ff0000);}
.progress-green{background:linear-gradient(to right,#9efb9e,#6eed6e,#015201);}
.progress-black{background:linear-gradient(to right,#dcdcdc,#9c9c9c,#3a3a3a);}
.progress-orange{background:linear-gradient(to right,#fceac9,#fcc867,#ffa500);}
.progress-blue{background:linear-gradient(to right,#babafb,#4949fb,#0000ff);}
.cc_tools{margin:50px auto;width:800px;padding:20px 12px 15px 12px;}
.cc_tools .col-25{width:25%;float:left;text-align:center;}
.cc-icon-box{padding:5px 0;min-width:24%;min-height:85px;padding-bottom:5px;}
.cc-icon-box p{margin:0 auto;width:50px;height:50px;font-size:14px;color:#fff;}
.cc-icon-box i{float:left;width:50px;height:50px;background-size:100%;margin-bottom:10px;}
.cc-icon1{background:url(../images/love.png) center center no-repeat;}
.cc-icon2{background:url(../images/wealth.png) center center no-repeat;}
.cc-icon3{background:url(../images/career.png) center center no-repeat;}
.cc-icon4{background:url(../images/waijiao.png) center center no-repeat;}
.cc-icon5{background:url(../images/study.png) center center no-repeat;}
.cc-icon6{background:url(../images/moneys.png) center center no-repeat;}
.cc-icon7{background:url(../images/fate.png) center center no-repeat;}
.cc-icon8{background:url(../images/consciousness.png) center center no-repeat;}
.cc-icon9{background:url(../images/cognitive.png) center center no-repeat;}
.cc-icon10{background:url(../images/blessing.png) center center no-repeat;}
.bt-cc{width:100%;margin-top:10px;}
.bt-cc .px{width:25px;float:left;}
.bt-cc .bt{width:calc(100% - 25px);float:left;}
.bt-cc h1{text-align:center;line-height:80px;font-weight:bold;font-size:36px;}
.result-content{margin:0;padding:0;}
.result-content p{font-size:14px;line-height:24px;text-indent:32px;padding:12px 0;}
.tips-error{min-height:300px;color:#fff;}
.xt-info{padding:20px;}
.xt-info li{border:1px solid #ddd;border-radius:8px;margin:10px;float:left;width:270px;}
.xt-info i{margin-right:10px;}
.xt-info h4{text-align:center;width:100%;line-height:50px;color:#fff;font-weight:bold;font-size:24px;}
.xt-cover{position:fixed;left:0;top:0;background-color:#000;width:100%;height:100%;filter:alpha(opacity=60);opacity:.6;z-Index:9999;display:none}
.xt-fr-box{width:360px;position:fixed;z-index:9999;left:12px;right:12px;height:240px;top:-100px;background:#fff;font-size:14px;border-radius:10px;display:none;margin-left:auto;margin-right:auto;}
.xt-fr-box .title{background:#f2f2f2;color:#333;font-size:15px;text-align:center;font-weight:600;border-radius:10px 10px 0 0;line-height:36px;}
.xt-fr-box .content{background:#fff;overflow-y:scroll;padding:15px;height:150px;}
.xt-fr-box .contentb{background:#fff;padding:15px;height:auto;border-radius:0 0 10px 10px;}

.bottom-two-btn-box{padding:0 20px;height:50px;}
.bottom-two-btn-box button{width:50%;height:40px;color:#fff;text-align:center;line-height:40px;margin:8px 0;border:0;}
.bottom-two-btn-box .zrw-dialog-b1{background:#FFAC2A;border-radius:8px 0 0 8px; }
.bottom-two-btn-box .zrw-dialog-b2{background:#ED413B;border-radius:0 8px 8px 0;}
.bottom-two-btn-box .zrw-dialog-b1:not(.disabled):not(:disabled):active,.bottom-two-btn-box .zrw-dialog-b1.active{background:#F38F1A;}
.bottom-two-btn-box .zrw-dialog-b2:not(.disabled):not(:disabled):active,.bottom-two-btn-box .zrw-dialog-b2.active{background:#DB3735;}
.redpacket-box{width:300px;height:400px;position:fixed;z-index:9999;background:url(../images/redpacket.png) no-repeat;background-size:100%;top:-500px;left:calc(50% - 150px);}
.redpacket-box .redmoney{text-align:center;font-size:36px;line-height:50px;color:#fff;margin-top:258px;font-weight:bold;}
.xt-infob{padding:20px;}
.xt-infob li{border:1px solid #ddd;border-radius:8px;margin:10px;float:left;width:212px;position:relative;height:152px;}
.xt-infob li p{width:100px;height:150px;background-size:cover;margin-left:calc(50% - 50px);}
.xt-infob li i{margin-right:2px;margin-left:2px;}
.xt-infob li div{height:80px;margin-top:-80px;text-align:center;color:#fff;white-space:nowrap;}
.xt-infob li div h2{font-size:20px;font-weight:bold;height:40px;line-height:40px;text-shadow:2px 2px 4px #000;}
.xt-infob li div h3{background-color:#333;text-align:center;width:100%;line-height:40px;color:#fff;font-weight:500;font-size:14px;height:40px;position:relative;border-bottom-left-radius:8px;border-bottom-right-radius:8px;}
.xt-infob li h4{background-color:#333;text-align:center;width:100%;line-height:40px;color:#fff;font-weight:500;font-size:14px;height:40px;margin-top:-40px;position:relative;border-bottom-left-radius:8px;border-bottom-right-radius:8px;}
.gather-icon1{background:url(../images/zs1.png) center center no-repeat;}
.gather-icon2{background:url(../images/zs2.png) center center no-repeat;}
.gather-icon3{background:url(../images/zs3.png) center center no-repeat;}
.gather-icon4{background:url(../images/zs4.png) center center no-repeat;}
.gather-icon5{background:url(../images/zs5.png) center center no-repeat;}
.gather-icon6{background:url(../images/zs6.png) center center no-repeat;}
.gather-icon7{background:url(../images/zs7.png) center center no-repeat;}
.gather-icon8{background:url(../images/zs8.png) center center no-repeat;}
.gather-icon9{background:url(../images/zs9.png) center center no-repeat;}
.gather-icon10{background:url(../images/zs10.png) center center no-repeat;}
.gather-icon11{background:url(../images/zs11.png) center center no-repeat;}
.gather-icon12{background:url(../images/zs12.png) center center no-repeat;}
.gather-icon13{background:url(../images/zs13.png) center center no-repeat;}
.gather-icon14{background:url(../images/zs14.png) center center no-repeat;}
.gather-icon15{background:url(../images/zs15.png) center center no-repeat;}
.gather-icon16{background:url(../images/zs16.png) center center no-repeat;}
.gather-icon17{background:url(../images/zs17.png) center center no-repeat;}
.gather-icon18{background:url(../images/zs18.png) center center no-repeat;}
.gather-icon19{background:url(../images/zs19.png) center center no-repeat;}
.gather-icon20{background:url(../images/zs20.png) center center no-repeat;}
.gather-icon21{background:url(../images/zs21.png) center center no-repeat;}
.gather-icon22{background:url(../images/zs22.png) center center no-repeat;}
.gather-icon23{background:url(../images/zs23.png) center center no-repeat;}
.gather-icon24{background:url(../images/zs24.png) center center no-repeat;}
.gather-icon25{background:url(../images/zs25.png) center center no-repeat;}
.gather-icon26{background:url(../images/zs26.png) center center no-repeat;}
.gather-icon27{background:url(../images/zs27.png) center center no-repeat;}
.gather-icon28{background:url(../images/zs28.png) center center no-repeat;}
.gather-icon29{background:url(../images/zs29.png) center center no-repeat;}
.gather-icon30{background:url(../images/zs30.png) center center no-repeat;}
.gather-icon31{background:url(../images/zs31.png) center center no-repeat;}
.gather-icon32{background:url(../images/zs32.png) center center no-repeat;}
.gather-icon33{background:url(../images/zs33.png) center center no-repeat;}
.gather-icon34{background:url(../images/zs34.png) center center no-repeat;}
.gather-icon35{background:url(../images/zs35.png) center center no-repeat;}
.gather-icon36{background:url(../images/zs36.png) center center no-repeat;}
.gather-icon37{background:url(../images/zs37.png) center center no-repeat;}
.gather-icon38{background:url(../images/zs38.png) center center no-repeat;}
.gather-icon39{background:url(../images/zs39.png) center center no-repeat;}
.gather-icon40{background:url(../images/zs40.png) center center no-repeat;}
.gather-icon41{background:url(../images/zs41.png) center center no-repeat;}
.gather-icon42{background:url(../images/zs42.png) center center no-repeat;}
.gather-icon43{background:url(../images/zs43.png) center center no-repeat;}
.gather-icon44{background:url(../images/zs44.png) center center no-repeat;}
.gather-icon45{background:url(../images/zs45.png) center center no-repeat;}
.gather-icon46{background:url(../images/zs46.png) center center no-repeat;}
.gather-icon47{background:url(../images/zs47.png) center center no-repeat;}
.gather-icon48{background:url(../images/zs48.png) center center no-repeat;}
.gather-icon49{background:url(../images/zs49.png) center center no-repeat;}
.gather-icon50{background:url(../images/zs50.png) center center no-repeat;}
.gather-icon51{background:url(../images/zs51.png) center center no-repeat;}
.gather-icon52{background:url(../images/zs52.png) center center no-repeat;}
.gather-icon53{background:url(../images/zs53.png) center center no-repeat;}
.gather-icon54{background:url(../images/zs54.png) center center no-repeat;}
.gather-icon55{background:url(../images/zs55.png) center center no-repeat;}
.gather-icon56{background:url(../images/zs56.png) center center no-repeat;}
.gather-icon57{background:url(../images/zs57.png) center center no-repeat;}
.gather-icon58{background:url(../images/zs58.png) center center no-repeat;}
.gather-icon59{background:url(../images/zs59.png) center center no-repeat;}
.gather-icon60{background:url(../images/zs60.png) center center no-repeat;}
.gather-icon61{background:url(../images/zs61.png) center center no-repeat;}
.gather-icon62{background:url(../images/zs62.png) center center no-repeat;}
.gather-icon63{background:url(../images/zs63.png) center center no-repeat;}
.gather-icon64{background:url(../images/zs64.png) center center no-repeat;}
.gather-icon65{background:url(../images/zs65.png) center center no-repeat;}
.gather-icon66{background:url(../images/zs66.png) center center no-repeat;}
.gather-icon67{background:url(../images/zs67.png) center center no-repeat;}
.gather-icon68{background:url(../images/zs68.png) center center no-repeat;}
.gather-icon69{background:url(../images/zs69.png) center center no-repeat;}
.gather-icon70{background:url(../images/zs70.png) center center no-repeat;}
.gather-icon71{background:url(../images/zs71.png) center center no-repeat;}
.gather-icon72{background:url(../images/zs72.png) center center no-repeat;}
.gather-icon73{background:url(../images/zs73.png) center center no-repeat;}
.gather-icon74{background:url(../images/zs74.png) center center no-repeat;}
.gather-icon75{background:url(../images/zs75.png) center center no-repeat;}
.gather-icon76{background:url(../images/zs76.png) center center no-repeat;}
.gather-icon77{background:url(../images/zs77.png) center center no-repeat;}
.gather-icon78{background:url(../images/zs78.png) center center no-repeat;}
.gather-icon79{background:url(../images/zs79.png) center center no-repeat;}
.gather-icon80{background:url(../images/zs80.png) center center no-repeat;}
.gather-icon81{background:url(../images/zs81.png) center center no-repeat;}
.gather-icon82{background:url(../images/zs82.png) center center no-repeat;}
.gather-icon83{background:url(../images/zs83.png) center center no-repeat;}
.gather-icon84{background:url(../images/zs84.png) center center no-repeat;}
.gather-icon85{background:url(../images/zs85.png) center center no-repeat;}
.gather-icon86{background:url(../images/zs86.png) center center no-repeat;}
.gather-icon87{background:url(../images/zs87.png) center center no-repeat;}
.gather-icon88{background:url(../images/zs88.png) center center no-repeat;}
.gather-icon89{background:url(../images/zs89.png) center center no-repeat;}
.user-main{margin-top:70px;}
.user-sidebar{background:transparent;color:#fff;}
.am-background-white{background:transparent !important;}
.am-list > li.am-active{background-color:#fff009;}
.am-footer-default {border-top:0;}
.am-title-right-border {position:relative;padding-right:20px;}
.am-color-main,.am-color-main:hover{color:#ff0 !important;}
.am-form-popup-fixed, form.am-form-popup-sticky{background:transparent !important;}
.am-form-error .am-form-help, .am-form-error .am-form-label, .am-form-error .am-radio, .am-form-error .am-checkbox, .am-form-error .am-radio-inline, .am-form-error .am-checkbox-inline, .am-form-error label{color:#fff;}
.am-form-group:not(.am-form-error):hover>label {color:#ff0;}
.am-form-popup-fixed .am-form-popup-submit, form.am-form-popup-sticky .am-form-popup-submit {background:transparent!important;}
.am-form-popup-fixed .am-form-popup-submit .am-btn.am-btn-warning, form.am-form-popup-sticky .am-form-popup-submit .am-btn.am-btn-warning, .am-form-popup-fixed .am-form-popup-submit .am-btn.am-btn-danger, form.am-form-popup-sticky .am-form-popup-submit .am-btn.am-btn-danger {color:#fff;}
.am-panel{background:transparent;border:1px solid #fff;}
.am-panel.am-panel-default .am-panel-hd{background:transparent;}
.am-panel-default > .am-panel-hd {color:#fff;}
.am-table-scrollable-horizontal > .am-table > thead > tr th {background:transparent;color:#fff;}
.am-table-hover > tbody > tr:hover > td, .am-table-hover > tbody > tr:hover > th {border-bottom:1px solid #ff0;background:transparent;}
.am-table > thead > tr > td.am-active,
.am-table > tbody > tr > td.am-active,
.am-table > tfoot > tr > td.am-active,
.am-table > thead > tr > th.am-active,
.am-table > tbody > tr > th.am-active,
.am-table > tfoot > tr > th.am-active,
.am-table > thead > tr.am-active > td,
.am-table > tbody > tr.am-active > td,
.am-table > tfoot > tr.am-active > td,
.am-table > thead > tr.am-active > th,
.am-table > tbody > tr.am-active > th,
.am-table > tfoot > tr.am-active > th {background:transparent;}
.am-pagination {color:#fff;}
.am-pagination-container > .am-active > a, .am-pagination-container > .am-active > a:hover, .am-pagination-container > .am-active > a:focus {background-color:#ff0;border-color:#ff0;color:#000;}
.am-pagination > li > a, .am-pagination > li > span {background:transparent;}

table.am-table .am-operate-grid .am-btn {color:#ff0;}
form.am-form .am-form-group-label-tips-must {color:#ff0;}
form.am-form .am-form-group {padding:0 0 10px 0;margin-bottom:0;}
form.am-form .am-form-group:hover,form.am-form .am-form-group:focus{color:#ff0;}
.form-table-operate-top > .operate-right .am-btn{background-color:transparent;color:#fff;}
.form-table-search {background:transparent;}

.user-sidebar-list li, .user-sidebar .am-active a, .user-sidebar-list li a:hover {background:transparent !important;text-decoration:none;}
.user-offcanvas-bar .am-list > li.am-active > a > i, .user-offcanvas-bar .am-list > li.am-active > a {color:#ff0;}
.user-offcanvas-bar .am-list > li {border-bottom:0.1rem solid #ddd;margin:0;}
.user-offcanvas-bar .am-list > li > a > i {font-size:2rem;color:#FFF;}
.user-offcanvas-bar .am-list>li>a:hover>i,.user-offcanvas-bar .am-list>li li>a:hover>i .user-offcanvas-bar .am-list>li>a:hover,.user-offcanvas-bar .am-list>li li>a:hover {color:#ff0;}
.user-offcanvas-bar .am-list > li li > a {color:#fff;}
.user-offcanvas-bar .am-list > li li.am-active > a,.user-offcanvas-bar .am-list > li li.am-active > a:hover {color:#ff0;}
.user-offcanvas-bar .am-list > li > a {font-size:15px;}
.user-content .user-content-body{background-color:rgba(85, 85, 85,0.7);color:#fff;min-height:500px;}
.user-content .order-base{width:100%;max-height:700px;overflow-y:scroll;}
.user-content .order-base li{float:left;margin:10px;padding:10px;width:22.55%;border:1px solid #999;border-radius:8px;}
.user-content .order-base li i{font-size:16px;font-weight:700;white-space:nowrap;}
.user-content .order-base li p{font-size:22px;font-weight:700;color:#ff0;}

.dl-content > dt:hover, .dl-content > dd:hover,.data-avg-text-list li:hover{background:transparent !important;border-bottom:1px solid #ff0;}
.contactustitle{padding-top:50px;}
.contactus{width:95%;float:right;}
.contactus li{width:100%;}
.recharge-center{text-align:center;}
.recharge-center label{line-height:100px;font-size:24px;font-weight:bold;}
.recharge-input{width:600px;padding:10px;margin:0 auto;}
.recharge-input input{width:100%;max-width:100%;padding:10px;color:#f00;font-size:18px !important;}
.extract-center{text-align:center;}
.extract-center h1{line-height:100px;font-size:24px;font-weight:bold;}
.extract{padding:0;width:100%;}
.extract li{float:left;margin:10px;height:80px;width:170px;border:1px solid #ddd;text-align:center;line-height:50px;background:url(../images/money.png) center center no-repeat;background-size:cover;color:#fff;font-size:22px;text-shadow:2px 2px 4px #0a02fe;}
.extract li:hover{border:1px solid #f00;color:#f00;}
.extract li div{text-align:center;line-height:50px;}
.extract li i{position:relative;margin-right:5px;margin-bottom:5px;float:right;z-index:999;}
.extract .active{color:#f00;margin-top:-20px;}
.extract .mygold-item{padding:0;}
.extract .mygold-active{border:1px solid #f00;color:#f00;}
.mygold-extract{padding:12px 10px;}
.mygold-extract span{font-size:16px;font-weight:800;color:#ff0;margin-left:10px;}
.goldtab{width:100%;padding:0;margin:0;}
.goldtab li{float:left;margin-right:10px;}
#gold2,#gold3{display:none;}
.tx-box{padding:0;}
.tx-box .number{text-align:center;font-size:26px;line-height:50px;letter-spacing:2px;color:#ff0;font-weight:bold;}
.tx-box .left{float:left;width:120px;text-align:left;font-size:14px;}
.tx-box .right{float:right;width:300px;text-align:right;}
.tips{color:#f00;font-size:13px;line-height:24px;margin-left:20px;}
.redwars-content-list{padding:10px;}
.redwars-content-list li{float:left;cursor:pointer;}
.redwars-content-list .redwars-bg{width:185px;height:300px;background:url(../images/redwars.jpg) no-repeat;background-size:cover;margin:24px;border-radius:10px;}
.redwars-content-list .redwars-bg2{width:185px;height:300px;background:url(../images/redwars2.jpg) no-repeat;background-size:cover;margin:24px;border-radius:10px;}
.redwars-content-list .time{text-align:center;line-height:50px;}
.redwars-content-list .name{text-align:center;line-height:24px;padding:15px;font-size:18px;font-weight:bold;text-shadow:2px 2px 2px #000;height:200px;}
.redwars-content-list .redtype{text-align:center;line-height:50px;font-size:24px;font-weight:bold;text-shadow:2px 2px 2px #000;}
.grabredwars{width:300px;height:200px;}
.game-content{padding:20px;}
.game-content h2{font-size:18px;font-weight:bold;line-height:50px;}
.game-content p{padding:10px 0;}
.game-content em{font-weight:bold;}
.game-content ul{padding-left:36px;}
.game-content dl{padding:10px;}
.game-content dd{padding:0 20px;line-height:36px;float:left;cursor:pointer;}
.game-content dd:hover{color:#ff0;}
.game-content dd #order_title1 {width:100%;word-break:break-all;}
.game-content table{margin:10px auto;}
.game-content table td{border:1px solid #fff;height:36px;line-height:24px;max-width:400px;overflow-wrap:break-word;}
.game-content table td span{margin-right:10px;}
.game-content table th{border:1px solid #fff;height:36px;line-height:36px;}
.game-content .remark{padding:10px;max-width:360px;line-height:24px;word-break:break-all;}
.game-content .history-list{width:100%;}
.game-content .title{font-size:18px;font-weight:bold;width:220px;}
.game-content .game-item{margin-bottom:15px;min-height:50px;}
.game-content .collapse{display:none;}
.game-content .complete{display:block;}
.game-content .radio{width:100px;height:36px;float:left;}
.game-content .radio input{width:20px;height:20px;position:relative;left:0;top:-5px;line-height:36px;}
.game-content textarea,.game-content input{width:600px;background:transparent;max-width:600px;color:#fff;padding:8px;}
.game-content textarea:focus,.game-content input:focus{color:#ff0;background:transparent;}
.game-content .am-form input[type="text"]{width:600px;background:transparent;color:#fff;}
.game-content .zodiacul{padding:20px 0;}
.game-content .zodiacul li{width:203px;margin:10px;border:1px solid #fff;border-radius:8px;float:left;cursor:pointer;}
.game-content .zodiacul li div{padding:10px 20px;text-align:center;font-size:20px;font-weight:bold;height:60px;}
.game-content .checkbox input{width:20px;height:20px;position:relative;left:0;top:0;line-height:36px;float:right;}
.game-content .reportul{padding:0;}
.game-content .reportul li{width:208px;margin:10px;border:1px solid #fff;border-radius:8px;float:left;cursor:pointer;text-align:center;}
.game-content .reportul li div{padding:20px;text-align:center;font-size:20px;height:60px;}
.game-content .proxy-info{padding:0;}
.game-content .proxy-info li{width:100%;border-bottom:1px solid #999;font-size:18px;height:50px;line-height:50px;}
.game-content .proxy-info li h4{width:auto;float:left;font-weight:bold;}
.game-content .proxy-info li div{width:auto;float:right;margin-right:10px;}
.game-content .proxy-info li i{margin-left:10px;margin-right:20px;}
.mobile-navigation{position:fixed;bottom:0px;width:100%;z-index:1020;background:#999;}
.mobile-navigation li{width:20%;padding:10px 2px;float:left;text-align:center;font-size:12px;position:relative;background:transparent;border-top:0;}
.mobile-navigation li.active a {color:#f00;}
.mobile-navigation li a {text-decoration:none;color:#fff;}
.mobile-navigation li i{display:block;font-size:24px;line-height:24px;height:24px;margin:0 auto;}
.tips-error span.msg, .tips-success span.msg {color:#fff;}
.am-article {color:#fff;}
.user-forgetpwd{background:url(../images/index01.png) center center no-repeat;width:600px;height:600px;display:block;background-size:cover!important;margin:0 auto;}
.user-forgetpwd-container{margin-top:80px;}


@media only screen and (min-width: 840px) {
    .am-show-sm-only,.mobile-navigation,
    .am-collapse,.am-topbar-collapse,
    #doc-topbar-collapse,.am-nav-pills,
    .messagelist
    {display:none;}

    .am-container{padding-left:0rem;padding-right:0rem;}




}
@media only screen and (max-width:840px) {
    .logo-big,.top-nav-right .navli,
    .history-list
    {display:none;}

    .am-topbar-toggle{position:relative;float:left;}
    .header-top {height:40px;}
    .top-nav-right{background:transparent;}
    .header-top .top-nav-right {height:40px;margin-right:0;margin-top:0;}
    .am-container {padding-left:0;padding-right:0;}
    .top-nav-left-site-logo span{margin-top:2px;font-size:22px;}
    .am-topbar-collapse {width:100%;overflow-x:visible;padding:10px;clear:both;-webkit-overflow-scrolling:touch;top:40px;position:fixed;background-color:#555;z-index:99;}
    .am-nav-pills > li:first-of-type {margin-left:0;}
    .am-nav-pills i{margin-left:10px;margin-right:10px;}
    .index_container{width:100%;margin:0;padding:0;}
    .index_container .indexbga{background:url(../images/index01.png) center center no-repeat;width:300px;height:300px;float:right;display:block;background-size:cover!important;}
    .index_container .indexbgb{width:100%;height:300px;font-weight:bold;color:#fff;margin-top:-250px;}
    .index_container .hometitle {font-size:36px;margin-top:0;}
    .index_container .slogan {font-size:26px;margin-top:10px;}
    .index_container .login {width:80%;}
    .services {width:100%;height:auto;min-height:150px;}
    .services ul {width:100%;padding-top:10px;padding-bottom:20px;}
    .services li img {width:60%;height:auto;margin:10px 30px;position:relative;opacity:0.6;}
    .index_container .indexbgc{background:url(../images/index02.png) center center no-repeat;width:300px;height:300px;float:right;display:block;background-size:cover!important;}
    .index_container .indexbgd{background:url(../images/index04.png) center center no-repeat;width:100%;height:300px;display:block;background-size:40%!important;text-align:center;color:#fff;margin-top:-250px;}
    .emotion-container {width:100%;}
    .xt-info li {width:30%;}
    .xt-infob li {width:30%;}
    .am-footer-default {margin-bottom:70px;}
    .am-nav > li > a:hover, .am-nav > li > a:focus {text-decoration:none;background-color:#555;}
    .banner {width:100%;margin-left:0;}
    .banner .take {width:50%;text-align:center;font-size:18px;}
    .banner h1 {font:30px/150% "Hiragino Sans GB","Microsoft Yahei",arial,宋体,"Helvetica Neue",Helvetica,STHeiTi,sans-serif;padding-top:40px;}
    .banner button {font-size:12px;line-height:18px;padding:8px 10px;}
    .cc_tools {width:100%;}
    .user-main {margin-top:50px;}
    .user-menu {box-shadow: 0 0 0.5rem 0.2rem #007aff;background:transparent;color:#fff;}
    .user-menu.am-icon-btn:hover, .user-menu.am-icon-btn:focus {color:#000;background:#ff0;}
    .user-content {margin:0 10px;}
    .user-content .order-base {width:100%;max-height:9999px;overflow-y:hidden;}
    .user-content .order-base li {width:30%;}
    .am-offcanvas {background: rgba(0, 0, 0, 0.15);z-index:9999;}
    .am-background-white {background:#555 !important;}
    .game-content {padding:0;}
    .game-content ul {padding:0;}
    .game-content ul li{border-bottom:1px solid #ddd;}
    .game-content h2 {line-height:36px;}
    .game-content p {padding:5px 0;}
    .extract li {width:165px;}
    .redwars-content-list .redwars-bg {width:200px;margin:20px;}
    .redwars-content-list .redwars-bg2 {width:200px;margin:20px;}
    .history-number span{margin-right:8px;}
    .game-content .zodiacul li {width:163px;}
    .game-content .reportul li {width:163px;}
    .register_bg {width:100%;}
    .register-container {margin-right:auto;margin-left:auto;float:none;}
    .login-background {width:100%;}






}
@media only screen and (max-width:640px) {
    .redheader{display:none;}

    .xt-info li {width:97%;}
    .xt-infob li {width:97%;}
    .user-content .order-base li {width:44%;}
    .user-content .order-base li i {font-size:13px;}
    .user-content .order-base li p {font-size:18px;}
    .recharge-center label {line-height:50px;font-size:16px;font-weight:bold;}
    .recharge-input {width:360px;padding:10px;margin:0 auto;}
    .extract-center h1 {line-height:50px;font-size:16px;font-weight:bold;}
    .extract li {width:155px;}
    .am-flex .red-num{font-size:12px;}
    .redwars-content-list .redwars-bg {width:146px;height:245px;margin:10px;}
    .redwars-content-list .redwars-bg2 {width:146px;height:245px;margin:10px;}
    .redwars-content-list .name {padding:8px;font-size:13px;text-shadow:1px 1px 1px #000;height:138px;line-height:16px;}
    .am-btn {margin-bottom:10px;}
    .am-form {padding:0;}
    .game-content dl {padding:0;}
    .game-content .title {width:auto;}
    .game-content dd {padding:0 5px;}
    .game-content textarea, .game-content input {width:300px;max-width:300px;}
    .game-content .am-form input[type="text"] {width:300px;}
    #order_title1 {width:100%;word-break:break-all;line-height:24px;}
    .game-content .zodiacul li {width:150px;}
    .game-content .reportul li {width:97%;}
    .register-container {width:360px;}
    .banner h1 {font:24px/120% "Hiragino Sans GB","Microsoft Yahei",arial,宋体,"Helvetica Neue",Helvetica,STHeiTi,sans-serif;padding-top:40px;}
    .button-cc {padding:20px 30px;}
    .button-cc .button {font-size:16px;letter-spacing:2px;}
    ul.user-base-icon li {padding:8px 10px;}
    .game-content .proxy-info li {height:100px;}
    .game-content .proxy-info li h4 {width:100%;}

}