@charset "utf-8";
/*公共部分 S*/
*{margin: 0;padding: 0;box-sizing: border-box;outline: 0;-webkit-tap-highlight-color: transparent}
html{overflow-x:hidden;width:100%;height:100%;font-size: 62.5%;}
@media only screen and (min-width: 320px) {html,body {font-size: 55.556% !important;}}
@media only screen and (min-width: 360px) {html,body {font-size: 62.5% !important;}}
@media only screen and (min-width: 375px) {html,body {font-size: 65.10417% !important;}}
@media only screen and (min-width: 414px) {html,body {font-size: 71.875% !important;}}
@media only screen and (min-width: 768px) {html,body {font-size: 133.3333% !important;}}
@media only screen and (min-width: 1024px) {html,body {font-size: 177.77778% !important;}}
body{padding:0;margin:0;-webkit-text-size-adjust: none;-webkit-font-smoothing: antialiased;background:black;}
ul,li{list-style:none;margin:0;padding:0}
h1,h2,h3,h4,h5,p{margin:0}
a{color:#666;text-decoration:none;outline:none;}
#webapp{width: 100%;margin:0 auto;padding:0;}
/*loadpage*/
#LoagPage{width:100vw;height:auto;display:block;}
.LoadIcon{width:30vw;height:30vw;margin:30vh auto 0px auto;display:block;position:relative;background-image: url(/static/image/iload.gif);background-repeat: no-repeat;background-size: 100% 100%;}
.LoadWord{width:100vw;margin:0 auto;text-align:center;font-size:1.1rem;font-weight:bold;color:#FFF;display:block;position:relative;top: -4px;}
#apphead{width:100vw;height:9vw;margin:0 auto;overflow:hidden;position: sticky;top:0;z-index: 99;background: linear-gradient(#222,#0C0C0C);border-radius:6px 6px 0 0;}
.apphead_search{width:30vw;height:9vw;display:block;overflow:hidden;float:left;}
.apphead_search s{width:7vw;height:7vw;display:inline-block;vertical-align:top;position:relative;left:3vw;top:1vw;background-image: url(/static/image/icon_search2.png);background-repeat: no-repeat;background-size: 100% 100%;}
.apphead_search span{font-size:1.2rem;color:#666;margin:0;height:9vw;line-height:9vw;display:inline-block;padding-left:5vw;}
.apphead_user{width:70vw;height:9vw;display:block;overflow:hidden;float:right;text-align:right;}
.logicon{width:6vw;height:6vw;display:inline-block;vertical-align:top;position:relative;top:1.5vw;background-image: url(/static/image/icon_login.png);background-repeat: no-repeat;background-size: 100% 100%;}
.logspan{font-size:1.2rem;color:#666;margin:0;height:9vw;line-height:9vw;display:inline-block;padding:0 20px 0 6px;}
.golden{font-size:1.4rem;color:#FFF;margin:0;height:9vw;line-height:9vw;display:inline-block;font-weight:bold;margin:0 5px 0 15px;}
.normalu{width:4.5vw;height:4.5vw;display:inline-block;vertical-align:top;position:relative;top:2.2vw;background-image: url(/static/image/normalu.png);background-repeat: no-repeat;background-size: 100% 100%;}
.golds{width:4.5vw;height:4.5vw;display:inline-block;vertical-align:top;position:relative;top:2.2vw;margin-right:5px;background-image: url(/static/image/gold.png);background-repeat: no-repeat;background-size: 100% 100%;}
.vips{width:4.5vw;height:4.5vw;display:inline-block;vertical-align:top;position:relative;top:2.2vw;background-image: url(/static/image/VIP.png);background-repeat: no-repeat;background-size: 100% 100%;}
#weblogo{width:100vw;height:14vw;margin:10px auto;overflow:hidden;position:relative;}
.logo{width:14vw;height:14vw;margin:0 6px 0 10px;overflow:hidden;float:left;display:block;}
.logo img{width:14vw;height:14vw;}
.year{width:29vw;height:14vw;margin:0px;float:left;display:block;}
.year img{height:14vw;width:29vw;}
.earth{float:right;display:block;width:52vw;height:14vw;overflow:hidden;text-align:right;}
.earth img{width:12vw;height:12vw;position:relative;top:2vw;right:4vw;}
.earth img{animation: rotateBackground 8s linear infinite;}
@keyframes rotateBackground {
  from 0%{transform: rotate(0deg);}
  50%{transform: rotate(360deg);}
  to {transform: rotate(0deg);}
}
#domain{width:100vw;height:14vw;margin:0 auto;overflow:hidden;display:none;position:absolute;left:0;top:0;background:linear-gradient(black,#0C0C0C);padding:0 10px;border:1px solid #111;border-radius:6px;}
#domain span{width:100vw;display:block;height:7vw;line-height:7vw;color:#999;font-size:1.2rem;font-weight:bold;}
#domain span b{font-size:1.0rem;color:#333;}
#G_tab{width:100vw;margin:0px auto;padding:0;background:black;clear:both;position: sticky;top:9vw;z-index: 90;overflow:hidden;}
.G_tab_box{width:80vw;white-space: nowrap;margin:0 0 0 5px;padding:10px 0 3px 0;position:relative;float:left;border-radius:6px;border:1px solid black;overflow:hidden;font-size: 0;}
.G_tab_item{width: 13vw;display:inline-block;margin:0px auto 10px auto;text-align:center;position:relative;}
.G_tab_item a{width:100%;color:#666;}
.G_tab_item img{width:9vw;height:9vw;display:block;border-radius:50%;margin:0 auto;}
.G_tab_item span{font-size:1.0rem;color:#FFF;display:block;padding: 5px 0 0 0;}
.G_tab_box .current img{-webkit-animation: swingT 2.5s .2s ease-in-out alternate;}
@-webkit-keyframes swingT {
		{-webkit-transform-origin: top center}
		from 0%{	-webkit-transform: rotate(0deg)}
		50%{-webkit-transform: rotate(360deg)}
		100%{-webkit-transform: rotate(-360deg)}
}
.G_tab_box .current span{color:#FF5050}
.lucky img{animation: rotatePan 6s linear infinite;}
@keyframes rotatePan{
  from 0%{transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}
.lucky span{color:#FFF;}
.G_tab_item .vicon{width:4vw;height:4vw;display:block;position:absolute;top:5vw;right:0px;background-image: url(/static/image/cvip.png);background-repeat: no-repeat;background-size: 100% 100%;}
.G_tab_item .gicon{width:3.6vw;height:3.6vw;display:block;position:absolute;top:5.2vw;right:0px;background-image: url(/static/image/cgold.png);background-repeat: no-repeat;background-size: 100% 100%;}
.G_tab_pull{width:18vw;padding:11px 0;position:relative;float:left;font-size: 0;margin:0 auto;text-align:center;}
.pull_roll{width:18vw;margin:0 auto;padding:0;font-size:0;text-align:center;}
.pull_roll img{width:8vw;height:8vw;display:block;border-radius:50%;background:#333;borders:2px solid #FFECEC;margin: 0 auto;}
.pull_roll span{font-size:1.0rem;color:#0066CC;display:block;padding:10px 0 0 0;}
.pull_line{width:3px;height:0px;margin:0 auto;background:#333;display:block;}

.ad{width:100vw;height:45vw;clear:both;margin:10px auto;overflow:hidden;text-align:center;}
.ad img{width:98%;height:45vw;}
.ad img{animation: blink 2s linear;}
@keyframes blink {
0% { opacity: 0.3; }
50% { opacity: 0.6; }
100% { opacity: 1; }
}
.Dcontainer{width:98vw;margin:0 auto;overflow:hidden;}
#day_tab{width:98vw;margin:0 auto;border-bottom:1px solid #474747;}
#day_tab span{font-size:1.2rem;color:#FFF;font-weight:bold;display:inline-block;margin-right:20px;padding:10px 0px;}
#day_tab span.current{font-size:1.4rem;color:#FF5050;border-bottom:4px solid #474747;}
#daydata{width:98vw;margin:10px auto;}
#daydata ul{width:98vw;margin:0 auto;padding:10px 0;}
#daydata ul li{width:98vw;margin:0 auto 20px auto;display:block;overflow:hidden;position:relative;border-bottom:1px solid #222;padding-bottom:10px;}
#daydata ul li img{width:98vw;height:69vw;}
/*
#daydata ul li img{-webkit-animation: swing 1s .2s ease both;-moz-animation: swing 1s .2s ease both;}
@-webkit-keyframes swing {
		20%,40%,60%,80%,100% {-webkit-transform-origin: top center}
		20% {	-webkit-transform: rotate(15deg)}
		40% {	-webkit-transform: rotate(-10deg)}
		60% {	-webkit-transform: rotate(5deg)}
		80% {	-webkit-transform: rotate(-5deg)}
		100% {-webkit-transform: rotate(0deg)}
}
@-moz-keyframes swing {
		20%,40%,60%,80%,100% {-moz-transform-origin: top center}
		20% {	-moz-transform: rotate(15deg)}
		40% {	-moz-transform: rotate(-10deg)}
		60% {	-moz-transform: rotate(5deg)}
		80% {	-moz-transform: rotate(-5deg)}
		100% {-moz-transform: rotate(0deg)}
}
*/
.timetools{width:98vw;margin:0 auto;overflow:hidden;padding:5px 0 0 0;}
.timetools b{font-size:1.0rem;color:#474747;line-height:2.5rem;float:left;display:block;}
.zan{width:2.7rem;height:2.7rem;display:block;float:right;position:relative;background-image: url(/static/image/zan.png);background-repeat: no-repeat;background-size: 100% 100%;margin:0 40px 0 20px;}
.zan i{font-size:1.1rem;color:#FFF;font-weight:bold;position:absolute;top:16px;right:-10px;font-style:normal;}
.fav{width:2.5rem;height:2.5rem;display:block;float:right;position:relative;background-image: url(/static/image/fav.png);background-repeat: no-repeat;background-size: 100% 100%;}
.fav i{font-size:0.8rem;display:block;padding:3px 6px;background:#333;border-radius:4px;color:#FFF;font-weight:bold;position:absolute;top:2px;left:0px;font-style:normal;}

#daydata ul li span{width:98vw;display:block;overflow:hidden;font-size:1.0rem;color:#FFF;white-space: nowrap;text-overflow: ellipsis;}
.Bnew{width:2.5rem;height:2.5rem;display:block;float:left;margin-left:25px;background-image: url(/static/image/new2.png);background-repeat: no-repeat;background-size: 100% 100%;}
.Bnew{animation: moveRightLeft 1.0s infinite alternate;}
@keyframes moveRightLeft {
  0% {transform: rotate(45deg)}
  50% {transform: rotate(0deg)}
  100% {transform: rotate(45deg)}
}

.bottom_line {width: 98vw;position: relative;border-bottom: 1px solid #333;margin: 20px auto 30px auto;text-align: center;}
.bottom_line b {font-size: 1.0rem;color: #666;position: relative;top: 0.75rem;}
#copyright {width: 100vw;padding-top: 15px;clear: both;margin: 0 auto;text-align: center;padding-bottom: 45px;}
.copyright-list {width: 100vw;padding: 15px 0 10px 0;text-align: center;background:black;opacity: 0.9;border-top: 5px #222 solid;color: white;position: relative;z-index: 3;}
.line-yellow {position: absolute;width: 33%;height: 5px;display: block;background:#999;left: 0;top: -3px;}
.line-blue {position: absolute;width: 34%;height: 5px;display: block;background:#666;left: 33%;top: -3px;}
.line-grey {position: absolute;width: 33%;height: 5px;display: block;background:#333;left: 67%;top: -3px;}
.copyright-list p.words {padding: 0px 10px;color: #999;line-height: 20px;font-size:1.1rem;}
.copyright-list p.right {color: #FFF;line-height: 20px;font-weight:bold;font-size:1.1rem;}
.copyright-list p.right b{color:#FF3300}

#apptoolbar{display: flex;position: fixed;left: 0;bottom: 0;width: 100vw;z-index: 99;background:#111;border-top: 1px solid #222;box-sizing: border-box;border-bottom: 1px solid #000;align-items: center;padding: 0 20px;justify-content: space-between;-webkit-box-align: center;padding-top: 5px;}
.tabbar {text-decoration: none;display: block; text-align: center;position:relative;}
.tabbar a {color: #999;}
.tabbar a.cur{color:#FFF;font-weight:bold;}
.tabbar s {text-align: center;margin: 0 auto;}
.icon-home {width: 24px;height: 24px;display: block;background-image: url(/static/image/home2.png);background-repeat: no-repeat;background-size: 100% 100%;}
.icon-lucky{width: 24px;height: 24px;display: block;background-image: url(/static/image/pan5.png);background-repeat: no-repeat;background-size: 100% 100%;}
.icon-ai{width: 24px;height: 24px;display: block;background-image: url(/static/image/ai.png);background-repeat: no-repeat;background-size: 100% 100%;}
.icon-singleb{width: 24px;height: 24px;display: block;background-image: url(/static/image/singlebuy1.png);background-repeat: no-repeat;background-size: 100% 100%;}
.icon-fav{width: 24px;height: 24px;display: block;background-image: url(/static/image/fav2.png);background-repeat: no-repeat;background-size: 100% 100%;}
.icon-my{width: 24px;height: 24px;display: block;background-image: url(/static/image/my.png);background-repeat: no-repeat;background-size: 100% 100%;}
.tabbar p {font-size: 1.0rem;transform: scale(0.83333333);}
.tabbar b{position:absolute;font-size:0.8rem;font-weight:bold;width:1.2rem;height:1.2rem;line-height:1.2rem;display:block;background:red;color:#FFF;border-radius:50%;top:0px;right:-7px;}
.tabbar i{position:absolute;display:block;top:-6px;right:-17px;width: 24px;height: 24px;display: block;background-image: url(/static/image/icon/Bnew.png);background-repeat: no-repeat;background-size: 100% 100%;}
.icon-lucky{animation: Lrotate 5s linear infinite;}
@keyframes Lrotate {
  from {transform: rotate(0deg)}
  to {transform: rotate(360deg)}
}
/*search*/
.body-no-scroll {overflow: hidden;position: fixed;}
#Gsearch{width: 100%;height:4.5rem;overflow:hidden;position:fixed;top:0;left:0;z-index:101;display:none;}
.Ghead_search{width: 100%;height:4.5rem;background: linear-gradient(#000000,#666);}
.Gsearchs{width: 25vw;line-height:4.5rem;display:inline-block;padding-left: 15px;}
.Gsearchsmid{width:25vw;line-height:4.5rem;display:inline-block;}
.s_close{display:inline-block;width:1.6rem;height:1.6rem;position: relative;top: 0.45rem;background-image: url(/static/image/wclose.png);background-repeat: no-repeat;background-size: 100% 100%;}
.Ghead_search .htip{width: 45vw;line-height:4.5rem;text-align:right;display: inline-block;margin: 0 auto;padding-right: 30px;font-size:1.1rem;color:#FFF;font-weight:bold;}
.Gsearch_boxes{width:100vw;min-height:95vh;background:#F4F4F4;margin:0 auto;overflow:hidden;}
.Gsearch_boxes_package{width:90vw;margin:80px auto 10px auto;}
.searchinput {width:90vw;height: 12vw;position: relative;display:block; vertical-align: top;text-align: left;}
.searchinput .words {width: 90%;height: 8vw;background: #fff;color:#666;padding: 2vw 5%;font-size: 1.6rem;margin: 0;vertical-align: top;outline: 0;box-shadow: none;border-radius: 10px 10px 10px 10px;border-right: 2px solid #c4c7ce;border-top: 1px solid #c4c7ce;border-left: 1px solid #c4c7ce; border-bottom: 2px solid #999;overflow: hidden;box-sizing: content-box;-webkit-tap-highlight-color: transparent;}
.searchtips{width:90vw;margin:15px auto 0 auto;text-align:center;display:block;font-size:1.1rem;color:#a0a0a0}
.searchinput .words::placeholder { color:black;text-align:center;}
#search_form{width: 100%;height:18vw;overflow:hidden;position: sticky;top:0;z-index: 99;}
#search_form_Head{width: 100vw;height: 18vw;margin: 0 auto;padding: 6vw 10px 0px 10px;position: relative;background:black;}
.searchbox{width: 82vw;height: 9vw;position: relative;display: inline-block;vertical-align: top;text-align: left;}
.searchbox .keys{width: 92%;height: 7vw;padding: 1vw 4%;background:#444;font-size: 1.2rem;margin: 0;vertical-align: top;outline: 0;border: none;border-radius:10px;color: #FFF;overflow: hidden;box-sizing: content-box;-webkit-tap-highlight-color: transparent;}
.head_icon_top{width: 6rem;height: 6rem;display: block;position: absolute;right: 5px;top:10px;background-image: url(/static/image/htop.png);background-repeat: no-repeat;background-size: 100% 100%;transform: rotate(15deg);}
#search_content{width: 100%;margin:0 auto;}
#serach_result_info{width: 100vw;height: 8vw;margin: 0 auto;padding: 0 0 1vw 0;display: block;}
#serach_result_info span {font-size: 1.2rem;font-weight: bold;color: #FFF;margin: 0 0 0 15px;}
#serach_result_info b{font-size:1.2rem;color:red;margin:0 0 0 5px;}
#serach_result_info i{font-size:1.2rem;color:#999;margin:0 0 0 5px;font-style:normal;font-weight:bold;}
.searchTip{width:96vw;margin:0 auto;padding:6px 10px;background:#222;border-radius:6px;font-size:1.0rem;color:#666;font-weight:bold;line-height:24px;position:relative;}
.searchTip b{color:#0099FF;}
.searchTip .arrow{width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 10px solid #222;position:absolute;display:block;top:-10px;left:17vw;}
#search_result{width: 98vw;margin: 10px auto;}
#search_result ul{width: 98vw;margin: 0 auto;padding: 10px 0;}
#search_result ul li{width: 98vw;margin: 0 auto 20px auto;display: block;overflow: hidden;position: relative;border-bottom: 1px solid #222;padding-bottom: 10px;}
#search_result ul li img{width: 98vw;height: 69vw;}
/*
#search_result ul li img {-webkit-animation: swing 1s .2s ease both;-moz-animation: swing 1s .2s ease both;}
*/
#search_result ul li span {width: 98vw;display: block;overflow: hidden;font-size: 1.0rem;color: #FFF;white-space: nowrap;text-overflow: ellipsis;}
.emptyresult{width:96vw;height:50vw;line-height:50vw;font-size:1.2rem;color:#999;font-weight:bold;margin:0 auto;text-align:center;}
.loadsearch{width:96vw;height:50vw;line-height:50vw;font-size:1.2rem;color:#999;font-weight:bold;margin:0 auto;text-align:center;}
.instance{width:96vw;height:45px;display:block;background:black;margin:10px auto;clear:both;padding:10px 0;}
#GPops{display:none;position:fixed;top:0px;left:0;z-index:999999999;background:#333;opacity: 0.9;overflow:hidden;color:#FFF;padding:0 15px;border-radius:6px;font-weight:bold;font-size:1.1rem;height:9vw;line-height:9vw;}
#PageData{width:98vw;margin:0 auto;}
#PageData .pagebox{width:98vw;margin:10px auto;padding:10px 0;display: flex;justify-content: center;text-align:center;}
#PageData .pagebox li{width:9vw;height:9vw;line-height:9vw;border-radius:6px;font-size:1.1rem;color:#FFF;margin: 0px 1.5vw 10px 1.5vw;overflow:hidden;background: linear-gradient(#444,#111);}
#PageData .pagebox li.in{background: linear-gradient(#333,#A25100);}
#PageData .pagebox li #jump{border: none;background: linear-gradient(#444,#111);font-size:1.0rem;color:#FFF;}
#PageData .pagebox li.select{width:10.5vw;}
.M_data_load{width:100%;font-size:1.1rem;color:#666;margin:0 auto;text-align:center;padding:50px 0;}
.M_data_load b{animation: blink 3s infinite;}
@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0.1; }
    100% { opacity: 1; }
}
/*login*/
.comeback{width:100vw;height:auto;margin:0 auto;text-align:left;}
.Lback{width:8vw;height:8vw;display:block;margin:0px 0 0 10px;background-image:url(/static/image/Lback.png);background-repeat:no-repeat;background-size:100% 100%;}
.comeback b{width:8vw;text-align:center;display:block;margin:0px 0 0 10px;font-size:1.2rem;color:#FFF;}
/* user box */
#login_box{width: 100%;margin:20px auto 10px auto;padding: 0px;border-radius:3px;overflow:hidden;}
.login_tab{position: relative;height: 46px;margin-bottom: -1px;border-bottom: 1px solid #111;background:#222;font-size:0;}
.login_tab li,.login_tab ul { padding: 0; margin: 0;}
.login_tab li,.login_tab ul li{display: inline-block;zoom: 1;width: 50%;text-align: center;height:46px;line-height:46px;font-size:1.3rem;color:#666;}
.login_tab li.current{ background:linear-gradient(#666,#333);color:#ddd;font-weight:bold;}
.login,.reger{width:100%;float:left;position:relative;padding:30px 0 10px 0;margin:0 auto;}
.reger{display:none;}
.ui-form-item{width: 280px;margin: 10px auto 20px auto;position: relative;height:41px;overflow: hidden;clear: both;line-height: 41px;border-radius: 4px;}
.ui-form-item .ui-input {position: absolute;top: 0;left: 0;z-index: 2;border: none;font-size:1.2rem;color:#999;width:100%;height:40px;padding-left: 48px;text-indent: 0;background:#333;background-repeat: no-repeat;}
.ui-form-item #username,.ui-form-item #reguser {background-image: url(/static/image/luser.png);background-size: 20px 20px;background-position: 10px 10px;}
.ui-form-item #password,.ui-form-item #regpass,.ui-form-item #regpasses{background-image: url(/static/image/lock.png);background-size:20px 20px;background-position:10px 10px;}
.ui-form-item #vercode,.ui-form-item #regcode{background-image: url(/static/image/vcode.png);background-size: 20px 20px;background-position:10px 10px;}
.ui-form-item .forgot-psw { width: 20px;height: 20px;position: absolute;margin: 0;top:10px;right: 9px;z-index: 11;background-image: url(/static/image/dun.png);background-size: 20px 20px;background-repeat: no-repeat;display: block;float: left;font-size: 0;line-height: 0; overflow: hidden;}
.ui-form-item #vdimgck,.ui-form-item #vdimgcks{width:80px;height:25px;position:absolute;margin:0;top:8px;right:5px;z-index:11;display: block;float: left;background:none;}
.clears:after {visibility: hidden; display: block; font-size: 0;    content: " "; clear: both; height: 0;}
.ui-label-checkbox {float: left;height: 35px;line-height: 35px;overflow: hidden; margin: 0 10px 0 0;font-size:1.2rem;color:#666;}
.ui-label-checkbox input { float: left; margin: 9px 5px 0 0;vertical-align: middle;width: 16px;height: 16px;display: inline-block;}
.ui-form-item .ui-button { float: right;margin-right:80px;}
.ui-form-item .ui-regbutton { float:left;margin-left:90px;}
.ui-button,.ui-regbutton { width: 100px; height: 35px; line-height: 35px;overflow: hidden;border: 0 none; cursor: pointer; color: #fff;font-size: 14px;font-weight: 700;text-align: center; background:linear-gradient(#666,#333);;border-radius: 3px;box-shadow: 3px 3px 2px #444;}
.clears{height:40px;border:none;}
.utips,.rtips{margin:10 auto;padding:10px 0;color:#666;text-align:left;}
.utips p,.rtips{margin:0;padding:0;line-height:34px;border-bottom:1px dashed #333;text-indent:1em;font-size:1.1rem;font-weight:400;font-family: 'Hiragino Sans GB','Microsoft YaHei','simsun';}
/* user box end */
/*luckyday*/
.prize_box{width:100%;margin:0 auto;background:linear-gradient(#111,#333);overflow:hidden;}
.prize_box h3{width:100%;margin: 10px auto;padding:30px 0;font-weight:bold;font:1.6rem "Microsoft Yahei";text-align: center;color: #fff;}
.prize_box_rote{width:310px;height:310px;margin:0 auto;background: url(/static/image/s3_bg1.png);background-size:100% 100%;}
.rotary {position: relative;width: 310px;height: 310px;margin: 0 auto;left:12px;top:10px;}
.roter{position: relative;width: 280px;height: 280px;}
.roter img{background:none;width:280px;height:280px;}
.hand {position: absolute;left: 92px;top: 92px;width: 96px;height: 96px;cursor: pointer;background:none;}
.Zlist{width: 100%;margin:20px auto;background:#222;}
.Zlist strong {position: relative;left:10px;top:15px;display: block;height: 24px;line-height: 24px;font-size:1.6rem;color: #ffe63c;}
.Zlist ul {line-height: 24px;list-style-type: none;font-size:1.2rem;color:#999;margin-top:40px;padding:0 15px 10px 15px;}
.Zlist i,.Zlist b,.Zlist em {display: inline-block;font-style:normal;font-family: "Microsoft Yahei";}
.Zlist b{width:100px;}
.Zlist i{width:100px;}
.Zlist em{width:130px;}
.win_box{width:100%;margin:10px auto;text-align: center;}
.win_box strong{position: relative;display: block;height: 32px;line-height: 32px;font-size:1.6rem;color: #ffe63c;margin-top:20px;}
.win_box ul{list-style-type: none;font-size: 1.2rem;color: #ddd;margin-top:15px;}
.win_box i,.win_box em{display: inline-block;font-style:normal;font-family: "Microsoft Yahei";}
.win_box ul li{line-height: 32px;border-bottom:1px dashed #333;width:94vw;}
.win_box i{width:100px;text-align: center;}
.win_box em{width:150px;}
.prize_note{width:100%;margin:0px auto;background:#222;}
.prize_note strong{position: relative;display: block;height: 32px;line-height: 32px;font-size:1.6rem;color: #ffe63c;margin-top: 20px;left:10px;padding: 10px 0;}
.prize_note_intr {width:100%;margin:0 auto;padding:10px 0 30px 0;color:#666;}
.prize_note_intr p{font-size:1.1rem;line-height:22px;text-align:left;font-family: "Microsoft Yahei";padding-left:5px;}
/*content*/
#G_content{width:100vw;margin:0 auto;}
.content_type{width:100vw;margin:10px auto 0 auto;padding:10px 0;text-align:right;position:relative;background:linear-gradient(black,#444);}
.content_type a {padding:6px 15px;background: #666;color: white;font-size: 1.2rem;display:inline-block;text-align: center;border-radius: 4px;box-shadow: 3px 3px 2px #333;margin-right:10px;}
.content_type b {padding:8px 40px;color: white;display: block;text-align: center;font-size: 1.4rem;position: absolute;left: 0px;top: 8px;border-radius: 0 10px 10px 0;}
.Viptype{background: #FF9FBE;box-shadow: 3px 3px 1px #333;}
.Goldtype{background: #FF9900;box-shadow: 3px 3px 1px #333;}
.content_title{width:100vw;margin:0 auto;text-align:center;padding:10px 0;background:linear-gradient(#444,black);}
.content_title h1{width:100vw;font-size:1.3rem;color:#FFF;text-shadow: 2px 2px 2px red;padding:10px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.content_line{width:94vw;height:1px;border-bottom:1px dashed #777;display:block;margin:0 auto;padding-top:5px;}
.content_module{width:94vw;margin:0 auto;overflow:hidden;padding: 20px 0 0 0;}
.module_time{float:left;font-size:1.0rem;color:#666;}
.module_enjoy{float:right;font-size:1.0rem;color:#999;margin:0 20px 0 0;}
.module_clicks{float:right;font-size:1.0rem;color:#999;margin:0 10px;}
.enjoys{width:2rem;height:2rem;display:inline-block;background-image:url(/static/image/enjoys.png);background-repeat:no-repeat;background-size:100% 100%;vertical-align: top;margin-right:2px;position:relative;top:-5px}
.clicks{width:2rem;height:2rem;display:inline-block;background-image:url(/static/image/clicks1.png);background-repeat:no-repeat;background-size:100% 100%;vertical-align: top;margin-right:5px;position:relative;top:-5px}

.content_tool{width:100vw;margin:0 auto;padding:10px 0;background:linear-gradient(black,#444);position: sticky;top: 9vw;z-index: 90;overflow: hidden;}
.c_gold{width:10vw;height:10vw;line-height:10vw;display:block;background:#FF9900;border-radius:50%;font-size:1.0rem;color:#FFF;text-align:center;margin:0 10px;vertical-align: middle;float:left;}
.c_gold i{display:block;margin:0 auto;padding:0;height:1.3vw;position:relative;top:-2.5vw;font-style:normal;font-size:1.2rem;}
.s_read{width:10vw;height:10vw;display:block;background-image:url(/static/image/sread.png);background-repeat:no-repeat;background-size:100% 100%;vertical-align: middle;float:right;margin-right:20px;}
.s_down{width:10vw;height:10vw;display:block;background:#FFF;border-radius:50%;background-image:url(/static/image/sdown2.png);background-repeat:no-repeat;background-size:100% 100%;vertical-align: middle;float:right;margin-right:20px;}
.s_fav{width:10vw;height:10vw;display:block;background:#FFF;border-radius:50%;background-image:url(/static/image/sfav.png);background-repeat:no-repeat;background-size:100% 100%;vertical-align: middle;float:right;margin-right:20px;position:relative;}
.s_zan{width:10vw;height:10vw;display:block;background:#FFF;border-radius:50%;background-image:url(/static/image/zan.png);background-repeat:no-repeat;background-size:100% 100%;vertical-align: middle;float:right;margin-right:20px;position:relative;}
.s_top{width:10vw;height:10vw;display:block;background:#FFF;border-radius:50%;background-image:url(/static/image/stop3.png);background-repeat:no-repeat;background-size:100% 100%;vertical-align: middle;float:right;margin-right:10px}
.s_zan em{font-size:1.2rem;color:#FFF;text-shadow: 2px 2px 2px red;font-style:normal;font-weight:bold;display:block;position:absolute;right:-5px;top:-10px;}
.s_fav em{font-size:1.2rem;color:#FFF;text-shadow: 2px 2px 2px red;font-style:normal;font-weight:bold;display:block;position:absolute;right:-5px;top:-10px;}
.content_box{width:100vw;margin:0 auto;padding:10px 0;background:linear-gradient(#444,black);}
.xfzTip{width:98vw;margin:0 auto;padding:10px;background:linear-gradient(#666,#222);font-size:0;border-radius:6px;overflow:hidden;}
.xfzTip span{font-size:1.1rem;color:#AAA;}
.xfzTip span b{font-size:1.2rem;color:#FFF;}
.xfzCover{width:100vw;height:25vw;margin:20px auto 0 auto;position:relative;overflow:hidden;}
.xfzCover img{width:100vw;height:25vw;border-radius:4px;}
.xfzCover b{display:block;position:absolute;left:5px;bottom:3px;font-size:1.2rem;font-weight:bold;font: 12px/1.5 "微软雅黑",Tahoma,"宋体",sans-serif;color: #FFF;text-shadow: 2px 2px 2px red;}
.xfzDetail{width:100vw;margin:0 auto;padding:10px 5px;background:linear-gradient(black,#333);font-size:0;overflow:hidden;}
.xfzDetail span{font-size:1.0rem;color:#999;}
.content_ZCprogress{width: 100%;height: 36px;margin: 5px auto 10px auto;position: relative;background:linear-gradient(#006600,#111);border-radius: 6px;overflow:hidden;}
.progressbg {height: 34px;width:0%;display: block;background:linear-gradient(#009933,#111);position: absolute;left: 0px;top: 0px;}
.progresstime {display: block;position: absolute;top: 4px;left: 10px;font-size: 1.1rem;line-height: 24px;color: white;z-index: 10;}
.progressnums {display: block;position: absolute;top: 4px;right: 10px;font-size: 1.1rem;line-height: 24px;color: white;z-index: 10;}

.content_box_imgage{width:100vw;margin:0 auto;position:relative;font-size:0;overflow:hidden;}
.c_pnum{width:10vw;height:10vw;line-height:10vw;display:block;position:absolute;top:10px;left:10px;background:#333;border-radius:50%;font-size:1.1rem;color:#FFF;text-align:center;}
.content_box_imgage img{width:100vw;margin:0 0 5px 0;}
.content_box_imgage img{-webkit-transform:scale(1); -webkit-animation: ZoomOut 3s .2s ease both;}
@-webkit-keyframes 'ZoomOut' {
 0% { -webkit-transform:scale(1);}
 50% {-webkit-transform:scale(1.5);}
 100% {-webkit-transform:scale(1);}
}
.content_box_video{width:100vw;margin:0px auto;padding:10px 0;background:black;overflow:hidden;font-size:0;}
.vod_title{width:98vw;height:8vw;margin:0 auto;font-size:0;}
.vod_title span{width:38vw;height:8vw;line-height:8vw;display:inline-block;font-size:1.1rem;font-weight:bold;color:#999;}
.vod{width:100vw;height:240px;margin:0px auto;font-size:0;position: relative;z-index: 3;overflow: hidden;text-align:center;background-image: url(/static/image/vod.jpg);background-repeat: no-repeat;background-size: 100% 100%;}
.vod img{width:98vw;position:absolute;left:1vw;bottom:19px;}
.playbtn{width:3.5rem;height:3.5rem;display: block;border-radius:50%;background:#FFF;position: absolute;z-index: 10;bottom: 27vw;left: 44vw;background-image: url(/static/image/playbtn7.png);background-repeat: no-repeat;background-size: 100% 100%;}
.vod video{width:100vw;height:240px;overflow: hidden;}
.video-js{width:100%;height:240px;}
.vod_page{width:100vw;margin:0 auto;background:#333;text-align:center;}
.vod_page b{width:16vw;height:36px;line-height:36px;background:linear-gradient(#222,black);;border-radius: 6px;font-size:1.1rem;color:#FFF;display: inline-block;margin: 15px 1.5%;}
.gradient{z-index: 1;position: relative;}
.gradientbox {width: 100%;height: 50vw;position: absolute;left: 0;bottom: 0;z-index: 2;background-image: linear-gradient(rgba(235, 235, 235, 0),black);text-align: center;}
.content_leval{width:100vw;margin:10px auto 0 auto;padding:10px 0;background:linear-gradient(black,#333);;text-align: center;}
.content_leval p{font-size:1.1rem;color:#FFF;font-weight:bold;padding:10px 0;}
.content_leval p a{color:red;}
.content_leval p em{font-style:normal;font-weight:bold;color:red;margin:0 5px;}
.gbtn{display: block;width:27vw;padding:10px 0;text-align:center;margin:0px auto 10px auto;color: #f0f0f0;background:linear-gradient(#d73333,#CC3300);border-radius:4px;font-size: 1.2rem;}
.content_leval i{font-size:1.1rem;color:#666;font-weight:bold;font-style:normal;}
.content_single{width:100vw;margin:0 auto;padding:10px 0;background:linear-gradient(#222,black);}
.content_single_title{font-size: 1.2rem;width:25vw;padding:8px 0;color:#999;background: linear-gradient(#555, #333);text-align: center;display: block;border-radius: 6px 0 12px 0;font-weight: bold;}
.content_single_note{width:100vw;margin:10px auto;text-align:left;}
.content_single_note p{font-size: 1.0rem;color: #996633;margin-bottom:10px;padding:0 8px;}
.content_single_record{margin:20px auto;text-align: center;padding: 10px;width: 90vw;line-height: 24px;background:#222;font-size:1.2rem;color: #999;border-radius: 8px;font-weight: bold;display:block;}
.content_single_record b{color:red;padding:0 10px;}
.content_single_btn{margin:30px auto 10px auto;text-align:center;}
.content_single_btn b{display: block;font-size: 1.2rem;color: white;position: relative;margin: 10px auto;border-radius: 6px;width: 120px;padding:10px 0;background: linear-gradient(#2FB9B9,#208080 );}
.content_single_btn b em{font-size:1.1rem;font-style:normal;display:block;position:absolute;right:3px;top:-3px;color:#FFF;text-shadow: 2px 2px 2px red;}
.content_rnd{width:100vw;margin:10px auto;}
.content_Rand_head{width:100vw;height: 40px;line-height: 40px;padding: 0;margin: 0 auto;border-bottom: 2px solid #d3d3d3;position: relative;}
.sidebar-icon {width: 6px;height: 26px;background: #FF7800;margin: 8px 10px 0px 10px;float: left;}
.content_Rand_title{font: 12px/1.5 "微软雅黑",Tahoma,"宋体",sans-serif;font-size: 1.6rem;color: #FFF;text-shadow: 2px 2px 2px red;float: left;height: 40px;line-height: 40px;font-weight: bold;}
.content_Rand_head .Randbox_border{width: 120px;height: 2px;display: block;background: #FFCC00;position: absolute;left: 10px;bottom: -2px;}
.content_rnd_box{width:100vw;margin:0 auto;overflow:hidden;}
.content_rnd_box ul{padding: 20px 0 10px 0;width:98%;margin: 0 0 0 2%;float: left;}
.content_rnd_box ul li{float: left;width: 48%;margin: 0 2% 10px 0%;overflow: hidden;}
.content_rnd_box ul li img{width:47vw;height:32vw;display:block;}
.content_rnd_box ul li span{width:100%;display:block;padding:9px 3px;font-size:1.0rem;color:#666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.content_rnd_box ul li img{-webkit-animation: swing 1s .2s ease both;-moz-animation: swing 1s .2s ease both;}
.buy_box_bg {top: 0;left: 0;width: 100%;height: 100%;position: fixed;pointer-events: auto;z-index: 19891023;background-color:black;opacity: 0.9;display: none;}
.buy_box_content{margin: 0;padding: 0;background-color: #fff;border-radius: 2px;box-shadow: 1px 1px 50px rgba(0,0,0,.3);width: 100vw;position: fixed;bottom: 30vw;left: 0px;z-index: 19891025;display: none;}
.buy_box_content_title{padding: 0 0px 0 20px;height: 50px;line-height: 50px;border-bottom: 1px solid #f0f0f0;font-size: 1.2rem;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-radius: 2px 2px 0 0;}
.buy_box_contents{position: relative;overflow: auto;}
.buy_box_contents_form{margin: 0;padding: 0;}
.buy_container {margin: 16px;padding: 0;}
.bud_dt{margin: 0;margin-bottom: 10px;font-size:1.2rem;color:#666;font-weight:bold;padding: 15px;line-height: 1.6;border-left: 5px solid #5fb878;border-radius: 0 2px 2px 0;background-color: #fafafa;width:100%;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.bud_dt b{color:#333;}
.bud_dt strong{color:#0099FF;}
.bud_dt i{color:red;font-style:normal;}
.quote-nm{border-style: solid;border-width: 1px;border-left-width: 5px;background: 0 0;border-color: #eee;}
.instent{margin-left:25%;}
.demo_form_item{margin-bottom: 15px;clear: both;*zoom: 1;}
.demo_form_item label { float: left;color: #333;font-weight: bold;font-size: 1.2rem;margin: 20px 20px 20px 55px;}
.mypro_types_box_item {float: left;font-size: 16px;color: #0099CC;margin: 20px 15px 20px 0px;}
.demo_form_button{argin-bottom: 15px;clear: both;*zoom: 1;}
.buy-btn{width: 100%;display: inline-block;vertical-align: middle;height: 52px;line-height: 52px;border: 1px solid transparent;padding: 0 18px;background: linear-gradient(#2FB9B9,#208080 );color: #fff;white-space: nowrap;text-align: center;font-size: 1.4rem;border-radius: 10px;cursor: pointer;outline: 0;}
.buy_close {position: absolute;right: 15px;top: 15px;font-size: 0;line-height: initial;}
.buy_close a {cursor: pointer;position: relative;width: 24px;height: 24px;margin-left: 10px;font-size: 1.2rem;color: #666;font-weight: 800;}
/*favorite*/
.sysbox{width:100vw;margin:0px auto;text-align:center;background:black;border-bottom:16px solid #333;overflow:hidden;position: sticky;top: 9vw;z-index: 98;}
.sysbox h1{font-size:1.6rem;color:#FFF;font-weight:bold;padding:10px 0 0 0;display:block;margin:0 auto;}
.sysbox span{font-size:1.0rem;display:block;margin:0 auto;color:#DDD;position:relative;left:65px;top:-18px;}
.sysbox span b{color:#EEE;}
.sysbox span em{font-style:normal;font-weight:bold;color:#FFF;}
.sysbox_content{width:100vw;margin:0 auto;overflow:hidden;min-height:80vh;}
.sysbox_content ul{width:100vw;margin:10px auto;padding:10px 0;}
.sysbox_content ul li{width:96vw;display:block;margin:0 auto 12px auto;border-bottom:5px solid #222;overflow:hidden;padding-bottom: 10px;position:relative;}
.sysbox_img{width:35vw;height:24vw;display:inline-block;overflow:hidden;border-radius:4px;}
.sysbox_img img{width:35vw;height:auto;}
/*
.sysbox_img img{-webkit-animation: swing 1s .2s ease both;-moz-animation: swing 1s .2s ease both;}
*/
.sysbox_info{width:41vw;height:24vw;display:inline-block;overflow:hidden;}
.sysbox_info b{width:41vw;height:6vw;line-height:6vw;padding:0 10px;display:block;overflow:hidden;font-size:1.2rem;color:#FFF;text-overflow: ellipsis;white-space: nowrap;}
.sysbox_info em{width:41vw;height:6vw;line-height:6vw;padding:0 10px;display:block;overflow:hidden;font-size:1rem;color:#999;text-overflow: ellipsis;white-space: nowrap;font-style:normal;font-weight:bold;}
.sysbox_info i{width:41vw;height:6vw;line-height:6vw;padding:0 10px;display:block;overflow:hidden;font-size:1rem;color:#999;text-overflow: ellipsis;white-space: nowrap;font-style:normal;font-weight:bold;}
.sysbox_info strong{width:41vw;height:6vw;line-height:6vw;padding:0 10px;display:block;overflow:hidden;font-size:1rem;color:#666;text-overflow: ellipsis;white-space: nowrap;font-style:normal;font-weight:bold;}
.sysbox_time{width:1.1rem;height:1.1rem;display:inline-block;background-image: url(/static/image/systime.png);background-repeat: no-repeat;background-size: 100% 100%;position:relative;top:2px;margin-right:5px;}
.sysbox_del{width:17vw;height:23vw;line-height:24vw;display:inline-block;vertical-align: top;background:linear-gradient(#555, #222);color:#DDD;font-size:1.3rem;text-align:center;position: absolute;top:2px;right:0}
.syslogin{width:100vw;margin:0 auto;padding:10px 0;line-height:30vw;text-align:center;}
.syslogin span{font-size:1.2rem;color:#999;font-weight:bold;}
.syslogin span a{color:red;margin-left:5px;}
.sysempty{width:100vw;margin:0 auto;padding:10px 0;text-align:center;}
.empty{width:6rem;height:6rem;display:block;background-image: url(/static/image/emptyfav.png);background-repeat: no-repeat;background-size: 100% 100%;margin:60px auto 0px auto;}
.sysempty b{font-size:1.2rem;color:#FFF;display:block;margin:10px auto;}
.toolbarinle{width:100vw;height:10px;display:block;margin:0 auto;padding:10px 0 50px 0;}
.singleempty{width:6rem;height:6rem;display:block;background-image: url(/static/image/emptysingle.png);background-repeat: no-repeat;background-size: 100% 100%;margin:60px auto 0px auto;}
.sysbox_detail{width:61vw;height: 24vw;display: inline-block;overflow: hidden;text-align: left;}
.sysbox_detail b {width:61vw;height: 6vw;line-height: 6vw;padding: 0 10px;display: block;overflow: hidden;font-size: 1.2rem;color:#FFF;text-overflow: ellipsis;white-space: nowrap;}
.sysbox_detail em {width:61vw;height: 6vw;line-height: 6vw;padding: 0 10px;display: block;overflow: hidden;font-size: 1rem;color: #666;text-overflow: ellipsis;white-space: nowrap;font-style: normal;font-weight: bold;}
.sysbox_detail i {width:61vw;height: 6vw;line-height: 6vw;padding: 0 10px;display: block;overflow: hidden;font-size: 1rem;color:red;text-overflow: ellipsis;white-space: nowrap;font-style: normal;font-weight: bold;}
.sysbox_detail strong {width:61vw;height: 6vw;line-height: 6vw;padding: 0 10px;display: block;overflow: hidden;font-size: 1rem;color: #666;text-overflow: ellipsis;white-space: nowrap;font-style: normal;font-weight: bold;}
#Dateload{width:94vw;height:10vw;line-height:10vw;padding:10px 0;margin:0px auto;font-size:1.0rem;color:#999;font-weight:bold;text-align:center;}
/*user center*/
.user_head_box{width:98vw;margin:0px auto;padding:10px 10px 0 10px;overflow: hidden;}
.user_imgage{width:12vw;height:12vw;display:inline-block;border-radius:50%;overflow:hidden;}
.user_imgage img{width:12vw;height:12vw;}
.user_infos{display:inline-block;margin-left:10px;vertical-align:top;}
.user_infos span{display:block;}
.username{font-size: 1.4rem;font-weight: bold;color: #999;margin-top:2px;vertical-align:top;}
.usergold{vertical-align: middle;margin-top:5px;}
.ugold{width:1.5rem;height:1.5rem;display:inline-block;background-image: url(/static/image/ugold.png);background-repeat: no-repeat;background-size: 100% 100%;margin-right:5px;vertical-align: middle;}
.usergold b{font-size:1.1rem;color:#FF9900;vertical-align: middle;}
.vip_leval_box{width:94vw;margin:0 auto;padding:10px;overflow:hidden;border:1px solid #333;border-radius:8px;position:relative;background:linear-gradient(#444,#222);}
.vip_leval_box span{display:block}
.vipleval{font-weight:bold;color:#FFF;font: 12px/1.5 "微软雅黑",Tahoma,"宋体",sans-serif;font-size: 1.4rem;color: #FFF;text-shadow: 2px 2px 2px red;}
.vipleval i{font-size:1.4rem;padding:2px 8px;display:inline-block;background:linear-gradient(#FF6699,#FF9900);border-radius:6px;color:#FFF;margin-right:10px;}
.vipleval em{font-size:1.4rem;padding:2px 16px;display:inline-block;background:linear-gradient(black,#666);border-radius:6px;color:#FFF;margin-right:10px;}
.vipleval_time{margin-top:10px;}
.vipleval_time b{font-size:1.1rem;color:#FFF;}
.viptimes{width:1.1rem;height:1.1rem;display:inline-block;background-image: url(/static/image/systime.png);background-repeat: no-repeat;background-size: 100% 100%;margin: -3px 5px 0 0;vertical-align: middle;}
.vipleval_time i{font-size:1.0rem;font-style:normal;color:#FFF;margin-left:5px;}
.vipleval_time em{font-size:1.0rem;font-style:normal;color:#FF5050;margin-left:5px;}
.recharge{padding:5px 18px 7px 18px;display:block;position:absolute;right:15px;top:22px;background:linear-gradient(#FF9966, #FFF0DB);font-size:1.2rem;font-weight:bold;color:#993300;border-radius:14px;}
.recharge{-webkit-transform: scale(1);-webkit-animation: startMotionV 2s ease-in-out alternate infinite;}
@-webkit-keyframes 'startMotionV' {
 0% { -webkit-transform:scale(1);}
 50% { -webkit-transform:scale(1.2);}
 100% {-webkit-transform:scale(1);}
}
.user_tooltar{width:94vw;margin:15px auto;background:#333;border-radius:8px;overflow:hidden;}
.user_tooltar ul{margin:0 auto;padding:20px 10px 100px 10px;overflow: hidden;}
.user_tooltar ul li{width:33%;display:block;float:left;margin:0 auto 15px auto;text-align:center;}
.user_tooltar ul li s{margin: 0 auto;display:block;background-repeat: no-repeat;background-size: 100% 100%;}
.user_tooltar ul li b{font: 12px/1.5 "微软雅黑",Tahoma,"宋体",sans-serif;color: #FFF;font-size:1.2rem;display:block;margin-top:5px;}
.uinfo{width:3.5rem;height:3.5rem;background-image: url(/static/image/uinfo7.png);}
.modifypw{width:3.5rem;height:3.5rem;background-image: url(/static/image/modifypw.png);}
.turns{width:3.5rem;height:3.5rem;background-image: url(/static/image/turns.png);}
.turns{animation: rotateBackground 5s linear infinite;}
@keyframes rotateBackground {
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}
.ugolds{width:3.5rem;height:3.5rem;background-image: url(/static/image/ugolds1.png);border-radius:50%;background-color:#FFF}
.payicon{width:3.5rem;height:3.5rem;background-image: url(/static/image/payicon.png);border-radius:50%;background-color:#FFF}
.kf{width:3.5rem;height:3.5rem;background-image: url(/static/image/kf.png);}
.kf{-webkit-animation: swingTs 1.5s .2s ease-in-out alternate infinite;;-moz-animation: swingTs 1.5s .2s ease-in-out alternate infinite;}
@-webkit-keyframes swingTs {
		20%,40%,60%,80%,100% {-webkit-transform-origin: top center}
		20% {	-webkit-transform: rotate(15deg)}
		40% {	-webkit-transform: rotate(-10deg)}
		60% {	-webkit-transform: rotate(5deg)}
		80% {	-webkit-transform: rotate(-5deg)}
		100% {-webkit-transform: rotate(0deg)}
}
.exits{width:3.5rem;height:3.5rem;background-image: url(/static/image/exit.png);}
.usline{width:80vw;height:2px;margin:0 auto 20px auto;display:block;clear:both;background:#444;}

#UserFrame{width: 100vw;min-height:100vh;overflow-x:hidden;overflow-y:scroll;position: fixed;left: 0;top: 0;z-index: 9999999;background: #FFF;display: none;}
.UserFram_title{width: 100%;height: 50px;line-height: 50px;margin: 0 auto;color: white;text-align: center;position: sticky;top: 0;left: 0;z-index: 999;background: linear-gradient(#000000,#666);}
.UserFram_back {display: block;width: 26px;height: 26px;position: absolute;left: 10px;top: 12px;background-image: url(/static/image/uback.png);background-repeat: no-repeat;background-size: 100% 100%;}
.UserFram_title b {font-size: 1.4rem;line-height: 40px;color: white;font-weight: 540;}
.UserFram_content {width:100%;margin: 0 auto;position:absolute;left:0;top:50px;z-index:991;}
.user_detail{width:90vw;margin:10px auto;padding:10px 0;overflow:hidden;}
.user_detail span{font-size:1.4rem;color:#333;font-weight:bold;display:block;width:96vw;margin:0 auto;border-bottom:1px solid #EEE;padding:10px 0}
.user_detail p{width:90vw;display:block;overflow:hidden;margin:10px auto;font-size:1.2rem;text-indent:4.5em;}
.user_detail p b{color:#666;margin-right:15px;}
.user_detail p strong{color:#FF0066;}
.user_detail p i{color:#999;font-style:normal;}
.user_detail p em{color:#666;font-style:normal;}
.uinfoline{width:90vw;height:16px;display:block;background:#EEE;margin:30px auto 20px auto;}
.lesstip{margin:0px auto;text-align:left;width:90vw;padding:0;font-size:1.0rem;color:#999}
.lesstip b{color:#666;}
.modifyPass{width:90vw;margin:10px auto;padding:10px 0;overflow:hidden;}
.modTips{width:90vw;margin:20px auto 25px auto;border-bottom: 1px dashed #eee;padding-bottom: 15px;color:#666;font-size:1.0rem;}
.modTips b{font-size:1.2rem;color:#333;}
.mypro_pass_input {font-size: 1.2rem;}
.mypro_pass_input label {height: 30px;margin-left: 10px;margin-bottom: 0;line-height: 30px;font-weight: 400;color: #666;font-size: 1.2rem;display: inline-block;}
.pass_input {width: 200px;height: 30px;margin-bottom: 30px;display: inline-block;}
.pass_input input {width: 200px;color: #666;border: 1px solid #ddd;-webkit-appearance: none;outline: 0;padding: 6px 12px;background-color: #fff;border-radius: 4px;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;font-size: 1.2rem;line-height: 1.42857143;display: block;}
.mypro_pass_buttom {width: 130px;height: 46px;line-height: 46px;margin: 20px auto 0 auto;text-align: center;background: linear-gradient(#999, #333);border-radius: 4px;font-size: 1.2rem;color: white;font-weight: bold;}
.modify_notice{width:90vw;margin:30px auto 10px auto;padding:10px;border-top:1px solid #eee;text-align:left;font-size:1.0rem;color:#666;}
.modify_notice b{font-size:1.2rem;color:#666;margin-right:5px;}
.sysrecord{width: 100vw;margin: 0 auto;overflow:hidden;}
.recordName{width:96vw;margin:0 auto;border-bottom: 10px solid #F6F6F6;padding:5px 0 0 0;text-align:center;}
.recordName h1{width:96vw;height: 13vw;line-height: 14vw;font-size: 1.6rem;color: #333;font-weight: bold;font-family: 'Hiragino Sans GB','Microsoft YaHei','simsun';margin: 0px auto;}
.recordName h1 b{font-size: 1.0rem;color: #999;font-weight: bold;margin-left:10px;}

.sysbox_contentG{width:100vw;margin:0 auto;overflow:hidden;min-height:80vh;padding-bottom:20px;}
.sysbox_contentG ul{width:100vw;margin:10px auto;padding:10px 0;}
.sysbox_contentG ul li{width:96vw;display:block;margin:0 auto 12px auto;border-bottom:5px solid #F6F6F6;overflow:hidden;padding-bottom: 10px;position:relative;}
.sysbox_img{width:35vw;height:24vw;display:inline-block;overflow:hidden;border-radius:4px;}
.sysbox_img img{width:35vw;height:auto;}
/*
.sysbox_img img{-webkit-animation: swing 1s .2s ease both;-moz-animation: swing 1s .2s ease both;}
*/
.sysbox_detailG{width:61vw;height: 24vw;display: inline-block;overflow: hidden;text-align: left;}
.sysbox_detailG b {width:61vw;height: 6vw;line-height: 6vw;padding: 0 10px;display: block;overflow: hidden;font-size: 1.2rem;color:#333;text-overflow: ellipsis;white-space: nowrap;}
.sysbox_detailG em {width:61vw;height: 6vw;line-height: 6vw;padding: 0 10px;display: block;overflow: hidden;font-size: 1rem;color: #666;text-overflow: ellipsis;white-space: nowrap;font-style: normal;font-weight: bold;}
.sysbox_detailG i {width:61vw;height: 6vw;line-height: 6vw;padding: 0 10px;display: block;overflow: hidden;font-size: 1rem;color:red;text-overflow: ellipsis;white-space: nowrap;font-style: normal;font-weight: bold;}
.sysbox_detailG strong {width:61vw;height: 6vw;line-height: 6vw;padding: 0 10px;display: block;overflow: hidden;font-size: 1rem;color: #666;text-overflow: ellipsis;white-space: nowrap;font-style: normal;font-weight: bold;}

.umesbox{width:100vw;margin:10px auto;padding:0;overflow:hidden;}
.umesboxtitle{width:98vw;margin: 0px auto;}
.umesboxtitle h1{color:#333;font-weight: bold;font-size: 1.4rem;text-align: center; padding: 15px 0 10px 0;}
.umesboxtitle h1 b{color:red;margin-left:5px;}
.umesboxTip{width:98vw;margin:0px auto;padding:10px;border-top:1px solid #EEE;color:#999;font-size:1.0rem;font-weight:bold;}
.umesboxTip b{color:red;font-size:1.2rem;}
.umesbox_content{width:100vw;margin:10px auto 0 auto;padding:10px 0;background:#EEE;}
.usermescont{width:94vw;margin:10px auto 5px auto;background:#FFF;border-radius:8px;overflow:hidden;}
.umeshead{width:94vw;margin:0 auto;display:block;}
.umeshead img {width: 30px;height: 30px;border-radius: 50%;margin:15px 10px 10px 10px;float:left;vertical-align: top;}
.umeshead b{font-size: 1.1rem;color: #66CCFF;float: left;margin: 20px 0px 0px 0px;}
.umeshead i {font-size: 1.0rem;color:#999;font-style: normal;float: right;padding-right: 20px;margin: 21px 0px 0px 0px;}
.umescont{width:90vw;margin: 10px auto;overflow: hidden;border: 1px solid #F0F0F0;border-radius: 10px;padding:10px;}
.umeses{width:100%;margin:0px auto 10px auto;line-height:22px;font-size:1.0rem;color:#666;overflow: hidden;}
.umeses b{color:#009999}
.kfmess{width:100%;margin: 0 auto;border-top: 1px dashed #E1E1E1;}
.kfmeses {margin: 0px auto;color:#CC0000;padding: 10px 0 0 0;font-size:1.0rem;line-height: 22px;}
.kfsinfo {width: 100%;margin: 0 auto;text-align: right;padding: 10px 0;}
.kfsinfo b {font-size:1.0rem;color: red;}
.kfsinfo i {font-size: 1.0rem;color: #999;font-style: normal;margin:0 10px 0 20px;}
.sendmess_box_bg{width:100vw;margin:0 auto 10px auto;background:#EEE;padding:20px 0 60px 0;}
.sendmess_box{width: 94%;margin: 0 3% 20px 3%;border-radius: 8px;background: #fff;overflow: hidden;}
.sendmess_box_title {font-size: 1.2rem;color: #666;font-weight: bold;margin: 15px auto 10px auto;width: 100%;text-align: center;}
.sendmess_notice {width: 94%;margin: 0 3% 10px 3%;color: #999;font-size: 1.0rem;}
.sendmess {width: 94%;margin: 0 3%;height: 150px;overflow: hidden;text-align: center;position: relative;}
.sendmess textarea {width: 100%;height: 130px;color: #666;font-size: 1.0rem;border: 2px solid #ECECEC;border-radius: 5px;padding: 10px;}
.sendmess i {background: #ddd;color: #666;font-size: 0.9rem;padding: 3px 5px;border-radius: 4px;position: absolute;bottom: 30px;right: 10px;font-style: normal;}
.sendmes {width: 100px;height: 36px;line-height: 36px;margin: 20px auto 20px auto;text-align: center;}
.sendmes b {text-align: center;font-size: 1.1rem;color: white;font-weight: bold;display: block;border-radius: 5px;}
.sendmes b.focus {background: #0099FF;}
.sendmes b.blur {background: #CCCCCC;}
.user_pay_box{width:98vw;margin:10px auto;padding:10px 0;overflow:hidden;}
.user_pay_tips{width:100%;margin:0px auto 10px auto;text-align:center;font-size:1.2rem;color:#333;font-weight:bold;}
.user_pay_tips b{color:red;font-size:1.4rem;}
.uppay_type_kinds{width: 100%;margin: 10px auto;overflow:hidden;padding:20px 0 0 0}
.uppay_type_item{width:45vw;height:25vw;display:block;float:left;margin:10px 2vw;text-align:center;overflow:hidden;border:1px solid #eee;background:linear-gradient(#eee,#C0C0C0);border-radius:8px;font-size:0;position:relative;}
.uppay_type_item strong{font-size:1.4rem;color:#666;position:absolute;top:1px;left:10px;}
.uppay_type_item b{display:block;font-size:1.8rem;color:#333;margin:8vw 0 10px 0;}
.uppay_type_item em{font-size:1.0rem;color:#888;display:block;font-style:normal;}
.chooseK{background:linear-gradient(#FF6699,#FF0066);}
.chooseK strong{color:#FFCCCC;}
.chooseK b{color:#FFF;}
.chooseK em{color:#eee;}
.chooseK i{width:16px;height:16px;display:block;border-radius:50%;background:#FFF;color:#FF0066;font-size:1.2rem;font-weight:bold;font-style:normal;line-height:14px;position:absolute;top:0;right:0;}
.uppay_types_box {width: 100%;margin: 30px auto 0 auto;text-align: center;overflow: hidden;}
.uppay_types_box label {display: inline-block;font-size: 1.3rem;color: #333;margin-right: 10px;}
.uppay_types_box_item {display: inline-block;font-size: 1.3rem;color: #0099CC;margin-right: 10px;}
.uppay_types_box_item b{color:#00CC99}
.uppay_types_box_item input {width: 20px;height: 20px;vertical-align: text-top;position: relative;top: -1px;margin-right: 3px;}
.uppay_button {width: 100%;margin: 0 auto;text-align: center;}
.uppay_button b{margin: 30px auto 0 auto;width: 120px;height: 42px;background:linear-gradient(#CC0000, #c4937e);line-height: 42px;display: block;font-size: 1.2rem;font-weight:bold;border-radius: 8px;color: white;}

.leval_tips{width:94vw;margin:20px auto;padding:10px 0 40px 0;border-top:10px solid #EEE;}
.leval_tips span{display:block;font-size:1.2rem;color:#333;font-weight:bold;margin:10px auto;}
.leval_tips p{display:block;margin:5px 0 0 0;color:#666;font-size:1.0rem;border-bottom:1px dashed #EEE;padding-bottom:5px;}
.paytips{width:96%;margin:15px auto;text-align:center;font-size:1.2rem;color:red;font-weight:600;}
.paytips b{color:#333;margin-right:10px;}