/* 通用 */
:hover, a:hover {text-decoration: none;}
a:focus, a:hover{text-decoration: none;}
a.fontnav {text-decoration:none; outline:none} 
body{color:#373856;background:#200a06}
i{font-style:normal}
p{padding:0px;margin:0px}
em{font-style:normal}
ul li {list-style-type: none;margin:0px;padding:0px}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
ul,ol{list-style:none;margin:0px;padding:0px}
img{ border:none; border:0;}
/* font color */
.font-color{color:#fed700} /*主色黄*/

/* background */
.bg-color{ background-color:#fed700} /*主色黄*/

/* 输入框 */
.form-control{border:2px solid #542a1e;min-width:40px; background:#34110b;color:#e9725c;font-size:14px}
.form-control:hover{border:2px solid #E1800F}

/* 单选框 */
.form_radio {position:relative;text-indent:28px;cursor:pointer;float:left;padding:2px 0px;}
.form_radio span{position:absolute;top:2px;left:0px;border:2px solid #ddd;border-radius:12px;width:18px;height:18px;margin:0px;cursor:pointer; background:#fff}
.form_radio span i{display:none;}
.form_radio .radio:hover,
.form_radio:hover span{border:2px solid #FED700}
.form_radio .radio_active .radio{border:2px solid #FED700}
.radio .radio_active i{display:block; background:#FED700;width:8px;height:8px;border-radius:8px;position:absolute;top:3px;left: 3px;}
.radio .radio_active span{border:2px solid #FED700}
.radio{margin:0px;}


/* 下拉框 */
.select{position:relative;margin:0px;cursor:pointer}
.select dt{border:2px solid #ddd;border-radius:4px;height: 34px;padding: 6px 12px;min-width: 85px;font-weight:normal;}
.select dt:hover{border: 2px solid #FED700;}
.select dt .caret{position: absolute;top:14px;right: 10px;}
.select dd{width:100%;position: absolute;display:none;top: 100%;left: 0;z-index: 1000;min-width: 85px;padding: 5px 0;margin: 2px 0 0;font-size: 14px;list-style: none;background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,0.15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);box-shadow: 0 6px 12px rgba(0,0,0,0.175);background-clip: padding-box;}
.select dd ul{margin:0px;padding-left:8px; line-height:22px;font-weight:normal}
.select dd li:hover{ background:#F5F5F5;}


/* 下拉框 */
.dropdown-menu{border:1px solid #612E21;background:url(../images/black_80.png);color: #e27a37;width:100%;min-width:257px;}
.dropdown-menu a{color: #e27a37;font-size:14px;}
.dropdown-menu a:hover{color:#fff}
.dropdown-menu dd{padding:6px 12px 6px 12px;position:relative;cursor: pointer;}
.dropdown-menu dd:hover{ background:#691B0C}
.dropdown-menu img{border-radius:3px;margin-right:5px;width:25px;height:25px}
.dropdown-menu .arrow-right {position:absolute;right: 12px;top: 11px;width:0px; height:0px; border-bottom:5px solid transparent;border-top:5px solid transparent;border-left:5px solid #e27a37;font-size:0px;line-height:0px;}
.dropdown-menu .thre_sub{padding:5px 0px;border-radius:5px;position:absolute;left:198px;top:-6px;border:1px solid #612E21;background:url(../images/black_80.png);color: #e27a37;width:220px;}
.dropdown-menu .thre_sub p{padding:6px 12px 6px 12px;position:relative;cursor: pointer;}
.dropdown-menu .thre_sub p:hover{ background:#691B0C}

/* btn */
.btn{background:#54291e;opacity:1;color:#ff8a3d;padding-left:24px;padding-right:24px; font-size:14px;text-transform:capitalize} /*主色橙色*/
.btn:hover,
.btn:focus{opacity:0.8;color:#ff8a3d}
.btn_green,
.btn_green:hover,
.btn_green:focus{background:#6b3122;color:#f9c80a}
.web-but-yellow{ color:#333}
.web-but-yellow:hover{ color:#333}


/* 选择游戏 */
.select_topic{ position:relative; float:left;padding-top: 3px;}
.select_topic .btn{padding-left:10px;text-align:left;width:150px; padding-right:10px; background:#612e21;color:#FF8A3D}
.select_topic .btn .glyphicon{font-size:12px; float:right;padding-top:3px}
.select_topic .checkbox{position:absolute;right:8px;top:8px;}
.select_topic dd:hover .checkbox{border:2px solid #E1800F}
.select_topic .dropdown-menu .btn{background:#E6B94B;position:absolute;right:8px;top:8px;text-align: center;width:100px;border:0px ;color:#3A1109}
.select_topic .dropdown-menu .cm_u{position:absolute;left:13px;top:18px;color:#E1800F;opacity:0.6}
.select_topic .dropdown-menu .submit{position:relative;height:50px; }
.select_topic .dropdown-menu  .submit:hover{ background:none}

.right{ float:right; padding-top:0px}

/* 带文字复选框 */
.checkbox-text .form_checkbox {position:relative;text-indent:28px;cursor:pointer;float:left;padding:2px 0px;color:#a8503f}
.checkbox-text .form_checkbox span{position:absolute;top:2px;left:0px;border:2px solid #542a1e;border-radius:3px;width:20px;height:20px;margin:0px;cursor:pointer; }
.checkbox-text .form_checkbox span i{display:none;}
.checkbox-text .form_checkbox .radio:hover,
.checkbox-text .form_checkbox:hover span{border:2px solid #E1800F}
.checkbox-text .form_checkbox .radio_active .checkbox{border:2px solid #E1800F; }
.checkbox-text .checkbox_active{color:#E1800F}
.checkbox-text .checkbox_active span .glyphicon-ok{color:#E1800F;font-size:12px;position:absolute;top: 2px;left: -26px;display:block;}
.checkbox-text .checkbox_active span{border:2px solid #E1800F;}
.checkbox-text .form_checkbox:hover{color:#E1800F}


/* 复选框 */
.checkbox{border:2px solid #542a1e;border-radius:3px;width:20px;height:20px;margin:0px;position:relative;cursor:pointer}
.checkbox:hover{border:2px solid #E1800F}
.checkbox .glyphicon-ok{color:#E1800F;font-size:12px;position:absolute;top:2px;left:2px;display:none;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.checkbox .glyphicon-ok{top:1px; left:2px}
}
.cbx_active{border:2px solid #E1800F; color:#E1800F }
.cbx_active .glyphicon-ok{display:block}

/* 标签 */
.c_tag{padding-bottom:12px}
.c_tag span{border:2px solid  #542a1e;color:#a8503f;cursor:pointer;margin-right:8px}
.c_tag .active,.c_tag span:hover{border:2px solid  #E1800F;color:#E1800F;}

/* 分页 */
.pagination{ float:right;margin-bottom:0px}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{background: #612E21;
color: #fff;font-size: 14px;border: 1px solid #612E21;transition: all 0.3s linear 0s;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{background:#ffbc3d; color:#571b10;border:1px solid #ffbc3d;transition: all 0.3s linear 0s;}
.pagination > li > a, .pagination > li > span{ background:none; border:1px solid #7b3d1c; color:#e27a37;transition: all 0.3s linear 0s;}

/* 当前位置 */
.breadcrumb{ background:none;  color:#FFF; margin-bottom:0px; padding:12px 0px 0px 0px;line-height: 23px;}
.breadcrumb a{ color:#e27a37;};
.breadcrumb a:hover{color:#fff;}
.breadcrumb > li + li::before {color: #774d4d;}
.breadcrumb > li {line-height: 23px;}


.nav-top{background:#1f0f19 url(../images/header_line.png) repeat-x 0 bottom; height:43px}
.logo { float:left}
.toplogin {float: right;margin-top:11px;width: 180px;}
.toplogin li {float: right;font-size: 16px;padding-left: 15px;}
.toplogin li a {color:#e27a37;font-size: 14px;font-weight: normal;text-decoration: none;}
.toplogin li a:hover {color:#fff;}


.t_user{float:right;min-width:400px;padding-top:7px}
.t_user li{float:right;height:22px;line-height:22px;padding:4px 0 0;position:relative;z-index:9}
.t_user li a{float:left;font-size:14px;padding-left:25px}
.t_user .after a{color:#dd5f13;overflow:hidden;padding-left:5px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;text-align: right;}
.t_user .logout{float:right}
.t_user .logout a{color:#42aec6;font-family:"Arial";font-size:14px;line-height:32px;padding:0 0 0 5px}
.t_user .logout a:hover{color:#98e6f8;text-decoration:none}
.t_user .message{float:right;margin-left:10px}
.t_user .message a{background:url(../images/message_ico.png) no-repeat left 8px;color:#42aec6;display:block;font-family:"Arial";font-size:12px;height:32px;line-height:32px;padding:0 10px 0 25px}
.t_user .after{max-width:350px;min-width:140px;padding-right:5px}
.t_user .after p{border:1px solid #363636;box-shadow:0 1px 6px rgba(34,25,25,0.4);display:none;left:-1px;margin-top:11px;position:absolute;text-align:left;top:-13px;width:100%}
.t_user .after a:hover{color:#e27a37}
.t_user .after span{color:#dd5f13;font-size:11px;font-weight:normal;height:35px;overflow:hidden;padding-left:5px;padding-top:5px;text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;}
.t_user .after:hover span{color:#e27a37}
.t_user .after em{background:url(../images/t_login.png) no-repeat 10px -81px;padding:5px 15px}
.t_user .after p span,.t_user .after p a:hover{background:url(../images/header_sub_bg.png) repeat;color:#00aaff;display:block;overflow:hidden}
.t_user .after p a:hover{background:url(../images/header_sub_hover.png) repeat;color:#00aaff}
.t_user .after p a{background:url(../images/header_sub_bg.png) repeat;border-right:1px solid #363636;color:#fff;display:block;font-size:12px;font-weight:normal;height:30px;line-height:30px;overflow:hidden;padding-left:0;text-decoration:none;width:100%}
.t_user .after p i{background:url(../images/after_pa.png) no-repeat 6px 6px;padding:4px 13px}
.t_user .after p a:hover i{background-position:6px -27px}
.t_user .after p em{background-position:10px -106px;padding-left:18px}
.t_user .head_portrait{height:35px;padding:0 5px 0 0;width:35px}
.t_user .head_portrait a{background:none;padding:0}
.t_user .head_portrait a img{border:2px solid #5a2e42;border-radius:100%;height:30px;width:30px}

.t_user .dropdown-menu img{ width:70px; height:70px;border: 2px solid #5a2e42;border-radius: 100%;}
.t_user .dropdown-menu .head-portrait{float:left; margin-left:10px;}
.t_user .dropdown-menu .details-top{ margin-top:10px;width: 140px; float:left; margin-left:5px}
.t_user .dropdown-menu .details-top span{ width:140px;display: inline-block;}
.t_user .dropdown-menu .details-top .username{ font-size:14px; color:#ffffff}
.t_user .dropdown-menu .details-top .username em{font-size:14px; color:#ffffff; max-width:105px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:left;margin-top: 4px;}
.t_user .dropdown-menu .details-top .username .grade{ width:24px; float:left}
.t_user .dropdown-menu .details-top .integration{ color:#b05622;}
.t_user .dropdown-menu .details-top .integration em{ color:#e1800f;}
.t_user .dropdown-menu .interlinkage{ width:100%; float:left; margin-top:10px}
.t_user .dropdown-menu .interlinkage span{border: 2px solid #2e0d04;color: #a8503f;cursor: pointer;border-radius:0.4em; width:43%;display: inline-block;margin:2% 0 2% 4%;padding: 5px; text-align:center; background:#623125}
.t_user .dropdown-menu .interlinkage span:hover{border: 2px solid #e1800f;color: #e1800f; background:#691c0c}
.t_user .dropdown-menu .interlinkage span:hover a{ text-decoration:none; color:#FFF}
.t_user .dropdown-menu .interlinkage span a:hover{ color:#FFF}
.right .dropdown-menu{ left:-60px}


.after_landing{float:right}
.t_user .grade{float:right;height:27px;line-height:18px;padding-left:5px;padding-top:6px}
.t_user .grade em{color:#f8af0b;float:left;font-size:14px;line-height:18px;padding-left:5px}
.t_user .grade i{display:inline-block;float:left;height:18px;width:18px}
.t_user .grade .v0{background:url(../images/member/v0.gif) no-repeat}
.t_user .grade .v1{background:url(../images/member/v1.gif) no-repeat}
.t_user .grade .v2{background:url(../images/member/v2.gif) no-repeat}
.t_user .grade .v3{background:url(../images/member/v3.gif) no-repeat}
.t_user .grade .v4{background:url(../images/member/v4.gif) no-repeat}
.t_user .grade .v5{background:url(../images/member/v5.gif) no-repeat}
.t_user .grade .v6{background:url(../images/member/v6.gif) no-repeat}
.t_user .grade .v7{background:url(../images/member/v7.gif) no-repeat}
.t_user .grade .v8{background:url(../images/member/v8.gif) no-repeat}
.t_user .grade .v9{background:url(../images/member/v9.gif) no-repeat}
.t_user .grade .v10{background:url(../images/member/v10.gif) no-repeat}

.w100{ width:100%;}
.middle-bbs{background:url(../images/middle_bg.jpg) no-repeat center 0px; position:relative;}
.header_bh{background:url(../images/header_bg.jpg) no-repeat center bottom; background-size:100%}


.nav-bbs{background:url(../images/nav_bg.png) repeat-x; height:44px; border:1px solid #764a3b; border-radius:3px;}
.nav-ul{width:100%;}
.nav-ul li{float:left; position:relative}
.nav-ul li a{ padding:0 50px; width:188px; height:42px;box-sizing:initial}
.nav-ul li:hover{background:url(../images/nav_hover.png) no-repeat}
.nav-ul li.nav-game a{ background:url(../images/nav_ico.png) no-repeat 33px 0; display:block;}
.nav-ul li.nav-game a:hover{ background:url(../images/nav_ico.png) no-repeat 33px -63px;}
.nav-ul li.nav-forum a{background:url(../images/nav_ico.png) no-repeat -233px 0; display:block;}
.nav-ul li.nav-forum a:hover{background:url(../images/nav_ico.png) no-repeat -233px -63px;}
.nav-ul li.nav-shop a{background:url(../images/nav_ico.png) no-repeat -487px 0; display:block;}
.nav-ul li.nav-shop a:hover{background:url(../images/nav_ico.png) no-repeat -487px -63px;}
.nav-ul li.nav-support a{background:url(../images/nav_ico.png) no-repeat -764px 0; display:block; padding:0 18px}
.nav-ul li.nav-support a:hover{background:url(../images/nav_ico.png) no-repeat -764px -63px;}
.nav-ul li.nav-set a{ width:40px; padding:0px;background:url(../images/nav_ico.png) no-repeat -988px -3px;display:block;}
.nav-ul li.nav-set a:hover{background:url(../images/nav_ico.png) no-repeat -988px -66px;}
.nav-ul li.nav-set:hover{ background:none}
.nav-ul .nav-line{ float:left;background:url(../images/nav_line.png) no-repeat; width:2px; height:42px;}
.nav-ul li.nav-game .glyphicon{ position:absolute;right: 32px;top: 18px;color:#fefeea;font-size:12px;color:#f7e3ad}
.nav-ul li.nav-game .dropdown-menu a{padding:0px;background:none;width: auto;height:auto;}

.footer .footer_r li a {background:url(../images/footer_r.png) no-repeat 6px 0;border-radius: 2px;display: block;height: 20px;opacity: 0.8;overflow: hidden;text-indent: -999px;width: 22px;}
.footer .footer_r .f_twitter a {background:url(../images/footer_r.png) no-repeat -27px 0;}
.footer .footer_r .f_google a {background: url(../images/footer_r.png) no-repeat -83px 0;}
.footer .footer_r .f_msn a {background:url(../images/footer_r.png) no-repeat -54px 0;}
.footer .footer_r li a:hover {opacity: 1;}
.footer {background:url(../images/footer_bg.png) no-repeat center top; padding-top:40px; padding-bottom:40px;}
.footer_l {float: left;height: 24px;}
.footer_l li {float: left;height: 24px;text-align: left;}
.footer_l li a {color: #e27a37;float: left;height: 24px;margin-right: 5px;text-align: left;}
.footer_l li a:hover {text-decoration: underline;color: #fff;}
.footer_l li em {display: block;float: left;height: 24px;margin: 0 8px;width: 5px; color:#4e4d4d}
.foot-text {clear: both;color: #878081;line-height: 29px;text-align: left;}
.footer .footer_r {float: right;height: 25px;padding-right: 0;}
.footer .footer_r li {color: #878081;float: left;padding: 0 5px;}
.d_logo{ float:left;}
.link_l{ float:left; margin-left:15px;}

.derma-elect{ width:45px; min-width:45px; border:1px solid #794b3b; background:#51291f;}
.derma-elect li{background:url(../images/derma_ico.png) no-repeat;height:33px;width: 33px; margin:3px 5px;}
.derma-elect li:hover{cursor:pointer; opacity:0.8}
.derma-elect .derma-one{background-position:0 0}
.derma-elect .derma-one:hover{background:url(../images/derma_ico.png) no-repeat;}
.derma-elect .derma-two{background-position:0 -41px}
.derma-elect .derma-two:hover{background:url(../images/derma_ico.png) no-repeat 0 -41px}
.derma-elect .derma-three{background-position:0 -85px}
.derma-elect .derma-three:hover{background:url(../images/derma_ico.png) no-repeat 0 -85px}
.derma-elect .derma-four{background-position:0 -127px}
.derma-elect .derma-four:hover{background:url(../images/derma_ico.png) no-repeat 0 -127px}

.derma-elect li i{background:url(../images/derma_opt.png) no-repeat; width:18px; height:13px;display: flex;margin: 8px;}

.pull-right{ width:378px; min-width:378px; border:3px solid #e1800f; background:#2e0d04; color:#e27a37}

.middle-l{background:url(../images/max-c-l.png) no-repeat left bottom; width:1px; height:862px; position:absolute; left:0px; bottom:-20px}
.middle-r{background:url(../images/max-c-r.png) no-repeat right bottom; width:1px; height:862px; position:absolute; right:0px; bottom:-20px}
.line-d{border-bottom: 1px solid #683210;bottom: -16px;left: 0;margin-top: 30px;position: absolute;width: 100%;}

.tips, .tips_yes {
    background: url(../images/tip.png) no-repeat;
    color: #fff;
    display: block;
    height: 28px;
    left: 0;
    line-height: 23px;
    margin-top: -20px;
    padding: 0 10px 0 22px;
    position: absolute;
    text-align: left;
    top: -8px;
    white-space: nowrap;
}
.tips_yes {
    background-position: 0 -99px;
    color: #fff;
}

@media (max-width:1200px){
.nav-ul li a{padding:0 15px;}
.nav-ul li.nav-game a{ padding:0 25px}
.nav-ul li.nav-game a{ background:url(../images/nav_ico.png) no-repeat 5px 0; display:block;}
.nav-ul li.nav-game a:hover{ background:url(../images/nav_ico.png) no-repeat 5px -63px;}
.nav-ul li.nav-forum a{background:url(../images/nav_ico.png) no-repeat -273px 0; display:block;}
.nav-ul li.nav-forum a:hover{background:url(../images/nav_ico.png) no-repeat -273px -63px;}
.nav-ul li.nav-shop a{background:url(../images/nav_ico.png) no-repeat -530px 0; display:block;}
.nav-ul li.nav-shop a:hover{background:url(../images/nav_ico.png) no-repeat -530px -63px;}
.nav-ul li.nav-support a{background:url(../images/nav_ico.png) no-repeat -768px 0; display:block; padding:0 10px}
.nav-ul li.nav-support a:hover{background:url(../images/nav_ico.png) no-repeat -768px -63px;}
.nav-ul li.nav-set a{ width:40px; padding:0px;background:url(../images/nav_ico.png) no-repeat -988px -3px;display:block;}
.nav-ul li.nav-set a:hover{background:url(../images/nav_ico.png) no-repeat -988px -66px;}
.nav-ul li.nav-game .glyphicon{right:15px}
}

@media (max-width:1199px){
.web-product .col-sm-4{width:100%; padding-right:0px;}
.container .col-sm-4{width:100%; padding-right:0px;}
#product dl{ padding-right:0px}
}

@media (max-width:1000px){
.nav-ul li a{ width:40px; margin:0 60px; padding:0px}
.nav-ul li.nav-game a{ margin:0 63px; padding:0px}
.nav-ul li.nav-game .dropdown-menu dd a{margin:0 5px;}
.nav-ul li.nav-game .dropdown-menu dd a:hover{ background:none; text-decoration:none}
.nav-ul li.nav-game a{ background:url(../images/nav_ico.png) no-repeat -9px 0; display:block;}
.nav-ul li.nav-game a:hover{ background:url(../images/nav_ico.png) no-repeat -9px -63px;}
.nav-ul li.nav-forum a{background:url(../images/nav_ico.png) no-repeat -312px 0; display:block;}
.nav-ul li.nav-forum a:hover{background:url(../images/nav_ico.png) no-repeat -312px -63px;}
.nav-ul li.nav-shop a{background:url(../images/nav_ico.png) no-repeat -567px 0; display:block;}
.nav-ul li.nav-shop a:hover{background:url(../images/nav_ico.png) no-repeat -567px -63px;}
.nav-ul li.nav-support a{background:url(../images/nav_ico.png) no-repeat -806px 0; display:block; padding:0px}
.nav-ul li.nav-support a:hover{background:url(../images/nav_ico.png) no-repeat -806px -63px;}
.nav-ul li.nav-set a{ width:40px; padding:0px;background:url(../images/nav_ico.png) no-repeat -988px -3px;display:block; margin:0px}
.nav-ul li.nav-set a:hover{background:url(../images/nav_ico.png) no-repeat -988px -66px;}
.nav-ul li.nav-game .glyphicon{right:25px}
}

@media (max-width:768px){
.nav-ul li a{ margin:0 63px;}
}

@media (max-width:766px){
.nav-ul li a{ margin:0 60px;}
}


@media (max-width:740px){
.nav-ul li a{ width:40px; margin:0 46px; padding:0px}
.nav-ul li.nav-game a{ margin:0 50px; padding:0px}
.nav-ul li.nav-game .glyphicon {right: 12px;}
.container{padding-right: 10px;padding-left: 10px;}
.t_user{min-width:218px;}
.footer_l{display:none}
.footer .footer_r{display:none}
.footer {padding-top: 18px;padding-bottom: 18px;}
.footer_l li a{margin-right:0px}
.d_logo{ display:none}
.right .dropdown-menu {left: -82px;}
}
@media (max-width:619px){
.nav-ul li a{ width:40px; margin:0 43px; padding:0px}
.nav-ul li.nav-game a{ margin:0 50px; padding:0px}
}

@media (max-width:600px){
.nav-ul li a{ width:40px; margin:0 38px; padding:0px}
.nav-ul li.nav-game a{ margin:0 50px; padding:0px}
}

@media (max-width:580px){
.nav-ul li a{ width:40px; margin:0 35px; padding:0px}
.nav-ul li.nav-game a{ margin:0 40px; padding:0px}
}
@media (max-width:540px){
.nav-ul li a{ width:40px; margin:0 30px; padding:0px}
.nav-ul li.nav-game a{ margin:0 35px; padding:0px}
}


@media (max-width:500px){
.nav-ul li a{ width:40px; margin:0 18px; padding:0px}
.nav-ul li.nav-game a{ margin:0 35px; padding:0px}
}

@media (max-width:436px){
.nav-ul li a {margin: 0 21px;}
}
@media (max-width:435px){
.nav-ul li a {margin: 0 19px;}
}


@media (max-width:426px){
.nav-ul li a{ width:40px; margin:0 19px; padding:0px}
.nav-ul li.nav-game a{ margin:0 24px; padding:0px}
.nav-ul li.nav-game .glyphicon {right: 12px;}
.logo{ padding-top:5px}
.logo img{ width:100px;}
.t_user .head_portrait{ display:none}
.t_user{min-width: 190px;}
.t_user .after a{ width:123px}
}

@media (max-width:417px){
.nav-ul li a {margin: 0 16px;}
}
@media (max-width:414px){
.nav-ul li a {margin: 0 22px;}
}

@media (max-width:411px){
.nav-ul li a {margin: 0 21px;}
}
@media (max-width:409px){
.nav-ul li a {margin: 0 16px;}
}

@media (max-width:390px){
.nav-ul li a{ margin:0 12px;}
}

@media (max-width:378px){
.nav-ul li a{ margin:0 12px;}
}

@media (max-width:375px){
.nav-ul li a{ margin:0 15px;}
}

@media (max-width:370px){
.nav-ul li a{ margin:0 12px;}
}
@media (max-width:365px){
.nav-ul li a{ margin:0 7px;}
}	

@media (max-width:361px){
.nav-ul li a{ margin:0 10px;}
}
@media (max-width:360px){
.nav-ul li a{ margin:0 13px;}
}
@media (max-width:359px){
.nav-ul li a{ margin:0 7px;}
}	
@media (max-width:335px){
.nav-ul li a{ margin:0 6px;width:40px;}
}

@media (max-width:321px){
.nav-ul li a{ width:40px; margin:0 6px; padding:0px}
}