@charset "utf-8";

/*

	[DESTOON B2B System] Copyright (c) 2008-2018 www.destoon.com

	This is NOT a freeware, use is subject to license.txt

*/

* {word-break:break-all;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Lucida Grande",Helvetica,Arial,Verdana,"Microsoft YaHei";}

body {margin:0;font-size:14px;color:#333333;background:#EFEFF4;}/*-webkit-user-select:none;*/

ul li {list-style-type:none;}

ol li {list-style-type:decimal;}

ul,form {margin:0px;padding:0px;}

form {margin:0px;}

td {font-size:14px;}

img {border:none;}

a:link,a:visited,a:active,a:hover {color:#333333;text-decoration:none;}

a.b:link,a.b:visited,a.b:active,a.b:hover{text-decoration:none;color:#007AFF;}

a,button,input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}

input,textarea,select {outline:none;}

.f_red {color:red;}

.f_blue {color:blue;}

.f_green {color:green;}

.f_orange {color:#FF6600;}

.f_gray {color:#666666;}

.f_price {color:#FF0000;}

.f_r {float:right;}

.t_c {text-align:center;}

.t_r {text-align:right;}

.c_b {clear:both;}

.f_b {font-weight:bold;}

.lh20 {line-height:200%;}

.px14 {font-size:14px;}

.px12 {font-size:12px;}

.dsn {display:none;}

.img-circle {border-radius:50%;}

.b10 {height:10px;clear:both;overflow:hidden;width:100%}

.b52 {height:52px;clear:both;overflow:hidden;width:100%}

.main {background:#FFFFFF;clear:both;}



.btn,.btn-red,.btn-green,.btn-blue,.btn-orange {color:#FFFFFF;font-size:18px;width:100%;line-height:44px;border:none;border-radius:4px;text-align:center;-webkit-appearance:none;}

.btn {background:#FFFFFF;border:#E4E4E4 1px solid;color:#000000;}

.btn:hover {background:#DEDEDE;border:#CDCDCD 1px solid;}

.btn-green {background:#1AAD19;}

.btn-green:hover {background:#179B16;}

.btn-blue {background:#ff8450;}

.btn-blue:hover {background:#0569D5;}

.btn-orange {background:#FF8800;}

.btn-orange:hover {background:#FF6600;}

.btn-red {background:#E64340;}

.btn-red:hover {background:#CE3C39;}

.input-checkbox {width:24px;height:24px;background:url('img/icon-check.png') no-repeat;background-size:24px 24px;}

.input-checkbox-checked {width:24px;height:24px;background:url('img/icon-checked.png') no-repeat;background-size:24px 24px;}

.list-sell{background:white;overflow:hidden}

.list-sell dl{padding:15px 15px;overflow:hidden;border-bottom:#efefef 1px solid;margin:0}

.list-sell dl img{float:left;margin-right:10px;height:75px;width:95px;margin-top:3px}

.list-sell ul{overflow:hidden}

.list-sell ul h3{line-height:20px;;font-size:14px;padding:0;margin:0;font-weight:normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 400;margin-bottom:5px;}

.list-sell ul h4{line-height:20px;;font-size:16px;padding:0;margin:0;font-weight:normal;overflow: hidden;font-weight: 400;margin-bottom:5px;}



.list-sell ul p{line-height:25px;font-size:14px;padding:0;margin:0;color:#666}

.list-sell ul p.f_red{color:#f46;margin-bottom:6px;font-size:18px}

.list-sell ul p span{float:right}



.nav{line-height:30px;padding:5px 15px;font-size:14px; background:white;border-bottom:#efefef 1px solid}



.s-title{font-size:16px;height:40px;line-height:40px;border-bottom:#e3e3e3 1px solid;border-top:#e3e3e3 1px solid;color:#01A04C;padding:0px 15px;background:#f7f7f7}

.s-title:before{content: "";width: 2px;height: 16px;background: #01A04C;float: left;margin: 12px 8px 0 0;}

.s-title a{color:#01A04C}

.com-bar{position:fixed;z-index:9;bottom:0;background:#0862bf;width:100%;height:55px;display:block}

.com-bar ul{overflow:hidden}

.com-bar li{float:left;width:25%; text-align:center}

.com-bar li i{margin: auto;display: block;width:25px;height:25px;margin-top:8px;background-size:100% 100%;background-repeat:no-repeat;}

.com-bar .btn-back i{background-image:url("img/fix-back.png")}

.com-bar .btn-sell i{background-image:url("img/icon-action.png")}

.com-bar .btn-tel i{background-image:url("img/fix-tel.png")}

.com-bar .btn-qq i{background-image:url("img/onlinewpa.png")}
.com-bar .btn-zy i{background-image:url("img/fix-zy.png")}
.com-bar .btn-news i{background-image:url("img/fix-news.png")}
.com-bar .btn-tel i{background-image:url("img/fix-tel.png")}

.com-bar li a{ display: inline-block;  color: #f7f7f7; font-size: 14px;text-align: center;}

.com-bar .btn-chat{float:right;color:#fff;background:#147b47;text-align:center;line-height:55px;width:44%}

.com-bar .btn-chat a{display:block;color:inherit;font-size:16px;}

.com-bar-blank{height:55px;overflow:hidden;width:100%}



.m-focus{width:100%;overflow:hidden;z-index:1 }

.m-focus-box{overflow:hidden;margin:0 auto 20px auto;position:relative;}

.m-focus{	display: block;overflow: hidden;position: relative;}

.m-focus .m-focus-box { margin: 0 auto;overflow: hidden;position: relative;backface-visibility: hidden;}

.m-focus .m-focus-box .swiper-wrapper li { float: left;list-style-type:none }

.m-focus .m-focus-box .swiper-wrapper li a { position: relative;width: 100%;display: block;}

.m-focus .m-focus-box .swiper-wrapper img { width: 100%;display: block;}

.m-focus .swiper-container { display: none;}

.m-focus-box .b-menu{text-align: center;position: absolute;width: 100%;left: 0;bottom:-15px;z-index: 10;}

.swiper-pagination-bullet {display: inline-block;border-radius: 100%;background:none;cursor:pointer;margin: 0 5px;width:12px;height:12px;background:rgba(0,0,0,0.4);}

.swiper-pagination-bullet-active {opacity: 1;background:rgba(0,0,0,0.9);width:12px;height:12px;}



.op-nav-out{width:100%;height:72px;position:relative;top:0;left:0;z-index:199}

.op-nav-fixed{width:100%;position:fixed;top:0;left:0;z-index:299}

.op-nav{height:48px;z-index:109;width:100%;font-size:16px;padding:5px 0;color: #FFF;position:fixed;top:0;left:0; background: #0862bf}



.op-nav .left{float:left;width:25px;padding-left:5px;position:absolute;top:10px;left:0;}

.op-nav .center{margin:0px 50px 0px 25px; text-align:left;line-height:48px;font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}





.op-nav a{color:#fff}

.op-nav .btn-menu-p{width:35px;font-size:0px;position:absolute;top:0;right:0;padding-top:12px;}



.icon_box {

	width:20px;

	height:20px;

	cursor:pointer;

}

.icon_box span {

	width:20px;

	height:2px;

	background:#FFF;

	display:block;

	margin-top:5px;

	transition:all .1s;

	-webkit-transition:all 1s;

	transform-origin:0px center;

}

.icon1 {

	transform:rotate(45deg)!important;

}

.icon2 {

	width:0!important;

	margin-left:3px!important;

}

.icon3 {

	transform:rotate(-45deg)!important;

}







.b-menu-pop{top:auto;bottom:44px;border:2px solid #195595;border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:3px;border-top-right-radius:3px}

.menu-pop-n{width:0;height:0;position:absolute;background:rgba(0,0,0,0.8);left:0;top:52px;border-bottom-left-radius:2px;border-bottom-right-radius:2px;overflow:hidden}

.menu-pop-n-ati{width:100%;height:auto;transition:width .2s,height .2s;}

.menu-nav-n{overflow:hidden}

.menu-nav-n ul{overflow:hidden;margin:-1px -1px 0 0;z-index:2000}

.menu-nav-n li{float:left;width:100%;height:48px;line-height:48px;text-indent:20px; font-size:14px;}

.menu-nav-n a{color:#fff;display:block;border-top:1px solid #999; position:relative}

.menu-nav-n a:after{

content: '';

    border: 2px solid #fff;

    display: block;

    width: 8px;

    height: 8px;

    margin: auto;

    position: absolute;

    top: 18px;

    -webkit-transform: rotate(-135deg);

    transform: rotate(-135deg);

    border-top: none;

    border-right: none;

    right: 25px;

}







.op-nav-mark{width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;z-index:105; display:none}

.op-nav .logo{float: left;width:80%;padding:0 10px;height:32px;overflow:hidden}

.op-nav .logo img{height:32px;}

.op-nav .logo em{float:left;margin-right:10px;}

.op-nav .logo span{overflow:hidden}

.op-nav .logo h1{font-size:16px;line-height:32px;font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;;margin:0}

.op-nav .logo a{display:block}











.float-tel{position:fixed;z-index:9;bottom:90px;width:45px;height:45px;display:block;right:10px;}

.float-tel a{display:block;background:#0862bf url(img/tel.png) no-repeat center;background-size:50% 50%;height:45px;width:45px;border-radius:50%;font-size:0;}



.footer{background:white;padding:15px; text-align:center;border-bottom:#e3e3e3 1px solid}

.copyright{background:white;padding:15px; text-align:center;line-height:25px}

.footer a{padding:0px 5px}



.selectList { background: white;margin:0;padding:0}

.selectList dl { position: relative; padding: 10px 80px 10px 0px; line-height: 30px; border-bottom: 1px solid #eee; overflow: hidden; z-index:1}

.selectList dl: last-child { border-bottom: #fff 0px solid; }

.selectList dl dt { position: absolute; width: 50px; left: 10px; top: 10px; text-align: left; margin: 0; font-size: 14px; }

.selectList dl dd a { color: #266eab; line-height: 30px; margin-left: 20px; display: inline-block;font-size:14px; }

.selectList dl dd a:hover{ text-decoration:underline}

.selectList dl dd { height: 30px;overflow:hidden  }

.selectList dl dd.showMore { position: absolute; top: 0px; right: 10px; cursor: pointer; z-index:1000 ;height:40px;}

.selectList dl dd.showMore h3 { line-height: normal; padding: 3px 8px; background: #f7f7f7; border: 1px solid #eee;font-size:12px; text-align:center; font-weight: normal; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; border-radius: 3px; z-index:10}

.selectList dl dd.showMore h3 i { background: none; float: none; display: inline-block; font-size: 12px;}

.selectList dl dd.showMore h3:hover { color: white; border: #F30 solid 1px; background:#F30; }

.selectList dl dd a.on{font-weight:bold}



/*全部左右布局样式*/

.box{overflow:hidden;padding:10px 0px;}

.box .ch-title {width: 50px;height: 2px;background:#0862bf;margin: 0px auto;}

.white{background:white;overflow:hidden;padding:10px 0;margin-bottom:10px;padding:0px 12px;}

.f7f7f7{overflow:hidden;background:white;margin-bottom:10px;padding:0px 12px;}



.en-title{font-size:24px;font-weight:bold;text-transform : uppercase;padding-top:5px;color:#147b47;position:relative;margin-bottom:5px;}

.en-title:before{content:"";background:#ea5534;height:5px;width:60px;position:absolute;top:0}

.intro{font-size:14px;line-height:28px;overflow:hidden}

.intro p{text-indent:30px}

.intro img{width:100%;height:auto}

.more a{width: 120px;height: 30px;border: 1px solid #848484;color: #666;font-size: 14px;display: block;text-align: center;line-height: 31px;margin-bottom:15px;margin-top: 10px;transition: .5s;border-radius:2px;}

.more a:hover {background: #147b47;color: #fff;transition: .5s;}

.more{width:120px;margin:0px auto 0px;}

.box h3{text-align:center;font-size: 18px;color: #333;display: block;text-transform : uppercase;overflow:hidden;padding:5px 0;margin:0px;font-weight:300;}

.box h3 em {font-style: normal;color: #5a5a5a;display:block;font-size:12px;font-weight:normal;}

.news-list-box ul {overflow:hidden;}

.news-list-box ul li img{width:100px;border-radius:3px}

.news-list-box ul li{position: relative;background:white;padding:15px 0;overflow:hidden;border-bottom:#eee 1px solid}

.news-list-box ul li:nth-child(1){border-top:#eee 1px solid}

.news-list-box ul li h5{font-size:18px;font-weight:600;font-weight:normal;margin:0px;}

.news-list-box ul li em{font-size:14px;line-height:20px;color:#777;text-align:left; font-style:normal}

.news-list-box ul li .left{width:100px; float:right;margin-left:15px;}

.news-list-box ul li .right{overflow:hidden;font-size:16px;}



/*产品样式*/

.text-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}



.s-box{position:relative;}

.s-box h1{font-size:20px;line-height:45px;height:45px;padding:0px 15px 0px 0px;font-weight:normal; border-bottom:#eee 1px solid;margin:0;}

.s-box h1:before{content: "";width: 4px;height: 20px;background: #01A04C;float: left;margin: 14px 8px 0 0;}

.s-box h1 span{float:right;font-weight:normal;font-size:14px}


.s-box h3{font-size:18px; line-height:45px;height:45px;padding:0px 15px 0px 0px;font-weight:bold;margin:0;}

.s-box h3:before{content: "";width:3px;height: 18px;background:rgba(0,0,0,1.00);float: left;margin: 14px 8px 0 0;}

.s-box h3 span{float:right;font-weight:normal;font-size:14px}

.s-box ul{width:100%}

.s-box ul.p10{width:100%;padding:10px 0;}

.s-box li a{display:block;overflow:hidden; }

.s-box li{width:98%; margin: 10px 1%; border-radius: 8px; box-sizing: border-box; box-shadow: 5px 5px 25px #ddd; padding: 10px;overflow:hidden;}

.index-box a{ display: inline-block; height: 28px; line-height: 28px; padding: 0 15px; background-color: rgba(40,137,236,1.00); color: #FFF; border-radius: 14px; margin: 5px}

.s-box li img{width:100%;}
.s-box li span{padding-right: 10px;}
.s-box li span.money{color: rgba(244,0,4,1.00)}
.s-box li span.cengci{ color: rgba(22,208,143,1.00)}
.s-box li span.xuezhi{color:rgba(23,145,167,1.00)}

.s-box li p{line-height:25px;margin:0px;}

.s-box li p.price{line-height:25px;margin:0px;color:red;}
.s-box li p a.detail{padding: 3px 8px; float: right; display: inline-block; background: rgba(51,120,210,1.00); color: #FFF;}


.contact-us{ background:#eee;padding:15px;line-height:25px; text-align:center;overflow:hidden}

.contact-us p{margin:0}









.foot-bar-fix {height:48px;clear:both;}

.foot-bar {width:100%;height:48px;overflow:hidden;background:#f5f5f5;position:fixed;z-index:9;left:0;bottom:0;-webkit-user-select:none;}

.foot-bar li {width:25%;height:48px;float:left;text-align:center;font-size:11px;}

.foot-bar span {display:block;padding-top:32px;}

.foot-bar em {font-style:normal;font-size:10px;position:relative;z-index:10;display:block;width:5px;height:5px;left:50%;margin:-38px 0 0 8px;background:#FF0000;border:1px solid #F43531;border-radius:5px;}

.foot-bar .icon-home {background:url('img/icon-home.png') no-repeat center 5px;background-size:24px 24px;}

.foot-bar .icon-home-on {background:url('img/icon-home-on.png') no-repeat center 5px;background-size:24px 24px;}

.foot-bar .icon-channel {background:url('img/icon-channel.png') no-repeat center 5px;background-size:24px 24px;}

.foot-bar .icon-channel-on {background:url('img/icon-channel-on.png') no-repeat center 5px;background-size:24px 24px;}

.foot-bar .icon-my {background:url('img/icon-my.png') no-repeat center 5px;background-size:24px 24px;}

.foot-bar .icon-my-on {background:url('img/icon-my-on.png') no-repeat center 5px;background-size:24px 24px;}

.foot-bar .icon-more {background:url('img/icon-more.png') no-repeat center 5px;background-size:24px 24px;}

.foot-bar .icon-more-on {background:url('img/icon-more-on.png') no-repeat center 5px;background-size:24px 24px;}

.foot-bar .icon-home span,.foot-bar .icon-channel span,.foot-bar .icon-my span,.foot-bar .icon-more span {color:#7A7E83;}

.foot-bar .icon-home-on span,.foot-bar .icon-channel-on span,.foot-bar .icon-my-on span,.foot-bar .icon-more-on span {color:#007AFF;}



.foot-comment {text-align:right;margin:10px 10px 0 0;line-height:28px;font-size:16px;}

.foot-comment div {position:absolute;z-index:10;left:10px;right:60px;text-align:center;background:#FFFFFF;color:#999999;font-size:14px;}



.my-cart {width:46px;height:46px;background:url('img/home-cart.png') no-repeat center center;background-size:46px 46px;opacity:0.9;position:fixed;z-index:10;right:10px;bottom:60px;}

.my-cart em {display:block;height:16px;line-height:16px;padding:0 6px;float:right;font-size:12px;color:#FFFFFF;font-style:normal;background:#FF0000;border-radius:50%;}



.user-info {height:84px;border-top:#D9D9D9 1px solid;background:#FFFFFF url('img/list-set.png') no-repeat right center;background-size:23px 13px;}

.user-info img {float:left;border-radius:50%;margin:10px 16px 0 16px;}

.user-info div {float:left;line-height:26px;margin:16px 0 0 0;}

.user-info strong {font-size:18px;font-weight:normal;}



.list-set {background:#FFFFFF;border-top:#D9D9D9 1px solid;font-size:18px;}

.list-set li {background:#FFFFFF;}

.list-set div {margin-left:15px;height:44px;line-height:44px;padding:0 36px 0 0;overflow:hidden;border-top:#D9D9D9 1px solid;background:url('img/list-set.png') no-repeat right center;background-size:23px 13px;}

.list-set a {display:block;width:100%;height:44px;}

.list-set em {display:block;height:16px;line-height:16px;padding:0 6px;float:right;font-size:12px;color:#FFFFFF;font-style:normal;background:#FF0000;border-radius:10px;margin-top:14px;}

.list-set span {float:right;font-size:14px;color:#333333;padding-left:10px;}

.list-set li:first-child div {border:none;}



.list-set input,.list-set select {border:#EEEEEE 1px solid;border-radius:0;-webkit-appearance:none;padding:4px;font-size:14px;}



.list-set-img div {margin-left:50px;}

.list-set-img img {width:24px;height:24px;position:absolute;z-index:8;margin:10px 0 0 -36px;}



.list-txt {border-top:#D9D9D9 1px solid;font-size:16px;}

.list-txt li {height:44px;line-height:44px;padding:0 30px 0 15px;overflow:hidden;background:#FFFFFF url('img/list-set.png') no-repeat right center;background-size:23px 13px;}

.list-txt a {display:block;width:100%;height:44px;}

.list-txt span {float:right;font-size:11px;color:#6D6D72;padding-left:10px;}



.list-img {height:84px;background:#FFFFFF;overflow:hidden;clear:both;border-bottom:#e3e3e3 1px solid;padding:0 12px;}

.list-img img {float:left;margin:12px 12px 0 0;}

.list-img ul {margin:12px 0 0 0; overflow:hidden}

.list-img li {height:30px;line-height:30px;overflow:hidden;}

.list-img strong {font-size:16px;display:block;width:100%;font-weight:normal;}

.list-img strong span {font-size:16px;}

.list-img em {font-size:12px;color:#666666;font-style:normal;}

.list-img i {font-size:12px;color:#F23030;font-style:normal;float:right;}

.list-img span {font-size:12px;color:#666666;}

.list-img .price {font-size:12px;color:#FF0000;}

.list-img .vip {background:url('img/icon-vip.png') no-repeat 0 center;background-size:14px 14px;padding-left:15px;}

.list-img .check {float:right;width:32px;height:30px;background:url('img/icon-check.png') no-repeat center center;background-size:20px 20px;}

.list-img .checked {float:right;width:32px;height:30px;background:url('img/icon-checked.png') no-repeat center center;background-size:20px 20px;}

.list-img .sheet {float:right;width:32px;height:30px;background:url('img/icon-sheet.png') no-repeat center center;background-size:20px 20px;}



.list-user {height:32px;overflow:hidden;padding:0 16px;margin-top:10px;}

.list-user img {float:left;}

.list-user ul {position:absolute;left:58px;right:16px;}

.list-user li {line-height:16px;color:#999999;}

.list-user span {float:right;font-size:12px;}

.list-user em {font-size:11px;font-style:normal;}



.list-inp {background:#FFFFFF;padding:0 16px;}

.list-inp div {width:100%;height:44px;line-height:44px;font-size:16px;}

.list-inp input[type="text"],.list-inp input[type="password"],.list-inp input[type="number"],.list-inp input[type="tel"],.list-inp input[type="email"] {width:98%;height:24px;line-height:24px;border:none;padding:0;margin:10px 0 0 0;font-size:16px;}



.list-btn {padding:0 16px;}



.list-pay {background:#FFFFFF;border-top:#D9D9D9 1px solid;font-size:18px;}

.list-pay li {background:#FFFFFF;}

.list-pay div {margin-left:50px;height:44px;line-height:44px;overflow:hidden;border-top:#D9D9D9 1px solid;}

.list-pay em {display:block;height:16px;line-height:16px;padding:0 6px;float:right;font-size:12px;margin-top:7px;}

.list-pay span {float:right;font-size:12px;color:#666666;}

.list-pay li:first-child div {border:none;}

.list-pay img {width:24px;height:24px;position:absolute;z-index:9;margin:10px 0 0 -36px;border-radius:4px;}

.list-pay .check {width:32px;height:30px;background:url('img/icon-check.png') no-repeat center center;background-size:24px 24px;}

.list-pay .checked {width:32px;height:30px;background:url('img/icon-checked.png') no-repeat center center;background-size:24px 24px;}



.list-tab {padding:16px;background:#FFFFFF;}

.list-tab ul {border:#444444 1px solid;border-radius:4px;height:24px;line-height:24px;font-size:12px;text-align:center;display:-moz-box;display:-webkit-box;display:box;}

.list-tab li {border-right:#444444 1px solid;color:#444444;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;}

.list-tab li:last-child {border-right:none;}

.list-tab span {color:#444444;display:block;width:100%;height:100%;}

.list-tab .on {background:#444444;color:#FFFFFF;}

.list-tab .on span {color:#FFFFFF;}



.list-menu {background:#FFFFFF url('img/bg-menu.png') repeat-x 0 bottom;height:44px;overflow-x:auto;font-size:16px;}

.list-menu ul {width:10000px;padding:0 10px;}

.list-menu li {height:42px;line-height:42px;padding:0 10px;border-bottom:#EFEFF4 2px solid;float:left;}

.list-menu .on {border-bottom:#007AFF 2px solid;color:#007AFF;}



.list-empty {padding:40px 20px;line-height:200%;background:#FFFFFF;text-align:center;}



.order-t {height:44px;line-height:44px;padding:0 32px 0 16px;overflow:hidden;background:#FFFFFF url('img/list-set.png') no-repeat right center;background-size:23px 13px;}

.order-t em {font-size:12px;font-style:normal;float:right;}

.order-p {height:44px;line-height:44px;padding:0 16px;overflow:hidden;background:#FFFFFF;}

.order-p input[type="text"] {width:50%;border:#B2B2B2 1px solid;padding:4px 6px;border-radius:0;font-size:14px;-webkit-appearance:none;}

.order-b {height:50px;padding:0 16px;overflow:hidden;text-align:right;}

.order-b a {display:inline-block;width:72px;height:24px;line-height:24px;background:#FFFFFF;border:#D9D9D9 1px solid;border-radius:10px;margin:12px 0 0 16px;font-size:12px;text-align:center;}



.title {font-size:18px;line-height:22px;padding:15px 0;}
.title h1{font-size: 20px; text-align: center}

.info {font-size:14px;padding:0 16px 16px 0px;color:#666666;border-bottom:#efefef 1px solid}

.content {font-size:16px;line-height:180%;padding:10px 0px;}

.content img {max-width:100%;height:auto;}

.content table {max-width:98%;height:auto;}
.content table { border-collapse: collapse; border-right: 1px solid #333; border-bottom: 1px solid #333}
.content table td,.content table th{border-top: 1px solid #333;border-left: 1px solid #333;padding: 5px }

.content a {color:#007AFF;}

.main{padding:0px 12px; overflow:hidden}

.award {padding:32px;text-align:center;}

.award div {width:80px;height:44px;line-height:44px;font-size:20px;font-weight:bold;letter-spacing:2px;margin:auto;background:#FFFFFF;color:#E94657;border:#E94657 2px solid;border-radius:10px;}

.award div:hover {background:#E94657;color:#FFFFFF;}

.content-msg {font-size:16px;line-height:30px;padding:44px 15px 44px 10px;text-align:center;}

.head {height:44px;line-height:44px;font-size:16px;padding:0 16px;}

.contact {padding:10px 16px;font-size:16px;line-height:200%;}

.pages {height:44px;line-height:44px;text-align:center;background:#F7F7F7;clear:both;font-size:16px;}

.pages a {padding-left:10px;}



.album {padding:0px 0;text-align:center;}

.album_o {display:inline-block;width:10px;height:10px;margin:5px;background:#FFFFFF;border:1px solid #007AFF;border-radius:10px;}

.album_c {display:inline-block;width:10px;height:10px;margin:5px;background:#007AFF;border:1px solid #007AFF;border-radius:10px;}



.share_icon {display:none;}



.ui-ok {background:#FFFFFF url('img/icon-ok.png') no-repeat center 44px;background-size:100px 100px;padding:188px 16px 44px 16px;text-align:center;}

.ui-ko {background:#FFFFFF url('img/icon-ko.png') no-repeat center 44px;background-size:100px 100px;padding:188px 16px 44px 16px;text-align:center;}

.ui-ok p,.ui-ko p {margin:0;font-size:20px;font-weight:bold;padding-bottom:44px;}

.ui-ok div,.ui-ko div {font-size:16px;color:#999999;padding-bottom:44px;}

.ui-ok input,.ui-ko input {margin-bottom:16px;}



.ui-form {background:#FFFFFF;padding:0 16px;}

.ui-form p {padding:16px 0;margin:0;font-size:16px;font-weight:bold;clear:both;}

.ui-form div {line-height:32px;}

.ui-form em {padding-left:6px;font-size:12px;color:#FF0000;}

.ui-form b {float:right;font-size:12px;color:#FF0000;font-weight:normal;}

.ui-form label {display:inline;margin:0 0 0 6px;font-size:16px;}

.ui-form input[type="text"],.ui-form input[type="password"],.ui-form input[type="search"],.ui-form input[type="tel"],.ui-form input[type="number"],.ui-form input[type="email"],.ui-form input[type="url"] {box-sizing:border-box;width:100%;height:44px;line-height:44px;border:#B2B2B2 1px solid;padding:0 6px;border-radius:0;font-size:14px;-webkit-appearance:none;}

.ui-form input[type="search"] {background:url('img/ico-search.png') no-repeat 6px center;background-size:16px 16px;padding:0 28px;}

.ui-form input[type="date"] {width:150px;height:44px;line-height:44px;border:#B2B2B2 1px solid;border-radius:0;padding:0 10px;font-size:14px;-webkit-appearance:none;}

.ui-form input[type="datetime-local"] {width:180px;height:44px;line-height:44px;border:#B2B2B2 1px solid;border-radius:0;padding:0 10px;font-size:14px;-webkit-appearance:none;}

.ui-form input[type="radio"] {border:#B2B2B2 1px solid;}

.ui-form input[type="checkbox"] {border:#B2B2B2 1px solid;}

.ui-form select {padding:0 3px;font-size:14px;height:32px;line-height:32px;border:#B2B2B2 1px solid;margin:0 10px 10px 0;background:#FFFFFF;}

.ui-form textarea {box-sizing:border-box;width:100%;height:72px;line-height:24px;padding:3px;font-size:14px;border:#B2B2B2 1px solid;-webkit-appearance:none;}

.ui-form #captcha {width:100px;}

.ui-form #answer {width:80%;}



.webuploader-container {position:relative;}

.webuploader-element-invisible {position:absolute !important;clip: rect(1px 1px 1px 1px);clip: rect(1px,1px,1px,1px);}

.webuploader-pick {position:relative;display:inline-block;cursor:pointer;width:80px;height:80px;}

.webuploader-pick-hover {}

.webuploader-pick-disable {opacity:0.6;pointer-events:none;}



.ui-form-thumb-show {width:80px;height:60px;border:#EDEEF1 1px solid;margin-right:16px;float:left;display:none;}

.ui-form-thumb-show img {width:80px;height:60px;border:none;}

.ui-form-thumb-upload {width:80px;height:60px;overflow:hidden;border:#EDEEF1 1px solid;float:left;background:url('img/upload-image.png') no-repeat center center;background-size:40px 40px;}

.ui-form-album-show {width:80px;height:80px;border:#EDEEF1 1px solid;margin-right:16px;float:left;display:none;}

.ui-form-album-show img {width:80px;height:80px;border:none;}

.ui-form-album-upload {width:80px;height:80px;overflow:hidden;border:#EDEEF1 1px solid;float:left;background:url('img/upload-image.png') no-repeat center center;background-size:40px 40px;}

.ui-form-file-upload {position:relative;width:32px;height:30px;overflow:hidden;float:right;background:#FFFFFF url('img/upload-file.png') no-repeat center center;background-size:16px 16px;margin:-36px 6px 0 0;}



.ui-editor-toolbar {background:#F8F8F8;height:36px;line-height:36px;padding-left:10px;border-top:#B2B2B2 1px solid;}

.ui-editor-toolbar li {width:36px;height:36px;line-height:36px;text-align:center;float:left;color:#7F8393;font-size:20px;cursor:pointer;font-family:Verdana;}

.ui-editor-img {background:url('img/editor-img.png') no-repeat center center;background-size:20px 20px;overflow:hidden;}

.ui-editor-bold {}

.ui-editor-italic {font-style:italic;}

.ui-editor-underline {text-decoration:underline;}

.ui-editor-content {border-bottom:#B2B2B2 1px solid;background:#FFFFFF;height:240px;padding:10px;font-size:16px;}

.ui-editor-content img {max-width:100%;height:auto;}

.ui-editor-content a {color:#007AFF;}



.ui-toast {height:32px;line-height:32px;overflow:hidden;display:inline-block;padding:0 16px;background:#000000;opacity:0.8;color:#FFFFFF;border-radius:6px;position:fixed;z-index:99;top:76px;font-size:14px;display:none;}

.ui-sheet {opacity:0.9;position:fixed;z-index:99;left:8px;right:8px;bottom:0;display:none;}

.ui-sheet div {background:#FFFFFF;border-radius:4px;}

.ui-sheet li {height:44px;line-height:44px;overflow:hidden;text-align:center;font-size:20px;color:#007AFF;border-top:#D9D9D9 1px solid;}

.ui-sheet p {height:44px;line-height:44px;text-align:center;font-size:20px;color:#007AFF;font-weight:bold;margin:8px 0;background:#FFFFFF;border-radius:4px;}

.ui-sheet em {padding:10px;line-height:24px;font-size:14px;color:#999999;font-style:normal;text-align:center;display:block;}

.ui-sheet span {color:#007AFF;display:block;width:100%;}

.ui-mask {position:fixed;z-index:98;left:0;top:0;right:0;width:100%;height:100%;overflow:hidden;background:#000000;opacity:0.5;display:none;}

.ui-icon-loading {background:url('lib/jquery/images/ajax-loader.gif');background-size:2.875em 2.875em;}

/*.leave_message table td{
	display: flex;
}*/
.main_head{
	text-align: center;
	font-size:14px;
	margin:10px auto;
}
.leave_message .cdx-form {
	padding-bottom: 20px;
}
.leave_message .item_row{
	display: flex;
	margin:5px auto;
	height: 35px;
}
.leave_message .item_label{
	width: 20%;
}
.leave_message .item_row>div:nth-of-type(2){
	width:80%;
	display: flex;
}
.leave_message form input,.leave_message form textarea{
	width:90%;
	box-sizing: border-box;
	border-radius: 0px;
	border: 1px solid rgb(133, 130, 130);
}
.leave_message form select{
	width: 30%;
	outline: none;
	
    overflow: hidden;
    background-color: #fff;
    /*-webkit-appearance: none;*/
    color: #000;
    /*-webkit-appearance: none;*/
    appearance: none;
    border: 1px solid rgb(133, 130, 130);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    text-align: center;
    text-align-last: center;

    /*line-height: 32px;
    background-image: none;
    display: block;
    width: 96%;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    border: 1px solid #d4dadd;
    height: 32px;
    background: #f3f3f3;
    padding-left: 3%;*/

}
.leave_message .item_button{
	width: 50%;
	display: flex;
	margin:0 auto;
}
.leave_message .item_button input{
	border-radius: 0!important;
    line-height: 1.5rem;
    margin: 10px;
    font-size: 14px;
    line-height: 34px;
    height: 34px;
}
.leave_message input#captcha{
	width: 50%;
}