/*All*/

@media screen and (device-width:375px) and (device-height:812px){
    body{ 
		margin-top: 44px;
		background: rgb(18, 9, 49) !important;
		}
    /*.mui-content{
        padding-top: 20px;
    }*/
    .total{
        padding-bottom: 34px;
        bottom: -34px;
    }
    .mui-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: -34px;
    left: 0;
    z-index: 998;
    background-color: rgba(0,0,0,.3);
    }
}

html{ font-size: 62.5%;-webkit-text-size-adjust:none;}
@media screen and (max-width:322px){
    html{font-size: 55%;-webkit-text-size-adjust:none;}
}
body{ background-color: #525E71; ;color: #FFFFFF; font-size: 14px;font-size: 1.4rem;}

ul{ padding: 0; margin: 0;}
ul li{ padding: 0; list-style: none;}
input, select, textarea{ font-size: 14px;font-size: 1.4rem;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #666666; opacity:1; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #666666;opacity:1;
}

input:-ms-input-placeholder{
    color: #666666;opacity:1;
}

input::-webkit-input-placeholder{
    color: rgba(255,255,255,0.5);
}
.mui-checkbox input[type=checkbox]:before, .mui-radio input[type=radio]:before{font-size: 22px;font-size: 2.2rem;}
.mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{ padding-top: 3px;}
.mui-content{ background-color:inherit; padding: 0 20px; padding-bottom: 80px; padding-top: 5px;}
.yellow,.yellow a,.yellow-down.mui-select:before{ color: #FFD600;}
.white{ color: #FFFFFF;}
.red{ color: #e51c23;}
.blue{ color: #0083cc;}
.green{ color: #00e39f;}
.gray,.gray.btn-note,.strip-note.gray{ color: rgba(255, 255, 255, 0.7);}
.gray-font{ color: rgba(255, 255, 255, 0.7);}
.line-16{ line-height: 16px;}
.strip-note.line-16{ line-height: 16px;}
.line-26{ line-height: 26px;}
.violet{color: rgba(209, 51, 213, 1)}
.mar-bottom{ margin-bottom: 10px;}
.mar-bottom-20{ margin-bottom: 20px;}
.mar-bottom-5{ margin-bottom: 5px;}
.mar-right{ margin-right: 16px;}
.mar-right-5{ margin-right: 5px;}
.mar-right-8{ margin-right: 8px;}
.mar-top-5{ margin-top: 5px;}
.mar-top{ margin-top: 10px;}
.mar-top-20{ margin-top:20px;}
.mar-top-30{ margin-top:30px;}
.mar-top-40{ margin-top:40px;}
.mar-top-60,.mar-top-60.logo-box{ margin-top:60px;}
.pad-left-small{ padding-left: 6px;}
.pad-right-small{ padding-right: 6px;}
.pad-left-5{ padding-left: 5px;}
.pad-left-15{ padding-left: 15px;}
.pad-right-15{ padding-right: 15px;}
.pad-left-10{ padding-left: 10px;}
.pad-right-10{ padding-right: 10px;}
.no-margin{ margin: 0 !important;}
.box{ overflow: hidden;}
.btn-cus-2{ width: 45%;}
.small-font{font-size: 12px;font-size: 1.2rem;}
.small-font.mui-btn-warning{ font-size: 12px;font-size: 1.2rem;}
.font-10{ font-size: 10px; font-size: 1.0rem;}
.font-12{ font-size: 12px; font-size: 1.2rem;}
.font-14{font-size: 14px; font-size: 1.4rem;}
.font-16{font-size: 16px; font-size: 1.6rem;}
.font-18{ font-size: 18px;font-size: 1.8rem;}
.font-20{font-size: 20px; font-size: 2.0rem;}
.font-28{font-size: 28px; font-size: 2.8rem;}
.small-font p{font-size: 12px; font-size: 1.2rem;}
.small-font.list-info p{ line-height: 14px;}
.pad-win{ padding-left: 20px !important; padding-right: 20px !important;}
.pad-spa{ padding-right: 5px;}
.pad-right{ padding-right: 10px;}
.pad-left{ padding-left: 10px;}
.btn-cus{ padding: 2px 10px;}
.gray-line{ height: 1px; background-color:rgba(255,255,255,0.6) ; margin: 10px 0;}
.btn-wall{ width: 80%; margin-left: 10%; margin-top: 10px; height: 40px; line-height: 40px; padding: 0 12px;}
.per-info-box label{ line-height: 34px; font-size: 16px;font-size: 1.6rem;}
.line-input{ line-height: 34px;}
.select-suc{ height: 34px; background-color:#232832; border:1px solid rgba(229, 229, 229, 1) !important; padding: 4px 15px;}

/*tab bar*/
.total{height: 48px;  width: 100%; position: fixed; z-index: 11; bottom:0px; box-sizing: border-box; overflow: hidden; background-color: #FFFFFF; border-top: 1px #CCCCCC solid;}
.total a{ display: block; height: 50px; width: 33.33%; float: left; box-sizing: border-box; padding: 12px 0; text-align: center;}
.total a span{ white-space: nowrap; color: #515151;}
.nav-line{ position: absolute; width: 1px; height: 22px; top: 50%; margin-top: -11px; left: 33.33%; background-color: #BBBBBB;}
.total a:nth-child(2) .nav-line{ position: absolute; width: 1px; height: 22px; top: 50%; margin-top: -11px; left: 66.66%; background-color: #BBBBBB;}
@media screen and (device-width:375px) and (device-height:812px){
    .nav-line{ position: absolute; width: 1px; height: 22px; top: 50%; margin-top: -28px; left: 33.33%; background-color: #BBBBBB;}
	.total a:nth-child(2) .nav-line{ position: absolute; width: 1px; height: 22px; top: 50%; margin-top: -28px; left: 66.66%; background-color: #BBBBBB;}
	.total{height: 48px;  width: 100%; position: fixed; z-index: 11; bottom:-34px; padding-bottom: 34px; box-sizing: content-box; display: table;}
	.total a{ display: table-cell; height: 50px;}
}
.total .icon{ position: absolute; left: 0;}
.total .icon.fomo{ font-size: 22px;}
.total .icon.game{ font-size: 24px; left: -2px;}
.total .icon.acc{ font-size: 20px; top: 2px;}
.bar_icon{display: inline-block; position: relative;}
.bar-ctmt{
	height: 25px;
	width: 72px;
	line-height: 25px;
	margin: 0 auto;
	padding-left: 24px;
}
.selectd .bar-ctmt{
	height: 25px;
	width: 72px;
	line-height: 25px;
	display: block;
	margin: 0 auto;
	padding-left: 20px;
	color: rgb(134, 21, 174) ;
}
.selectd .icon.fomo,
.selectd .icon.game,
.selectd .icon.acc{
	color: rgb(134, 21, 174) ;
}
.bar-mine{
	height: 25px;
	width: 80px;
	line-height: 25px;
	display: block;
	margin: 0 auto;
	padding-left: 20px;
	background: url(../img/kuang1.PNG) no-repeat center left;
    background-size: auto 100%;
}
.selectd .bar-mine{
	height: 25px;
	width: 75px;
	line-height: 25px;
	display: block;
	margin: 0 auto;
	padding-left: 20px;
	/* color: rgb(134, 21, 174); */
	color: #192d7a;
	background: url(../img/kuang2.PNG) no-repeat center left;
    background-size: auto 100%;
}
.bar-my{
	height: 25px;
	width: 75px;
	line-height: 25px;
	display: block;
	margin: 0 auto;
	padding-left: 20px;
	background: url(../img/my_before.png) no-repeat center left;
		background-size: auto 100%;
}
.selectd .bar-my{
	height: 25px;
	width: 75px;
	line-height: 25px;
	display: block;
	margin: 0 auto;
	padding-left: 20px;
	/* color: rgb(134, 21, 174); */
	color: #192d7a;
	background: url(../img/my_active.png) no-repeat center left;
		background-size: auto 100%;
}
.total a.selectd{ color: #003092;}

/*button*/
.mui-btn-blue, .mui-btn-primary, input[type=submit]{    border: 1px solid #006ACC;
    background-color: #006ACC; font-size: 16px;font-size: 1.6rem;}
.mui-btn-warning, .mui-btn-yellow{    border: 1px solid #ff9800;
    background-color: #FF9800;font-size: 16px; font-size: 1.6rem;}

.mui-btn-gray{ background-color: #888888; border-color: #888888; color: #FFFFFF;}

/*top icon*/
.icon-top{width: 24px; height: 24px;}
.icon-top span{ color: #ffffff;}
.icon-top-box{ padding: 25px 0px 10px 0; overflow: hidden;}
.icon-country{ display: block; overflow: hidden; width: 28px;}
.icon-country img{ width: 100%; height: auto; margin-top: 4px;}

.country-list{ display: block; position: absolute; display: none;}
.country-list li{ display: block; width: 26px; height: 24px; margin-bottom: 8px;}
.country-list li img{ width: 100%; height: auto;}
.icon-set{ background: url(../img/raw_1525850607.png) center center no-repeat;background-size: 24px auto;}
.icon-email{ background: url(../img/raw_1519126917.png) center center no-repeat;background-size: 28px auto; position: relative;}
.icon-logo{ background: url(../img/raw_1525868402.png) center right no-repeat; background-size: auto 20px; height: 24px; width: 70px;}
.redra{ width: 10px; height: 10px; border-radius: 10px; background-color:#E51C23;position: absolute; right:-2px; top: 2px;}



/**/
.mod-title-box{ overflow: hidden;}
.mod-title{ font-size: 18px;font-size: 1.8rem; color:#00A3FF;}
.mod-note{ font-size: 12px; font-size: 1.2rem; color: #FFFFFF; line-height: 26px;}

.strip-box{ padding-top: 10px;}
.strip{ overflow: hidden; margin-bottom: 6px;}
.strip-title{ width: 56px; float: left; color: #FFFFFF; font-size: 1.2rem;}
.strip-content{ margin-left: 56px;}
.strip-content img{ width: 100%; margin-top: 1px;}
.strip-note{ font-size: 12px;font-size: 1.2rem; color: rgba(255, 255, 255, 0.7); line-height: 13px;}

.scro-box{}
.win-scro{ width:100%; overflow: hidden; background-color: #414A61;}
.scro{ overflow: hidden; padding: 4px 10px;}
.scro li { color: #FFFFFF;font-size: 12px; font-size: 1.2rem; line-height: 22px;float: left;padding-right: 10px; white-space: nowrap;}
.scro-title{ color: #FFFFFF; padding: 4px 0; width: 56px; float: left; }
.scro-content{ margin-left: 56px;}


.main{ width: 100%; margin-bottom: 14px;}
.main-back{ width: 100%; padding-top: 100%; background: url(../img/index_logo.gif) no-repeat top center; background-size: 108%;}
.main-logo{ margin-top: -100%; padding-top: 22%; width: 30%; margin-left: auto; margin-right: auto;}
.main-logo img{ width: 100%;}
.main-font-box{ padding-top: 6px;}
.main-font{ text-align: center; color: #FFD600; display: block; font-size: 1.4rem;}
.main-note{ text-align: center; color: #FFFFFF; display: block; font-size: 1.2rem;}
.main-note-blue{ color: #00E39F; font-size: 1.4rem; padding-left: 5px;}


/*list*/
.form-table{ border: #6e6e6e 1px solid; padding: 10px;}
.form-table.no-border{ border: none;}
.form-table .mui-row{ margin-bottom: 6px}
.font-list .w-font{ font-size: 14px;font-size: 1.4rem;}
.font-list .g-font{font-size: 14px; font-size: 1.4rem ;color:#00e39f;}

.form .form-name{ display:table; width:100%; text-align:center; margin:5px 0;}
.form .form-name span{ display:table-cell; padding-right:5px; color: #999999}
.form .form-name span.sel{ color:#00e39f}
.form .form-name span:last-child{ padding:0}
/*my list*/
.wid-45{ width: 45%;}

/*btn-3*/
.btn-yellow-cus{ background-color: #ff9800; border-color: #ff9800; color: #FFFFFF;}

.btn-group-3{ overflow: hidden;}
.btn-group-3 .btn{ width: 32%; float: left; margin-right: 2%; font-size: 14px; font-size: 1.4rem;}
.btn-group-3 .btn:last-child{ margin: 0;}


.bar-5 .bar{ padding: 2px 10px; color: #FFFFFF;}
.btn-group .bar-5{ width: 18%; margin-right: 2%; float: left;}
.btn-group .bar-5 .bar{ width: 100%;}
.btn-group .bar-5:last-child{ width: 20%; margin-right:0;}
.btn-font{ font-size: 13px;font-size: 1.3rem; color: #ffffff;}
.btn-note{ font-size: 11px;font-size: 1.1rem; color: #888888; margin-top: -2px;}
.btn-group .bar-5.sel .bar{background: #444444;}
.bar-5.sel .bar .btn-font{ font-size: 13px; font-size: 1.3rem; color: #FFD600;}
.bar-5.sel .bar .btn-note{ font-size: 11px;font-size: 1.1rem; color: #ffffff;}
.mui-btn{ border-radius: 6px;}

/*logo bottom*/
.logo-box{ margin: 20px 0;}
.logo-box img{ width: 26%; margin-left: 37%;}
.logo-box .logo-font{ margin-top: -4px;}

.form img{ width: 100%;}
.form-font{ font-size: 12px;font-size: 1.2rem; color: #636363;}

/*on off*/
.mui-switch.suitch-cus{background-clip:border-box}


/*pop up*/

    .mobal-box{
        position: fixed;
    z-index: 10000;
    top: 50%;
    left: 50%;

    display: none;
    overflow: hidden;

    width: 270px;

    -webkit-transition-property: -webkit-transform,opacity;
            transition-property:         transform,opacity;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.185);
            transform: translate3d(-50%, -50%, 0) scale(1.185);
    text-align: center;

    opacity: 0;
    color: #000;
    border-radius: 13px;
    display: none;

    -webkit-transition-duration: 400ms;
            transition-duration: 400ms;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
            transform: translate3d(-50%, -50%, 0) scale(1);

    opacity: 1;
    }
    .mobal-inner
{
    position: relative;

    padding: 15px;

    border-radius: 13px 13px 0 0;
    background: rgba(255, 255, 255, .95);
}
.mobal-inner:after
{
    position: absolute;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 1px;

    content: '';
    -webkit-transform: scaleY(.5);
            transform: scaleY(.5);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;

    background-color: rgba(0, 0, 0, .2);
}
.mobal-container{ width: 110px; height: 40px; margin-top: 15px;}
.mobal-container canvas{ width: 100%; height: 100%;}
.mobal-buttons
{
    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display:         flex;

    height: 44px;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
}
.mobal-button
{
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 44px;

    position: relative;

    display: block;
    overflow: hidden;

    box-sizing: border-box;
    width: 100%;
    height: 44px;
    padding: 0 5px;

    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;

    color: #007aff;
    background: rgba(255, 255, 255, .95);

    -webkit-box-flex: 1;
}
.mobal-button:after
{
    position: absolute;
    z-index: 15;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;

    display: block;

    width: 1px;
    height: 100%;

    content: '';
    -webkit-transform: scaleX(.5);
            transform: scaleX(.5);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;

    background-color: rgba(0, 0, 0, .2);
}
.mobal-button:first-child
{
    border-radius: 0 0 0 13px;
}
.mobal-button:first-child:last-child
{
    border-radius: 0 0 13px 13px;
}
.mobal-button:last-child
{
    border-radius: 0 0 13px 0;
}
.mobal-button:last-child:after
{
    display: none;
}
.mobal-button.mobal-button-bold
{
    font-weight: 600;
}
.mobal-title{
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 500;
    text-align: center;}
.mobal-title + .mobal-text{
    font-family: inherit;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 5px 0 0;
}
.mobal-input input
{
    font-size: 14px;
    font-size: 1.4rem;
    width: 100%;
    height: 26px;
    margin: 15px 0 0;
    padding: 0 5px;

    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 0;
    background: #fff;
}

input[type=text].input{ padding: 4px 15px; border-color: rgba(255,255,255,1) !important;
    background-color:transparent !important; border-radius: 4px; height: 34px;}
input[type=number].input{
	padding: 4px 15px;
    border-color: rgba(255,255,255,1) !important;
    background-color:transparent !important;
    border-radius: 4px;
    height: 34px;
    color: #FFFFFF;
}
input[type=number].log-input {
	padding: 4px 15px;
	border-color: rgba(255,255,255,1) !important;
    background-color:transparent !important;
	border-radius: 4px;
	height: 40px;
	font-size: 16px;
	font-size: 1.6rem;
}
textarea.feedback-text{ color: #333333;}

/*ad*/
.adbox{ width: 76%; height: auto; position: fixed; top:17%; left: 12%; z-index: 999; max-height: 80%;}
.adbox img{ width: 100%; max-height: 100%; border-radius: 12px;}
.adbox .adclose{ position: absolute; height: 28px; width: 28px; right: -8px; top: -8px;}
.adbox .adclose span{background-color: #000000;border-radius: 100px; font-size: 28px;font-size: 2.8rem;}

.icon-back{ height: 28px; width: 28px; margin-left: -6px; margin-top: -1px;}
.icon-back .mui-icon-back{ font-size: 28px;}

.forminfo .forminfo-title{ width: 60px; float: left;}
.forminfo .forminfo-note{  margin-left: 64px;}

.mui-popup-title{ font-weight: normal !important;}

.mui-popover .mui-table-view .mui-table-view-cell a{ font-size: 18px; font-size: 1.8rem;}
.mui-popover .mui-table-view .mui-table-view-cell:first-child, .mui-popover .mui-table-view 
.mui-table-view-cell{padding: 15px 15px;}
.mui-popover.mui-popover-action .mui-table-view{ border-radius: 10px;}

.banben{ font-size: 12px; color: #DDDDDD; margin-bottom:5px; margin-top: -4px;}
.banben-hot{ width: 40px; margin-bottom: -40px; margin-top: -4px;}
.banben-hot img{ width: 100%; height: auto;}

.main-pos{ position: relative; height: 1px; margin-top: -26px;}
.main-ab{ position: absolute; z-index: 10; right: -12.5%; bottom: 0;}
.main-arrow{ height: 55px; margin-right: -20px; position: absolute; left: -24px;}
.main-arrow.boxyin{right: 0; left: auto;}
.main-news{ height: 55px; margin-right: -20px;}
.main-arrow img,.main-news img{ height: 100%; width: auto;}
.box-reletive{position: relative; height: 55px; min-width: 10px;}


.logo-box-wid{}
.logo-box-wid img{ width: 100%;}

.fulogo_container{ text-align: center;}
.fulogo_center{ display: inline-block;}
.fulogo_box{ width: 38px; height: 38px; float: left; margin-right:10px;}
.fulogo_box img{ width: 100%; height: 100%;}
.fulogo_font{ float: left;}


.tab_box{ overflow: hidden;}
.tab_box .tab{}
.tab_box .tab_12,.tab_box .tab_22{float: left; box-sizing: border-box; width: 50%; background: url(../img/tab.JPG) center center no-repeat; border: 1px solid rgba(255,255,255,0.5); text-align: center; background-size: 100% 100%; height: 40px; line-height: 40px;}
.tab_box .tab_12{ border-radius: 6px 0 0 6px; color: rgba(255,255,255,0.8);}
.tab_box .tab_22{ border-radius: 0 6px 6px 0; margin-left: -1px; color: rgba(255,255,255,0.8);}
.tab_box .tab_12.tabd,.tab_box .tab_22.tabd{background:url(../img/tabd.JPG) center center no-repeat; border: 1px solid rgba(255,255,255,1); background-size: 100% 100%; color: rgba(255,255,255,1);}



.fontlist-box{ overflow: hidden;}
.fontlist{ float:left; }
.fontlist-gront{ overflow: hidden; height: 24px;}

.fontlist .fontlist-title{ float: left; display: block; width: 55px; text-align: justify; padding-right: 10px;}
.fontlist .fontlist-title i{display: inline-block; padding-left: 100%; height: 28px;}
.fontlist .fontlist-note{ float: left; display: block;}
.fontlist-mao{ float:left; margin-left:-8px}

.list_badge{ overflow: hidden;}
.list_badge li{ width: 28%; display: block;}
.list_badge li .badge_box{ width: 100%; height: 25vw; margin: 0 auto; margin-bottom: 0px; display: block;}
.list_badge li .token{ background: url(../img/token.PNG) center center no-repeat; background-size: 100% auto;}
.list_badge li .match{ background: url(../img/match.PNG) center center no-repeat; background-size: 100% auto;}
.list_badge li .share{ background: url(../img/share.PNG) center center no-repeat; background-size: 100% auto;}
.red_new{ background-color: #E51C23; border: 1px #FFFFFF solid; padding: 1px 3px; float: right; margin-top: 14px; margin-right: 4px;}

.list_badge li .badge_box img{ width: 100%; height: auto;}

.biglogo_box{
	width: 78vw;
    height: 78vw;
    margin:-10px auto 20px auto;
    z-index: 5;
    background-color: transparent;
    border-color: rgb(255, 255, 255);
    box-shadow: rgb(194, 20, 255) 0px 0px 14px 1px;
    font-size: 14px;
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    line-height: 18px;
    font-weight: normal;
    font-style: normal;
    opacity: 1;
    transition: none 0s ease 0s;
    border-radius: 10000px;
    background:  url(../img/logoback.gif) center center no-repeat;
    background-size: 118% 118%;}
.biglogo{ width: 68%; margin: 4% auto 5px auto;}
.biglogo img{ width: 100%; height: auto;}
        

.line-icon{width: 40px; margin: 0 auto -36px auto;}
.line-icon img{width: 100%; height: auto;}
.gray-line-icon{margin-bottom: 36px;}

.jz_box{ width: 12%;}
.jz_box img{ width: 100%; height: auto;}

.black_background{ background-color: rgba(16,13,72,0.39); padding-top: 5px; padding-bottom: 0px;}
.black_background .icon_box{ width: 50px; }
.icon_box{ width: 50px; }
.icon_box img{ width: 100%; height: auto; }
.black_background .icon_box img{ width: 100%; height: auto;}
.black_background .icon_box.icon_detail{ width: 65px;}
.black_background .icon_box.icon_detail img{ width: 75px; height: auto; margin-left: -5px;}
.black_background .icon_detail_font{-webkit-transform: scale(0.9); position: absolute;left: 80px;}
    	
.little_logo_box{ text-align: center;-webkit-transform: scale(0.8); position: absolute; left: -5px;}
.littie_logo{ display: inline-block; height: 55px; overflow: hidden; float: left;}
.littie_logo img{ height: 100%; width: auto;}
.little_logo_font{ font-size: 10px; font-size: 1.0em; margin-left:114px; text-align: left; white-space: nowrap; padding-top: 4px;}


.list_logo{ height: 20px;}
.list_logo img{ height: 100%; width: auto;}
.outline_w{ border: 1px rgba(255,255,255,1) solid; padding: 0 2px; border-radius: 4px; display: inline-block; font-size: 10px;}
.outline_y{ border: 1px #FFD600 solid; padding: 0 2px; border-radius: 4px; display: inline-block; font-size: 10px;}
.s_table{ text-align: center;}
.s_table tr td:first-child{ text-align: left;}
.s_table tr td:last-child{ text-align: right;}
.icon_detail_table tr td{ padding: 4px 0;}


    	
.title-text span {
    display: block;      /*设置为块级元素会独占一行形成上下居中的效果*/
    position: relative;  /*定位横线（当横线的父元素）*/
    text-align: center; 
} 

.work-intro{ margin-top: 30px; margin-bottom: 25px;}
.title-text span:before, .title-text span:after { 
    content: ''; 
    position: absolute;   /*定位背景横线的位置*/
    top: 50%; 
    background: rgba(255,255,255,0.6);   /*背景横线颜色*/
    width: 22%;            /*单侧横线的长度*/
    height: 1px; 
} 
.title-text span.icon_key:before, .title-text span.icon_key:after { 
    content: ''; 
    position: absolute;   /*定位背景横线的位置*/
    top: 50%; 
    background: rgba(255,255,255,0.6);   /*背景横线颜色*/
    width: 38%;            /*单侧横线的长度*/
    height: 1px; 
} 

.title-text span:before { 
    left: 0;              /*调整背景横线的左右距离*/
} 

.title-text span:after { 
    right: 0; 
}

        	
.info-list tr td{ padding-bottom: 4px;}
.mar-center{ margin-left: auto; margin-right: auto;}
.wall{ width: 100%;}
.font-we{ font-weight: bold;}
.btn_w_out_d{ background-color: rgba(255,255,255,0.3); color: #FFFFFF;}
.btn_w_out_d.yellow{ color: #FFD600;}
.btn_nor{ width: 86%; margin-left: auto; margin-right: auto; padding-top: 8px; padding-bottom: 8px;}
.pay-btn{ width: 80%; margin-left: 10%; padding: 10px;}
.b_yellow{ background-color:#FF9800;}
.btn-radius{ border-radius: 10px;}
.nowrap{white-space: nowrap;}
body{
	min-height: 100vh;
	/* background: -webkit-linear-gradient(160deg, rgba(198,0,235,1), rgba(0,0,72,1)); /* Safari 5.1 - 6.0 */ */
  /* background: -o-linear-gradient(160deg, rgba(198,0,235,1), rgba(0,0,72,1)); /* Opera 11.1 - 12.0 */ */
  /* background: -moz-linear-gradient(160deg, rgba(198,0,235,1), rgba(0,0,72,1)); /* Firefox 3.6 - 15 */ */
  /* background: linear-gradient(160deg, rgba(198,0,235,1), rgba(0,0,72,1)); /* 标准的语法 */ */
}
body.bian{
	min-height: 100vh;
	/* background: -webkit-linear-gradient(160deg, rgba(0,0,72,1), rgba(198,0,235,1)); /* Safari 5.1 - 6.0 */ */
  /* background: -o-linear-gradient(160deg, rgba(0,0,72,1), rgba(198,0,235,1)); /* Opera 11.1 - 12.0 */ */
  /* background: -moz-linear-gradient(160deg, rgba(0,0,72,1), rgba(198,0,235,1)); /* Firefox 3.6 - 15 */ */
  /* background: linear-gradient(160deg, rgba(0,0,72,1), rgba(198,0,235,1)); /* 标准的语法 */ */
}

html,body{
	font-family:'Helvetica Neue',Helvetica,sans-serif !important;
	 background-color: rgb(18, 9, 49) !important;
	 z-index: 999;
}
/* 新加导航样式 */
#footer{
	position: fixed;
	bottom: 0px;
	left: 0px;
	background: #FFFFFF;
	height: 48px;
	line-height: 48px;
	z-index: 999;
}
.bar-my{
   margin-top: 1.1rem;	
	 font-size: 1.6rem;
	 height: 22px;

}
.bl_img{
	display: inline-block;
    line-height: 55px;
    height: 48px;
}
.xian{
	display: inline-block;
	width: 1px;
    height: 22px;
    background-color: #BBBBBB;
		position: absolute;
		right: 0;
		top: 12px;
}
.bar-mine {
	height: 24px;
    width: 75px;
    line-height: 25px;
    display: block;
    margin: 0 auto;
    padding-left: 20px;
    margin-top: 1.1rem;
    font-size: 1.6rem;
    background: url(../img/kuang1.PNG) no-repeat center left;
    background-size: auto 100%;
		}
		.footer_img img{
			width: 59%;
			margin-top: 1rem;
		}
			/* 新加导航样式 */
		.selectd .bar-mine {
		 margin-top: 1.1rem;
		   height: 24px;
		}
		.selectd .bar-my{
			margin-top: 1.1rem;
			height: 22px;

		}
		.btn_h{
			height: 42px !important;
			line-height: 31px !important;
		}