html{padding:0; margin:0; height: 100%;}
body{padding:0; margin:0;/* min-width:1200px*/; height:100%; overflow:auto;}
*{font-family:"Microsoft Yahei",arial;}
/** {color:red;}*/

/*平台概览*/
.common-text-and-img-item-container{/*background:#eee;*/}
.common-text-and-img-item-container .tab-bar{font-size:0; margin:0 auto; width:90%; }
.common-text-and-img-item-container .tab-bar .bar-item{display:inline-block; height:40px; line-height:37px; cursor:pointer;}
.common-text-and-img-item-container .tab-bar .bar-item .text{display:inline-block; margin:0 22px; border-bottom:3px solid transparent; font-size:16px;}
.common-text-and-img-item-container .tab-bar .bar-item.current{border:;}
.common-text-and-img-item-container .tab-bar .bar-item.current .text{border-bottom:3px solid #009bed; color:#009bed;}
.common-text-and-img-item-container .tab-content{}
.common-text-and-img-item-container .tab-content .content-item{display:none;}
.common-text-and-img-item-container .tab-content .content-item.show{display:block;}


.common-text-and-img-item-container .common-block{height:560px; /*min-width:1200px;*/}
.common-text-and-img-item-container .common-block.banner{background:#02060f url(/images/combination/ptgl-banner-min.jpg?t=1) no-repeat center;}
.common-text-and-img-item-container .common-block.jsys{background:#222c47 url(/images/combination/jsys-back.png) no-repeat center;}
.common-text-and-img-item-container .common-block .center{width:90%; max-width:1200px; margin:0 auto; /*border:1px dashed #eee;*/ position:relative; /*overflow:hidden;*/}
.common-text-and-img-item-container .common-block .center .left{float:left;}
.common-text-and-img-item-container .common-block .center .right{float:right;}
.common-text-and-img-item-container .common-block .center img{}
.common-text-and-img-item-container .common-block .center .text{color:#333; padding:120px 0 0 0;}
.common-text-and-img-item-container .common-block .center .text.light{color:#fff;}
.common-text-and-img-item-container .common-block .center .text.high-z-index{position:relative; z-index:1;}
.common-text-and-img-item-container .common-block .center .text .title{font-size:48px;}
.common-text-and-img-item-container .common-block .center .text .sub-title{font-size:24px; margin:0 0 35px 0; line-height:40px;}
.common-text-and-img-item-container .common-block .center .text .block-btn{color:#fff; background:#009bed; font-size:18px; border-radius:3px; height:20px; line-height:20px; padding:10px 16px; text-decoration:none; cursor:pointer;}


/*媒体资源*/
.common-text-and-img-item-container .common-block.aircraft{background:#1cb7ed;}
.common-text-and-img-item-container .common-block.railway{background:#404f65;}
/*.common-text-and-img-item-container .common-block.business{background:#;}*/
.common-text-and-img-item-container .common-block.railway img{margin:48px 0 0 0;}
.common-text-and-img-item-container .common-block.business img{margin:60px 0 0 0;}

.common-text-and-img-item-container.media-resource .common-block .center .text .sub-title{font-size:22px;}



/*投放组合*/
.combination-panel{padding:50px 0 0 0; position:relative;}
.combination-panel .title{text-align:center; font-size:20px; line-height: 100px;}
.combination-panel .common-line{display:inline-block; width:100%; font-size:0; position:relative; padding:0 0 0 90px; box-sizing:border-box;
    height:40px; line-height:40px;
    margin:0 0 38px 0;
}
.combination-panel .common-line.half{width:48%;}
.combination-panel .common-line .il-item{display:inline-block; vertical-align:middle; font-size:14px;}
.combination-panel .common-line .il-item.right{padding-left:3%;}
.combination-panel .common-line .key{position:absolute; top:0; left:0;}
.combination-panel .common-line .val{width:100%; padding:0 40px 0 0; box-sizing:border-box; position:relative;}
.combination-panel .common-line .val.yuan{padding:0 24 0 0; }
.combination-panel .common-line .val.yuan .after-text{position:absolute; top:0; right:0; line-height:40px;}
.combination-panel .common-line .val input{display:block; width:100%; border:none; height:40px; line-height:40px; text-indent:8px; font-size:14px;}
.combination-panel .common-line .val .arrow-btn{position:absolute; top:0; right:0; width:40px; height:40px; border-radius:3px; background:#c8dbf2; cursor:pointer;  border:1px solid #c8dbf2; box-sizing:border-box;}
.combination-panel .common-line .val .arrow-btn:hover{background:#d7e6f7; border:1px solid #5a6f84;}
.combination-panel .common-line .val .arrow-btn .center-arrow{position:absolute; top:16px; left:14px; width:0; height:0; 
    border-style:solid;
    border-width:9px 6px 6px 6px; border-color:#5a6f84 transparent transparent transparent;
}

/*投放周期 下拉框*/
.combination-panel .common-line .val .duration{border:1px solid #eff2f6; position:relative;}
.combination-panel .common-line .val .duration .duration-result{background:#fff; padding:0 0 0 10px;}
.combination-panel .common-line .val .duration .duration-list{background:#fff; border-bottom:1px solid #ccc; position:relative; z-index:100; display:none;}
/*.combination-panel .common-line .val.duration-container:hover .duration-list{display:block;}*/
.combination-panel .common-line .val .duration .duration-list .duration-item{cursor:pointer; border-top:1px solid #ccc; padding:0 0 0 10px;}
.combination-panel .common-line .val .duration .duration-list .duration-item:hover{background:#f5f5f5;}
.combination-panel .common-line .val .duration .duration-list .duration-item.custom{}
.combination-panel .common-line .val .duration .duration-list .duration-item.custom .custom-input{width:100px; border: 1px solid #ccc; border-width: 0 1px; margin: 0 10px; display:inline-block;}
.combination-panel .common-line .val .duration .duration-list .duration-item.custom .input-over{margin-left:10px; background:#009bed; color:#fff; cursor:pointer; border-radius:3px; line-height:40px; padding: 4px 22px;}


/*推荐投放组合*/
.common-block.table{position:relative;}
.common-block.table .top-arrow{position:absolute; top:0; left:50%; margin-left:-8px; width:0; height:0; border:15px solid #eff2f6; border-color:#eff2f6 transparent transparent transparent;}
.recommend-table-container{max-height:500px; /*overflow:auto;*/ overflow-y:auto; overflow-x:hidden; border-bottom: 1px solid #e7f4fb; box-shadow: 0 1px 2px #ccc;}
.recommend-table{width:100%; border-collapse:collapse;}
.recommend-table thead{  }
.recommend-table thead tr{border-radius:3px;}
.recommend-table thead tr th{background:#009bed; color:#fff; height:60px; line-height:60px; }
.recommend-table thead tr th .check-all-container{border:1px solid #fff; border-radius:3px; display:inline-block; font-size:0; line-height:0;}
.recommend-table thead tr th .table-check-all{font-size:20px; font-size:20px; margin:0; padding:0;}
.recommend-table tbody tr{border:2px solid #fff; border-radius:3px;}
.recommend-table tbody tr td{padding:16px 0; background:#e7f4fb; color:#333; text-align:center;}
.recommend-table tbody tr.light td{background:#fcfcf5;}
.recommend-table tbody tr td .check-input{font-size:20px;}

.common-block.table{height:auto;}
.center.recommend-container{padding:60px 0 70px 0; max-width:1300px !important;}
.table-title-icon{display:block; margin:0 auto 58px auto;}

/*js计算结果*/
.result{padding:20px 0 30px 30px; font-size:16px; line-height:30px;}
.result p{margin:10px 0;}
.result span{color:#009bed; padding:0 4px; display:inline-block; text-align:center; font-weight:bold; font-size:18px; letter-spacing:1px;}
.result span.point-num{min-width:20px;}
.result span.total-price{min-width:20px;}
.result span.play-num{min-width:50px;}
.result span.flow-num{min-width:50px;}



.btn-container{text-align:center;}
.common-btn{display:inline-block; width:154px; height:40px; line-height:40px; text-align:center; color:#fff; background:#009bed; border-radius:3px; border:1px solid #009bed;
    cursor:pointer;
    letter-spacing:3px;
}
.common-btn.light{color:#333; background:#fff; border:1px solid #edf0f4;}
.common-btn:hover{/*background:;*/}
.common-btn.light:hover{/*background:;*/ color:#000;}
.common-btn.reset{margin:0 110px 0 0;}




/*弹出层*/
.pop-box{position:fixed; z-index:10; top:50%; left:50%; margin:-270px 0 0 -400px; width:800px; display:none; overflow:visible;}
.pop-box.show{display:block;}
.pop-box .black-mask{background:rgba(0,0,0,0.85); position:fixed; top:0; right:0; bottom:0; left:0;}
.pop-box .sub-container{background:#fff; display:none; position:relative; z-index:100; border:1px solid #71b2d4; 
    min-height:200px;
    border-radius:5px; 
    padding:20px 24px 20px 24px;
}
.pop-box .sub-container.show{display:block;}
.pop-box .sub-container.contact{color:#333; margin-top:57px;}
.pop-box .sub-container.contact .title{line-height:70px;}
.pop-box .sub-container.contact .common-line .val .item-input{border:1px solid #ccc; box-sizing:border-box;}
.pop-box .sub-container.contact .btn-container{margin-top:0;}

.pop-box .sub-container .title{}
.pop-box .sub-container .content{padding:10px 0 0 0;}
.pop-box .sub-container .content label{cursor:pointer; display:inline-block; min-width: 100px; padding:4px; margin:4px;}
.pop-box .sub-container .content label input{cursor:pointer;}

.pop-box .sub-container .btn-container{margin:30px 0;} 
.pop-box .sub-container .btn-container .light{margin:0 40px 0 0;} 

/*弹出层 -- 选择投放区域*/
.pop-box .sub-container.area{}
.pop-box .sub-container.area .content{overflow:hidden;}
.pop-box .sub-container.area .content .area-panel{width:45%; border:1px solid #ccc; border-radius:5px;}
.pop-box .sub-container.area .content .area-panel.left{float:left;}
.pop-box .sub-container.area .content .area-panel/*.left*/ .filter{border-bottom:1px solid #ccc; cursor:pointer; padding-right:46px; box-sizing:border-box; position:relative; overflow:hidden;
    line-height:38px;
}
.pop-box .sub-container.area .content .area-panel.right .filter{padding:0 12px; cursor:none;}

.pop-box .sub-container.area .content .area-panel.left .filter .input{display:block; height:38px; line-height:38px; width:100%; border:none;}
.pop-box .sub-container.area .content .area-panel.left .filter .search-btn{position:absolute; top:0; right:0; width:45px; height:38px; border-left:1px solid #ccc;}
.pop-box .sub-container.area .content .area-panel.right .filter .label{float:left;}
.pop-box .sub-container.area .content .area-panel.right .filter .revoke-btn{float:right; color:#009bed; cursor:pointer;}

.pop-box .sub-container.area .content .area-panel.right{float:right;}
/*搜索结果*/
.pop-box .sub-container.area .content .area-panel .filter-result{padding:10px 20px; overflow:auto; /*min-height:300px;*/ height:300px;}
.pop-box .sub-container.area .content .area-panel.left .filter-result{ height:340px;}
.pop-box .sub-container.area .content .area-panel .filter-result .click-bar{position:relative; padding-left:40px; line-height:30px; cursor:pointer;}
.pop-box .sub-container.area .content .area-panel .filter-result .click-bar .expand-arrow{position:absolute; height:40px; width:40px; top:0; left:0; background:url(/images/combination/arrow-right.png) no-repeat center;}
.pop-box .sub-container.area .content .area-panel .filter-result .click-bar .expand-arrow.rotate{background:url(/images/combination/arrow-bottom.png) no-repeat center;}
.pop-box .sub-container.area .content .area-panel .filter-result .click-bar .text{display:inline-block; height:40px; line-height:40px;}
.pop-box .sub-container.area .content .area-panel .filter-result .click-bar .check-box{float:right; margin:14px 0 0 0; font-size:20px; cursor:pointer;}
.pop-box .sub-container.area .content .area-panel .filter-result .click-bar .remove-btn{float:right; height:40px; width:40px; background:url(/images/combination/area-close.png) no-repeat center;}
.pop-box .sub-container.area .content .area-panel .filter-result .province{}
.pop-box .sub-container.area .content .area-panel .filter-result .city{margin-left:20px;}
.pop-box .sub-container.area .content .area-panel .filter-result .district{margin-left:20px;}

.pop-box .sub-container.area .content .area-panel .filter-result .sub{display:none;}
.pop-box .sub-container.area .content .area-panel .filter-result .expand > .sub{display:block;}


/*<!-- 预约顾问模块 -->*/
.reservation-panel{text-align:center; padding:70px 0 90px 0; background:#373c45; color:#fff;}
.reservation-panel .title{font-size:20px; line-height:40px; margin:0 0 66px 0;}
.reservation-panel .common-line{padding:0 0 38px 0; font-size:14px;}
.reservation-panel .common-line .il-item{display:inline-block; vertical-align: middle; height:40px; line-height:40px;}
.reservation-panel .common-line .key{min-width:80px; text-align:right; padding:0 30px 0 0;}
.reservation-panel .common-line .val{width:500px; background:#fff; border-radius:3px; font-size:0;}
.reservation-panel .common-line .val .item-input{display:block; width:100%; font-size:14px; border:none; height:40px; line-height:40px; text-indent:8px; background:none;}
.reservation-panel .reservation-btn{font-size:16px; color:#fff; padding:7px 30px; cursor:pointer; margin:10px 0 0 0; background:#009bed; border-radius:3px;}
.reservation-panel .reservation-btn:hover{background:;}


/*登录 弹窗模块*/
.login-container{display:none; min-height:377px !important; background:none !important; border:none !important;} 
.login-container.show{display:block;} 
.login-container .form{background:#fff; position:absolute; z-index:10; top:50%; left:50%; /*margin:-188px 178px 0 0;*/ margin: -188px 0 0 -196px;; /*width:290px;*/ padding:30px 18px 40px 18px; /*height:; */ line-height: 36px; font:14px "微软雅黑"; border-radius:5px; color: #555555; overflow:hidden; box-shadow: 0 0 8px 0 #ccc;} 
.login-container .form .half-transparent-back{position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; background:#fff; opacity:0.3; /*记得兼容IE8*/} 

.login-container .form .common-line{width: 290px; margin:0 32px; /*overflow:hidden;*/ position:relative; z-index:2;}
.login-container .form .common-line input{padding:0; background-color:#fff;} 
.login-container .form input{display:block; width:290px; box-sizing:border-box; height:42px; line-height: 42px; font:14px "微软雅黑"; border-radius:3px; border:1px solid #d3d3d3; color: #555555; box-sizing:border-box; border:1px solid #ccc\9; outline:none;} 
.login-container .form input:focus{border:1px solid #009bed !important;}

.login-container .form .common-line.title{width:auto; margin:0; text-align:center; font-size:20px; color:#009bed; border-bottom:1px solid #009bed; padding:0 0 12px 0;}
.login-container .form .common-line.title p{margin:0;}
.login-container .form #errorinfo{font-family:"Microsoft Yahei", "微软雅黑"; font-size: 14px; color:red; width:290px; height:36px; line-height:36px; margin:0 auto; text-align:left; }
.login-container .form .login-pwd{margin: 16px auto; }
.login-container .form .login-code{font-size:0; border:1px solid #d3d3d3; border-radius:3px; background:#fff;}
.login-container .form .login-code .code-wrap{display: inline-block; overflow: hidden; width:100%; }
.login-container .form .login-code input{display:inline-block; vertical-align:middle; width:160px; border:1px solid transparent; }
.login-container .form .login-code span.line{display:inline-block; vertical-align:middle; width:0; height:28px; border-right:1px solid #d7d7d7;}
.login-container .form .login-code #code_img{display:inline-block; vertical-align:middle; width: 96px; height: 28px; padding:0 0 0 16px; border-radius: 5px; cursor:pointer;}

.login-container .form .login-sub{text-align: center; margin-top: 30px; }
.login-container .form .login-sub .submit-btn{cursor: pointer; text-indent: 0; color:#fff; background-color:#009bed; border-radius:2px; width:100%; height:40px; line-height:40px; margin:0 auto; font-family:"微软雅黑"; font-size:18px; -webkit-appearance:none; }

.login-container .form .icon{position:relative;}
.login-container .form .icon:before{content:''; position:absolute; z-index:100; top:0; left:0; width:46px; height:44px; background-image:url(/images/login-icon.png) !important; background-repeat:no-repeat;}
.login-container .form .icon input{padding:0 0 0 46px;}
.login-container .form .user-name:before{top:36px; background-position:1px -2px;}
.login-container .form .login-pwd:before{background-position:1px -63px;}
.login-container .form .login-code:before{background-position:1px -124px;}

@media screen and (max-width:1420px){
    .common-text-and-img-item-container .common-block .center{width:75%;}
    .combination-banner{height:460px !important; top:50px !important;}
    .mttd{width:600px; margin:40px -3% 0 0;}
    .common-text-and-img-item-container .common-block .center .text .title{font-size:40px;}
    .common-text-and-img-item-container .common-block .center .text .sub-title{font-size:20px;}
    .common-text-and-img-item-container .common-block.jsys{background: url(/images/combination/jsys-back.png) no-repeat 42% center;}
    .china-map{width:540px; margin-top:60px !important;}
    
    /*媒体资页面*/
    /*.common-text-and-img-item-container .common-block .center{width:80%;}*/
    .common-text-and-img-item-container .common-block.aircraft .center  img{width:500px; margin-top:50px;}
    .common-text-and-img-item-container .common-block.railway .center  img{width:500px; margin-top:80px;}
    .common-text-and-img-item-container .common-block.business .center  img{width:500px; margin-top:100px;}
}

@media screen and (max-width:1300px){
    /*媒体资页面*/
    .common-text-and-img-item-container .common-block .center{width:85%;}
    .common-text-and-img-item-container .common-block.aircraft .center  img{width:400px; margin-top:100px;}
    .common-text-and-img-item-container .common-block.railway .center  img{width:400px; margin-top:130px;}
    .common-text-and-img-item-container .common-block.business .center  img{width:400px; margin-top:150px;}
}

@media screen and (max-width:1140px){
    /*媒体资页面*/
    .common-text-and-img-item-container .common-block .center{width:92%;}
    /*.common-text-and-img-item-container .common-block.aircraft .center  img{width:400px; margin-top:100px;}
    .common-text-and-img-item-container .common-block.railway .center  img{width:400px; margin-top:130px;}
    .common-text-and-img-item-container .common-block.business .center  img{width:400px; margin-top:150px;}*/
    .learn-more{width:96% !important;}
}


/*
去除输入框的黄色背景
链接：https://www.zhihu.com/question/48914902/answer/113296020
*/
input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill { 
       -webkit-box-shadow: 0 0 0 1000px white inset; 
}
 input[type=text]:focus, 
 input[type=password]:focus, 
 textarea:focus {
      -webkit-box-shadow: 0 0 0 1000px white inset; 
}