﻿
/* base start */
/*去掉列表标签的默认样式*/
ul, ol, li {
    list-style-type: none;
}

/*图片居左、右、中*/
.img-left {
    display: inline;
    float: left;
}

.img-right {
    display: inline;
    float: right;
}

.img-center {
    clear: both;
    display: block;
    margin: auto;
}
/*父容器要清除浮动*/

/*隐藏文字*/
.text-indent {
    text-indent: -9999em;
}

/*图片控制尺寸*/
.img-overflow {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/*img自适应*/
.img-responsive {
    max-width: 100%;
    height: auto;
    display: block;
}

img {
    border: none;
}

/*清除浮动*/
.fl {
    float: left;
    _display: inline;
    *zoom: 1;
}

.fr {
    float: right;
    _display: inline;
    *zoom: 1;
}

.clearfix {
    *zoom: 1;
}

    .clearfix:before, .clearfix:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .clearfix:after {
        clear: both;
    }

/*外边距px*/
.margin-auto {
    margin-left: auto;
    margin-right: auto;
}
/*placeholder重置字体颜色*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999 !important;
    font-size: 13px;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #999 !important;
    font-size: 13px;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #999 !important;
    font-size: 13px;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #999 !important;
    font-size: 13px;
}
/*边框*/
.border-dashed {
    border-style: dashed;
}



/*弹窗*/
.modal-open {
    overflow-y: auto !important;
    padding-right: 0 !important;
}

.tw-modal .modal-content {
    border-radius: 0;
}

.tw-modal .modal-title {
    color: #333;
}


/*自定义container*/
@media (min-width: 1170px) {
    .container {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (width: 1024px) {
    .visible-1024 {
        display: block;
    }

    .hidden-1024 {
        display: none !important;
    }
}

@media (width: 768px) {
    .visible-768 {
        display: block !important;
    }

    .hidden-768 {
        display: none !important;
    }
}

/* base end */


/* main start */
    /*nav*/
    .nav-wrap{position: fixed; left: 0; top: 0; background-color: #fff; width: 100%; z-index: 999; border-bottom: 1px solid #eee;}
    nav{position: relative;}
    nav .logo{margin-top: 36px;}
     nav .logo img{height:30px;}
	.tw-nav-wrap{float: right; margin-right: 2%;}
    .tw-nav li{    float: left;
    color: #26324a;
    font-size: 16px;
    position: relative;
    /* transition: all 500ms; */
    padding: 40px 10px 0;}
    .tw-nav li .line{height: 4px; background-color: #da0632; width: 0; transition: all 500ms; position: absolute; left: 0; bottom: -1px;}
    .tw-nav li .icon-arrow-bottom{float: left; margin-left: 10px;}
    .tw-nav li:hover{color: #da0632;}
    .tw-nav li:hover .line{width: 100%;}
    .tw-nav li:hover .icon-arrow-bottom{color: #da0632;}
    .tw-nav li.active{color: #da0632;}
    .tw-nav li.active>a{color: #da0632; position: relative;}
    .tw-nav li.active .line{width: 100%;}
    .tw-nav li>a{color: #26324a; margin: 0; display: block; float: left; position: relative; padding-bottom: 30px; font-weight: 600;}
    .tw-nav li:hover>a{color: #da0632;}
    .tw-nav li dl{position: absolute; top: 80px; left: 42%; padding: 15px 0; background-color: #fff; z-index: 2; transform: translateX(-50%); -webkit-transform: translateX(-50%); display: none;}
    .tw-nav li dl a{line-height: 36px; display: block; width: 140px; text-align: center; font-size: 13px; color: #333}
    .tw-nav li dl a:hover{background-color: #f6f6f6;}

    .nav-login{margin-top: 48px; margin-right: 80px;}
    .nav-login a{color: #666; font-size: 14px; display: block; float: left;}
    .nav-login span{height: 18px; float: left; border-left: 1px solid #ddd; margin: 0 20px; position: relative; top: 1px;}
    .nav-login a:hover{color: #da0632;}

    .after-logging-in{margin-right: 80px; margin-top: 49px;}
    .after-logging-in .text{color: #666; margin-left: 5px; font-size: 14px;}
    .after-logging-in .icon-touxiang1{font-size: 20px; color: #666; position: relative; top: -4px;}
    .after-logging-in:hover .text{color: #da0632;}
    .after-logging-in:hover .icon-touxiang1{color: #da0632;}
    .language .icon-hongqi{line-height: 20px; width: 24px; background: url("/assets/tmpl38/images/hongqi.png") left center no-repeat; background-size: 100%; height: 16px;display: inline-block;}
    .language{position: absolute; top: 48px; right: 0; margin-left: 30px;}
    .language li a{display: block; font-size: 14px; color: #666;}
    .language li a span{font-size: 20px; margin-right: 5px; position: relative; top: 1px;}
    .language li a:hover{color: #da0632;}
    .language li a:hover .icon-hongqi{color: #da0632; background: url("/assets/tmpl38/images/hongqi-hover.png")}
    /*/nav*/
    .user-register-login .user-register, .user-register-login .user-login {
        outline: none;
        text-decoration: none;
        color: #999;
    }
    .user-register-login .user-register:hover, .user-register-login .user-login:hover {
        color: #da0632;
    }
    /* main end */