body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote {margin: 0;padding: 0;}
body { color: #000;font-family:'Microsoft YaHei';font-size: 13px;width: 100%;background-color:#FFF;}
img{border:0px;}
ul li{ list-style:none;}

a{cursor: pointer;text-decoration: none;color: #595959;}
a:hover{text-decoration:none;}
.wrap {position:relative;margin: 0 auto;width:1200px;}
body{margin: 0;}

input[type=submit]{ cursor:pointer}
input[type=submit]:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
input{line-height:normal;color:#000;}
input[type=file]{display: initial;}
input[type=password]{height:30px;line-height:30px;padding: 6px;display: initial;width:300px;}
select.form-control{height:30px;line-height:30px;padding: 3px;width:150px;display: initial;font-size:12px;}
label{display: inline;}

::-webkit-input-placeholder {color: #777;font-size: 13px;} /* WebKit, Blink, Edge */
:-moz-placeholder {color: #777;font-size: 13px;} /* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color: #777;font-size: 13px;}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {color: #777;font-size: 13px;} /* Internet Explorer 10-11 */


.x-header{float: left;width: 100%;height: 100px;text-align: center;background: #fff;color: #333;z-index: 1;/*-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);box-shadow: 0px 1px 3px rgba(0,0,0,0.5);*/}
.x-header ul{margin: 0 auto;height: 100%;line-height: 100px;font-size: 16px;float:left;position:absolute;left:390px;}
.x-header li{float: left;height: 100px;position:relative;}
.x-header li .fa{margin-left: 5px;}
.x-header li a:hover{color: #00A3E7;}
.x-header li a.on{color: #00A3E7;}
.x-header li a{float: left;height: 100%;color: #1c2226;padding: 0 25px;margin: 0;transition: 0.2s;}

.x-header li .second{width:100%;float:left;position:absolute;top:100px;left:0px;background-color:#FFF;z-index:99999;}
.x-header li .second a{width:100%;text-align:center;height:30px;line-height:30px;border-bottom:1px dashed #a4afb8;float:left;padding:0px;font-size:13px;}

.x-header-right{position: absolute;height: 100px;top: 0;right: 0;line-height: 100px;padding: 35px 0;font-size: 13px;color: #282828;background: url(../img/icon_login.png) left center no-repeat;padding-left: 14px;}
.x-header-right a{float: left;width: 52px;height: 30px;line-height: 30px;text-align: center;border-radius: 4px;color: #1c2226;font-size: 16px;}
.x-header-right a.on{background: #00A3E7;color: #fff;}
.x-header .logo{position: absolute;height: 100px;left: 0;width: 300px;float:left;top:0px;}
.x-header .logo a{float: left;height: 100px;transition: 0.2s;}
.x-header .logo img{position: absolute;top:30px;}
.x-header .logo a:hover{opacity: 0.75;}

.x-row{float: left;width: 100%;}

.x-main{float: left;width: 100%;padding: 20px 0;background: #f5f5f5;}
.x-main .x-content{position: relative;width: 100%;background: #ffffff;border-radius: 5px;height: 750px;padding: 60px 90px;}
.x-main .x-pattern{position: absolute;left: 90px;top: 50%;margin-top: -182px;}
.x-main .x-right{float: right;/*width: 464px;*/}
.x-main .x-right .x-item{position: relative;width: 100%;margin-bottom: 20px;height: 46px;line-height: 46px;}
.x-main .x-right .x-item .x-box{float: right;width: 314px;height: 46px;border: 1px solid #a4afb8;background: #fff;border-radius: 4px;padding: 0 15px;outline: none;font-size: 14px;color: #1c2226;line-height: 46px;}
.x-main .x-right .x-item .x-box::-webkit-input-placeholder {color: #a4afb8;font-size: 16px;} /* WebKit, Blink, Edge */
.x-main .x-right .x-item .x-box:-moz-placeholder {color: #a4afb8;font-size: 16px;} /* Mozilla Firefox 4 to 18 */
.x-main .x-right .x-item .x-box::-moz-placeholder {color: #a4afb8;font-size: 16px;}/* Mozilla Firefox 19+ */
.x-main .x-right .x-item .x-box:-ms-input-placeholder {color: #a4afb8;font-size: 16px;} /* Internet Explorer 10-11 */

.x-main .x-right .x-item .x-label{float: right;padding-right: 20px;text-align: right;font-size: 16px;color: #1c2226;}
.x-main .x-right .x-item .x-label span{float: left;color: #fb7100;margin-right: 8px;font-size: 30px;line-height: 56px;}
.x-main .x-right .x-item.x-tel select{position: absolute;border: none;background: none;right: 0;width: 60px;padding: 0;}
.x-main .x-right .x-item.x-code .x-codeImg{float: right;width: 100px;height: 46px;border-radius: 5px;margin-left: 20px;overflow: hidden;}
.x-main .x-right .x-item.x-code .x-codeImg img{float: left;}
.x-main .x-right .x-item.x-code .x-box{width: 194px;}
.x-main .x-right .x-item.x-rule input{float: right;line-height: 46px;height: 46px;margin: 0;margin-right: 12px;}
.x-main .x-right .x-item.x-rule label{float: right;font-size: 16px;font-weight: normal;}
.x-main .x-right .x-item.x-rule label span{color: #fb7100;margin-left: 12px;}
.x-main .x-right .x-item .x-regBtn{float: right;width: 314px;height: 46px;line-height: 46px;color: #fff;background: #00A3E7;font-size: 18px;text-align: center;border-radius: 4px;border:0px;}
.x-main .x-right .x-item.x-loginNow{text-align: right;font-size: 14px;color: #5b666e;}
.x-main .x-right .x-item.x-loginNow a{color: #fb7100;}

.x-loginPage .x-content{height: 600px;padding: 112px 90px;}
.x-loginPage .x-right{width: 314px;}
.x-loginPage .x-right .x-item .x-ico{float: left;width: 46px;height: 46px;border-radius: 4px 0 0 4px;border: 1px solid #a4afb8;background-color: #fcfcfc !important;}
.x-loginPage .x-right .x-item .x-box{width: 268px;border-left: none;border-radius: 0 4px 4px 0;}
.x-loginPage .x-right .x-item.x-code .x-box{width: 150px;float: left;}
.x-loginPage .x-right .x-item.x-code .x-codeImg{margin: 0;}
.x-loginPage .x-right .x-item .x-regNow{float: right;font-size: 14px;color: #5b666e;}
.x-loginPage .x-right .x-item .x-regNow a{color: #fb7100;}
.x-loginPage .x-right .x-item .x-fgtpswd{float: left;color: #5b666e;font-size: 14px;}

.x-footer{float: left;width: 100%;height: 250px;background: #00A3E7;padding: 40px 0;}
.x-footer-qrcode{float: right;width: 170px;height: 170px;}
.x-footer-qrcode img{width: 100%;height: 100%;}
.x-footer-contact{float: left;height: 100%;width: 365px;padding: 0;padding-left: 67px;margin-top: -5px;}
.x-footer-contact p{font-size: 14px;line-height: 36px;color: #fff;margin: 0;font-family: arial, "寰蒋闆呴粦";/*text-transform: uppercase;*/}
.x-footer-list{float: left;width: 310px;height: 100%;margin-top: -5px;font-size: 16px;}
.x-footer-list li{height: 36px;line-height: 36px;}
.x-footer-list li a{color: #fff;}
.x-footer-relate{float: left;font-family: arial;text-transform: uppercase;color: #eee;padding: 55px 0;padding-left: 18px;}
.x-footer-relate span{font-size: 11px;color: #eee;padding-left: 10px;}
.x-footer-relate span:first-of-type{padding-left: 0px;padding-right: 10px;}
.x-footer-relate span a{margin: 0;}
.x-footer-relate i{font-size: 18px;margin-left: 16px;}
.x-footer-relate a{color: #eee;}
.x-footer a{transition: 0.2s;}
.x-footer a:hover{opacity: 0.7;}

.x-wrap-left{float: left;width: 240px;margin-right: 20px;}
.x-wrap-right{float: right;width: 940px;}
.x-panel{position: relative;width: 100%;border-radius: 4px;margin-top: 20px;overflow: hidden;}
.x-panel p{float: left;width:100%}
.x-panel:first-of-type{margin-top: 0;}
.x-wrap-left .x-panel{background: #00A3E7;color: #fff;padding: 30px 20px;}
.x-wrap-left .x-panel h1{font-size: 20px;font-weight: 600;margin-bottom: 30px;}
.x-wrap-left .x-panel input{position: relative;width: 100%;height: 40px;line-height: 40px;font-size: 14px;border-radius: 4px;background: #fff;color: #1C2226;margin-bottom: 20px;border: none;padding: 0 10px;}
.x-wrap-left .x-panel input::-webkit-input-placeholder {color: #a4afb8;font-size: 14px;} /* WebKit, Blink, Edge */
.x-wrap-left .x-panel input:-moz-placeholder {color: #a4afb8;font-size: 14px;} /* Mozilla Firefox 4 to 18 */
.x-wrap-left .x-panel input::-moz-placeholder {color: #a4afb8;font-size: 14px;}/* Mozilla Firefox 19+ */
.x-wrap-left .x-panel input:-ms-input-placeholder {color: #a4afb8;font-size: 14px;} /* Internet Explorer 10-11 */
.x-wrap-left .x-panel .x-btn{position: relative;width: 100%;height: 40px;line-height: 40px;font-size: 18px;border-radius: 4px;background: #ecb12f;color: #fff;margin-top: 10px;text-align: center;display: block;}
.x-wrap-left .x-panel .x-text{position: relative;width: 100%;text-align: center;font-size: 14px;line-height: 24px;margin-top: 24px;margin-bottom: -6px;min-height: 24px;}
.x-wrap-left .x-panel .x-text p{font-size: 14px;line-height: 24px;margin: 0;}
.x-wrap-left .x-panel .x-text a{color: #fff;}
.x-wrap-left .x-panel .x-text .x-fgtpswd{float: left;}
.x-wrap-left .x-panel .x-text .x-regNow{float: right;}
.x-wrap-left .x-panel.x-menu {padding: 0 20px;}
.x-wrap-left .x-panel.x-menu li{height: 64px;display: block;border-bottom: 1px solid #7bbade;font-size: 18px;position: relative;width: 100%;transition: 0.2s;}
.x-wrap-left .x-panel.x-menu li:last-of-type{border: none;}
.x-wrap-left .x-panel.x-menu li .fa{float: right;line-height: 64px;}
.x-wrap-left .x-panel.x-menu li a{color: #fff;padding-left: 46px;height: 64px;line-height: 64px;position: relative;width: 100%;float: left;width: 100%;}
.x-wrap-left .x-panel.x-menu li:hover{opacity: 0.7;}
.x-wrap-left .x-panel.x-deco{padding: 0;overflow: hidden;}

.x-wrap-right .x-panel{background: #fff;color: #1c2226;padding: 30px;}
.x-wrap-right .x-panel.x-lhtp{padding: 0;}
.x-wrap-right .x-panel h1{color: #1C2226;font-size: 20px;font-weight: 700;line-height: 22px;}
.x-wrap-right .x-panel h1 a{float: right;color: #FB7100;font-size: 14px;font-weight: normal;}
.x-wrap-right .x-panel .x-liuchengImg{margin-top: 40px;margin-bottom: 20px;width:870px;}
.x-wrap-right .x-panel .x-tip{color: #a4afb8;font-size: 14px;line-height: 30px;margin-top: 30px;height: 60px;}
.x-wrap-right .x-panel .x-tip-left{float: left;width: 50%;height: 60px;padding-right: 50px;}
.x-wrap-right .x-panel .x-tip-right{float: right;width: 50%;height: 60px;padding-left: 50px;}
.x-wrap-right .x-panel .x-form{position: relative;width: 100%;margin-top: 30px;height: 200px;}
.x-wrap-right .x-panel .x-form .x-item{float: left;width: 250px;height: 46px;line-height: 46px;margin-right: 65px;margin-bottom: 30px;}
.x-wrap-right .x-panel .x-form .x-label{font-size: 18px;color: #1c2226;float: left;width: 90px;}
.x-wrap-right .x-panel .x-form .x-box{float: left;width: 160px;height: 46px;border: 1px solid #a4afb8;background: #fff;border-radius: 4px;padding: 0 12px;outline: none;font-size: 16px;color: #1c2226;line-height: 46px;background: #fcfcfc;}
.x-wrap-right .x-panel .x-form input::-webkit-input-placeholder {color: #5b666e;font-size: 16px;} /* WebKit, Blink, Edge */
.x-wrap-right .x-panel .x-form input:-moz-placeholder {color: #5b666e;font-size: 16px;} /* Mozilla Firefox 4 to 18 */
.x-wrap-right .x-panel .x-form input::-moz-placeholder {color: #5b666e;font-size: 16px;}/* Mozilla Firefox 19+ */
.x-wrap-right .x-panel .x-form input:-ms-input-placeholder {color: #5b666e;font-size: 16px;} /* Internet Explorer 10-11 */
.x-wrap-right .x-panel .x-form .x-item.x-size{margin-right: 0;width: 565px;}
.x-wrap-right .x-panel .x-form .x-item.x-size .x-box{width: 140px;}
.x-wrap-right .x-panel .x-form .x-item.x-size span{float: left;width: 27px;text-align: center;}
.x-wrap-right .x-panel .x-form .x-price{float: left;width: 160px;height: 46px;font-size: 18px;color: #1c2226;line-height: 46px;background: #fcfcfc;}
.x-wrap-right .x-panel .x-form .x-price span{color: #fb7100;font-weight: 700;}
.x-wrap-right .x-panel .x-form .x-item .x-btn{float: left;width: 140px;height: 46px;line-height: 46px;text-align: center;font-size: 18px;color: #fff;font-weight: 700;background: #00A3E7;border-radius: 4px;}
.x-wrap-right .x-panel .x-contact{float: left;width: 450px;}
.x-wrap-right .x-panel .x-contact .x-info{float: left;width: 100%;line-height: 45px;margin-top: 20px;margin-bottom: -7px;font-size: 16px;}
.x-wrap-right .x-panel .x-contact .x-info p{margin: 0; width:100%}
.x-wrap-right .x-panel .x-contact .x-info a{font-size: 14px;color: #fb7100;}
.x-wrap-right .x-panel .x-news{float: right;width: 100%;}
.x-wrap-right .x-panel .x-news ul{float: left;width: 375px;margin-top: 20px;margin-bottom: -20px;margin-left: 50px;}
.x-wrap-right .x-panel .x-news li{float: left;width: 100%;line-height: 58px;height: 58px;border-bottom: 1px solid #ececec;font-size: 16px;}
.x-wrap-right .x-panel .x-news li:last-of-type{border: none;}
.x-wrap-right .x-panel .x-news li a{float: left;line-height: 58px;height: 58px;max-width: 230px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;transition: 0.2s;color: #1c2226;}
.x-wrap-right .x-panel .x-news li a:hover{color: #00A3E7;}
.x-wrap-right .x-panel .x-news li span{float: right;color: #5b666e;}

.second{display:none;}

ul.x-footer-help{width:190px;float:left;text-align:center;}
ul.x-footer-help li{width:100%;float:left;height:36px;line-height:36px;}
ul.x-footer-help li a{color:#FFF;font-size:16px;}

.x-hezuoContent{width:100%;float:left;padding-left:108px;padding-top:40px;height:230px;overflow:hidden;}
.x-hezuoContent img{float:left;margin-right:60px;border:1px solid #ececec;margin-bottom:23px;}