@charset "utf-8";
/* CSS Document */
html,body{margin:auto;padding:0px;font-size:14px; font-family: 微软雅黑; max-width: 640px; color: #666; height: 100%;}
a { text-decoration:none; outline-style:none; color: #666;}
a:hover{ text-decoration: none;}
ul,p{ padding:0px; margin:0px; list-style:none;}
img { border:none; max-width:100%;}
.fl { float:left; }
.fr { float:right; }
dt,dl,dd{ margin:0; padding:0;}
textarea{resize:none; padding:0; font-family:微软雅黑;outline:none;}
input,select{ padding:0;outline:none;}
i{ margin: 0px; padding: 0px; font-style: normal;}
.w94{ width: 94%; margin: auto;}
.wf100{ width: 100%; float: left;}

article{ width:100%; float: left; margin-top: 54px;}
.fp-tableCell{ display: table-cell; vertical-align: middle; width: 100%; height: 100%;}

.swiper-wrapper { }
.swiper-container { width: 100%; height: 100%;}
.swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-container-vertical>.swiper-pagination-bullets{ right: 2.5%;}
.swiper-pagination-bullet{ opacity: 1; background: rgba(255,255,255,0.8);}
.swiper-pagination-bullet-active{ background: #bb8351;}

.center-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.around-center { display: flex; display: -webkit-flex; justify-content: space-around; align-items: center; -webkit-justify-content: space-around; -webkit-align-items: center; }
.between-center { display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; -webkit-justify-content: space-between; -webkit-align-items: center; }
.between-bottom { display: flex; display: -webkit-flex; justify-content: space-between; align-items: flex-end; -webkit-justify-content: space-between; -webkit-align-items: flex-end; }
.column-center-a { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-around; -webkit-justify-content: space-around; align-items: center; -webkit-align-items: center; }
.column-center-b { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; }
.column-between { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; -webkit-justify-content: space-between; }
.column-around { display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-around; -webkit-justify-content: space-around; }
.between { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }


.mg10{ margin: 10px auto;}
.mg20{ margin: 20px auto;}
.mg30{ margin: 30px auto;}
.mg40{ margin: 40px auto;}
.mg50{ margin: 50px auto;}
.mg60{ margin: 60px auto;}
.mg70{ margin: 70px auto;}
.mg80{ margin: 80px auto;}
.mg90{ margin: 90px auto;}
.mg100{ margin: 100px auto;}

.mt10{ margin-top: 10px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.mt40{ margin-top: 40px;}
.mt50{ margin-top: 50px;}
.mt60{ margin-top: 60px;}
.mt70{ margin-top: 70px;}
.mt80{ margin-top: 80px;}
.mt90{ margin-top: 90px;}
.mt100{ margin-top: 100px;}

.mb10{ margin-bottom: 10px;}
.mb20{ margin-bottom: 20px;}
.mb30{ margin-bottom: 30px;}
.mb40{ margin-bottom: 40px;}
.mb50{ margin-bottom: 50px;}
.mb60{ margin-bottom: 60px;}
.mb70{ margin-bottom: 70px;}
.mb80{ margin-bottom: 80px;}
.mb90{ margin-bottom: 90px;}
.mb100{ margin-bottom: 100px;}

.pd2{padding: 0 2%;}
.pd3{padding: 0 3%;}
.pd4{padding: 0 4%;}
.pd5{padding: 0 5%;}
.pd6{padding: 0 6%;}
.pd7{padding: 0 7%;}
.pd8{padding: 0 8%;}
.pd9{padding: 0 9%;}
.pd10{padding: 0 10%;}

.w20{ width: 20%;}
.w30{ width: 30%;}
.w40{ width: 40%;}
.w50{ width: 50%;}
.w60{ width: 60%;}
.w70{ width: 70%;}
.w80{ width: 80%;}
.w90{ width: 90%;}

.all_rtp{ position: absolute; right: 4%; top: 2%; z-index: 9; width: 20px;}
.all_ltp{ position: absolute; left: 1px; top: 0; z-index: 9;}

.wh100t{ width: 100%; height: 100%; display: table; position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; padding-bottom: 50px;}

.dzs_box1{ background-image: url(../images/bg_1.png); text-align: center;}
.dzs_box1 img{ margin: 18px 0; }
.dzs_box7{ background-image: url(../images/dzs7_1.png); background-size: 100% auto; background-position: top;}
.dzs_box19{ background: #0f0f0f;}

.hysc_box1{ background: #0f0f0f;}

.qyys_box{ width: 100%; height: 100%; display: table; background: #0f0f0f; text-align: center;}
.qyys_box{ position: relative; left: 0; top: 0; z-index: 1; overflow:hidden; display: block;}
.qyys_box .videos{ width: 100%; position: relative; z-index: 1;}
.qyys_box .fp-tableCell{ float: left;}
.qyys_box img{ width: 100%; height: 100%;}

.qyys_box .bg{ position: absolute; left:0; top: 0;}
.qyys_box .swiper-slide{ background: none;}

.qyys_menu{ position: absolute;right: 90px;bottom: 0;z-index: 99;margin-left: -45px;width: 100%;height: 80px;text-align: center;-webkit-transform: rotate(90deg);transform: rotate(90deg);-webkit-transform-origin: 100% 100%;transform-origin: 100% 100%;-ms-transform: rotate(90deg);-ms-transform-origin: 100% 100%;}
.qyys_menu .center-block{ height: 100%; display: flex; justify-content:space-around; padding: 0 2%;}
.qyys_menu a{ color: #fff; float: left; margin: 3px 0; display: inline-block; min-width: 75px; height: 25px; line-height: 25px; border: 1px solid rgba(255,255,255,0.8); background: rgba(0,0,0,0.5); border-radius: 50px; padding: 0 10px; font-size: 13px;}
.qyys_menu a.active{ color: #f2b902;}


.ydy_box{ position: relative; height: 100vh;}
.ydy_box .bg{ width: 100%; height: 100%;}
.ydy_box .box_info{ position: absolute; left: 0; top: 60%; text-align: center; color: #b7844f; font-size: 16px; padding: 0 15%;}
.ydy_box .box_info .line{ width: 100%; height: 2px; background: #dbdbdb; position: relative; margin: 10px 0;}
.ydy_box .box_info .line span{ width: 0; height: 100%; position: absolute; left: 0; top: 0; background: #cdb8a3; transition: all .3s;}

.head_box{ position: fixed; left: 0; top: 0; z-index: 99; padding: 2px 3%; background: #f8f8f8; border-bottom: 1px solid #eaeaea;}
.head_box .pull-left{ color: #000;}
.head_box .pull-left img{ width: 45px; height: 45px; border-radius: 100%; margin-right: 10px;}
.head_box .pull-left p{ color: #353535; font-size: 12px;}
.head_box .pull-left p span{ font-size: 15px; display: block;}
.head_box .pull-right a{ float: left; border-right: 1px solid #dbdbdb; padding: 3px 10px; position: relative;}
.head_box .pull-right a:last-child{ padding-right: 0; border:none;}
.head_box .pull-right a img{ height: 25px;}
.head_box .pull-right a i{ width: 20px; line-height: 20px; text-align: center; background: red; color: #fff; font-size: 12px; border-radius: 100%; position: absolute; right: -7px; top: -5px; transform: scale(0.8);}

.ewm_box{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 98; background: rgba(0,0,0,0.5); display: none;}
.ewm_box .center-center{ width: 100%; height: 100%; text-align: center; padding: 0 15%;}
.ewm_box .box_info{ background: #fff; padding: 10px;}
.ewm_box .box_info .center-block{ border:1px solid #000; width: 100%; float: left; border-radius: 5px; padding: 15px;}
.ewm_box .box_info .box1{ display: flex; justify-content:center;}
.ewm_box .box_info .box1 img{ width: 50px; height: 50px; border-radius: 100%;}
.ewm_box .box_info .box1 p{ min-width: 65%; text-align: left; padding-left: 10px;}
.ewm_box .box_info .box1 p span{ color: #000; font-size: 16px; display: block; line-height: 50px;}
.ewm_box .box_info .box2{ padding: 15px 10%;}
.ewm_box .box_info .box3{ font-size: 12px; line-height: 1;}

.home_box{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background:#0f0f0f; padding: 50px 0;}
.home_box iframe{ width: 100%; height: 100%; float: left; position: relative; transition: all .6s;}
.home_box iframe.active{ opacity: 0.1; pointer-events:none;}


.foot_menu{	width: 100%; position: fixed; left: 0; bottom: 0; z-index: 99; background: #f5f5f5; box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.foot_menu ul li{ width: 100%; float: left; text-align: center; font-size: 12px; color: #fff;}
.foot_menu ul li a{ color: #595959; cursor: pointer}
.foot_menu ul li span{ width: 100%; float: left; padding: 9px 0; background: #f5f5f5; position: relative; z-index: 2;}
.foot_menu ul li span a p{ line-height: 1; margin-top: 5px;}
.foot_menu ul li span a i{ width: 100%; height: 25px; display: block; background-position: top; background-repeat: no-repeat; background-size: auto 24px;}
.foot_menu ul li span a i.clr1{ background-image: url(../images/fo_1.png);}
.foot_menu ul li span a i.clr2{ background-image: url(../images/fo_2.png);}
.foot_menu ul li span a i.clr3{ background-image: url(../images/fo_3.png);}
.foot_menu ul li span a i.clr4{ background-image: url(../images/fo_4.png);}
.foot_menu ul li span a i.clr5{ background-image: url(../images/fo_5.png);}
.foot_menu ul li span a i.clr6{ background-image: url(../images/fo_6.png);}
.foot_menu ul li span a i.clr7{ background-image: url(../images/fo_7.png);}
.foot_menu ul li span a i.clr8{ background-image: url(../images/fo_8.png);}
.foot_menu ul li span a i.clr9{ background-image: url(../images/fo_9.png);}
.foot_menu ul li span a i.clr10{ background-image: url(../images/fo_10.png);}
.foot_menu ul li span a i.clr11{ background-image: url(../images/fo_11.png);}
.foot_menu ul li span a i.clr12{ background-image: url(../images/fo_12.png);}
.foot_menu ul li span a i.clr13{ background-image: url(../images/fo_13.png);}
.foot_menu ul li.active span a i.clr1{ background-image: url("../images/fo_1_1.png");}
.foot_menu ul li.active span a i.clr2{ background-image: url("../images/fo_2_1.png");}
.foot_menu ul li.active span a i.clr3{ background-image: url("../images/fo_3_1.png");}
.foot_menu ul li.active span a i.clr4{ background-image: url("../images/fo_4_1.png");}
.foot_menu ul li.active span a i.clr5{ background-image: url("../images/fo_5_1.png");}
.foot_menu ul li.active span a i.clr6{ background-image: url("../images/fo_6_1.png");}
.foot_menu ul li.active span a i.clr7{ background-image: url("../images/fo_7_1.png");}
.foot_menu ul li.active span a i.clr8{ background-image: url("../images/fo_8_1.png");}
.foot_menu ul li.active span a i.clr9{ background-image: url("../images/fo_9_1.png");}
.foot_menu ul li.active span a i.clr10{ background-image: url("../images/fo_10_1.png");}
.foot_menu ul li.active span a i.clr11{ background-image: url("../images/fo_11_1.png");}
.foot_menu ul li.active span a i.clr12{ background-image: url("../images/fo_12_1.png");}
.foot_menu ul li.active span a i.clr13{ background-image: url("../images/fo_13_1.png");}

.foot_menu ul li.active span a{ color: #bb8351;}
.foot_menu ul li .erji{ width: 100%; position: absolute; left: 0; bottom: 20px; background: #f5f5f5; border-top-left-radius: 10px; border-top-right-radius: 10px; transition: all .6s;}
.foot_menu ul li .erji::after{ content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: -1px; box-shadow: 0 0 10px rgba(0,0,0,0.6);}
.foot_menu ul li .erji a{ display: inline-block; margin: 0 5px; line-height: 40px; font-size: 13px;}
.foot_menu ul li .erji a.active{ color: #bb8351;}
.foot_menu ul li .erji.active{ bottom: 60px;}

.ftmore_box{ width: 100%; position: fixed; left: 0; bottom: -55px; text-align: center; background: #f5f5f5; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 15px 0 9px; font-size: 12px; transition: all .6s;}
.ftmore_box .box1 ul{ border-bottom: 1px solid #dadada; padding:0 10px 8px; margin-bottom: 12px;}
.ftmore_box .box1 ul li{ display: inline-block; margin: 0 10px;}
.ftmore_box .box1 ul li p{ line-height: 1; margin-top: 5px;}
.ftmore_box .box1 ul li i{ width: 100%; height: 25px; display: block; background-position: center; background-size: auto 100%; background-repeat: no-repeat;}
.ftmore_box .box1 ul li i.clr6{ background-image: url("../images/fo_6.png");}
.ftmore_box .box1 ul li i.clr7{ background-image: url("../images/fo_7.png");}
.ftmore_box .box1 ul li i.clr8{ background-image: url("../images/fo_8.png");}
.ftmore_box .box1 ul li.active i.clr6{ background-image: url("../images/fo_6_1.png");}
.ftmore_box .box1 ul li.active i.clr7{ background-image: url("../images/fo_7_1.png");}
.ftmore_box .box1 ul li.active i.clr8{ background-image: url("../images/fo_8_1.png");}
.ftmore_box .box1 ul li.active p{ color: #bb8351;}
.ftmore_box .box2 ul li{ display: inline-block; margin: 0 10px;}
.ftmore_box .box2 ul li i{ width: 20px; height: 20px; display: inline-block; background-position: center; background-size: auto 100%; background-repeat: no-repeat;}
.ftmore_box .box2 ul li i.clr1{ background-image: url("../images/fo3_1.png");}
.ftmore_box .box2 ul li i.clr2{ background-image: url("../images/fo3_2.png");}
.ftmore_box .box2 ul li i.clr3{ background-image: url("../images/fo3_3.png");}
.ftmore_box .box2 ul li.active i.clr1{ background-image: url("../images/fo3_1_1.png");}
.ftmore_box .box2 ul li.active i.clr2{ background-image: url("../images/fo3_2_1.png");}
.ftmore_box .box2 ul li.active i.clr3{ background-image: url("../images/fo3_3_1.png");}
.ftmore_box.active{ bottom: 60px;}

.huxing_box{ width: 100%; position: absolute; left: 0; top: 21%; padding: 0 13%;}
.huxing_box a{ display: inline-block; width: 30%; height: 6vh; line-height: 6vh; margin-top: 3vh; font-size: 0;}

.huxing_all{ width: 100%; height: 100vh; position: relative;}
.huxing_all a{ width: 100%; height: 40vh; position: absolute; left: 0; top: 20%; font-size: 0; opacity: 0;}

#fullPage{ width: 100%; height: 100vh; position: fixed; z-index: 100; background: #fff;}
#fullPage canvas{ width: 100%; height: 100%;}

.lxwm_box{ min-height: 100vh; background: url("../images/lx_bg.jpg") bottom no-repeat; background-size: 100%; padding: 5px 0 20px;}
.lxwm_box .box_info{ padding: 5px 3% 0;}
.lxwm_box .box_info .text{ width: 100%; float: left; margin-top: 10px; height: 35px; padding: 0 10px; border: 1px solid #d0d0d0;}
.lxwm_box .box_info textarea{ width: 100%; height: 80px; float: left; margin-top: 10px; padding: 10px; border: 1px solid #d0d0d0;}
.lxwm_box .box_info .box1{ position: relative;}
.lxwm_box .box_info .box1 .text{ width: 55%;}
.lxwm_box .box_info .box1 .btnyzm{ width: 45%; float: left; margin-top: 10px; height: 35px; background: #ebebeb; border: 1px solid #d0d0d0; border-left: none;}
.lxwm_box .box_info .btns{ width: 100%; height: 38px; float: left; margin-top: 12px; background: #bb8351; color: #fff; border:none;}

.mzsm_box{ min-height: 100vh; background: url("../images/lx_bg.jpg") bottom no-repeat; background-size: 100%; padding: 15px 3% 0;}
.mzsm_box .box1 img{ width: 50%;}
.mzsm_box .box2{ margin-top: 15px; text-align: justify; font-size: 13px; line-height: 1.7;}
.mzsm_box .box2 strong{ color: #000;}

.foot_menu2{ background: #202533; position: fixed; left: 0; bottom: 0; z-index: 99; padding: 9px 0;}
.foot_menu2 a{ width: 100%; float: left; text-align: center;}
.foot_menu2 a p{ color: #bababa; font-size: 12px; line-height: 1; margin-top: 5px;}
.foot_menu2 a i{ width: 100%; height: 25px; display: block; background-position: center; background-repeat: no-repeat; background-size: auto 100%;}
.foot_menu2 a i.clr1{ background-image: url("../images/fo2_1.png");}
.foot_menu2 a i.clr2{ background-image: url("../images/fo2_2.png");}
.foot_menu2 a i.clr3{ background-image: url("../images/fo2_3.png");}
.foot_menu2 a i.clr4{ background-image: url("../images/fo2_4.png");}
.foot_menu2 a i.clr5{ background-image: url("../images/fo2_5.png");}
.foot_menu2 a.active i.clr1{ background-image: url("../images/fo2_1_1.png");}
.foot_menu2 a.active i.clr2{ background-image: url("../images/fo2_2_1.png");}
.foot_menu2 a.active i.clr3{ background-image: url("../images/fo2_3_1.png");}
.foot_menu2 a.active i.clr4{ background-image: url("../images/fo2_4_1.png");}
.foot_menu2 a.active i.clr5{ background-image: url("../images/fo2_5_1.png");}
.foot_menu2 a.active p{ color: #3b8ad7;}

.all_center_box{ background: #101218; min-height: 100vh; padding-bottom: 72px;}


.fkkf_box1{ background: #202533; padding: 6px 0; text-align: center; display: flex;}
.fkkf_box1 .center-block{ display: inline-block; border: 1px solid #3b8ad7; border-radius: 5px;}
.fkkf_box1 a{ float: left; color: #3b8ad7; padding: 5px 15px; font-size: 16px;}
.fkkf_box1 a.active{ background: #3b8ad7; color: #fff;}

.fkkf_box2{ position: relative; margin-top: 2px;}
.fkkf_box2::after{ content: ''; width: 2px; height: 100%; position: absolute; left: 50%; top: 0; margin-left: -1px; background: #101218;}
.fkkf_box2 .select{ width: 50%; float: left; position: relative;}
.fkkf_box2 .select::after{ content: ''; width: 12px; height: 100%; position: absolute; right: 10px; top: 0; background: url("../images/ico_4.png") no-repeat center; background-size: 100%;}
.fkkf_box2 .select select{ width: 100%; height: 40px; float: left; padding: 0 10px; background:#273142; color: #c5c5c5; border:none; position: relative; -webkit-appearance: none;}
.fkkf_box2 .select.soso::after{ width: 20px; background-image: url("../images/ico_9_1.png");}
.fkkf_box2 .select.soso input{ width: 100%; height: 40px; float: left; padding: 0 10px; background:#273142; color: #c5c5c5; border:none;}


.fkkf_box3{ margin: 10px 0;}
.fkkf_box3 input{ width: 100%; height: 38px; float: left; background: url("../images/ico_9.png") no-repeat 7px 7px #171e28; background-size: auto 25px; padding: 0 10px 0 40px; border:none; border-radius: 5px; color: #c5c5c5;}

.fkkf_box4 .top_box{ font-size: 16px; color: #c5c5c5;}
.fkkf_box4 .lower_box{ padding-bottom: 35px;}
.fkkf_box4 .lower_box ul li{ width: 100%; float: left; background: #273142; font-size: 12px; color: #81848c; padding: 10px; margin-top: 10px; border-radius: 5px;}
.fkkf_box4 .lower_box ul li .pull-left{ width: 65%; line-height: 1;}
.fkkf_box4 .lower_box ul li .pull-left img{ width: 50px; height: 50px; float: left; margin-right: 8px;}
.fkkf_box4 .lower_box ul li .pull-left div{ width: 100%;}
.fkkf_box4 .lower_box ul li .pull-left span{ display: block;}
.fkkf_box4 .lower_box ul li .pull-left span i{ color: #fff; font-size: 14px; margin-right: 5px;}
.fkkf_box4 .lower_box ul li .pull-left p{ line-height: 1.3; margin-top: 5px;}
.fkkf_box4 .lower_box ul li .pull-right{}
.fkkf_box4 .lower_box ul li .pull-right a{ float: left; margin-left: 5px; background: #191e29; border-radius: 100px; padding: 6px;}
.fkkf_box4 .lower_box ul li .pull-right a img{ width: 18px; height: 18px;}

.fkkf_box5{ background: #171e28; line-height: 40px; position: fixed; left: 0; bottom: 60px; border-bottom: 1px solid #101218; text-align: center; font-size: 16px; color: #bdbdbd;}
.fkkf_box5 span{ display: inline-block; background: url("../images/ico_8.png") no-repeat right; background-size: auto 15px; padding-right: 20px; color: #bdbdbd;}

.login_box{ min-height: 100vh; background: url("../images/login_bg.jpg") no-repeat center; background-size: cover;}
.login_box .box1{ text-align: center;}
.login_box .box1 img{ width: 100px; height: 100px; border-radius: 100%;}
.login_box .box2{ padding: 15px 8% 0;}
.login_box .box2 .text{ width: 100%; float: left; height: 45px; padding: 0 12px; background: none; border:1px solid rgba(255,255,255,0.5); margin-top: 15px; color: #fff;}
.login_box .box2 .btns{ width: 100%; float: left; height: 45px; background: #3889d5; color: #fff; border:none; margin-top: 18px; font-size: 16px;}

.xjkh_box1 .box_info1{ color: #c5c5c5; font-size: 15px; padding: 10px 5px;}
.xjkh_box1 .box_info2{ background: #171e28; padding: 0 10px 10px; border-radius: 5px;}
.xjkh_box1 .box_info2 .text{ width: 100%; float: left; height: 35px; background: #101218; margin-top: 10px; border-radius: 3px; padding: 0 12px; border:none; color: #fff;}
.xjkh_box1 .box_info2 .box1{ text-align: center; margin-top: 10px;}
.xjkh_box1 .box_info2 .box1 a{ display: inline-block; width: 50%; line-height: 30px; color: #fff; background: #1f354d; border-radius: 50px;}
.xjkh_box1 .box_info2 .box2{ margin-top: 10px; position: relative;}
.xjkh_box1 .box_info2 .box2::after{ content: ''; width: 8px; height: 100%; position: absolute; right: 12px; top: 0; background: url("../images/ico_10.png") no-repeat center; background-size: 100%;}
.xjkh_box1 .box_info2 .box2 select{ width: 100%; height: 35px; float: left; background: #101218; padding: 0 12px; border:none; -webkit-appearance: none; border-radius: 3px;}
.xjkh_box1 .box_info2 textarea{ width: 100%; height: 80px; float: left; background: #101218; border:none; padding: 12px; margin-top: 10px; border-radius: 3px;}
.xjkh_box1 .box_info3{ padding: 12px 10px 0;}
.xjkh_box1 .box_info3 .btns{ width: 100%; float: left; height: 35px; background: #3b8ad7; color: #fff; border-radius: 3px; border:none; font-size: 16px;}

.khinfo_box1{ background: #171e28; text-align: center; padding-top: 15px; position: relative;}
.khinfo_box1 .box1 img{ width: 70px; height: 70px; border-radius: 100%;}
.khinfo_box1 .box1 p{ margin-top: 10px; color: #c5c5c5;}
.khinfo_box1 .box2{ margin-top: 8px;}
.khinfo_box1 .box2 a{ color: #c5c5c5; padding: 8px 0; border-bottom: 1px solid #171e28;}
.khinfo_box1 .box2 a.active{ color: #3b8ad7; border-color: #3b8ad7;}

.loupan_box1{ height: 40px; position: relative; z-index: 10;}
.loupan_box1 span{ width: 100%; line-height: 40px; position: fixed; left: 0; top: 0; background: #3b8ad7; color: #fff; text-align: center; font-size: 16px;}
.loupan_box2 ul li{ width: 100%; float: left; position: relative; margin-top: 12px;}
.loupan_box2 ul li .box_info{ width: 100%; position: absolute; bottom: 0; left: 0; padding: 0 3% 10px; font-size: 12px; color: #c5c5c5;}
.loupan_box2 ul li .box_info .pull-left span{ display: block; color: #fff; font-size: 15px;}
.loupan_box2 ul li .box_info .pull-left p{ margin-top: 2px;}
.loupan_box2 ul li .box_info .pull-left p i{ color: #3b8ad7; margin-right: 15px;}
.loupan_box2 ul li .box_info .pull-right img{ height: 23px;}

.mycenter_box1{ text-align: center; position: relative; padding: 20px 0; background: #202533;}
.mycenter_box1::after{ content: ''; width: 100%; height: 65%; position: absolute; left: 0; bottom: 0; background: url("../images/bg_1.png") top no-repeat; background-size: 100%;}
.mycenter_box1 .center-center{ line-height: 1; position: relative; z-index: 2;}
.mycenter_box1 .center-center i img{ width: 70px; height: 70px; border-radius: 100%;}
.mycenter_box1 .center-center span{ color: #fff; padding: 12px 0 8px;}
.mycenter_box1 .center-center p{ font-size: 12px; color: #999;}

.mycenter_box2 a{ width: 100%; float: left; background: #171e28; margin-top: 10px; position: relative; color: #eee; padding: 10px;}
.mycenter_box2 a img{ height: 25px; float: left;}
.mycenter_box2 a span{ line-height: 25px; float: left; margin-left: 10px;}
.mycenter_box2 a::after{ content: ''; width: 8px; height: 100%; position: absolute; right: 10px; top: 0; background: url("../images/ico_10.png") no-repeat center; background-size: 100%;}

.mycenter_box3{ padding: 10px 3%; background: #171e28; margin-top: 10px;}
.mycenter_box3 ul li{ width: 100%; min-height: 60px; float: left; border-bottom: 1px solid #232933; padding: 8px 0; color: #fff; position: relative;}
.mycenter_box3 ul li span{ font-size: 15px;}
.mycenter_box3 ul li img{ width: 40px; height: 40px; border-radius: 100%;}
.mycenter_box3 ul li:last-child{ border:none;}
.mycenter_box3 ul li select{ background: #171e28; border: 1px solid #fff;}

.mycenter_box4{ position: relative; padding: 15px 0; text-align: center;}
.mycenter_box4::after{ content: ''; width: 100%; height: 65px; background: #202533; position: absolute; left: 0; top: 0;}
.mycenter_box4 .center-center{ position: relative; z-index: 2;}
.mycenter_box4 img{ width: 100px; height: 100px; border-radius: 100%;}
.mycenter_box4 p{ color: #fff; font-size: 16px; line-height: 1; margin-top: 10px;}

.mycenter_box5{ padding: 5px 3% 0;}
.mycenter_box5 .center-center{ height: 55vh; background: #171e28; text-align: center;}
.mycenter_box5 .center-center img{ max-width: 50%;}
.mycenter_box5 .center-center p{ color: #c5c5c5; margin-top: 20px; font-size: 12px;}

.shuju_box1{ background: #171e28; color: #c5c5c5; text-align: center; font-size: 12px; border-bottom: 2px solid #101218; margin-top: 2px;}
.shuju_box1 .pull-left,.shuju_box1 .pull-right{ width: 50%;}
.shuju_box1 .pull-left .box1{ font-size: 15px;}
.shuju_box1 .pull-left .box1 p{ color: #3b8ad7; font-size: 16px; font-weight: bold;}
.shuju_box1 .pull-left .box2{ position: relative; margin-top: 8px;}
.shuju_box1 .pull-left .box2::after{ content: ''; width: 1px; height: 10px; background: #454b53; position: absolute; left: 50%; top: 50%; margin: -5px 0 0 -1px;}
.shuju_box1 .pull-left .box2 span{ width: 50%; float: left;}
.shuju_box1 .pull-right .box_info{ line-height: 1; padding: 15px 0; border-left: 2px solid #101218; border-bottom: 2px solid #101218;}
.shuju_box1 .pull-right .box_info p{ color: #3b8ad7; font-size: 16px; font-weight: bold; margin-top: 7px;}
.shuju_box1 .pull-right .box_info:last-child{ border-bottom: none;}

.shuju_box2 .top_box{ background: #171e28; padding: 10px;}
.shuju_box2 .top_box .pull-left{ color: #bababa; background: url("../images/fo_3.png") no-repeat left; background-size: auto 25px; line-height: 25px; padding-left: 32px;}
.shuju_box2 .top_box .pull-right{ position: relative; background: url("../images/ico_4.png") no-repeat right; background-size: auto 9px; padding-right: 22px;}
.shuju_box2 .top_box .pull-right select{ background: none; border:none; color: #bababa; -webkit-appearance:none;}
.shuju_box2 .lower_box{ height: 200px;}

.xiaoxi_box1 ul li{ width: 100%; float: left; background: #273142; margin-bottom: 10px; border-radius: 5px; padding: 10px;}
.xiaoxi_box1 ul li .pull-left{ width: 60px; position: relative;}
.xiaoxi_box1 ul li .pull-left img{ width: 55px; height: 55px;}
.xiaoxi_box1 ul li .pull-left i{ width: 20px; line-height: 20px; text-align: center; background: red; color: #fff; font-size: 12px; border-radius: 100%; position: absolute; left: -5px; top: -5px;}
.xiaoxi_box1 ul li .pull-right{ width: 80%;}
.xiaoxi_box1 ul li .pull-right .box1 span{ color: #fff; font-size: 15px;}
.xiaoxi_box1 ul li .pull-right .box1 i{ font-size: 12px; color: #3b8ad7; border:1px solid; padding: 2px 10px;}
.xiaoxi_box1 ul li .pull-right .box2{ font-size: 12px; line-height: 1.3; margin-top: 3px; color: #888;}
.xiaoxi_box1 ul li .pull-right .box2 p{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.fenxiang{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: url("../images/fx_img.png") no-repeat top right rgba(0,0,0,0.5); background-size: 65%; z-index: 999; display: none;}

.liaotian_box1{ background: #101218; height: 100vh; padding:0 3% 65px; overflow: auto; position: relative; z-index: 10;}
.liaotian_box1 .box_info{ width: 100%; float: left; margin-top: 15px;}
.liaotian_box1 .box_info .box1{ width: 40px; float: left;}
.liaotian_box1 .box_info .box2{ max-width: 82%; float: left; background: #171e28; padding: 10px 10px; margin-left: 4.5%; border-radius: 3px; position: relative; color: #c5c5c5;}
.liaotian_box1 .box_info .box2::after{ content: ''; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-right:8px solid #171e28; position: absolute; left: -8px; top: 12px;}
.liaotian_box1 .box_info.active .box1{ float: right;}
.liaotian_box1 .box_info.active .box2{ float: right; margin-left: 0; margin-right: 4.5%;}
.liaotian_box1 .box_info.active .box2::after{ border-right:none; border-left:8px solid #171e28; left:auto; right: -8px;}

.liaotian_box2{ background: #1c222d; height: 50px; position: fixed; left: 0; bottom: 0; z-index: 99; padding: 0 2%;}
.liaotian_box2 .text{ width: 88%; height: 35px; background: none; border: 2px solid #4b4f58; padding: 0 10px; color: #c5c5c5; margin: 0 3px; border-radius: 3px;}
.liaotian_box2 img{ height: 35px; margin: 0 3px;}
.liaotian_box2 .btns{width: 35px;height:35px;border-radius:100px;border:none; background:url('../images/lt_ico4.png') center; background-size:auto 100%;}


.pinch-zoom-container{ position: fixed !important; left: 0; top: 0; z-index: 0; width: 100%; height: 100% !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #fff;}
.pinch-zoom-container img{ width: 100vw;}
.pinch-zoom-container.active{ z-index: 999;}











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