/* 初始化CSS */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img{margin:0; padding:0; }
FONT{font-size: 9pt}
TD{font-size: 9pt;}
body{font-size: 9pt; overflow-x:hidden; margin: 0; background: url('../images/bg.jpg'); background-position: center 0;}
fieldset, img { border:none;}
div{margin:0 auto}
address, caption, cite, code, dfn, th, var{ font-style:normal; font-weight:normal; }
ul, ol {list-style:none; }
input{border: #7f9db9 1px solid; font-size: 9pt; color: #000000; font-family: Verdana, Arial, 微软雅黑; background-color: #fafafa; padding:2px 5px; border-radius:5px;}
input::-moz-focus-inner { border:none; padding:0; }
select{border: #7f9db9 1px solid; font-size: 9pt; color: #000000; font-family: Verdana, Arial, 微软雅黑; background-color: #fafafa; padding:1px 5px; border-radius:5px;}
a:link, a:visited {color: #000000; text-decoration: none;}
a {text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0.35);}

.W50{width: 50px;}
.W70{width: 70px;}
.W80{width: 80px;}
.W100{width: 100px;}
.W120{width: 120px;}
.W220{width: 220px;}
.W90P{width: 90%;}
.H10{height: 10px;}
.H40{height: 40px !important;}
.H50{height: 50px !important;}
.H500{height: 500px;}
.H650{height: 650px;}
.PA{position: absolute;}
.FL{float:left;}
.FR{float: right;}
.TL{text-align: left;}
.TC{text-align: center !important;}
.TR{text-align: right;}
.DN{display: none;}
.DIB{display: inline-block;}
.R10{right: 10px;}
.MT10{margin-top:10px !important;}
.MT20{margin-top:20px}
.ML10{margin-left:10px !important;}
.ML20{margin-left:20px}
.ML30{margin-left:30px}
.PT5{padding-top:5px}
.PT10{padding-top:10px}
.PT20{padding-top:20px}
.PD10{padding: 10px;}
.PLR10{padding-left:10px;padding-right:10px;}
.PR60{padding-right:60px}
.BR50{border-radius: 50%;}
.LH120P{line-height: 120%;}
.FS14{font-size: 14px;}
.CFFFFFF{color: #FFFFFF;}
.CFF0000{color: #FF0000;}
.C575757{color: #575757;}
.C999999{color: #999999;}
.BCDEDEDE{background: #DEDEDE !important;}
.BCCCCCCC{background: #CCCCCC !important;}

.CB{clear: both;}
.CH{cursor: pointer;}
.OFC{object-fit: cover;}

.outside {width: 1400px; margin: 0 auto; background-color: rgba(255,255,255,0.4);}
.outside_mobile {width: 100%; margin: 0; background-color: rgba(255,255,255,0.3);}
.outside_content {text-align: center; }
.header {height: 60px;}
.head_logo {width: 200px; height: 60px; display: inline-block; float: left;}
.head_adl {width: 332px; height: 60px; font-size: 16px; font-family: 微软雅黑,Verdana,Arial; display: flex; float: left; align-items: center;}
.head_adr {width: 486px; height: 60px; display: inline-block; float: left;}
.head_right {width: 400px; height: 60px; display: inline-block; float: right; text-align: center; background: url('../images/bg.gif') repeat}
.head_right_mobile {width: 100%; height: 60px; display: inline-block; text-align: center; background: url('../images/bg.gif') repeat}
.head_text {line-height: 30px;}
.head_search {width: 390px; display: inline-block; float: left;}
.head_search_mobile {display: inline-block;}

.button_index {height: 25px; line-height: 25px; color: #FFFFFF !important; display: inline-block; background-image:-webkit-repeating-linear-gradient(#D9B9D1, #C04728, #C04728, #C04728); font-size: 15px; font-family: 微软雅黑,Verdana,Arial; text-align:center; border-radius:8px;}
.input_index {width: 166px; height: 20px; border-left: #C04728 1px solid; border-top: #C04728 1px solid; border-bottom: #C04728 1px solid; border-right: none; font-size: 12px; color: #000000; font-family: 微软雅黑, Verdana, Arial; padding: 2px 5px; border-radius:5px 0 0 5px;}
.input_index:focus {outline: none;}
.submit_index {width: 26px; height: 26px; border-left: none; border-top: #C04728 1px solid; border-bottom: #C04728 1px solid; border-right: #C04728 1px solid; border-radius: 0 5px 5px 0; background: url('../images/search.png') no-repeat}
.submit_index:focus {outline: none;}
.button_index_mobile {height: 20px; line-height: 20px; color: #FFFFFF !important; display: inline-block; padding: 2px 5px 0; margin-left: 5px; background-image:-webkit-repeating-linear-gradient(#D9B9D1, #C04728, #C04728, #C04728); font-size: 13px; font-family: 微软雅黑,Verdana,Arial; text-align:center; border-radius:5px;}
.input_index_mobile {width: 85px; height: 18px; border-left: #C04728 1px solid; border-top: #C04728 1px solid; border-bottom: #C04728 1px solid; border-right: none; font-size: 12px; background-color: rgba(255,255,255,0.6); color: #000000; font-family: 微软雅黑, Verdana, Arial; padding: 1px 5px; border-radius:5px 0 0 5px;}
.input_index_mobile:focus {outline: none;}
.submit_index_mobile {width: 26px; height: 22px; border-left: none; border-top: #C04728 1px solid; border-bottom: #C04728 1px solid; border-right: #C04728 1px solid;border-radius: 0 5px 5px 0; background: url('../images/search_mobile.png') no-repeat}
.submit_index_mobile:focus {outline: none;}

.index_body {width: 1400px; height: 1100px; background: url('../images/tree_pc.jpg') no-repeat; display:flex; flex-wrap:wrap; overflow: hidden;}
.tiao_index {background: url('../images/body0.png') no-repeat; background-size: 100% 100%; float: left; margin-right: 8px;}
.tiao_body_index {font-size: 12px; transform: scale(0.9);}
.tiao_foot_index {background: url('../images/foot0.png') no-repeat; background-size: 100% 100%;}
.index_body_mobile {width: 100%; height: 800px;  background: url('../images/tree.jpg') center center no-repeat; background-size: 100% 100%; display:flex; flex-wrap:wrap; overflow: hidden;}
.index_body_mobile_tiao {width: 100%; height: 520px; display:flex; flex-wrap:wrap; overflow: hidden;}
.vindex{width:20px; display:inline-block;/*filter:glow(color=white,strength=1);*/cursor:hand;}
.vindex4{width:20px; display:inline-block; line-height:13px; /*filter:glow(color=white,strength=1);*/cursor:hand;}
.lei_text{font-family:'楷体_GB2312';font-size:25px;font-weight:bold;color:#FFFFFF;}

.news_nav {font-size: 13px; margin: 5px auto 2px; padding: 10px; line-height: 150%; background-color: #FFFFFF; border-radius: 5px;}
.news_list {font-size: 13px; padding: 5px 0; padding: 10px; line-height: 150%; background-color: #FFFFFF;}
.news_title {font-size: 18px; margin: 0 auto 2px; padding: 10px; background-color: #FFFFFF; border-radius: 5px;}
.news_content {font-size: 15px; margin-bottom: 10px; padding: 10px; line-height: 150%; background-color: #FFFFFF; border-radius: 5px;}
.news_page {height: 33px; font-size: 15px; background-color: #FFFFFF;}

.xuyuan_left{width: 850px; float: left;}
.xuyuan_right{width: 500px; float: right;}
.xuyuan_title{height: 30px;}

.xuyuan_mobile{width: 100%;}
.xuyuan_title_mobile{height: 30px;}

.wishok6 {max-width: 100%; height: 200px;}

.pay_left{width: 750px; height: 200px; float: left; text-align: center; padding-top: 150px;}
.pay_button{padding: 20px 0 5px;}
.pay_button img{border:#999 1px solid; border-radius: 5px; margin: 0 5px;}
.pay_right{width: 640px; float: right; padding-top: 60px;}

.pay_mobile_text{width: 100%; height: 200px; text-align: center; padding-top: 10px;}
.pay_mobile_view{width: 100%; padding-top: 60px;}

.select_text{vertical-align: super;}
.select_color{display: inline-block;}
.message_text{height: 160px; vertical-align: middle; display: inline-block;}

.select_color>a>div{float: left; margin-left: 2px;}

.wxpaybg {width: 500px; height: 680px; position: fixed; left:calc(50% - 250px); top:20px; background: url("../images/wxpay.jpg")}
.wxpaybg .close {float: right;}
.wxpaybg .qrcode {margin-left:150px; margin-top: 218px;}
.wxpaybg .text {margin-left:140px; margin-top: 18px; width: 220px; text-align: center;}


.bottom,.copyright { height: 35px; line-height: 35px; background-color: #CCCCCC; text-align: center; vertical-align: middle;}
.copyright {font-size: 12px; line-height: 20px;}
.copyright_mobile {height: 20px; line-height: 15px; font-size: 12px; background-color: #CCCCCC; text-align: center; vertical-align: middle;}
.footer{
    width:100% ;
    background: #333;
    box-sizing: border-box;
}

.footerinner{
    height: 100%;
    margin:0 auto;
    position: relative;
}
.code_wrap{
    position: absolute;
    left:50%;
    top:-235px;
    margin-left: -400px;
    width:800px;
    z-index:-50;
}
.code{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.code li{
    float: left;
    width: 225px;
    height: 225px;
}
.code li img{
    display: none;
    width: 225px;
    height: 225px;
}
.code li img.wechat_img {
    position: absolute;
    left: 300px;
}
.code li img.douyin_img{
    position:absolute;
    left: 350px;
}
.code li img.kuaishou_img{
    position:absolute;
    left: 400px;
}

.index_table{width:100%;font-size:12px;border-collapse:collapse;border-spacing:0}
.index_table th{height:40px;line-height:40px;font-size:14px;}
.index_table tr{height:20px;line-height:20px;}
.index_table td{padding:2px 4px;position:relative;}
.index_table tr:first-child{background:#EEEEEE !important;}
.index_table tr:nth-child(even){background:#FEFEFE;}
.index_table tr:nth-child(odd){background:#F8F8F8;}
.index_table td .inner_btn{color:#FF99FF;}
.index_table td .grey_btn{color:#999999;}
.index_table td .red_btn{color:red;}
.index_table td .orange_btn{color:#FFA500;}
.index_table td .cut_title{width:265px;}
.index_table td .link_icon{font-size:24px;font-family:'adminthemesregular';color:#19a97b;}
.index_table2 td:first-child {border-left: 1px #DEDEDE dashed;}
.index_table2 td {border-right: 1px #DEDEDE dashed;}

/*分页*/
.pagelist a{padding:5px 4px; margin:2px 1px; border:#eee 1px solid; color:#999; background:#FFF; text-decoration:none}
.pagelist a:hover {border:#999 1px solid; color:#666;}
.pagelist a:active {border:#999 1px solid; color:#666;}
.pagelist .current {padding:5px 4px; border:#A5A5A5 1px solid; background:#E3E3E3; font-weight:bold; color:#000000; margin:2px 1px;}
.pagelist .disabled {border:#dedede 1px solid; padding:5px 4px; margin:2px 1px; color:#999; background:#FFF;}
.pagelist .table .tr .form .td a{height:22px; margin:0; border:0 !important;} 
.pagelist .pageinfo{border:#dedede 1px solid; padding:5px 4px; margin:2px 1px; color:#999; }

/*分页*/
 
.pagebreak  {FONT-SIZE: 12px;COLOR: #dddddd;margin-top: 10px; margin-bottom: 20px; float: left; line-height:22px;width: 603px; text-align: center;}
.pagebreak ul {list-style-type: none;margin: 0px; padding: 0px;}
.pagebreak .current {padding:3px 5px; border: 1px solid #CCC;color: #036;background-color: #CCC;}
.pagebreak li   {BORDER-RIGHT: #dddddd 1px solid;  padding:3px 5px; BORDER-TOP: #dddddd 1px solid;   BACKGROUND: #fff; FLOAT: left;  MARGIN: 3px; BORDER-LEFT: #dddddd 1px solid; COLOR: #aaaaaa;   BORDER-BOTTOM: #dddddd 1px solid; LIST-STYLE-TYPE: none}
.pagebreak a {COLOR: #aaaaaa; margin-top: 0px; margin-right: 2px;margin-bottom: 0px;margin-left: 2px;}
.pagebreak .thisclass{BORDER-RIGHT: #e0e0e0 1px solid; BORDER-TOP: #e0e0e0 1px solid; FONT-WEIGHT: bold; BACKGROUND: #f0f0f0; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #ff0084; BORDER-BOTTOM: #e0e0e0 1px solid}
.pagebreak .thisclass a   {COLOR: #ff0084}

#dhtmltooltip{font-size: 12px; position: absolute; width: 250px; border: 1px solid black; padding: 1px; visibility: hidden; z-index: 10000100; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}
#glowtext{/*filter:glow(color=white,strength=3);*/ width:100%;}
@-webkit-keyframes rotate{
    to{
        -webkit-transform: rotate(10deg);
    }
}
@-ms-keyframes rotate{
    to{
        -ms-transform: rotate(10deg);
    }
}
@-moz-keyframes rotate{
    to{
        -moz-transform: rotate(10deg);
    }
}
@-o-keyframes rotate{
    to{
        -o-transform: rotate(10deg);
    }
}
@keyframes rotate{
    to{
        transform: rotate(10deg);
    }
}
.clock{
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    -moz-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    display: block;
    width: 30px;
    height:192px;
    margin: 0 auto;
    background-size: 100% 100%;
    -webkit-animation: rotate 3.5s ease-in-out alternate infinite;
    -ms-animation: rotate 3.5s ease-in-out alternate infinite;
    -moz-animation: rotate 3.5s ease-in-out alternate infinite;
    -o-animation: rotate 3.5s ease-in-out alternate infinite;
    animation: rotate 3.5s ease-in-out alternate infinite;
    position: relative;
}
.clock1{
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    -moz-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    display: block;
    width: 30px;
    height:192px;
    margin: 0 auto;
    background-size: 100% 100%;
    -webkit-animation: rotate 2.9s ease-in-out alternate infinite;
    -ms-animation: rotate 2.9s ease-in-out alternate infinite;
    -moz-animation: rotate 2.9s ease-in-out alternate infinite;
    -o-animation: rotate 2.9s ease-in-out alternate infinite;
    animation: rotate 2.9s ease-in-out alternate infinite;
    position: relative;
}
.clock2{
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    -moz-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    display: block;
    width: 30px;
    height:192px;
    margin: 0 auto;
    background-size: 100% 100%;
    -webkit-animation: rotate 3.2s ease-in-out alternate infinite;
    -ms-animation: rotate 3.2s ease-in-out alternate infinite;
    -moz-animation: rotate 3.2s ease-in-out alternate infinite;
    -o-animation: rotate 3.2s ease-in-out alternate infinite;
    animation: rotate 3.2s ease-in-out alternate infinite;
    position: relative;
}
.clock3{
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    -moz-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    display: block;
    width: 30px;
    height:192px;
    margin: 0 auto;
    background-size: 100% 100%;
    -webkit-animation: rotate 3.5s ease-in-out alternate infinite;
    -ms-animation: rotate 3.5s ease-in-out alternate infinite;
    -moz-animation: rotate 3.5s ease-in-out alternate infinite;
    -o-animation: rotate 3.5s ease-in-out alternate infinite;
    animation: rotate 3.5s ease-in-out alternate infinite;
    position: relative;
}
.clock4{
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    -moz-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    display: block;
    width: 30px;
    height:192px;
    margin: 0 auto;
    background-size: 100% 100%;
    -webkit-animation: rotate 3.8s ease-in-out alternate infinite;
    -ms-animation: rotate 3.8s ease-in-out alternate infinite;
    -moz-animation: rotate 3.8s ease-in-out alternate infinite;
    -o-animation: rotate 3.8s ease-in-out alternate infinite;
    animation: rotate 3.8s ease-in-out alternate infinite;
    position: relative;
}
.clock5{
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    -moz-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
    display: block;
    width: 30px;
    height:192px;
    margin: 0 auto;
    background-size: 100% 100%;
    -webkit-animation: rotate 4.1s ease-in-out alternate infinite;
    -ms-animation: rotate 4.1s ease-in-out alternate infinite;
    -moz-animation: rotate 4.1s ease-in-out alternate infinite;
    -o-animation: rotate 4.1s ease-in-out alternate infinite;
    animation: rotate 4.1s ease-in-out alternate infinite;
    position: relative;
}

/*loading*/
.loading_area, .message_success_area, .message_error_area{display:none; background:rgba(0,0,0,.55);position:fixed;left:0;top:0;width:100%;height:100%;text-align:center;z-index:999;}
.loading_cont, .message_success_cont, .message_error_cont{overflow:hidden; border-radius:20px; margin-top:20%; width:250px; height: 100px; margin: 300px auto; padding: 50px; line-height: 50px; background-color:rgba(255,255,255,.85)}
@-webkit-keyframes loading_icon{0%{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}
    50%{transform:scaleY(.4);-moz-transform:scaleY(.4);-webkit-transform:scaleY(.4)}
    100%{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}
}
@-moz-keyframes loading_icon{0%{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}
    50%{transform:scaleY(.4);-moz-transform:scaleY(.4);-webkit-transform:scaleY(.4)}
    100%{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}
}
.message_success_icon span:before{content:"\2611"; font-family:'adminthemesregular'; color: #19a97b; font-size:1rem; }
.message_error_icon span:before{content:"\2612"; font-family:'adminthemesregular'; color: #FF0000; font-size:1rem; }
.loading_icon i{display:inline-block;width:4px;height:20px;border-radius:2px;background:#19a97b;margin:0 2px}
.loading_icon i:nth-child(1){-webkit-animation:loading_icon 1s ease-in .1s infinite;-moz-animation:loading_icon 1s ease-in .1s infinite;animation:loading_icon 1s ease-in .1s infinite}
.loading_icon i:nth-child(2){-webkit-animation:loading_icon 1s ease-in .2s infinite;-moz-animation:loading_icon 1s ease-in .2s infinite;animation:loading_icon 1s ease-in .2s infinite}
.loading_icon i:nth-child(3){-webkit-animation:loading_icon 1s ease-in .3s infinite;-moz-animation:loading_icon 1s ease-in .3s infinite;animation:loading_icon 1s ease-in .3s infinite}
.loading_icon i:nth-child(4){-webkit-animation:loading_icon 1s ease-in .4s infinite;-moz-animation:loading_icon 1s ease-in .4s infinite;animation:loading_icon 1s ease-in .4s infinite}
.loading_icon i:nth-child(5){-webkit-animation:loading_icon 1s ease-in .5s infinite;-moz-animation:loading_icon 1s ease-in .5s infinite;animation:loading_icon 1s ease-in .5s infinite}
.loading_txt mark, .message_error_txt mark{background:none;font-size:16px;color:red;}
.loading_txt mark, .message_success_txt mark{color:#19a97b;}
.message_error_txt mark{color:#FF0000;}