@charset "utf-8";
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {margin: 0;padding: 0;}
*{box-sizing: border-box;}
html, body {min-height: 100%;}
body {font-family:"Arial",微软雅黑;font-size:14px;color:#333;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
ul,ol { list-style: none;}
img {border: none;vertical-align: middle;}
a {text-decoration: none;color: #232323;}
table {border-collapse: collapse;table-layout: fixed;}
input, textarea {outline: none;border: none;}
textarea {resize: none;overflow: auto;}
.clearfix {zoom: 1;}
.clearfix:after {content: ".";width: 0;height: 0;visibility: hidden;display: block;clear: both;overflow:hidden;}
inline{display: inline-block;*display: inline;*zoom: 1;}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background-color: #fff;background: url("../img/select.png") no-repeat scroll right 10px center transparent;}

.notcollected{filter: blur(2px);-moz-filter: blur(2px); -ms-filter: blur(2px); user-select: none;cursor:pointer;overflow:hidden;}

@font-face{font-family: 'itc';src: url('../font/AVGARDM.TTF');font-weight: normal;font-style: normal;}
*{padding: 0;margin: 0;list-style: none;text-decoration: none;box-sizing: border-box;letter-spacing: 1px;}
img{display: block;width: 100%;}
h1,h2,h3,h4,h5,h6{font-weight: normal}
input,button{outline: none;border: none;}
.wid{width: 100%;}
.ine-wid{width: 1500px;margin: 0 auto}
.flex{display: flex;justify-content: center;align-items: center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;}
.flex-sb{display: flex;justify-content: space-between;align-items: center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;}
svg{width: 14px;fill: #afafaf;}
.clear {clear: both;}

.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.upload_portrait img{width:auto;}

/* header */
/* header{width:100%;position:fixed;top:0;left:0;z-index:999;background-color:white;}
#top{width:95%;max-width:1400px;margin:30px auto;display:flex; flex-direction:row; justify-content:space-between;}
#top div{display:flex;}
#top .link ul{display:flex; flex-direction:row;}
#top .link ul li{display:flex; flex-direction:row;}
#top .link ul li a{margin-right:50px;}
.replace{height:74px;width:100%;} */

/* header nav */
header{width: 100%;}
header .top{margin: 0 auto;height: 100px;}
header .top .fa-bars{font-size:20px;display:none;}
header .top>a{display: block;width: 150px;}
header .top>a>svg{width: 100%;}
header .top nav li{padding: 4px 10px;font-size: 15px;flex-shrink: 0;}
header .top nav li:not(.meb):hover{color: #c8161d;}
header .top nav{/*margin-left: -260px;*/}
.sign-up,.login{border: 1px solid #bbb;border-radius: 5px;padding: 4px 10px;font-size: 15px;flex-shrink: 0;margin: 0 4px;}
.login{background: #c8161d;border-color: #c8161d}
.login a{color: #fff;}
.login a svg path{fill: #fff;}
header .top li>a>span{font-size: 14px;}
header .top nav a{color: #999;font-size: 16px;}
header .top nav a svg{vertical-align: -2px;}
header .top nav li{position:relative;}
header .top nav li ul{position:absolute;top:40px;left:0;width:100px;background-color:white;display:none;}
header .top nav li:hover ul{display:block;}
i.iconfont{font-size: 28px;font-weight: 600;display: none;color: #444}
a.icon-code{display: none;}
.lag,header .top .top-meb{margin-left: 30px;}
.lag>a>img{margin-top: 0;}

/* top search css */
.top_search{background: #e1e9f2;padding: 45px 0 15px;}
.top_search h2{text-align: center;font-size: 54.6px;color: #666;}
.top_search h2.mobile{display:none;}
.top_search h3{text-align: center;font-size: 24px;color: #4085c6;font-family:Arial;}
.top_search .search{margin-top:20px;}
.top_search .search .box{position: relative;margin: 2% auto;}

.top_search .ts_desc{margin-bottom:20px;display: none}
.top_search .ts_desc span{padding: 0 20px;font-size: 16px;background:url(../img/dian.png) left center no-repeat;margin:0 30px;color:#999999;}
.input_box{border-top-left-radius: 50px;border-bottom-left-radius: 50px;overflow: hidden;position: relative;}
.input_box input{line-height: 71px;width: 542px;padding-left: 30px;}
.input_box input:nth-child(3){padding-left: 40px;border-left: 1px solid #9a9a9a;width:456px;}
.input_box input::placeholder{font-size: 16px;color: #aaa}
.input_box .ibox_or{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-transform: uppercase;background: #666666;width: 3rem;height: 3rem;border-radius: 50%;color:white;margin-left:44px;}
.ts_form .btn_search{height: 71px;width: 140px;background: #cc131d;object-fit: scale-down;}
.ts_form .btn_search{border-top-right-radius: 71px;border-bottom-right-radius: 71px;}
.ts_form .btn_search svg{width: 36px;}
.ts_form .btn_search svg path{fill: #fff;}

.other_search{margin:0 auto 3%;flex-wrap: wrap;}
.other_search li{width: 25%;margin: 2% 0;}
.other_search li a{text-align: center;}
.other_search li span{display: block;margin-top: 14px;text-align: center;color: #7f7f7f;font-size: 18px;}

.txt_info{padding: 3% 0;background: #4c95e7;text-align: center;}
.txt_info h1 p{color: #fff;font-size: 48px;}
.txt_info>p{font-size: 24px;color: #fff;margin: 1% 0 0;}

.index_des{ flex-direction:column;padding:3% 0;border-bottom:12px solid #f7f7f7;}
.index_des h1{font-size:48px;line-height:60px;color:#666;text-align: center;}
.index_des h2{font-size:40px;line-height:48px;color:#666;text-align: center;}
.index_des .desimg{margin-top:30px;}
.index_des .desimg a{margin:0 3%;}



.gb_Ca, .gb_Da, .gb_Ea {
    display: inline-block;
    line-height: 28px;
    padding: 0 12px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.gb_Da {
    background: #f8f8f8;
    border: 1px solid #c6c6c6;
}

.gb_Da, #gb a.gb_Da.gb_Da, .gb_Ea {
    color: #666;
    cursor: default;
    text-decoration: none;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	float: right;
    margin-top: 16px;
    margin-right: 0;
	position:relative;
}
.btn a {
    color: #777;
    font-size: 13px;
    line-height: 28px;
    position: relative;
    top: 0;
}
.btn a.icon {
    padding: 0 40px 37px 3px;
    background: url(../../images/tian.png) no-repeat left top;
    float: left;
}
.show_info {
    width: 31px;
    height: 31px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-size: cover;
    float: right;
    cursor: pointer;
}
.gb_lb {
    -webkit-background-size: 96px 96px;
    background-size: 96px 96px;
    border: none;
    vertical-align: top;
    height: 96px;
    width: 96px;
}
.gb_info, .gb_info2 {
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    border-color: rgba(0,0,0,.2);
    color: #000;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    display: none;
    outline: none;
    right: -21px;
    z-index: 4;
    top: 50px;
    -webkit-animation: gb__a .2s;
    animation: gb__a .2s;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-user-select: text;
}
.gb_db {
    border-color: transparent;
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    display: block;
    position: absolute;
    right: 82px;
    z-index: 1;
    height: 0;
    width: 0;
    -webkit-animation: gb__a .2s;
    animation: gb__a .2s;
    border-bottom-color: #ccc;
    border-bottom-color: rgba(0,0,0,.2);
    top: -8px;
}
.gb_cb {
    border-color: transparent;
    border-bottom-color: #fff;
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    display: block;
    position: absolute;
    top: -7px;
	right:82px;
    z-index: 1;
    height: 0;
    width: 0;
    -webkit-animation: gb__a .2s;
    animation: gb__a .2s;
}
.gb_hb {
    margin: 20px;
    letter-spacing: 0;
    text-align: left;
}
.gb_qb {
    background: #f5f5f5;
    border-top: 1px solid #ccc;
    border-color: rgba(0,0,0,.2);
    padding: 10px 0;
    width: 100%;
    display: table;
}
.gb_info .gb_cb, .gb_info .gb_db {
    right: 39px;
}
.gb_tx {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    margin-right: 20px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.gb_jb {
    display: inline-block;
    vertical-align: top;
	overflow:hidden;
}
.gb_nb {
    font-weight: bold;
    margin: -4px 0 1px 0;
    font-size: 14px;
}
.gb_ob {
    color: #666;
    font-size: 14px;
}
.gb_gb {
    color: #ccc;
    margin: 6px 0;
    font-size: 14px;
}
.gb_mb {
    background: rgba(0,0,0,.54);
    bottom: 0;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    left: 0;
    line-height: 9px;
    position: absolute;
    padding: 7px 0;
    text-align: center;
    width: 96px;
}
.gbing {
    width: auto;
    padding: 0 10px;
}
.up_edit_pic {
    width: 260px;
    display: none;
    padding-top: 20px;
}
.btn a.signin {
    color: white;
    background-color: #4785fc;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    width: 71px;
    margin-right: 0;
}
.gb_qb>div {
    display: table-cell;
    text-align: right;
}
.gb_qb>div:first-child {
    text-align: left;
}
.gb_qb .gb_pb {
    margin: 0 10px;
}
.open-child {
    position: absolute;
    top: 46px;
    width: 240px;
    left: 0;
    border: 1px solid #ccc;
    padding: 2px 8px;
    display: none;
}
.gb_info2 ul {
    width: 100%;
}
.gb_info2 ul li {
    float: left;
    text-align: center;
    width: 84px;
    height: 96px;
    border: 1px solid #fff;
}
.gb_info2 ul li a {
    display: block;
}
.gb_info2 .mp_bg {
    background: url(../../images/p1_a4541be8.png) no-repeat 50% 0;
    vertical-align: top;
    height: 64px;
    width: 64px;
    display: inline-block;
}
.gb_info2 .mp_fx {
    background: url(../../images/p1_a4541be8.png) no-repeat;
    vertical-align: top;
    height: 64px;
    width: 64px;
    display: inline-block;
}
.gb_info2 ul li a .gb_4 { display: block;  color: #404040; text-decoration: none;font-size:12px;}

/* banner */
.banner{position: relative;overflow: hidden;}
.banner .banner-txt{position: absolute;left: 50%;transform: translate(-50%);z-index: 100;flex-direction: column;align-items: flex-start;}
.banner .banner-txt h2{font-size: 46px;color: #000;font-weight: 300;}
.banner .banner-txt h2 p.red{font-size: 30px;color: #c8161d;font-weight: 500;}
.banner .banner-txt h2 p{font-size: 26px;color: #444;font-weight: 500;margin-top: 3px;}
.banner .banner-txt p{font-size: 16px;color: #000;font-weight: 300;/*margin-top: 1.2%;*/white-space: pre-line;}
.banner .banner-txt .tea_desc{margin-top: 3%;font-size: 16px;color: #333;font-weight: 400;}
.banner .banner-txt p>b{display: block;font-size: 24px;margin: 4px 0;font-family: 'itc';}
.banner .banner-txt a{width: 250px;height: 56px;color: #fff;margin-top: 1%;font-size: 21px;background: #c8161d;border-radius: 4px;margin-top: 2%;}
.banner .banner-txt .ban-login{display: flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;flex-direction: column; /*width: 330px;*/margin-top: 4%;}
/* .banner .banner-txt .ban-login>span{display: block;} */
.ban_descp{border: 1px solid #aaa; border-radius: 4px;padding: 1.8% 2.6% 1.8% 1.8%;background: #fff;white-space: nowrap;}
.ban-descp2{font-size: 15px;margin-top: 5%}
.ban-descp3{margin-top: 1%;}
.ban-descp3>b.ban_price{font-size: 36px;color: #c8161d;}
.banner .banner-txt .registered,.banner .banner-txt .login{width: 48%;border-radius: 6px;}
.banner .banner-txt .registered{background: #4ca1d6;}
.banner .banner-txt .login{background: #c8161d;}
.banner .banner-txt .forget-pwd{width: 100%;display: flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;justify-content: flex-end;align-items: center;height: auto;margin-top: 3%;color: #b5e3ff}
.banner .banner-txt .forget-pwd span{width: 18px;height: 18px;border-radius: 50%;background: #4ca1d6;margin-left: 2%;}
/* main content */
.main-cont .main-txt{margin: 0% auto;align-items: flex-start;padding: 3% 0;}
.main-cont .second,.main-cont .fourth{background: #f7f7f7;}
.main-cont .second h4{font-size: 40px;color: #444;font-weight: normal;text-align: center;margin: 0 0 3%}
.main-cont .second a{display: block;width: 75%;margin: 0 auto;}

.why_hd{flex-direction: column;margin: 3% 0;}
.why_hd h4{font-size: 36px;color: #444;}
.why_hd h4 .red{color: #c8161d}
.why_hd p{font-size: 24px;margin: 1% 0 2%;}
.why_hd li{list-style: disc;margin: 10px 0;font-size: 21px;}
.why_cont{flex-wrap: wrap;margin-top: 2%;}
.why_cont .wc_list{width: 49%;border-left: 4px solid #c8161d;padding-left: 1rem;margin: 2.5% 0;}
.why_cont .wc_list p{font-size:18px;}
.why_cont .wc_list span{text-align: right;font-size: 15px;color: #777;display: block;margin-top: 4px;}
.main-cont .main_cont_inner{display: none;}

.main-cont .second p{margin: 0.8% 0;font-size: 21px;}

.main-cont .main-txt.third{align-items: center;text-align: center;}
.main-cont .main-txt.third header{margin: 0 auto 3%}
.main-cont .main-txt.third header img{width: 40%;display: block;margin: 0 auto;}
.main-cont .main-txt.third header{align-items: flex-start;}
.main-cont .main-txt.third header .tea{margin: 0;width: 48%;}
.main-cont .main-txt.third h3,.main-cont .main-txt.third p{color: #444;text-align: center;}
.main-cont .main-txt.third h3{font-size: 42px;margin-bottom: 10px;}
.main-cont .main-txt.third p{font-size: 40px;text-transform: uppercase;font-family: 'itc';font-weight: 600;}
.main-cont .main-txt.third .book-items{align-items: flex-start;flex-wrap: wrap;}
.main-cont .main-txt.third .book-list{flex-shrink: 0;width: 19%;overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.main-cont .main-txt.third .tea_books{box-shadow: none;}
.main-cont .main-txt.third .tea_book_cont,.book_ewm{display: none;}
.main-cont .main-txt.third .book-list img{border-radius: 8px;}
.main-cont .main-txt.third .bl-cont{margin: 1.5rem 0;}
.main-cont .main-txt.third .bl-cont h5{color: #444;}
.main-cont .main-txt.third .bl-cont h5{font-size: 18px;margin-bottom: 2%}
.main-cont .main-txt.third .bl-cont span{font-size: 14px;color: #999;}
.main-cont .main-txt.third .tea_shop{width: 100%;}
.main-cont .main-txt.third p br,.st_btn{display: none;}
.main-cont .main-txt.third .tea_shop .teas_pic{display: flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;justify-content: space-between;align-items: center;margin: 2% 0;}
.main-cont .main-txt.third .tea_shop .teas_pic .tpic_list{width: 48%;}
.main-cont .main-txt.third .tea_shop .teas_pic .tpic_list>span{margin-top: 2%;display: block;}
.st_btn{margin: 0 auto;border: 1px solid #FF0036;color: #FF0036;padding: 1% 5%;font-size: 24px;background-color: #ffeded;border-radius: 8px;}
.title_btn{display: block;margin: 0;white-space: nowrap;}
.main-cont .main-txt.fourth{padding-top: 0;display: none;}
.main-cont .main-txt.fourth .video-hd{justify-content: space-between;;margin-bottom: 3%;position: relative;}
.main-cont .main-txt.fourth .video-hd h3{font-size: 24px;color: #444;padding-top: 1%;}
.main-cont .main-txt.fourth .video-hd h3:before{content:'';position: absolute;width: 100%;height: 25px;background: #97aacb;left: 0;bottom: 0;z-index: -1;}
.main-cont .main-txt.fourth .video-hd a{padding: 12px; background: #ededed;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;font-size: 14px;color: #8b8b8b;position: absolute;top: 0;right: 0;}
.main-cont .main-txt.fourth .video-hd a small{width: 100%;display: block;text-align: center;}
.main-cont .main-txt.fourth .video-hd a span{display: block;width: 110px;margin-top: 10px;}
.main-cont .main-txt.fourth .top-video{justify-content: flex-start;align-items: flex-start;}
.main-cont .main-txt.fourth .left-video{width: 30%;position: relative;margin-right: 30px;border-radius: 5px;overflow: hidden;}

/* .main-cont .main-txt.fourth .left-video{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;}
.main-cont .main-txt.fourth .left-video .tea_vid{width: 48%;} */

.main-cont .main-txt.fourth1{padding-top: 0;background: #f7f7f7;margin: 2% 0 0;}
.main-cont .main-txt.fourth1 .video-hd{justify-content: space-between;;margin-bottom: 3%;position: relative;}
.main-cont .main-txt.fourth1 .video-hd h3{font-size: 24px;color: #444;padding-top: 1%;}
.main-cont .main-txt.fourth1 .video-hd h3:before{content:'';position: absolute;width: 100%;height: 25px;background: #97aacb;left: 0;bottom: 0;z-index: -1;}
.main-cont .main-txt.fourth1 .video-hd a{padding: 12px; background: #ededed;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;font-size: 14px;color: #8b8b8b;position: absolute;top: 0;right: 0;}
.main-cont .main-txt.fourth1 .video-hd a small{width: 100%;display: block;text-align: center;}
.main-cont .main-txt.fourth1 .video-hd a span{display: block;width: 110px;margin-top: 10px;}
.main-cont .main-txt.fourth1 .top-video{justify-content: flex-start;align-items: flex-start;}
.main-cont .main-txt.fourth1 .left-video{width: 30%;position: relative;margin-right: 30px;border-radius: 5px;overflow: hidden;}
.main-cont .main-txt.fourth1 .left-video>small{position: absolute;right: 10px;top: 10px;padding: 4px 10px;background: linear-gradient(to right, #ff791d, #fbc605);border-radius: 5px;color: #fff;font-size: 12px;}
time{position: absolute;right: 10px;bottom: 10px;background: rgba(0,0,0,.8);padding: 4px 8px;border-radius: 20px;color: #fff;font-weight: 600;font-size: 12px;}
.main-cont .main-txt.fourth1 .right-cont h5{font-size: 18px;font-weight: 500;color: #222;margin-bottom: 10px;}
.main-cont .main-txt.fourth1 .right-cont p{font-size: 14px;color: #444;margin: 6px 0;}
.main-cont .main-txt.fourth1 .right-cont p span{color: #aaa;}
.main-cont .main-txt.fourth1 .other-video{margin: 3% 0;}
.main-cont .main-txt.fourth1 .other-video h4{margin: 1% 0; font-size: 18px; color: #444;font-weight: 400;}
.main-cont .main-txt.fourth1 .other-video h4>span{font-family: 'itc';text-transform: uppercase;}
.main-cont .main-txt.fourth1 .other-video h4 a{font-size: 14px;color: #666;margin-left: 10px;}
.main-cont .main-txt.fourth1 .other-video h4 a span{font-size: 12px;vertical-align: 2px;font-weight: 600;}
.main-cont .main-txt.fourth1 .other-video h4 a svg{vertical-align: -1px;margin-left: -6px;fill: #444;width: 12px;}
.main-cont .main-txt.fourth1 .video-pic{position: relative;border-radius: 5px;overflow: hidden;}
.main-cont .main-txt.fourth1 .nv-items{align-items: flex-start;}
.main-cont .main-txt.fourth1 .nv-list{width: 24%;flex-shrink: 0;}
.main-cont .main-txt.fourth1 .nv-list p{margin: 13px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} 
.main-cont .main-txt.fourth1 .inner-box{padding-top: 2%;}
.main-cont .main-txt.fourth1 .inner-box>img{width: 24%;}



.main-cont .main-txt.fourth .left-video>small{position: absolute;right: 10px;top: 10px;padding: 4px 10px;background: linear-gradient(to right, #ff791d, #fbc605);border-radius: 5px;color: #fff;font-size: 12px;}
time{position: absolute;right: 10px;bottom: 10px;background: rgba(0,0,0,.8);padding: 4px 8px;border-radius: 20px;color: #fff;font-weight: 600;font-size: 12px;}
.main-cont .main-txt.fourth .right-cont h5{font-size: 18px;font-weight: 500;color: #222;margin-bottom: 10px;}
.main-cont .main-txt.fourth .right-cont p{font-size: 14px;color: #444;margin: 6px 0;}
.main-cont .main-txt.fourth .right-cont p span{color: #aaa;}
.main-cont .main-txt.fourth .other-video{margin: 3% 0;}
.main-cont .main-txt.fourth .other-video h4{margin: 1% 0; font-size: 18px; color: #444;font-weight: 400;}
.main-cont .main-txt.fourth .other-video h4>span{font-family: 'itc';text-transform: uppercase;}
.main-cont .main-txt.fourth .other-video h4 a{font-size: 14px;color: #666;margin-left: 10px;}
.main-cont .main-txt.fourth .other-video h4 a span{font-size: 12px;vertical-align: 2px;font-weight: 600;}
.main-cont .main-txt.fourth .other-video h4 a svg{vertical-align: -1px;margin-left: -6px;fill: #444;width: 12px;}
.main-cont .main-txt.fourth .video-pic{position: relative;border-radius: 5px;overflow: hidden;}
.main-cont .main-txt.fourth .nv-items{align-items: flex-start;}
.main-cont .main-txt.fourth .nv-list{width: 24%;flex-shrink: 0;}
.main-cont .main-txt.fourth .nv-list p{margin: 13px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} 

.contact_form{width:100%;}
.contact_form {width: 100%;background-image: url(../images/contact_bg.png);background-repeat: no-repeat;background-size:cover;background-position:center}
.contact_boc {padding: 60px 0;margin: auto;text-align: center;}
.contact_boc h2 {font-size: 24px;color: #fff;font-weight: normal;}
.contact_boc p {font-size: 17px;line-height: 25px;color: #fff;text-align: center;margin: auto;margin-bottom: 30px;}
ul.contact{width:100%;margin-top: 3%;}
ul.contact li{text-align:left;color:#444;font-size:15px;margin: 4px 0;}

#list,#foot{display:none;}

/* form */
.main-cont .meassage{margin: 0% auto;align-items: flex-start;padding: 3% 0 0;}
.main-cont .meassage .msg-left,.main-cont .meassage form{/*width: 46%;*/margin: 2% 0}
.main-cont .meassage .msg-left h3{font-size: 18px;font-weight: unset;color: #333;}
p.country,.main-cont .meassage .msg-left a span{font-size: 15px;margin: 0 0 2% 0;color: #666;}
p.country{margin-bottom: 0;}
p.country span{display: block;color: #444;font-size: 15px;}
/* .main-cont .meassage .msg-left a{display: block;width: 50%;} */
.main-cont .meassage .msg-left a img{width: 100%;}
.main-cont .meassage form{flex-direction: column;align-items: flex-start;}
a.ewm{width: 110px;display: block;margin-bottom: 3%;}
a.ewm span{color: #555;text-align: center;display: inline-block;width: 100%;font-size: 14px;}
.main-cont .meassage form>div{width: 100%;margin: 3% 0;}
.main-cont .meassage form label{font-size: 16px;color: #666;text-align: justify;width: 20%;}
.main-cont .meassage form input{border: 1px solid #888;border-radius: 5px;width: 80%;padding: 0 1.6%;}
.main-cont .meassage form button{margin-top: 2%; width: 40%;line-height: 2rem;border-radius: 5px;margin-left: 20%;background: #e5521e;color: #fff;}

/* footer */
footer{background: #292b33;padding: 1rem 0}
footer .footer{justify-content: flex-start;}
footer .footer img{width: 300px;}
footer .footer p{margin-left: 30px;color: #fff;font-size: 14px;}



.left-video h3{text-align: center;}









/* =============================================================================== */

/* top search */
#search{max-width:1132px;margin:230px auto 30px;width:90%;}
#search .box{width:100%;margin:30px auto;position:relative;}
#search .box input.input_search{width:calc(100% - 89px);height:74px;line-height:74px;border:1px solid #ccc;border-right:none;border-radius:37px 0 0 37px;float:left;text-indent:37px;font-size:16px;color:#736e68;}
#search .box input.btn_search{width:89px;height:74px;line-height:74px;border-radius:0 37px 37px 0;float:left;background-color:#0078d7;object-fit:none;}
#search .box input.link_search{width:89px;height:74px;line-height:74px;border-radius:0 37px 37px 0;float:left;background-color:#0078d7;object-fit:none;}
/* #search .poster{width:100%;margin:30px auto;}
#search .poster ul{width:100%;display:flex; justify-content:space-between;}
#search .poster ul li{width:30%;text-align:center;height:130px;display:flex; flex-direction:column; justify-content:center;border-radius:4px;}
#search .poster ul li:first-child{background-color:#3ba7d3;}
#search .poster ul li:nth-child(2){background-color:#2d9cdd;}
#search .poster ul li:nth-child(3){background-color:#0078d7;}
#search .poster ul li h1{font-size:48px;font-weight:bolder;color:white;margin-left:15px;}
#search .poster ul li h1 sup{font-size:24px;vertical-align: top;color:white;}
#search .poster ul li p{font-size:24px;color:white;} */

.box ul.searchtype{position:absolute;top:100%;left:20px;width:calc(100% - 80px);background-color:white;border-radius:3px;border:1px solid #ddd;box-shadow:0px 6px 6px 6px rgba(0,0,0,0.15);display:none;z-index:9;}
.box ul.searchtype li{font-size:14px;color:#666;height:36px;line-height:36px;text-indent:10px;cursor:pointer;}
.box ul.searchtype li:hover{color:white;background-color:#0078d7;}
.box ul.searchtype li i{cursor:pointer;}

.box dl.searchkey{position:absolute;top: 50%;transform: translateY(-50%);margin-left: 20px;display: flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;align-items: center;justify-content: center;}
.box dl.searchkey dd{font-size:16px;color:#737373;margin-right:10px;}
.box dl.searchkey dd i{margin-left:5px;color:#b2b2b2;cursor:pointer;}

.coverall{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.7);top:0;left:0;z-index:9999;display:none;}
.coverall>div{width:100%;height:100%;display:flex; justify-content:center; align-items:center; flex-direction:column;color:white;}
.coverall i{color:white;font-size:60px;}
/* main */
#list{width:100%;padding-top:20px;}
#list .box{width:86%;margin:0 auto;}
#list .box>ul>li{width:100%;position:relative;margin-bottom:40px;}
#list .box .main li{width:100%;}
#list .box .main li.title{cursor:pointer;}
#list .box .main li p{display:inline-block;line-height:24px;}
#list .box .main li.title p{font-size:16px;color:#130fa2;max-width:60%;font-weight: bold; text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}
#list .box .main li.company p{font-size:14px;color:#777;text-overflow: ellipsis;max-width:60%;cursor: pointer;}
#list .box .main li.company font{font-size:14px;color:#e5521e;margin-left:5px;}
#list .box .main li.link{display:flex; flex-direction:row;}
#list .box .main li.link p a{font-size:14px;color:#006a20;}
#list .box .main li.link span{font-size:11px;margin-left:5px;border:1px solid #e5521e;color:#e5521e;display:flex; flex-direction:row; justify-content:center; align-items:center;padding:1px 2px;cursor:pointer;}
#list .box .main li.description p{font-size:14px;color:#777;width:60%;}
#list .box .main li.phone p{font-size:11px;color:#777;}
#list .box .main li.address p{font-size:11px;color:#777;}
#list .box .main li.contact p{font-size:11px;color:#777;}
#list .box .main li p font{color:#4268b3;font-weight:bold;}
#list .box .main li.social{width:100%;}
#list .box .main li.social dl{display:flex; flex-direction:row; flex-wrap:wrap;}
#list .box .main li.social dl dd{display:flex;}
#list .box .main li.social dl dd a{display:flex; flex-direction: column;margin:0 15px; justify-content:center; align-items:center;}
#list .box .main li.social dl dd a i{width:30px;height:30px;margin:5px;line-height:30px;font-size:22px;border-radius:50%;color:white;display:flex;justify-content:center; align-items:center;}
#list .box .main li.social dl dd a i.fa-facebook{background-color:#3b5999;}
#list .box .main li.social dl dd a i.fa-twitter{background-color:#2daae2;}
#list .box .main li.social dl dd a i.fa-pinterest-p{background-color:#d21e26;}
#list .box .main li.social dl dd a i.fa-instagram{background-image: linear-gradient(15deg, #ffd072,#d21f6f, #6c38ba)}
#list .box .main li.social dl dd a i.fa-linkedin{background-color:#0278b5;}
#list .box .main li.social dl dd a i.fa-youtube{background-color:#ef403d;}
#list .box .main li.social dl dd a.nothas i{background-color:#666;background-image:none;}
#list .box .main li.social dl dd a i img{/*width:83%;*/}
#list .box .main li.social dl dd a span{ text-transform:capitalize;font-size:12px;}

#list .box .main li.social dl dd p{display:flex;justify-content:center; align-items:center; flex-direction: column;margin:0 15px;}
#list .box .main li.social dl dd p img{width:28px;margin:5px 0;}


#list .box .main li.remark{display:block;margin-top:10px;}
#list .box .main li.remark .remarkbox{width:100%;display:flex;box-shadow: 0px 6px 12px 6px rgba(0,0,0,0.15);border-radius: 5px;    background: #fff;padding:30px 50px; flex-direction:column;}
#list .box .main li.remark .remarkbox ul.re_title{display:flex; flex-direction:row;}
#list .box .main li.remark .remarkbox ul.re_title li{width:200px;padding:10px 20px;font-size:14px;color:#555;text-align:center;background-color:#ccc;border-bottom:1px solid #aaa;cursor:pointer;}
#list .box .main li.remark .remarkbox ul.re_title li.current{color:#e5521e;border-color:#e5521e;background-color:white;}
#list .box .main li.remark .remarkbox ul.re_title li:hover{color:#0078d7;border-color:#0078d7;background-color:white;}
#list .box .main li.remark .remarkbox .re_body{width:100%;padding:10px;}
/*#list .box .main li.remark .remarkbox .re_body.notcollected{filter: blur(2px);user-select: none;}*/
#list .box .main li.remark .remarkbox .re_body ul{display:none;font-size:11px;line-height:24px;}
#list .box .main li.remark .remarkbox .re_body ul:first-child{display:block;}
#list .box .main li.remark .remarkbox .re_body ul p{/*width:15%;*/}
#list .box .main li.remark .remarkbox .re_body ul p.pt{/*font-weight:bold;*/font-size:14px; line-height:36px;/*border-bottom:1px solid #777;*/word-break:break-word;}
#list .box .main li.remark .remarkbox .re_body ul h3{font-weight:bold;font-size:14px; line-height:36px;border-bottom:1px solid #777;}
#list .box .main li.remark .remarkbox .re_body ul table th{text-align:left;width:150px;}
#list .box .main li.remark .remarkbox .re_body ul table td{text-align:center;}
#list .box .main li.remark .remarkbox .re_body ul .snov_data_email{width:800px;}
#list .box .main li.remark .remarkbox .re_body ul .snov_data_email span {width: 33%;text-align: left;display: block;float: left;min-width:auto;font-weight:normal;}

#list .box .main li.remark .remarkbox .re_body ul dl{width:100%;margin-top:5px;}
#list .box .main li.remark .remarkbox .re_body ul dl dd{display:flex; flex-direction:row;}
#list .box .main li.remark .remarkbox .re_body ul dl p{width:200px;font-weight:bold;}
#list .box .main li.remark .remarkbox .re_body ul dl dd p{display:flex; align-items:center; justify-content:center;}
#list .box .main li.remark .remarkbox .re_body ul dl>span{text-align:center;min-width:300px;display:inline-block;}
#list .box .main li.remark .remarkbox .re_body ul dl span{text-align:center;width:300px;}

#list .box .btn{position:absolute;top:10px;right:10px;}
#list .box .btn a{font-size:11px;color:#7f7f7f;width:125px;height:32px;border:1px solid #7f7f7f;line-height:32px;text-align:center;float:left;cursor:pointer;}
#list .box .btn a:first-child{border-right:none;border-radius:16px 0 0 16px;}
#list .box .btn a:first-child i{margin-right:10px;}
#list .box .btn a:last-child{border-left:none;border-radius:0 16px 16px 0;}
#list .box .btn a:last-child i{margin-right:5px;}
#list .box .btn a.current{color:white;background-color:#cc131d;border-color:#cc131d;}

#list .box .btn2{display:none;}

#triangle-down {width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 10px solid #e5521e; margin-top: 10px; margin-left: 5px; float: right;line-height: 24px;cursor:pointer;}
.triangle_now {display: none;position: relative;width: 106px;left: 0px;background: #ffffff none repeat scroll 0% 0%;border: 1px solid #E5E5E5;margin: 5px 0;z-index: 2; box-shadow: 0px 2px 3px 1px #ddd;}
.triangle { padding: 7px 18px; color: #333;}



/*****按钮****/
list_anniu .cl{top:0;margin-top:0;text-align:right;}
.list_anniu{margin-bottom:5px;overflow:hidden;}
.listunit_del{padding: 3px 10px;float: right;color: #fff;font-size: 14px;float: right; padding: 0px 10px; height:30px; line-height:30px; color:#505050; background-color:#FFF;cursor: pointer;  }
.listunit_mod{padding: 3px 10px;float: right;color: #fff;font-size: 14px;float: right; padding: 0px 10px; height:30px; line-height:30px; color:#505050; background-color:#FFF; cursor: pointer;}
.listunit_mod_back{padding: 3px 10px;float: right;color: #fff;font-size: 14px;float: right; padding: 0px 10px; height:30px; line-height:30px; color:#505050; background-color:#FFF; display:none;cursor: pointer; }
.listunit_update{padding: 3px 10px;float: right;color: #fff;font-size: 14px;float: right; padding: 0px 10px; height:30px; line-height:30px; color:#505050; background-color:#FFF;cursor: pointer; }
.listunit_zl{float: right; padding: 0px 10px;background: #FFF;color: #505050;font-size: 14px; height:30px; line-height:30px;  border-right:none; cursor: pointer;cursor: pointer;}
.listunit_add_snovdata_ed,.listunit_add_snovdata{padding: 3px 10px;float: right;color: #fff;font-size: 14px;float: right; padding: 0px 10px; height:30px; line-height:30px; color:#505050; background-color:#FFF; cursor: pointer;}
#list .box .cl a.current{float:right;}
/* foot */
#foot{width:100%;}
#foot .footlogo{width:100%;text-align:center;}
#foot .footlogo img{width:146px;display:inline-block;}
#foot .page{width:100%;margin-top:20px;margin-bottom:30px;}
#foot .page ul{width:100%;display:flex; justify-content:center; align-items:center;}
#foot .page ul li{width:43px;text-align:center;cursor:pointer;}
#foot .page ul li.current{color:#0078d7;}


/* detail */
/*#list .box.detail .main li.title{border-bottom:2px solid #eeeeee;height:52px;}
#list .box.detail .main li.title p{border-bottom:none;line-height:50px;}
#list .box.detail .main li.time{margin-top:15px;}*/
/*#list .box.detail .main li.social dl{flex-direction:column;}*/
#list .box.detail .main li.social dl dd a.mjia{cursor:pointer;}
/*#list .box.detail .main li.social dl dd a span{display:inline-block;margin-left:5px;color:#0078d7;line-height:40px;}*/
#list .box.detail .main li.social dl dd:first-child a i{background-color:none;}
/*#list .box.detail .btn{top:80px;}*/
#list .box.detail .btn a{border-radius:16px;}
#list .box.detail .btn2{position:absolute;top:130px;right:10px;display:block;}
#list .box.detail .btn2 a{font-size:11px;color:#7f7f7f;width:210px;height:32px;border:1px solid #7f7f7f;line-height:32px;border-radius:16px;float:left;}
#list .box.detail .btn2 a i{margin-left:29px;font-size:16px;margin-right:36px;}


/* ai */
.title{width:100%;margin-top:30px;}
.title .box{max-width:1400px;width:90%;margin:0 auto;border-bottom:2px solid #eeeeee;height:60px;}
.title .box p{line-height:58px;float:left;margin-right:10px;}
.title .box p a{font-size:11px;color:#736e68;line-height:58px;}
.title .box p.big{font-size:14px;}
.title .box p.current{color:#0078d7;border-bottom:2px solid #0078d7;}
#ai{width:100%;}
#ai .box{max-width:1400px;width:90%;margin:0 auto;}
#ai .box h1{font-size:30px;color:#0078d7;margin-top:30px;}
#ai .box ul{width:100%;display:flex; flex-direction:column;margin-top:20px;}
#ai .box ul li{display:flex; flex-direction:row;margin-bottom:30px;}
#ai .box ul li label{width:120px;text-align:right;margin-right:36px;font-size:11px;color:#777777;line-height:44px;}
#ai .box ul li select{line-height:44px;height:44px;padding:0 35px 0 15px;border-radius:8px;width:120px;border-color:#e7e7e7;font-size:11px;color:#777;}
#ai .box ul li .ai_right{width:100%;}
#ai .box ul li .ai_right .keylist{width:80%;height:auto;border:1px solid #e7e7e7;border-radius:5px;padding:15px;display:flex; flex-wrap:wrap;cursor:text;}
#ai .box ul li .ai_right .keylist p{margin-right:30px;font-size:11px;color:#777;cursor:pointer;height:26px;line-height:26px;}
#ai .box ul li .ai_right .keylist p.add{display:none;}
#ai .box ul li .ai_right .keylist p i{margin-left:5px;color:#b2b2b2;}
#ai .box ul li .ai_right .keylist p a{background-color:#0078d7;color:white;font-size:11px;padding:5px;margin-left:5px;}
#ai .box ul li .ai_right .keylist p input{border:1px solid #777;height:26px;line-height:26px;text-indent:5px;}
#ai .box ul li .ai_right button{padding:15px 25px;color:white;background-color:#0075d6;border-radius:7px;border:none;}

/* ai list*/
#list .box.ai .btn{top:0px;}


/* match link*/
#addnew .box{max-width:1400px;width:90%;margin:0 auto;}
#addnew .box .tag{margin-top:30px;}
#addnew .box .tag ul{display:flex; flex-direction:row;border-bottom:1px solid #e7e7e7;}
#addnew .box .tag ul li{padding:0 15px;height:36px;line-height:36px;border-top:1px solid #e7e7e7;border-left:1px solid #e7e7e7;font-size:11px;color:#777;}
#addnew .box .tag ul li:first-child{border-radius:5px 0 0 0;}
#addnew .box .tag ul li:last-child{border-right:1px solid #e7e7e7;border-radius:0 5px 0 0;}
#addnew .box .tag ul li.current{background-color:#e5f4fe;}
#addnew .box .addbody{width:100%;display:flex; justify-content:center;flex-wrap:wrap;margin-top:30px;}
#addnew .box .addbody .a_list{width:90%;display:flex; flex-direction:column;}
#addnew .box .addbody .a_list .l_items{display:flex; flex-direction:row;margin-bottom:20px; justify-content:space-between;}
#addnew .box .addbody .a_list .l_items .item{width:30%;display:flex; flex-direction:row;}
#addnew .box .addbody .a_list .l_items .item.two{width:65%;}
#addnew .box .addbody .a_list .l_items .item.three{width:100%;}
#addnew .box .addbody .a_list .l_items .item label{width:80px;height:50px;line-height:50px;font-size:11px;color:#777;}
#addnew .box .addbody .a_list .l_items .item input{width:calc(100% - 80px);height:50px;line-height:50px;border:1px solid #e7e7e7;border-radius:5px;font-size:11px;color:#777;text-indent:15px;}
#addnew .box .addbody .a_list .l_items .item select{width:calc(100% - 80px);height:50px;line-height:50px;border:1px solid #e7e7e7;border-radius:5px;font-size:11px;color:#777;text-indent:15px;}
#addnew .box .addbody .a_list .l_items .item textarea{width:calc(100% - 80px);border:1px solid #e7e7e7;border-radius:5px;font-size:11px;color:#777;min-height:80px;padding:15px;}

#addnew .box .addbody .social{width:100%;}
#addnew .box .addbody .social dl{display:flex; flex-direction:column;}
#addnew .box .addbody .social dl dd{display:flex;}
#addnew .box .addbody .social dl dd a{color:#0078d7;}
#addnew .box .addbody .social dl dd a i{width:30px;height:30px;margin:5px;text-align:center;line-height:30px;font-size:22px;border-radius:50%;background-color:#55acee;color:white;}
#addnew .box .addbody .social dl dd:nth-child(2) a i{background-color:#077779;}
#addnew .box .addbody .social dl dd:nth-child(3) a i{background-color:#3b5999;}

#addnew .box .tag ul li.wide{padding:0 40px;}
#addnew .box table{ table-layout:auto;}
#addnew .box table td{text-indent:20px;}

#addnew .box .addbtn{wdith:100%;margin-top:50px;}
#addnew .box .addbtn a{float:left;border:1px solid #e7e7e7;width:134px;height:44px;display:flex; justify-content:center; align-items:center;border-radius:7px;margin-right:10px;font-size:11px;color:#777;}
#addnew .box .addbtn a i{color:#0078d7;margin-right:10px;font-size:18px;}
#addnew .box .addbtn button{float:right;border-radius:7px;background-color:#0078d7;color:white;width:124px;height:44px;line-height:44px;text-align:center;border:none;}


/* instruction*/
#instruction{margin-top:50px;}
#instruction .box{max-width:1400px;width:90%;margin:0 auto;}
#instruction .box .ins_body {width:100%;display:flex; justify-content:left;flex-wrap:wrap;margin-top:30px;}
#instruction .box .ins_body .ins_pic{width:360px;display:flex; justify-content:center; align-items:end;}
#instruction .box .ins_body .textbox{width:calc(100% - 360px);}
#instruction .box .ins_body .textbox h1{font-size:30px;font-weight:normal;color:#0078d7;margin-bottom:20px;}
#instruction .box .ins_body .textbox h2{font-size:30px;font-weight:normal;color:#777777;margin-top:40px;}
#instruction .box .ins_body .textbox ul li{font-size:11px;font-weight:normal;color:#777777;line-height:24px;}


/* financial*/
#ftop{width:100%;box-shadow:0 0 5px 0 rgba(0,0,0,0.15);border-bottom:1px solid #dcdcdc;}
.ftop{display:flex; justify-content:space-between;max-width:80%; flex-direction:row;width:1400px;margin:0 auto; align-items:center;}
/*.ftop .toplogo img{margin:15px 0;}*/
.ftop .toplink{width:80%;}
.ftop .toplink>ul{display:flex; flex-direction:row; justify-content:center;height:100%;}
.ftop .toplink>ul>li{font-size:11px;position:relative;padding:20px 15px;}
.ftop .toplink>ul>li>a{line-height:32px;cursor:pointer;color:#777777;border-radius:20px;border:1px solid #777;padding:0 15px;display:inline-block;}
.ftop .toplink>ul>li>a.current{background-color:#0078d7;border-color:#0078d7;color:white;}
/*.ftop .toplink>ul>li:last-child>a{border:none;}*/
.ftop .toplink>ul>li>a p{display:inline-block;}
.ftop .toplink>ul>li:hover>a{background-color:#0078d7;border-color:#0078d7;transition: .4s;color:white;}
/*.ftop .toplink>ul>li:hover:last-child>a{background-color:white;color:#777777;}*/

.ftop .toplink>ul>li>ul{position:absolute;top:100%;left:0;padding:20px 10px;background-color:#e4f5ff;display:none;}
.ftop .toplink>ul>li:hover>ul{display:block;}
.ftop .toplink>ul>li>ul>li{width:200px;height:44px;line-height:44px;text-indent:20px;}
.ftop .toplink>ul>li>ul>li:hover{color:#0078d7;background-color:white;}
.ftop .toplink>ul>li>ul>li>a{color:#777777;font-size:11px;}
.ftop .toplink>ul>li>ul>li:hover>a{color:#0078d7;background-color:white;}

.ftop .toplogo>ul{display:flex; flex-direction:row; justify-content:flex-end;height:100%;}
.ftop .toplogo>ul>li{font-size:11px;position:relative;padding:20px 15px;}
.ftop .toplogo>ul>li>a{line-height:32px;cursor:pointer;color:#777777;border-radius:20px;border:1px solid #777;padding:0 15px;display:inline-block;}
.ftop .toplogo>ul>li>a.current{background-color:#0078d7;border-color:#0078d7;color:white;}
.ftop .toplogo>ul>li:hover>a{background-color:#0078d7;border-color:#0078d7;transition: .4s;color:white;}

#financial{display:flex; flex-direction:row;height:calc(100% - 75px);position:fixed;top:75px;left:0;width:100%;}
#fleft{width:256px;background-color:#f9fafe;border-right:1px solid #e8e8e8;posotion:relative;top:0;left:0;z-index:999;}
#fleft dl{margin-top:30px;}
#fleft dl dt{display:flex; flex-direction:row;font-size:11px;color:#0078d7;line-height:48px;height:48px;background-color:#e5f5fd;}
#fleft dl dt div{width:70px;display:flex; justify-content:center; align-items:center;}
#fleft dl dd{text-indent:70px;height:44px;}
#fleft dl dd a{text-indent:70px;font-size:11px;color:#737373;line-height:44px;height:44px;}
#fleft dl dd.current a{color:#0078d7;}

#financial>.box{width:calc(100% - 256px);}
#financial .box .title{margin-top:15px;}

#financial .box .make .m_title{display:flex; flex-direction:row; justify-content:space-between;margin:30px 0 10px;}
#financial .box .make .m_title div{display:flex; flex-direction:row;}
#financial .box .make .m_title p,#financial .box .make .m_title a{font-size:14px;color:#777777;line-height:30px;}
#financial .box .make .m_title a{padding:0px 20px;border:1px solid #ccc;color:#999;border-radius:3px;margin-left:20px;}
#financial .box .make .m_title a:hover{border-color:#0078d7;color:#0078d7;background-color:#f0f7ff;}


.addfinancial ul{display:flex; flex-direction:column;}
.addfinancial ul li{display:flex; flex-direction:row;}
.addfinancial ul li label{width:210px;font-size:16px;line-height:40px;}
.addfinancial ul li .af_right{}
/* invoice */
#invoice .box{max-width:1400px;width:90%;margin:0 auto;}
.des{width:100%;background-color:#f2f7ff;padding:20px 40px;border-radius:5px;margin-top:30px;}
.des ul li{font-size:14px;color:#777777;line-height:24px;list-style-type:decimal;}
.des ul li a{color:#0078d7;cursor:pointer;}

/* charge */
#charge {height:calc(100% - 60px);overflow:scroll;}
#charge .title .box p{margin-right:30px;cursor:pointer;}
#charge .cbox>ul{width:100%;display:flex; flex-direction:column;margin-top:20px;}
#charge .cbox>ul>li{display:flex; flex-direction:row;margin-bottom:30px;}
#charge .cbox>ul>li .cg_right{width:100%;}
#charge .cbox>ul>li label{width:120px;text-align:right;margin-right:36px;font-size:11px;color:#555;line-height:44px;}
#charge .cbox>ul>li select{line-height:44px;height:44px;padding:0 35px 0 15px;border-radius:8px;width:120px;border-color:#e7e7e7;font-size:11px;color:#777;}
#charge .cbox>ul>li .cg_right p{line-height:44px;color:#777777;}
#charge .cbox>ul>li .cg_right button{color:white;background-color:#0078d7;border:none;padding:10px 20px;border-radius:5px;}
#charge .cbox>ul>li.pay ul{display:flex; flex-direction:row;width:100%;}
#charge .cbox>ul>li.pay ul li{margin-right:10px;cursor:pointer;position:relative;padding:5px;}
#charge .cbox>ul>li.pay ul li div{display:flex; flex-direction:row;justify-content: center;align-items: center;padding:5px 20px;margin-right:10px;border:1px solid #ddd;border-radius:5px;cursor:pointer;height:40px;}
#charge .cbox>ul>li.pay ul li.current:after{content:' ';background:url(../img/use.png) right 9px bottom 1px no-repeat;width:100%;position:absolute;top:0;left:0;height:100%;}
#charge .cbox>ul>li.pay ul li.current div{border:1px solid #0078d7;}
#charge .cbox>ul>li.pay ul li img{width:24px;margin-right:10px;}

#charge .des{width:100%;background-color:#f2f7ff;padding:20px 40px;border-radius:5px;margin-top:30px;}
#charge .des ul li{font-size:14px;color:#777777;line-height:24px;list-style-type:decimal;}
#charge .des ul li a{color:#0078d7;cursor:pointer;}

#charge .cbox.remittance{max-width:1400px;width:90%;margin:0 auto;}
#charge .cbox.remittance>ul>li{display:flex; flex-direction:row;margin-bottom:15px;}
#charge .cbox.remittance>ul>li label{text-align:left;}
#charge .cbox.remittance>ul>li .cg_right span{position:relative;}
#charge .cbox.remittance>ul>li .cg_right span .warn{display:none;color:white;position:absolute;left: 100%;top: -10px;background: url(../img/warnbg.png); width: 100%; text-indent: 25px; height: 37px; line-height: 37px;background-size:contain;}

/* spending */
#spending{padding-bottom:80px;overflow:scroll;height:calc(100% - 80px);}
#spending .box{max-width:1400px;width:90%;margin:0 auto;}
#spending .box ul h1{font-size:14px;line-height:24px;font-weight:normal;margin-left:-30px;color:#777;}
.spending{padding:0 10px;}
.spending .s_title{display:flex; flex-direction:row; justify-content:space-between;padding:15px 0px;border-bottom:1px solid #dddddd;  align-items: flex-start;}
.spending .s_title p{font-size:18px;display:flex; justify-content:center; align-items:center;}
.spending .s_title a{font-size:14px;padding:5px 15px;border:1px solid #ccc;color:#999;border-radius:3px;display:flex; align-items:center;cursor:pointer;}
.spending .s_title a:hover{border-color:#0078d7;color:#0078d7;background-color:#f0f7ff;}
.spending .s_title>div{display:flex; flex-direction:column; align-items:flex-end;}
.spending .s_title label{font-size:14px;font-weight:bold;color:#595959;margin-right:10px;}
.spending .s_title select{width:176px;height:30px;line-height: 30px;border: 1px solid #e7e7e7;border-radius: 5px;font-size: 14px;   color: #595959;text-indent: 10px;}
.spending .s_title input{font-size:14px;border:1px solid #e7e7e7;color:#999;border-radius:3px;padding:5px 15px;line-height:22px;}
.spending .s_title button{font-size:14px;padding:5px 15px;border:1px solid #e7e7e7;color:#999;border-radius:3px;line-height:22px;cursor:pointer;}
.spending .s_title button:hover{border-color:#0078d7;color:#0078d7;background-color:#f0f7ff;}
.spending .s_title .downtime{margin-top:10px;display:none;}

.spending .s_info{padding:15px 30px;}
.spending .s_info p{font-size:14px;line-height:18px;}

.spending .tab_head{width:100%;background-color:#f4fcff;padding:0 40px;}
.spending .tab_head ul{display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.spending .tab_head ul li{line-height:42px;font-weight:700;color:#323232;font-size:14px;}

.spending .tab_body{width:100%;padding:0 10px;border-bottom:1px solid #f0f0f0;}
.spending .tab_body .tab_title{display:flex;flex-direction:row; justify-content:space-between;padding:15px 30px;border-bottom:1px dashed #dfe3e8;margin-top:10px;}
.spending .tab_body .tab_title p{font-weight:700;color:#323232;font-size:14px;}
.spending .tab_body ul{width:100%;padding:10px 30px;}
.spending .tab_body ul li{display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.spending .tab_body ul li p{font-size:12px;color:#777;line-height:24px;}
.spending .tab_body ul li p.datearea{color:#bbb;}

.spending_foot{width:100%;border-top:1px solid #e5e5e5;position:absolute;bottom:0;right:0;height:80px;text-align:right;background-color:white;padding:0 40px;z-index:888;}
.spending_foot p{font-size:24px;line-height:80px;display:inline-block;}
.spending_foot strong{font-size:32px;line-height:80px;color:#0078d7;}
.spending_foot font{font-size:14px;line-height:80px;color:#0078d7;}

/* bill */
#bill{overflow:scroll;height:calc(100% - 60px);}
#bill .box{max-width:1400px;width:90%;margin:0 auto;}
#bill .box .b_title{width:100%;display:flex; justify-content:space-between;margin-top:40px;}
#bill .box .b_title P{font-size:16px;font-weight:bold;color:#595959;}
#bill .box .b_title a{font-size:14px;border:1px solid #ccc;color:#999;border-radius:3px;padding:5px 10px;}
#bill .box .b_title a:hover{border-color:#0078d7;color:#0078d7;background-color:#f0f7ff;}
#bill .box .b_title span{cursor:pointer;color:#0078d7;}
#bill .box .b_title label{font-size:14px;font-weight:bold;color:#595959;margin-right:10px;}
#bill .box .b_title select{width:176px;height:30px;line-height: 30px;border: 1px solid #e7e7e7;border-radius: 5px;font-size: 14px;   color: #595959;text-indent: 10px;margin-right:15px;}

#bill .box .table{width:100%;margin-top:20px;}
#bill .box .table dl{display:flex; flex-direction:column;text-indent:10px;flex: 4;}
#bill .box .table dl p.wide{flex-basis: 50%;}
#bill .box .table dl dt{display:flex; flex-direction:row;border-bottom:1px solid #e7e7e7;background-color:#f7f7f7;height:54px;}
#bill .box .table dl dt p{font-size:14px;font-weight:bold;color:#595959;width:25%;line-height:54px;}
#bill .box .table dl dd{text-align:center;border-bottom:1px solid #e7e7e7;display:flex; flex-direction:row; text-align:left;}
#bill .box .table dl dd p{line-height:54px;font-size:14px;width:25%;}
.table p.nodata{flex-basis: 100%;text-align:center;}
#bill .box .table dl dd p i{margin-right:5px;}
#bill .box .table dl p.one{width:8%;}
#bill .box .table dl p.two{width:12%;}
#bill .box .table dl p.three{width:29%;}









/* media */

@media screen and (max-width: 1550px){

.ine-wid,header .top{width: 92%;}

}
@media screen and (max-width: 1350px){

.banner .banner-txt h2{font-size: 48px;}
/* .banner .banner-txt p{font-size: 30px;} */
.main-cont .second h4{font-size: 32px;}
.main-cont .second a{width: 70%;}header .top nav a {color: #999;font-size: 15px;}

	

}
@media screen and (max-width: 1240px){
	.btn {padding: 0px 5px;}
}
@media screen and (max-width: 1230px){

/* .banner .banner-txt{width: 80%;} */
.main-cont .meassage .msg-left, .main-cont .meassage form{width: auto;}
	header .top nav li {padding: 4px 8px;}
	.lag, header .top .top-meb {margin-left: 0px;}
	.ine-wid, header .top {width: 94%!important;}
	.index_des h2 {font-size: 36px;}
	.index_des h1 {font-size: 44px;}

}
@media screen and (max-width: 1200px){

.main-cont .main-txt.third .left {width: 100%;}
.main-cont .main-txt.third .right {width: 64%;margin: 0 auto}


}
@media screen and (max-width: 1025px){

.main-cont .main-txt .left,.main-cont .meassage .msg-left, .main-cont .meassage form {width: 100%;}
.main-cont .main-txt .right {width: 60% !important;margin: 0 auto;}
.main-cont .meassage {flex-direction: column;}

header .top nav li{padding: 4px 8px;}
.banner>a{overflow: hidden;}
.banner>a>img{width: 140%;margin-left: -20%;}
.banner .banner-txt h2{font-size: 40px;}
/* .banner .banner-txt p{font-size: 24px;} */
.banner .banner-txt .ban-login{width: 220px;}
.banner .banner-txt a{height: 32px;}
.main-cont .second h4{font-size: 28px;}
.main-cont .second a{width: 85%;}
.main-cont .main-txt.third header img{width: 48%;}

.main-cont .main-txt.fourth .top-video,.main-cont .main-txt.fourth .nv-items{flex-wrap: wrap;}
.main-cont .main-txt.fourth .nv-list{width: 49%;margin-top: 3%;}
.main-cont .main-txt.fourth .right-cont{width: 100%;margin-top: 3%;}
.main-cont .main-txt.fourth .other-video h4{font-size: 21px;}
.main-cont .main-txt.fourth .left-video{width: 70%;margin-right: 0;}

.main-cont .main-txt.third .book-items{flex-wrap: wrap;justify-content: unset;}
.main-cont .main-txt.third .book-list:not(:nth-child(3n)){margin-right: 2%;}

header .top{height: 70px;}
header .top>a{width: 130px;}
i.iconfont{display: block;}
header{position: relative;}
header nav.active{width: 80px;}
header nav.active li{padding: 0;width: 92%;margin: 0 auto;margin-bottom: 2%;margin-bottom: 1.5%;}
header nav.active li{display: none;} 
header nav.active li:last-child{display: block;} 
header nav.active li.meb{width: 100px;padding: 4px 8px;text-align: center;margin-left: 4%;}
.icon-menu{margin-left: auto;}

.input_box input{width:400px;}
.ts_form .btn_search {width:120px;}
}
@media screen and (max-width: 960px){

/* .banner .banner-txt {width: 100%;} */
.main-cont .main-txt .right{width: 80%!important;}
.main-cont .second p{font-size: 18px;}
.main-cont .second h4{font-weight: bold;}
.main-cont .main-txt.third .tea_books{width: 100%;background: #4085c4;border-radius: 8px;padding: 3%;}
.main-cont .main-txt.third .tea_books .top_cont{margin-bottom: 8%;}
.main-cont .main-txt.third .tea_books .shop_tea{margin: 7% auto;}
.main-cont .main-txt.third .tea_books .shop_tea .tea_title{font-size: 36px;color: #fff;font-weight: 500;text-align: center;margin-bottom: 3%;}
.main-cont .main-txt.third .tea_books .shop_tea .st_btn{flex-direction: column;/*align-items: flex-start;*/background: #c8161d;width: 100%;border-radius: 8px;padding: 1.5% 0 1.5% 4%;color: #fff;}
.main-cont .main-txt.third .tea_books .shop_tea .st_btn span{padding-top: 2%;}
.main-cont .main-txt.third .tea_books .tpic_list{margin-top: 6%;margin-bottom: 2%;}
.main-cont .main-txt.third .tea_books .tpic_list span{color: #fff;padding-top: 1%;display: block;}
.main-cont .main-txt.third .tea_book_cont,.book_ewm,.main-cont .main-txt.third p br,.main-cont .main-txt.fourth{display: block;}
.st_btn{display: flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;}
.tea_banner,.book_ewm_top,.title_btn{display: none;}

.main-cont .main-txt.third .book-list{margin: 4% 0;width: 100%;}
.main-cont .main-txt.third .tea_shop .teas_pic{flex-wrap: wrap;}
.main-cont .main-txt.third .tea_shop .teas_pic .tpic_list,.main-cont .main-txt.third .tea_books .shop_tea .tea_title{width: 100%;}
.main-cont .main-txt.third .tea_books .shop_tea{margin: 2% auto 0;}
.main-cont .main-txt.third .tea_books .tpic_list{margin-top: 0;}
.why_hoogege{display: none;}
.main-cont .main-txt.third{display: block;}
.main-cont .main-txt.fourth1 .inner-box{display: none;}

.ts_desc{display:none;}
.input_box input{width:300px;}
.ts_form .btn_search {width:100px;}
.index_des .desimg a{display:none;}
.index_des .desimg a:first-child{display:block;}
}
@media screen and (max-width: 800px){

/* header .top a {width: 22%;} */
.banner .banner-txt h2 {font-size: 36px;}
.banner .banner-txt p {font-size: 28px;}
.main-cont .main-txt .right{width: 100%!important;}
/* .main-cont .main-txt {padding: 6% 0;} */
footer .footer{flex-wrap: wrap;justify-content: center;}
footer .footer p{width: 100%;margin-top: 2%;margin-left: 0;text-align: center;}
.banner .banner-txt .forget-pwd{display: none;}
.lag{margin-left:6px;}
}
@media screen and (max-width: 700px){

.banner .banner-txt h2{font-size: 30px;}
.banner .banner-txt p{font-size: 20px;}
.banner .banner-txt a{font-size: 12px}
.main-cont .second h4,.main-cont .main-txt.fourth .video-hd h3{font-size: 22px;}
.main-cont .second a{width: 100%;}
.vewm{display: none;}
.main-cont .main-txt.fourth .video-hd a.icon-code{display: block;background: linear-gradient(to right, #ff791d, #fbc605);color: #fff;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;padding: 8px;}
.main-cont .main-txt.fourth .video-hd a.icon-code:before{font-size: 18px;}
.main-cont .main-txt.fourth .left-video{width: 80%;}
.main-cont .main-txt.fourth .video-hd h3{margin-top: 3%;}
.main-cont .main-txt.fourth .left-video,.main-cont .main-txt.fourth .nv-list{width: 100%;}
.main-cont .main-txt.third header img{width: 60%;margin-top: 3%;}

.main-cont .second p{font-size: 24px;margin: 2% 0;}

/*header .top>a{margin-left: 50%;transform: translate(-50%);}*/

.main-cont .main-txt.third .tea_books .shop_tea .tea_title{font-size: 32px;}
.main-cont .main-txt.third .tea_books .shop_tea .st_btn{padding: 2%;font-size: 24px;padding-left:43%; }
.main-cont .main-txt.third .tea_books .tpic_list span{font-size: 24px;}
.main-cont .main-txt.third .tea_books .shop_tea .st_btn span{padding-top: 1%;}
.main-cont .second .inner-box .hewm{margin: 4% 2%;}
.main-cont .second .inner-box .hewm>img{width: 150px;margin: 0 auto;}
.main-cont .second .inner-box .hewm>span{color: #333;font-size: 14px;display: block;text-align: center;}
.main-cont .main-txt.third .book-list{width: 100%;}


.top_search h2 {font-size:50px;}
.top_search .search .box{width:100%;}
.top_search .search .box .ts_form{width:100%;flex-direction:column;}
.ts_form .input_box{ flex-direction:column;width:100%;}
.ts_form .input_box input{width:90%;line-height:50px;border-radius:25px;margin-bottom:10px;border:none;padding-left:30px;}
.ts_form .input_box .ibox_or{width:34px;height:34px;margin-top: -6px;left: calc(100% - 17px);}
.ts_form .btn_search{width:90%;line-height:50px;border-radius:25px;height:50px;}
.index_des h1{font-size:40px;}
.index_des h2{font-size:32px;line-height:40px;}
.box dl.searchkey{top:24px;left:12px;}
.box ul.searchtype{top:50px;left:38px;}

#list .box .main li.title p{max-width:90%;}
#list .box .main li.company p{max-width:90%;}
#list .box .main li.description p{width:90%;}
#list .box .btn{right:0;}
.notlike{display:none;}
#list .box .btn a.current{width:60px;border-radius:16px;}
#list .box .btn a:first-child i{margin-right:3px;}

.lag, header .top .top-meb{margin:0;}
header .top nav{margin:10px 0 0 70px;}

#list .box .main li.social dl{ justify-content:space-around;}
#list .box .main li.social dl dd a{margin:0;}
#list .box .main li.social dl dd p{margin:0;}
#list .box .main li.social dl dd a span{display:none;}
#list .box .main li.social dl dd p span{display:none;}
#list .box .main li.social dl dd p img{width:32px;}
#list .box .main li.remark .remarkbox.notcollected{max-height:200px;overflow:hidden;}
#list .box .main li.remark .remarkbox .re_body ul table th{font-weight:normal;}

#list .box .main li.remark .remarkbox .re_body ul>li{word-break:break-word;}
#list .box .main li.remark .remarkbox .re_body ul .snov_data_email{width:calc(100% - 100px);}
#list .box .main li.remark .remarkbox .re_body ul dl p{width:100px;}
#list .box .main li.remark .remarkbox .re_body ul dl>span{min-width:calc(100% - 100px);}
#list .box .main li.remark .remarkbox .re_body ul dl dd p{justify-content: flex-start;}
#list .box .main li.remark .remarkbox .re_body ul dl dd>span{min-width:auto;width:calc(100% - 100px);}
	.top_search .ts_desc {margin-bottom: 20px;flex-flow: wrap;}
	.top_search .ts_desc span {width: 90%;}
}
/* @media screen and (max-width: 600px){

.banner .banner-txt h2 {font-size: 30px;}
.banner .banner-txt p {font-size: 21px;}
} */


@media screen and (max-width: 600px){

.banner .banner-txt h2 {font-size: 26px;}
.banner .banner-txt p {font-size: 18px;}
	.input_box.flex .input_search2::placeholder {font-size: 14px;}
	.input_box.flex .input_search::placeholder {font-size: 14px;}
}
@media screen and (max-width: 550px){

.banner .banner-txt h2{font-size: 32px;margin-bottom: 1%;}
.banner .banner-txt p{font-size: 20px;text-align: left;}
.banner .banner-txt .ban-login{width: 240px;margin-top: 4%;}
.main-cont .second h4, .main-cont .main-txt.fourth .video-hd h3{font-size: 16px;}
.main-cont .main-txt.third .book-list{width: 100%;}
.main-cont .main-txt.third .tea_books{width: 100%;}

.main-cont .main-txt.third .book-list:not(:nth-child(3n)){margin-right: 0;}
.main-cont .main-txt.third .book-items{justify-content: space-between;}
.banner .banner-txt{left: 65%;}
a.ewm{margin: 0 auto 3%;}
.main-cont .main-txt.third .tea_books .shop_tea .tea_title{font-size: 18px;}
.main-cont .main-txt.third .tea_books .shop_tea .st_btn{width: 100%;font-size: 24px;padding-left: 38%;}
.main-cont .main-txt.third .tea_books .tpic_list span{font-size: 13px;}
.main-cont .main-txt.third .book-list{margin: 6% 0;}
}
@media screen and (max-width: 480px){

.main-cont .meassage form label {width: 24%;}
.main-cont .meassage form input {width: 76%;}
.main-cont .meassage form button {margin-left: 24%;}
.main-cont .meassage .msg-left a img {width: 70%;}

.banner>a>img{width: 240%;margin-left: 0%;}
/* .banner .banner-txt{align-items: center;} */
.tea_banner>a>img{width: 160%;margin-left: -30%;}
.main-cont .second .inner-box .hewm>img{width: 100px;margin: 0 auto;}
}
@media screen and (max-width: 440px){

/* .banner .banner-txt h2 {font-size: 23px;margin-bottom: 3%;}
.banner .banner-txt p{white-space: unset;text-align: center;} */
.banner .banner-txt .ban-login{margin-top: 6%;}
.main-cont .main-txt.third header img{width: 100%;margin-top: 3%;}
.banner .banner-txt{left: 62%;}

.top_search h2{font-size:40px;width:100%;margin:0 auto;}
/*.top_search h2.mobile{display:block;}*/
.top_search h3{display:none;}
.top_search .search{margin-top:10px;}
.ts_form .input_box input{padding-left:12px;}
.input_box input::placeholder{font-size: 12px;color: #aaa}
.index_des h1{font-size:20px;line-height:28px;}
.index_des h2{font-size:16px;line-height:24px;}
.index_des .desimg{margin-top:15px;}

form.flex h3{font-size:14px;}
ul.contact{margin-top:0;}
#list .box .main li.social dl{ justify-content:space-around;}
#list .box .main li.social dl dd a{margin:0;}
#list .box .main li.social dl dd p{margin:0;}
#list .box .main li.social dl dd a span{display:none;}
#list .box .main li.social dl dd p span{display:none;}
#list .box .main li.remark .remarkbox.notcollected{max-height:200px;overflow:hidden;}
#list .box .main li.remark .remarkbox .re_body ul table th{font-weight:normal;}
.lag, header .top .top-meb{margin:0;}
header .top nav{margin:10px 0 0 30px;}

#list .box{width:94%;}
#list .box .main li.remark .remarkbox{padding:15px;}
#list .box .main li.remark .remarkbox .re_body ul dl dd{flex-direction:column;}
#list .box .main li.remark .remarkbox .re_body ul dl p{width:100%;}
#list .box .main li.remark .remarkbox .re_body ul dl span{width:100%;text-align:left;}
#list .box .main li.remark .remarkbox .re_body ul dl dd span{width:100%;}
#list .box .main li.remark .remarkbox .re_body ul .snov_data_email{width:100%;flex-direction: column;border-bottom:1px dashed #eee;}
#list .box .main li.remark .remarkbox .re_body ul .snov_data_email span{width:100%;}
#triangle-down{border-left: 8px solid transparent; border-right: 8px solid transparent;border-top: 15px solid #e5521e;    margin-top: 5px; margin-left: 10px;}

}
@media screen and (max-width: 400px){

.main-cont .main-txt .left h1 {font-size: 22px;}
.main-cont .meassage form label {width: 30%;}
.main-cont .meassage form input {width: 70%;}
.main-cont .meassage form button {margin-left: 30%;}
.main-cont .main-txt.third .book-list{width: 100%;margin-top: 0;}

}
@media screen and (max-width: 380px){

/* .banner .banner-txt h2 {font-size: 21px;}
.banner .banner-txt p {font-size: 16px;} */
.main-cont .main-txt .left h1 {font-size: 20px;}
.banner .banner-txt{left: 60%;}
}



@media screen and (max-width: 960px){

.st_btn {
  flex-direction: column;
  /* align-items: flex-start; */
  background: #c8161d;
  width: 100%;
  border-radius: 8px;
  padding: 3.5% 0 3.5% 4%;
  color: #fff;
  background-color: #ffeded;
  border: 1px solid #FF0036;
  color: #FF0036;margin-top: 20px;}
.st_btn b {
  font-size: 32px;
  /* padding-left: calc((100% - 100px) / 2); */
}
}
@media screen and (max-width: 550px){
.shop_tea .st_btn {
  width: 100%;
  font-size: 24px;
  padding-left: 38%;
}
}
@media screen and (max-width: 550px)
{ 
.shop_tea .tea_title {
  font-size: 18px!important;
  font-weight: 500;
  text-align: center;
  margin-bottom: 3%;
  
}
}
@media screen and (max-width: 500px)
{ 
.head_right1_mess {
  display:none;
}
}
@media screen and (max-width: 500px)
{ 
.visible{
	display:none;
	}
}